@ptcwebops/ptcw-design 2.4.2 → 2.4.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/ptc-card.cjs.entry.js +1 -1
- package/dist/cjs/ptc-pricing-add-on-card.cjs.entry.js +1 -1
- package/dist/cjs/ptc-pricing-table.cjs.entry.js +94 -11
- package/dist/collection/components/ptc-card/ptc-card.css +1 -1
- package/dist/collection/components/ptc-pricing-add-on-card/ptc-pricing-add-on-card.css +2 -2
- package/dist/collection/components/ptc-pricing-table/ptc-pricing-table.css +92 -106
- package/dist/collection/components/ptc-pricing-table/ptc-pricing-table.js +93 -10
- package/dist/custom-elements/index.js +96 -13
- package/dist/esm/ptc-card.entry.js +1 -1
- package/dist/esm/ptc-pricing-add-on-card.entry.js +1 -1
- package/dist/esm/ptc-pricing-table.entry.js +94 -11
- package/dist/ptcw-design/p-30feb059.entry.js +1 -0
- package/dist/ptcw-design/{p-f8eacbd8.entry.js → p-ef79c1f5.entry.js} +1 -1
- package/dist/ptcw-design/{p-05cc800d.entry.js → p-f6cf3eea.entry.js} +1 -1
- package/dist/ptcw-design/ptcw-design.esm.js +1 -1
- package/dist/types/components/ptc-pricing-table/ptc-pricing-table.d.ts +8 -0
- package/package.json +1 -1
- package/readme.md +1 -1
- package/dist/ptcw-design/p-3192a7e8.entry.js +0 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, h, F as Fragment, H as Host, g as getElement } from './index-22a84644.js';
|
|
2
2
|
|
|
3
|
-
const ptcPricingAddOnCardCss = ":host{display:block;height:99%}.add-on-card{padding:
|
|
3
|
+
const ptcPricingAddOnCardCss = ":host{display:block;height:99%}.add-on-card{padding:var(--ptc-element-spacing-06);border-top:var(--color-gray-10) solid var(--ptc-element-spacing-01);background-color:white;border-radius:var(--ptc-border-radius-standard);box-shadow:var(--ptc-shadow-x-small);height:100%;box-sizing:border-box}";
|
|
4
4
|
|
|
5
5
|
const PtcPricingAddOnCard = class {
|
|
6
6
|
constructor(hostRef) {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, h, F as Fragment, H as Host, g as getElement } from './index-22a84644.js';
|
|
2
2
|
|
|
3
|
-
const ptcPricingTableCss = ":host{display:block;position:relative}
|
|
3
|
+
const ptcPricingTableCss = ":host{display:block;position:relative}:host #vertical-scroll-content-clipper{position:fixed;top:0;left:0;right:0;margin:auto;background-color:white;z-index:25;display:none}:host .last-column-tooltip .tooltip{right:-48px}:host #sticky-header-container{position:fixed;z-index:20;background-color:white;overflow-x:scroll;overflow-y:visible;-ms-overflow-style:none;scrollbar-width:none;visibility:hidden;border-top-left-radius:var(--ptc-border-radius-standard);border-top-right-radius:var(--ptc-border-radius-standard);box-shadow:var(--ptc-shadow-x-large)}:host #sticky-header-container::-webkit-scrollbar{display:none}:host #sticky-header-container th{background:var(--color-gray-10);color:white;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-06) var(--ptc-element-spacing-04) var(--ptc-element-spacing-06);min-width:168px;max-width:180px;vertical-align:middle}:host #sticky-header-container th:not(:last-child){border-right:1px solid var(--color-gray-07)}:host #sticky-header-container th.desktop-header-first-cell{display:none}:host #sticky-header-container th.border-box-header-cell{box-sizing:border-box}:host #sticky-header-container th.table-filler-header-cell{width:99%;box-sizing:content-box}:host .scroll-buttons-container{position:absolute;top:0;right:0;display:flex;align-items:center;box-sizing:border-box}:host .scroll-buttons-container .scroll-buttons{z-index:15;position:absolute;display:inline-block;width:36px;width:fit-content;height:36px;background-color:white;box-shadow:var(--ptc-shadow-x-medium);display:flex;justify-content:center;align-items:center}:host .scroll-buttons-container .scroll-buttons icon-asset{z-index:15;display:flex;justify-content:center;align-items:center;width:36px;height:100%}:host .scroll-buttons-container .scroll-buttons.prev-button{z-index:15;left:0;border-radius:0px var(--ptc-element-spacing-01) var(--ptc-element-spacing-01) 0px}:host .scroll-buttons-container .scroll-buttons.prev-button ptc-para{z-index:15;margin-right:var(--ptc-element-spacing-04);display:none}:host .scroll-buttons-container .scroll-buttons.next-button{z-index:15;right:0;border-radius:var(--ptc-element-spacing-01) 0px 0px var(--ptc-element-spacing-01)}:host .scroll-buttons-container .scroll-buttons.next-button ptc-para{z-index:15;margin-left:var(--ptc-element-spacing-04);display:none}:host #table-container{border-radius:var(--ptc-border-radius-standard);box-shadow:var(--ptc-shadow-x-small);overflow-x:scroll;position:relative}:host #table-container #horizontal-scroll-box-shadow{display:none}:host #table-container table{border-spacing:0}:host #table-container th{background:var(--color-gray-10);color:white;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-06) var(--ptc-element-spacing-04) var(--ptc-element-spacing-06)}:host #table-container th:not(:last-child){border-right:1px solid var(--color-gray-07)}:host #table-container th.desktop-header-first-cell{display:none}:host #table-container th.table-filler-header-cell{width:99%;display:none}:host #table-container tbody.mobile-table-body{display:contents;width:100%}:host #table-container tbody.desktop-table-body{display:none}:host #table-container tr{background-color:white;width:100%;overflow-x:scroll}:host #table-container tr:nth-child(odd){background-color:var(--color-gray-01)}:host #table-container tr:nth-child(even){background-color:white}:host #table-container tr.table-button-row{background-color:white}:host #table-container tr.table-button-row td{border-top:1px solid var(--color-gray-02)}:host #table-container tr.table-button-row td ptc-tooltip .text-ellipsis{font-size:var(--ptc-font-size-x-small)}:host #table-container td{text-align:center;min-width:168px;max-width:180px;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-06) var(--ptc-element-spacing-04) var(--ptc-element-spacing-06)}:host #table-container td:not(:last-child){border-right:1px solid var(--color-gray-02)}:host #table-container td.table-filler-body-cell{width:99%;display:none}@media only screen and (min-width: 768px){:host .table-descriptor{width:768px;margin:auto}}@media only screen and (min-width: 992px){:host #sticky-header-container{box-shadow:none}:host #sticky-header-container th{max-width:275px}:host #sticky-header-container th.desktop-header-first-cell{display:table-cell;min-width:275px;box-sizing:content-box}:host #sticky-header-container th:first-of-type{position:-webkit-sticky;position:sticky;left:0;z-index:5}:host #sticky-header-container th.table-filler-header-cell{width:99%;display:none;max-width:fit-content;box-sizing:border-box}:host #table-container #horizontal-scroll-box-shadow{display:block;position:absolute;top:0;left:0;height:100%;width:var(--ptc-element-spacing-06);background:linear-gradient(90deg, rgba(0, 0, 0, 0.12) 0%, rgba(0, 0, 0, 0) 100%);z-index:10;visibility:hidden}:host #table-container th{max-width:275px}:host #table-container th.desktop-header-first-cell{display:table-cell;min-width:275px}:host #table-container th:first-of-type{position:-webkit-sticky;position:sticky;left:0;z-index:5}:host #table-container th.table-filler-header-cell{width:99%;display:none}:host #table-container tbody.mobile-table-body{display:none}:host #table-container tbody.desktop-table-body{display:contents;width:100%}:host #table-container tr:nth-child(odd){background-color:white}:host #table-container tr:nth-child(even){background-color:var(--color-gray-01)}:host #table-container tr.table-button-row{background-color:white}:host #table-container tr.table-button-row td{border-top:1px solid var(--color-gray-02)}:host #table-container td{max-width:275px}:host #table-container td:first-of-type{position:-webkit-sticky;position:sticky;left:0;z-index:5;background:inherit;min-width:275px}:host #table-container td:not(:first-child){text-align:center}:host #table-container td.first-column-cell.scroll-shadow{box-shadow:var(--ptc-shadow-x-large)}:host #table-container td.first-column-cell.no-shadow{box-shadow:none}:host #table-container td.table-filler-body-cell{width:99%;display:none}:host #table-container td.table-filler-button-cell{width:99%;display:none}}";
|
|
4
4
|
|
|
5
5
|
const PtcPricingTable = class {
|
|
6
6
|
constructor(hostRef) {
|
|
@@ -19,15 +19,18 @@ const PtcPricingTable = class {
|
|
|
19
19
|
var _a, _b, _c, _d, _e, _f, _g;
|
|
20
20
|
this.targetElements = this.getTargetElements();
|
|
21
21
|
this.targetElements["sticky-header-container"].scrollLeft = (_a = this.targetElements["table-container"]) === null || _a === void 0 ? void 0 : _a.scrollLeft;
|
|
22
|
+
// Scroll the button containers in sync with the table's scrolling
|
|
22
23
|
if (((_b = this.targetElements["table-container"]) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect().right) <= ((_c = this.targetElements["table"]) === null || _c === void 0 ? void 0 : _c.getBoundingClientRect().right)) {
|
|
23
24
|
this.targetElements["normal-scroll-buttons-container"].style.left = `${((_d = this.targetElements["table-container"]) === null || _d === void 0 ? void 0 : _d.scrollLeft) + this.desktopHeaderFirstCellWidth}px`;
|
|
24
25
|
this.targetElements["sticky-scroll-buttons-container"].style.left = `${((_e = this.targetElements["table-container"]) === null || _e === void 0 ? void 0 : _e.scrollLeft) + this.desktopHeaderFirstCellWidth}px`;
|
|
25
26
|
}
|
|
27
|
+
// Scroll the mobile row headers along with the table in the mobile view
|
|
26
28
|
if (this.targetElements["mobile-table-row-headers"].length > 0) {
|
|
27
29
|
for (let i = 0; i < this.dataRows; i++) {
|
|
28
30
|
this.targetElements["mobile-table-row-headers"][i].style.paddingLeft = `${(_f = this.targetElements["table-container"]) === null || _f === void 0 ? void 0 : _f.scrollLeft}px`;
|
|
29
31
|
}
|
|
30
32
|
}
|
|
33
|
+
// Managing the visibility of the next scroll buttons in both the sticky and normal headers, depending on whether the table can scroll further to the right or not
|
|
31
34
|
if (Math.trunc(this.targetElements["table-container"].getBoundingClientRect().right) >= Math.trunc(this.targetElements["table"].getBoundingClientRect().right)) {
|
|
32
35
|
this.targetElements["normal-next-scroll-button"].style.visibility = 'hidden';
|
|
33
36
|
if (this.targetElements["sticky-header-container"].style.visibility === 'visible') {
|
|
@@ -40,6 +43,7 @@ const PtcPricingTable = class {
|
|
|
40
43
|
this.targetElements["sticky-next-scroll-button"].style.visibility = 'visible';
|
|
41
44
|
}
|
|
42
45
|
}
|
|
46
|
+
// Adjusting the visibility of the previous scroll buttons in both the sticky and normal headers, as well as the box shadow in desktop view, depending on whether the table can scroll further to the left or not
|
|
43
47
|
if (this.targetElements["table-container"].scrollLeft === 0) {
|
|
44
48
|
this.targetElements["horizontal-scroll-box-shadow"].style.left = '0';
|
|
45
49
|
this.targetElements["horizontal-scroll-box-shadow"].style.visibility = 'hidden';
|
|
@@ -64,19 +68,19 @@ const PtcPricingTable = class {
|
|
|
64
68
|
// Scrolling Up
|
|
65
69
|
if (this.targetElements["table-container"].getBoundingClientRect().bottom > 0) {
|
|
66
70
|
if (this.targetElements["sticky-header-container"].getBoundingClientRect().top < 0) {
|
|
67
|
-
// Scroll the sticky header back into
|
|
71
|
+
// Scroll the sticky header back into view along with the table
|
|
68
72
|
this.targetElements["vertical-scroll-content-clipper"].style.display = 'block';
|
|
69
73
|
this.targetElements["sticky-scroll-buttons-container"].style.opacity = '1';
|
|
70
74
|
this.targetElements["sticky-header-container"].style.visibility = 'visible';
|
|
71
75
|
this.targetElements["sticky-header-container"].style.top = `${this.targetElements["table-container"].getBoundingClientRect().bottom - this.targetElements["sticky-header-container"].getBoundingClientRect().height}px`;
|
|
72
76
|
}
|
|
73
77
|
else {
|
|
74
|
-
//
|
|
78
|
+
// Make the sticky header fixed once it is entirely within the window
|
|
75
79
|
this.targetElements["sticky-header-container"].style.top = this.scrollTopClipperHeight;
|
|
76
80
|
}
|
|
77
81
|
}
|
|
78
82
|
if (this.targetElements["table-header"].getBoundingClientRect().top > this.targetElements["sticky-header-container"].getBoundingClientRect().top) {
|
|
79
|
-
//
|
|
83
|
+
// Conceal the sticky header and reveal the normal header
|
|
80
84
|
this.targetElements["sticky-scroll-buttons-container"].style.opacity = '0';
|
|
81
85
|
this.targetElements["sticky-header-container"].style.visibility = 'hidden';
|
|
82
86
|
this.targetElements["table-header"].style.visibility = 'visible';
|
|
@@ -86,7 +90,7 @@ const PtcPricingTable = class {
|
|
|
86
90
|
else if (scrollTopPosition > this.lastScrollTop) {
|
|
87
91
|
// Scrolling down
|
|
88
92
|
if (this.targetElements["sticky-header-container"].getBoundingClientRect().bottom <= 0) {
|
|
89
|
-
// Reset and hide the sticky header
|
|
93
|
+
// Reset and hide the sticky header when it scrolls out of the top of the window
|
|
90
94
|
this.targetElements["sticky-header-container"].style.top = `${-this.targetElements["sticky-header-container"].getBoundingClientRect().height}px`;
|
|
91
95
|
this.targetElements["sticky-scroll-buttons-container"].style.opacity = '0';
|
|
92
96
|
this.targetElements["sticky-header-container"].style.visibility = 'hidden';
|
|
@@ -98,7 +102,7 @@ const PtcPricingTable = class {
|
|
|
98
102
|
this.targetElements["sticky-header-container"].style.top = `${(this.targetElements["table-container"].getBoundingClientRect().bottom - this.targetElements["sticky-header-container"].clientHeight)}px`;
|
|
99
103
|
}
|
|
100
104
|
else {
|
|
101
|
-
//
|
|
105
|
+
// Conceal the normal header and reveal the sticky header
|
|
102
106
|
this.targetElements["vertical-scroll-content-clipper"].style.display = 'block';
|
|
103
107
|
this.targetElements["sticky-scroll-buttons-container"].style.opacity = '1';
|
|
104
108
|
this.targetElements["sticky-header-container"].style.visibility = 'visible';
|
|
@@ -140,6 +144,7 @@ const PtcPricingTable = class {
|
|
|
140
144
|
this.ctaButtons = [];
|
|
141
145
|
this.disclaimers = [];
|
|
142
146
|
}
|
|
147
|
+
// Provides an object containing frequently accessed HTML elements for table-related operations
|
|
143
148
|
getTargetElements() {
|
|
144
149
|
let pricingTable = this.el.shadowRoot;
|
|
145
150
|
let verticalScrollContentClipper = pricingTable === null || pricingTable === void 0 ? void 0 : pricingTable.querySelector('#vertical-scroll-content-clipper');
|
|
@@ -161,9 +166,13 @@ const PtcPricingTable = class {
|
|
|
161
166
|
let normalScrollButtonsContainer = tableContainer === null || tableContainer === void 0 ? void 0 : tableContainer.querySelector('.scroll-buttons-container');
|
|
162
167
|
let stickyScrollButtonsContainer = stickyHeaderContainer === null || stickyHeaderContainer === void 0 ? void 0 : stickyHeaderContainer.querySelector('.scroll-buttons-container');
|
|
163
168
|
let normalPreviousScrollButton = normalScrollButtonsContainer === null || normalScrollButtonsContainer === void 0 ? void 0 : normalScrollButtonsContainer.querySelector('.prev-button');
|
|
169
|
+
let normalPreviousScrollButtonText = normalPreviousScrollButton === null || normalPreviousScrollButton === void 0 ? void 0 : normalPreviousScrollButton.querySelector('ptc-para');
|
|
164
170
|
let stickyPreviousScrollButton = stickyScrollButtonsContainer === null || stickyScrollButtonsContainer === void 0 ? void 0 : stickyScrollButtonsContainer.querySelector('.prev-button');
|
|
171
|
+
let stickyPreviousScrollButtonText = stickyPreviousScrollButton === null || stickyPreviousScrollButton === void 0 ? void 0 : stickyPreviousScrollButton.querySelector('ptc-para');
|
|
165
172
|
let normalNextScrollButton = normalScrollButtonsContainer === null || normalScrollButtonsContainer === void 0 ? void 0 : normalScrollButtonsContainer.querySelector('.next-button');
|
|
173
|
+
let normalNextScrollButtonText = normalNextScrollButton === null || normalNextScrollButton === void 0 ? void 0 : normalNextScrollButton.querySelector('ptc-para');
|
|
166
174
|
let stickyNextScrollButton = stickyScrollButtonsContainer === null || stickyScrollButtonsContainer === void 0 ? void 0 : stickyScrollButtonsContainer.querySelector('.next-button');
|
|
175
|
+
let stickyNextScrollButtonText = stickyNextScrollButton === null || stickyNextScrollButton === void 0 ? void 0 : stickyNextScrollButton.querySelector('ptc-para');
|
|
167
176
|
let horizontalScrollBoxShadow = tableContainer === null || tableContainer === void 0 ? void 0 : tableContainer.querySelector('#horizontal-scroll-box-shadow');
|
|
168
177
|
let targetElements = {
|
|
169
178
|
"vertical-scroll-content-clipper": verticalScrollContentClipper,
|
|
@@ -186,23 +195,31 @@ const PtcPricingTable = class {
|
|
|
186
195
|
"normal-scroll-buttons-container": normalScrollButtonsContainer,
|
|
187
196
|
"sticky-scroll-buttons-container": stickyScrollButtonsContainer,
|
|
188
197
|
"normal-previous-scroll-button": normalPreviousScrollButton,
|
|
198
|
+
"normal-previous-scroll-button-text": normalPreviousScrollButtonText,
|
|
189
199
|
"sticky-previous-scroll-button": stickyPreviousScrollButton,
|
|
200
|
+
"sticky-previous-scroll-button-text": stickyPreviousScrollButtonText,
|
|
190
201
|
"normal-next-scroll-button": normalNextScrollButton,
|
|
202
|
+
"normal-next-scroll-button-text": normalNextScrollButtonText,
|
|
191
203
|
"sticky-next-scroll-button": stickyNextScrollButton,
|
|
204
|
+
"sticky-next-scroll-button-text": stickyNextScrollButtonText,
|
|
192
205
|
"horizontal-scroll-box-shadow": horizontalScrollBoxShadow,
|
|
193
206
|
};
|
|
194
207
|
return targetElements;
|
|
195
208
|
}
|
|
209
|
+
// Sets up the scroll buttons container for both the sticky and normal headers
|
|
196
210
|
configureScrollButtonsContainers() {
|
|
197
211
|
this.targetElements = this.getTargetElements();
|
|
212
|
+
// Defines the dimensions
|
|
198
213
|
this.targetElements["normal-scroll-buttons-container"].style.width = `${this.targetElements["table-container"].clientWidth}px`;
|
|
199
214
|
this.targetElements["normal-scroll-buttons-container"].style.height = `${this.targetElements["table-header"].clientHeight}px`;
|
|
200
215
|
this.targetElements["sticky-scroll-buttons-container"].style.width = `${this.targetElements["table-container"].clientWidth}px`;
|
|
201
216
|
this.targetElements["sticky-scroll-buttons-container"].style.height = `${this.targetElements["table-header"].clientHeight}px`;
|
|
217
|
+
// For desktop screens, scroll buttons are positioned after the first column of the table
|
|
202
218
|
if (this.targetElements["desktop-header-first-cell"]) {
|
|
203
219
|
this.targetElements["normal-scroll-buttons-container"].style.width = `${this.targetElements["normal-scroll-buttons-container"].getBoundingClientRect().width - this.desktopHeaderFirstCellWidth}px`;
|
|
204
220
|
this.targetElements["sticky-scroll-buttons-container"].style.width = `${this.targetElements["sticky-scroll-buttons-container"].getBoundingClientRect().width - this.desktopHeaderFirstCellWidth}px`;
|
|
205
221
|
}
|
|
222
|
+
// Controlling the visibility of the previous scroll buttons, of the sticky and normal headers, based on whether table can scroll further to the left or not
|
|
206
223
|
if (this.targetElements["table-container"].scrollLeft === 0) {
|
|
207
224
|
this.targetElements["normal-previous-scroll-button"].style.visibility = 'hidden';
|
|
208
225
|
if (this.targetElements["sticky-header-container"].style.visibility === 'visible') {
|
|
@@ -215,6 +232,7 @@ const PtcPricingTable = class {
|
|
|
215
232
|
this.targetElements["sticky-previous-scroll-button"].style.visibility = 'visible';
|
|
216
233
|
}
|
|
217
234
|
}
|
|
235
|
+
// Managing the visibility of the next scroll buttons in both the sticky and normal headers, depending on whether the table can be scrolled further to the right or not
|
|
218
236
|
if (this.targetElements["table-container"].getBoundingClientRect().width >= this.targetElements["table"].getBoundingClientRect().width) {
|
|
219
237
|
this.targetElements["normal-next-scroll-button"].style.visibility = 'hidden';
|
|
220
238
|
if (this.targetElements["sticky-header-container"].style.visibility === 'visible') {
|
|
@@ -228,12 +246,23 @@ const PtcPricingTable = class {
|
|
|
228
246
|
}
|
|
229
247
|
}
|
|
230
248
|
}
|
|
249
|
+
// Configures the sticky header based on the dimensions of the table header
|
|
231
250
|
configureStickyHeader() {
|
|
232
251
|
var _a, _b, _c, _d, _e, _f;
|
|
233
252
|
const targetElements = this.getTargetElements();
|
|
234
|
-
//
|
|
253
|
+
// Expanding the content clipper by an additional 10px on each side to accommodate the table's box-shadow
|
|
235
254
|
targetElements["vertical-scroll-content-clipper"].style.width = `${targetElements["table-container"].clientWidth + 20}px`;
|
|
255
|
+
// Aligns the background color of the element with the body's background color
|
|
256
|
+
const bodyBackgroundColor = window.getComputedStyle(document.body, null).getPropertyValue('background-color');
|
|
257
|
+
if (bodyBackgroundColor === ("rgba(0, 0, 0, 0)" )) {
|
|
258
|
+
targetElements["vertical-scroll-content-clipper"].style.backgroundColor = "white";
|
|
259
|
+
}
|
|
260
|
+
else {
|
|
261
|
+
targetElements["vertical-scroll-content-clipper"].style.backgroundColor = bodyBackgroundColor;
|
|
262
|
+
}
|
|
263
|
+
// Establishing the width of the sticky header to be in line with the table's width
|
|
236
264
|
targetElements["sticky-header-container"].style.width = `${targetElements["table-container"].clientWidth}px`;
|
|
265
|
+
// Adjusts the table's sticky behavior, making it adhere at varying positions below the top, contingent on factors like the device type (mobile or desktop) and the presence of a subnav in the page
|
|
237
266
|
if (this.pageWithSubnav) {
|
|
238
267
|
if (window.innerWidth >= 1200) {
|
|
239
268
|
this.scrollTopClipperHeight = this.scrollTopClipperHeightOptions.withSubNav.desktop;
|
|
@@ -252,6 +281,7 @@ const PtcPricingTable = class {
|
|
|
252
281
|
}
|
|
253
282
|
targetElements["vertical-scroll-content-clipper"].style.height = this.scrollTopClipperHeight;
|
|
254
283
|
targetElements["sticky-header-container"].style.top = this.scrollTopClipperHeight;
|
|
284
|
+
// Align the widths of sticky header cells with those of the normal header cells
|
|
255
285
|
for (let i = 0; i < targetElements["table-header-cells"].length; i++) {
|
|
256
286
|
targetElements["sticky-header-cells"][i].style.width = `${targetElements["table-header-cells"][i].getBoundingClientRect().width}px`;
|
|
257
287
|
if (targetElements["table-header-cells"][i].classList.contains('desktop-header-first-cell')) {
|
|
@@ -279,7 +309,7 @@ const PtcPricingTable = class {
|
|
|
279
309
|
this.targetElements = this.getTargetElements();
|
|
280
310
|
this.targetElements["table-filler-sticky-header-cell"].style.width = this.targetElements["table-filler-header-cell"].getBoundingClientRect().width;
|
|
281
311
|
if (this.targetElements['table'].getBoundingClientRect().width < this.targetElements['table-container'].getBoundingClientRect().width) {
|
|
282
|
-
//
|
|
312
|
+
// If the table is smaller than the container, insert fillers
|
|
283
313
|
this.targetElements["table-filler-sticky-header-cell"].style.display = 'table-cell';
|
|
284
314
|
this.targetElements["table-filler-header-cell"].style.display = 'table-cell';
|
|
285
315
|
for (let i = 0; i < this.dataRows; i++) {
|
|
@@ -291,7 +321,7 @@ const PtcPricingTable = class {
|
|
|
291
321
|
this.mobileHeaderRowColSpan = this.dataCols + 1;
|
|
292
322
|
}
|
|
293
323
|
else {
|
|
294
|
-
//
|
|
324
|
+
// If the table is equal to or larger than the container, remove fillers
|
|
295
325
|
this.targetElements["table-filler-sticky-header-cell"].style.width = '99%';
|
|
296
326
|
if (getComputedStyle(this.targetElements["sticky-next-scroll-button"]).visibility === 'hidden') {
|
|
297
327
|
for (let i = 0; i < this.targetElements["sticky-header-cells"].length + 1; i++) {
|
|
@@ -306,8 +336,27 @@ const PtcPricingTable = class {
|
|
|
306
336
|
var _a;
|
|
307
337
|
this.targetElements["table-container"].scrollLeft = (_a = this.targetElements["sticky-header-container"]) === null || _a === void 0 ? void 0 : _a.scrollLeft;
|
|
308
338
|
}
|
|
339
|
+
handleScrollForwardHover() {
|
|
340
|
+
if (this.targetElements["normal-next-scroll-button"].getAttribute("data-clicked") !== "true") {
|
|
341
|
+
document.body.style.cursor = 'pointer';
|
|
342
|
+
this.targetElements["normal-next-scroll-button-text"].style.display = "block";
|
|
343
|
+
this.targetElements["sticky-next-scroll-button-text"].style.display = "block";
|
|
344
|
+
}
|
|
345
|
+
}
|
|
346
|
+
handleScrollForwardHoverOut() {
|
|
347
|
+
if (this.targetElements["normal-next-scroll-button"].getAttribute("data-clicked") !== "true") {
|
|
348
|
+
document.body.style.cursor = 'auto';
|
|
349
|
+
this.targetElements["normal-next-scroll-button-text"].style.display = "none";
|
|
350
|
+
this.targetElements["sticky-next-scroll-button-text"].style.display = "none";
|
|
351
|
+
}
|
|
352
|
+
}
|
|
309
353
|
handleScrollForward() {
|
|
310
354
|
this.targetElements = this.getTargetElements();
|
|
355
|
+
// Display the "See more" text when clicked
|
|
356
|
+
document.body.style.cursor = 'pointer';
|
|
357
|
+
this.targetElements["normal-next-scroll-button"].setAttribute("data-clicked", "true");
|
|
358
|
+
this.targetElements["normal-next-scroll-button-text"].style.display = "block";
|
|
359
|
+
this.targetElements["sticky-next-scroll-button-text"].style.display = "block";
|
|
311
360
|
let scrollAdded = 0;
|
|
312
361
|
let intervalId = setInterval(() => {
|
|
313
362
|
scrollAdded += this.scrollAmount;
|
|
@@ -315,12 +364,38 @@ const PtcPricingTable = class {
|
|
|
315
364
|
let tableRight = this.targetElements["table"].getBoundingClientRect().right;
|
|
316
365
|
if ((scrollAdded == this.scrollLimit) || (tableContainerRight >= tableRight)) {
|
|
317
366
|
clearInterval(intervalId);
|
|
367
|
+
this.targetElements["normal-next-scroll-button"].setAttribute("data-clicked", "false");
|
|
368
|
+
// Remove the "See more" text if the mouse is not hovering over the button after scrolling
|
|
369
|
+
if (!this.targetElements["normal-next-scroll-button"].matches(':hover') && !this.targetElements["sticky-next-scroll-button"].matches(':hover')) {
|
|
370
|
+
document.body.style.cursor = 'auto';
|
|
371
|
+
this.targetElements["normal-next-scroll-button-text"].style.display = "none";
|
|
372
|
+
this.targetElements["sticky-next-scroll-button-text"].style.display = "none";
|
|
373
|
+
}
|
|
318
374
|
}
|
|
319
375
|
this.targetElements["table-container"].scrollLeft += scrollAdded;
|
|
320
376
|
}, this.scrollTimeInterval);
|
|
321
377
|
}
|
|
378
|
+
handleScrollBackwardHover() {
|
|
379
|
+
document.body.style.cursor = 'pointer';
|
|
380
|
+
if (this.targetElements["normal-previous-scroll-button"].getAttribute("data-clicked") !== "true") {
|
|
381
|
+
this.targetElements["normal-previous-scroll-button-text"].style.display = "block";
|
|
382
|
+
this.targetElements["sticky-previous-scroll-button-text"].style.display = "block";
|
|
383
|
+
}
|
|
384
|
+
}
|
|
385
|
+
handleScrollBackwardHoverOut() {
|
|
386
|
+
document.body.style.cursor = 'auto';
|
|
387
|
+
if (this.targetElements["normal-previous-scroll-button"].getAttribute("data-clicked") !== "true") {
|
|
388
|
+
this.targetElements["normal-previous-scroll-button-text"].style.display = "none";
|
|
389
|
+
this.targetElements["sticky-previous-scroll-button-text"].style.display = "none";
|
|
390
|
+
}
|
|
391
|
+
}
|
|
322
392
|
handleScrollBackward() {
|
|
323
393
|
this.targetElements = this.getTargetElements();
|
|
394
|
+
// Display the "See more" text when clicked
|
|
395
|
+
document.body.style.cursor = 'pointer';
|
|
396
|
+
this.targetElements["normal-previous-scroll-button"].setAttribute("data-clicked", "true");
|
|
397
|
+
this.targetElements["normal-previous-scroll-button-text"].style.display = "block";
|
|
398
|
+
this.targetElements["sticky-previous-scroll-button-text"].style.display = "block";
|
|
324
399
|
let scrollReduced = 0;
|
|
325
400
|
let intervalId = setInterval(() => {
|
|
326
401
|
scrollReduced += this.scrollAmount;
|
|
@@ -328,6 +403,14 @@ const PtcPricingTable = class {
|
|
|
328
403
|
let tableLeft = this.targetElements["table"].getBoundingClientRect().left;
|
|
329
404
|
if ((scrollReduced == this.scrollLimit) || (tableContainerLeft <= tableLeft)) {
|
|
330
405
|
clearInterval(intervalId);
|
|
406
|
+
this.targetElements["normal-previous-scroll-button"].setAttribute("data-clicked", "false");
|
|
407
|
+
// Remove the "See more" text if the mouse is not hovering over the button after scrolling
|
|
408
|
+
if (!this.targetElements["normal-previous-scroll-button"].matches(':hover') && !this.targetElements["sticky-previous-scroll-button"].matches(':hover')) {
|
|
409
|
+
document.body.style.cursor = 'auto';
|
|
410
|
+
this.targetElements["normal-previous-scroll-button-text"].style.display = "none";
|
|
411
|
+
this.targetElements["sticky-previous-scroll-button-text"].style.display = "none";
|
|
412
|
+
}
|
|
413
|
+
return;
|
|
331
414
|
}
|
|
332
415
|
this.targetElements["table-container"].scrollLeft -= scrollReduced;
|
|
333
416
|
}, this.scrollTimeInterval);
|
|
@@ -390,7 +473,7 @@ const PtcPricingTable = class {
|
|
|
390
473
|
return (this.tableDescription && h(Fragment, null, h("div", { class: "table-descriptor" }, h("ptc-para", { "font-size": "small", "font-weight": "w-4", "para-align": "center", "para-line-h": "line-height-p", "para-margin": "margin-flush" }, (this.tableDescription.length <= 500) ? this.tableDescription : h("ptc-readmore", { "more-text": "See more" }, this.tableDescription)))));
|
|
391
474
|
};
|
|
392
475
|
const getScrollButtonsContainer = () => {
|
|
393
|
-
return h("div", { class: "scroll-buttons-container" }, h("div", { class: "scroll-buttons prev-button", onClick: () => this.handleScrollBackward() }, h("icon-asset", { type: "solid", size: "medium", name: "chevron-left", color: "primary-gray" }), h("ptc-para", { "font-size": "small", "font-weight": "w-6", "para-align": "justify", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush" }, "See More")), h("div", { class: "scroll-buttons next-button", onClick: () => this.handleScrollForward() }, h("ptc-para", { "font-size": "small", "font-weight": "w-6", "para-align": "justify", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush" }, "See More"), h("icon-asset", { type: "solid", size: "medium", name: "chevron-right", color: "primary-gray" })));
|
|
476
|
+
return h("div", { class: "scroll-buttons-container" }, h("div", { class: "scroll-buttons prev-button", "data-clicked": "false", onClick: () => this.handleScrollBackward(), onMouseOver: () => this.handleScrollBackwardHover(), onMouseOut: () => this.handleScrollBackwardHoverOut() }, h("icon-asset", { type: "solid", size: "medium", name: "chevron-left", color: "primary-gray" }), h("ptc-para", { "font-size": "small", "font-weight": "w-6", "para-align": "justify", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush" }, "See More")), h("div", { class: "scroll-buttons next-button", "data-clicked": "false", onClick: () => this.handleScrollForward(), onMouseOver: () => this.handleScrollForwardHover(), onMouseOut: () => this.handleScrollForwardHoverOut() }, h("ptc-para", { "font-size": "small", "font-weight": "w-6", "para-align": "justify", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush" }, "See More"), h("icon-asset", { type: "solid", size: "medium", name: "chevron-right", color: "primary-gray" })));
|
|
394
477
|
};
|
|
395
478
|
const getTableHeader = (headerType) => {
|
|
396
479
|
return h("thead", null, h("tr", null, h("th", { class: "desktop-header-first-cell" }, h("ptc-para", { "font-size": "medium", "font-weight": "w-7", "para-align": "left", "para-color": "white", "para-line-h": "line-height-p", "para-margin": "margin-flush" }, "Package Options")), ([...Array(this.dataCols).keys()]).map(col => {
|
|
@@ -422,7 +505,7 @@ const PtcPricingTable = class {
|
|
|
422
505
|
return h(Fragment, null, h("ptc-para", { "font-size": "xx-small", "font-weight": "w-6", "para-align": "center", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush" }, disclaimer), (ind != (this.disclaimerCount - 1)) ? h("ptc-spacer", { size: "xx-small" }) : null);
|
|
423
506
|
})));
|
|
424
507
|
};
|
|
425
|
-
return (h(Host, null, h("div", { id: "vertical-scroll-content-clipper" }), h("div", { id: "sticky-header-container", onScroll: () => this.handleStickyHeaderHorizontalScroll() }, getScrollButtonsContainer(), getTableHeader("sticky")), h("ptc-spacer", { breakpoint: "small", size: "xxx-large" }), h("ptc-spacer", { breakpoint: "x-small", size: "xxxx-large" }), getTableTitle(), getTableSubTitle(), getTableDescription(), h("ptc-spacer", { breakpoint: "small", size: "xx-large" }), h("ptc-spacer", { breakpoint: "small", size: "xx-small" }), h("ptc-spacer", { breakpoint: "x-small", size: "xxx-large" }), h("ptc-spacer", { breakpoint: "x-small", size: "xx-small" }), h("div", { id: "table-container", onScroll: () => this.handleHorizontalScroll() }, getScrollButtonsContainer(), h("table", null, h("div", { id: "horizontal-scroll-box-shadow" }), getTableHeader("normal"), (window.innerWidth >=
|
|
508
|
+
return (h(Host, null, h("div", { id: "vertical-scroll-content-clipper" }), h("div", { id: "sticky-header-container", onScroll: () => this.handleStickyHeaderHorizontalScroll() }, getScrollButtonsContainer(), getTableHeader("sticky")), h("ptc-spacer", { breakpoint: "small", size: "xxx-large" }), h("ptc-spacer", { breakpoint: "x-small", size: "xxxx-large" }), getTableTitle(), getTableSubTitle(), getTableDescription(), h("ptc-spacer", { breakpoint: "small", size: "xx-large" }), h("ptc-spacer", { breakpoint: "small", size: "xx-small" }), h("ptc-spacer", { breakpoint: "x-small", size: "xxx-large" }), h("ptc-spacer", { breakpoint: "x-small", size: "xx-small" }), h("div", { id: "table-container", onScroll: () => this.handleHorizontalScroll() }, getScrollButtonsContainer(), h("table", null, h("div", { id: "horizontal-scroll-box-shadow" }), getTableHeader("normal"), (window.innerWidth >= 992)
|
|
426
509
|
? getDesktopTableBody()
|
|
427
510
|
: getMobileTableBody())), getDisclaimers(), h("ptc-spacer", { breakpoint: "small", size: "xxx-large" }), h("ptc-spacer", { breakpoint: "x-small", size: "xxxx-large" })));
|
|
428
511
|
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,h as i,F as e,H as l,g as o}from"./p-ce0e4c5c.js";const s=class{constructor(i){t(this,i),this.scrollTopClipperHeightOptions={withSubNav:{desktop:"104px",mobile:"80px"},withoutSubNav:{desktop:"40px",mobile:"24px"}},this.handleHorizontalScroll=()=>{var t,i,e,l,o,s,a;if(this.targetElements=this.getTargetElements(),this.targetElements["sticky-header-container"].scrollLeft=null===(t=this.targetElements["table-container"])||void 0===t?void 0:t.scrollLeft,(null===(i=this.targetElements["table-container"])||void 0===i?void 0:i.getBoundingClientRect().right)<=(null===(e=this.targetElements.table)||void 0===e?void 0:e.getBoundingClientRect().right)&&(this.targetElements["normal-scroll-buttons-container"].style.left=`${(null===(l=this.targetElements["table-container"])||void 0===l?void 0:l.scrollLeft)+this.desktopHeaderFirstCellWidth}px`,this.targetElements["sticky-scroll-buttons-container"].style.left=`${(null===(o=this.targetElements["table-container"])||void 0===o?void 0:o.scrollLeft)+this.desktopHeaderFirstCellWidth}px`),this.targetElements["mobile-table-row-headers"].length>0)for(let t=0;t<this.dataRows;t++)this.targetElements["mobile-table-row-headers"][t].style.paddingLeft=`${null===(s=this.targetElements["table-container"])||void 0===s?void 0:s.scrollLeft}px`;Math.trunc(this.targetElements["table-container"].getBoundingClientRect().right)>=Math.trunc(this.targetElements.table.getBoundingClientRect().right)?(this.targetElements["normal-next-scroll-button"].style.visibility="hidden","visible"===this.targetElements["sticky-header-container"].style.visibility&&(this.targetElements["sticky-next-scroll-button"].style.visibility="hidden")):(this.targetElements["normal-next-scroll-button"].style.visibility="visible","visible"===this.targetElements["sticky-header-container"].style.visibility&&(this.targetElements["sticky-next-scroll-button"].style.visibility="visible")),0===this.targetElements["table-container"].scrollLeft?(this.targetElements["horizontal-scroll-box-shadow"].style.left="0",this.targetElements["horizontal-scroll-box-shadow"].style.visibility="hidden",this.targetElements["normal-previous-scroll-button"].style.visibility="hidden","visible"===this.targetElements["sticky-header-container"].style.visibility&&(this.targetElements["sticky-previous-scroll-button"].style.visibility="hidden")):(this.targetElements["horizontal-scroll-box-shadow"].style.left=`${(null===(a=this.targetElements["table-container"])||void 0===a?void 0:a.scrollLeft)+this.desktopHeaderFirstCellWidth}px`,this.targetElements["horizontal-scroll-box-shadow"].style.visibility="visible",this.targetElements["normal-previous-scroll-button"].style.visibility="visible","visible"===this.targetElements["sticky-header-container"].style.visibility&&(this.targetElements["sticky-previous-scroll-button"].style.visibility="visible"))},this.handleVerticalScroll=()=>{this.targetElements=this.getTargetElements();const t=window.scrollY||document.documentElement.scrollTop;t<this.lastScrollTop?(this.targetElements["table-container"].getBoundingClientRect().bottom>0&&(this.targetElements["sticky-header-container"].getBoundingClientRect().top<0?(this.targetElements["vertical-scroll-content-clipper"].style.display="block",this.targetElements["sticky-scroll-buttons-container"].style.opacity="1",this.targetElements["sticky-header-container"].style.visibility="visible",this.targetElements["sticky-header-container"].style.top=this.targetElements["table-container"].getBoundingClientRect().bottom-this.targetElements["sticky-header-container"].getBoundingClientRect().height+"px"):this.targetElements["sticky-header-container"].style.top=this.scrollTopClipperHeight),this.targetElements["table-header"].getBoundingClientRect().top>this.targetElements["sticky-header-container"].getBoundingClientRect().top&&(this.targetElements["sticky-scroll-buttons-container"].style.opacity="0",this.targetElements["sticky-header-container"].style.visibility="hidden",this.targetElements["table-header"].style.visibility="visible",this.targetElements["vertical-scroll-content-clipper"].style.display="none")):t>this.lastScrollTop&&(this.targetElements["sticky-header-container"].getBoundingClientRect().bottom<=0?(this.targetElements["sticky-header-container"].style.top=-this.targetElements["sticky-header-container"].getBoundingClientRect().height+"px",this.targetElements["sticky-scroll-buttons-container"].style.opacity="0",this.targetElements["sticky-header-container"].style.visibility="hidden",this.targetElements["vertical-scroll-content-clipper"].style.display="none"):this.targetElements["table-header"].getBoundingClientRect().top<=this.targetElements["sticky-header-container"].getBoundingClientRect().top&&(this.targetElements["table-container"].getBoundingClientRect().bottom<=this.targetElements["sticky-header-container"].getBoundingClientRect().bottom?this.targetElements["sticky-header-container"].style.top=this.targetElements["table-container"].getBoundingClientRect().bottom-this.targetElements["sticky-header-container"].clientHeight+"px":(this.targetElements["vertical-scroll-content-clipper"].style.display="block",this.targetElements["sticky-scroll-buttons-container"].style.opacity="1",this.targetElements["sticky-header-container"].style.visibility="visible",this.targetElements["table-header"].style.visibility="hidden",this.targetElements["sticky-previous-scroll-button"].style.visibility=this.targetElements["normal-previous-scroll-button"].style.visibility,this.targetElements["sticky-next-scroll-button"].style.visibility=this.targetElements["normal-next-scroll-button"].style.visibility,"visible"===getComputedStyle(this.targetElements["sticky-next-scroll-button"]).visibility&&(this.targetElements["table-filler-sticky-header-cell"].style.boxSizing="content-box")))),this.lastScrollTop=t<=0?0:t},this.handleResize=()=>{this.targetElements["table-container"].scrollLeft=0,this.handleHorizontalScroll(),this.configureStickyHeader(),this.configureScrollButtonsContainers(),this.configureTableFillerCells()},this.pageWithSubnav=!1,this.tableTitle=void 0,this.tableSubTitle="",this.tableDescription="",this.dataRows=void 0,this.dataCols=void 0,this.disclaimerCount=0,this.scrollTopClipperHeight=void 0,this.desktopHeaderFirstCellWidth=0,this.targetElements={},this.columnHeaderLinks=[],this.lastScrollTop=void 0,this.scrollTimeInterval=35,this.scrollAmount=5,this.scrollLimit=50,this.mobileHeaderRowColSpan=this.dataCols,this.showCtaButtonsRow=void 0,this.ctaButtons=[],this.disclaimers=[]}getTargetElements(){let t=this.el.shadowRoot,i=null==t?void 0:t.querySelector("#vertical-scroll-content-clipper"),e=null==t?void 0:t.querySelector("#table-container"),l=null==e?void 0:e.querySelector("table"),o=null==e?void 0:e.querySelector("table thead"),s=null==e?void 0:e.querySelector(".desktop-header-first-cell"),a=null==e?void 0:e.querySelectorAll("th"),n=null==e?void 0:e.querySelector(".desktop-table-body"),r=null==e?void 0:e.querySelector(".mobile-table-body"),h=null==t?void 0:t.querySelector("#sticky-header-container"),c=null==h?void 0:h.querySelectorAll("th"),d=null==e?void 0:e.querySelector("#vertical-scroll-box-shadow"),p=null==h?void 0:h.querySelector(".table-filler-header-cell"),b=null==o?void 0:o.querySelector(".table-filler-header-cell"),u=null==l?void 0:l.querySelectorAll(".table-filler-body-cell"),v=null==l?void 0:l.querySelector(".table-filler-button-cell"),m=null==t?void 0:t.querySelectorAll(".mobile-table-row-header"),x=null==e?void 0:e.querySelector(".scroll-buttons-container"),g=null==h?void 0:h.querySelector(".scroll-buttons-container"),y=null==x?void 0:x.querySelector(".prev-button"),w=null==y?void 0:y.querySelector("ptc-para"),f=null==g?void 0:g.querySelector(".prev-button"),k=null==f?void 0:f.querySelector("ptc-para"),z=null==x?void 0:x.querySelector(".next-button"),$=null==z?void 0:z.querySelector("ptc-para"),S=null==g?void 0:g.querySelector(".next-button"),H=null==S?void 0:S.querySelector("ptc-para"),M=null==e?void 0:e.querySelector("#horizontal-scroll-box-shadow");return{"vertical-scroll-content-clipper":i,"pricing-table":t,"table-container":e,table:l,"table-header":o,"desktop-header-first-cell":s,"table-header-cells":a,"desktop-table-body":n,"mobile-table-body":r,"sticky-header-container":h,"sticky-header-cells":c,"vertical-scroll-box-shadow":d,"table-filler-sticky-header-cell":p,"table-filler-header-cell":b,"table-filler-body-cells":u,"table-filler-button-cell":v,"mobile-table-row-headers":m,"normal-scroll-buttons-container":x,"sticky-scroll-buttons-container":g,"normal-previous-scroll-button":y,"normal-previous-scroll-button-text":w,"sticky-previous-scroll-button":f,"sticky-previous-scroll-button-text":k,"normal-next-scroll-button":z,"normal-next-scroll-button-text":$,"sticky-next-scroll-button":S,"sticky-next-scroll-button-text":H,"horizontal-scroll-box-shadow":M}}configureScrollButtonsContainers(){this.targetElements=this.getTargetElements(),this.targetElements["normal-scroll-buttons-container"].style.width=`${this.targetElements["table-container"].clientWidth}px`,this.targetElements["normal-scroll-buttons-container"].style.height=`${this.targetElements["table-header"].clientHeight}px`,this.targetElements["sticky-scroll-buttons-container"].style.width=`${this.targetElements["table-container"].clientWidth}px`,this.targetElements["sticky-scroll-buttons-container"].style.height=`${this.targetElements["table-header"].clientHeight}px`,this.targetElements["desktop-header-first-cell"]&&(this.targetElements["normal-scroll-buttons-container"].style.width=this.targetElements["normal-scroll-buttons-container"].getBoundingClientRect().width-this.desktopHeaderFirstCellWidth+"px",this.targetElements["sticky-scroll-buttons-container"].style.width=this.targetElements["sticky-scroll-buttons-container"].getBoundingClientRect().width-this.desktopHeaderFirstCellWidth+"px"),0===this.targetElements["table-container"].scrollLeft?(this.targetElements["normal-previous-scroll-button"].style.visibility="hidden","visible"===this.targetElements["sticky-header-container"].style.visibility&&(this.targetElements["sticky-previous-scroll-button"].style.visibility="hidden")):(this.targetElements["normal-previous-scroll-button"].style.visibility="visible","visible"===this.targetElements["sticky-header-container"].style.visibility&&(this.targetElements["sticky-previous-scroll-button"].style.visibility="visible")),this.targetElements["table-container"].getBoundingClientRect().width>=this.targetElements.table.getBoundingClientRect().width?(this.targetElements["normal-next-scroll-button"].style.visibility="hidden","visible"===this.targetElements["sticky-header-container"].style.visibility&&(this.targetElements["sticky-next-scroll-button"].style.visibility="hidden")):(this.targetElements["normal-next-scroll-button"].style.visibility="visible","visible"===this.targetElements["sticky-header-container"].style.visibility&&(this.targetElements["sticky-next-scroll-button"].style.visibility="visible"))}configureStickyHeader(){var t,i,e,l,o,s;const a=this.getTargetElements();a["vertical-scroll-content-clipper"].style.width=`${a["table-container"].clientWidth+20}px`;const n=window.getComputedStyle(document.body,null).getPropertyValue("background-color");a["vertical-scroll-content-clipper"].style.backgroundColor="rgba(0, 0, 0, 0)"===n?"white":n,a["sticky-header-container"].style.width=`${a["table-container"].clientWidth}px`,this.scrollTopClipperHeight=this.pageWithSubnav?window.innerWidth>=1200?this.scrollTopClipperHeightOptions.withSubNav.desktop:this.scrollTopClipperHeightOptions.withSubNav.mobile:window.innerWidth>=1200?this.scrollTopClipperHeightOptions.withoutSubNav.desktop:this.scrollTopClipperHeightOptions.withoutSubNav.mobile,a["vertical-scroll-content-clipper"].style.height=this.scrollTopClipperHeight,a["sticky-header-container"].style.top=this.scrollTopClipperHeight;for(let t=0;t<a["table-header-cells"].length;t++)a["sticky-header-cells"][t].style.width=`${a["table-header-cells"][t].getBoundingClientRect().width}px`,a["table-header-cells"][t].classList.contains("desktop-header-first-cell")&&(this.desktopHeaderFirstCellWidth=a["table-header-cells"][t].getBoundingClientRect().width);if(a.table.clientWidth<=a["table-container"].clientWidth){if(a["desktop-table-body"])for(let e=0;e<a["sticky-header-cells"].length;e++)null===(i=null===(t=a["sticky-header-cells"][e])||void 0===t?void 0:t.classList)||void 0===i||i.add("border-box-header-cell")}else for(let t=0;t<a["sticky-header-cells"].length;t++)(null===(l=null===(e=a["sticky-header-cells"][t])||void 0===e?void 0:e.classList)||void 0===l?void 0:l.contains("border-box-header-cell"))&&(null===(s=null===(o=a["sticky-header-cells"][t])||void 0===o?void 0:o.classList)||void 0===s||s.remove("border-box-header-cell"))}configureTableFillerCells(){var t,i,e,l;if(this.targetElements=this.getTargetElements(),this.targetElements["table-filler-sticky-header-cell"].style.width=this.targetElements["table-filler-header-cell"].getBoundingClientRect().width,this.targetElements.table.getBoundingClientRect().width<this.targetElements["table-container"].getBoundingClientRect().width){this.targetElements["table-filler-sticky-header-cell"].style.display="table-cell",this.targetElements["table-filler-header-cell"].style.display="table-cell";for(let t=0;t<this.dataRows;t++)this.targetElements["table-filler-body-cells"][t].style.display="table-cell";this.targetElements["table-filler-button-cell"]&&(this.targetElements["table-filler-button-cell"].style.display="table-cell"),this.mobileHeaderRowColSpan=this.dataCols+1}else if(this.targetElements["table-filler-sticky-header-cell"].style.width="99%","hidden"===getComputedStyle(this.targetElements["sticky-next-scroll-button"]).visibility)for(let o=0;o<this.targetElements["sticky-header-cells"].length+1;o++)(null===(i=null===(t=this.targetElements["sticky-header-cells"][o])||void 0===t?void 0:t.classList)||void 0===i?void 0:i.contains("border-box-header-cell"))&&(null===(l=null===(e=this.targetElements["sticky-header-cells"][o])||void 0===e?void 0:e.classList)||void 0===l||l.remove("border-box-header-cell"))}handleStickyHeaderHorizontalScroll(){var t;this.targetElements["table-container"].scrollLeft=null===(t=this.targetElements["sticky-header-container"])||void 0===t?void 0:t.scrollLeft}handleScrollForwardHover(){"true"!==this.targetElements["normal-next-scroll-button"].getAttribute("data-clicked")&&(document.body.style.cursor="pointer",this.targetElements["normal-next-scroll-button-text"].style.display="block",this.targetElements["sticky-next-scroll-button-text"].style.display="block")}handleScrollForwardHoverOut(){"true"!==this.targetElements["normal-next-scroll-button"].getAttribute("data-clicked")&&(document.body.style.cursor="auto",this.targetElements["normal-next-scroll-button-text"].style.display="none",this.targetElements["sticky-next-scroll-button-text"].style.display="none")}handleScrollForward(){this.targetElements=this.getTargetElements(),document.body.style.cursor="pointer",this.targetElements["normal-next-scroll-button"].setAttribute("data-clicked","true"),this.targetElements["normal-next-scroll-button-text"].style.display="block",this.targetElements["sticky-next-scroll-button-text"].style.display="block";let t=0,i=setInterval((()=>{t+=this.scrollAmount;let e=this.targetElements["table-container"].getBoundingClientRect().right,l=this.targetElements.table.getBoundingClientRect().right;(t==this.scrollLimit||e>=l)&&(clearInterval(i),this.targetElements["normal-next-scroll-button"].setAttribute("data-clicked","false"),this.targetElements["normal-next-scroll-button"].matches(":hover")||this.targetElements["sticky-next-scroll-button"].matches(":hover")||(document.body.style.cursor="auto",this.targetElements["normal-next-scroll-button-text"].style.display="none",this.targetElements["sticky-next-scroll-button-text"].style.display="none")),this.targetElements["table-container"].scrollLeft+=t}),this.scrollTimeInterval)}handleScrollBackwardHover(){document.body.style.cursor="pointer","true"!==this.targetElements["normal-previous-scroll-button"].getAttribute("data-clicked")&&(this.targetElements["normal-previous-scroll-button-text"].style.display="block",this.targetElements["sticky-previous-scroll-button-text"].style.display="block")}handleScrollBackwardHoverOut(){document.body.style.cursor="auto","true"!==this.targetElements["normal-previous-scroll-button"].getAttribute("data-clicked")&&(this.targetElements["normal-previous-scroll-button-text"].style.display="none",this.targetElements["sticky-previous-scroll-button-text"].style.display="none")}handleScrollBackward(){this.targetElements=this.getTargetElements(),document.body.style.cursor="pointer",this.targetElements["normal-previous-scroll-button"].setAttribute("data-clicked","true"),this.targetElements["normal-previous-scroll-button-text"].style.display="block",this.targetElements["sticky-previous-scroll-button-text"].style.display="block";let t=0,i=setInterval((()=>{t+=this.scrollAmount;let e=this.targetElements["table-container"].getBoundingClientRect().left,l=this.targetElements.table.getBoundingClientRect().left;if(t==this.scrollLimit||e<=l)return clearInterval(i),this.targetElements["normal-previous-scroll-button"].setAttribute("data-clicked","false"),void(this.targetElements["normal-previous-scroll-button"].matches(":hover")||this.targetElements["sticky-previous-scroll-button"].matches(":hover")||(document.body.style.cursor="auto",this.targetElements["normal-previous-scroll-button-text"].style.display="none",this.targetElements["sticky-previous-scroll-button-text"].style.display="none"));this.targetElements["table-container"].scrollLeft-=t}),this.scrollTimeInterval)}componentWillLoad(){let t=this.el.querySelectorAll('[slot^="column-header"]');for(let i=0;i<this.dataCols;i++){let e=t[i].getAttribute("slot"),l=t[i].innerHTML;this.el.insertAdjacentHTML("afterbegin",`<span slot="normal-${e}">${l}</span><span slot="sticky-${e}">${l}</span>`),t[i].remove()}let i=this.el.querySelectorAll('[slot^="header-link"]');if(i.length>0)for(let t=0;t<this.dataCols;t++){let e=i[t].getAttribute("href");this.columnHeaderLinks.push({linkHref:e,linkText:i[t].innerHTML}),i[t].remove()}let e=this.el.querySelectorAll('[slot^="cta-button"]');this.showCtaButtonsRow=0!==e.length;for(let t=0;t<this.dataCols;t++)this.ctaButtons.push({linkHref:e[t].getAttribute("href"),linkText:e[t].innerHTML}),e[t].remove();let l=this.el.querySelectorAll('[slot^="disclaimer"]');for(let t=0;t<this.disclaimerCount;t++)this.disclaimers.push(l[t].innerHTML),l[t].remove()}componentDidLoad(){this.configureTableFillerCells(),this.configureStickyHeader(),this.configureScrollButtonsContainers(),window.addEventListener("scroll",this.handleVerticalScroll),window.addEventListener("resize",this.handleResize)}disconnectedCallback(){window.removeEventListener("scroll",this.handleVerticalScroll),window.removeEventListener("resize",this.handleResize)}render(){const t=()=>i("div",{class:"scroll-buttons-container"},i("div",{class:"scroll-buttons prev-button","data-clicked":"false",onClick:()=>this.handleScrollBackward(),onMouseOver:()=>this.handleScrollBackwardHover(),onMouseOut:()=>this.handleScrollBackwardHoverOut()},i("icon-asset",{type:"solid",size:"medium",name:"chevron-left",color:"primary-gray"}),i("ptc-para",{"font-size":"small","font-weight":"w-6","para-align":"justify","para-color":"primary-grey","para-line-h":"line-height-p","para-margin":"margin-flush"},"See More")),i("div",{class:"scroll-buttons next-button","data-clicked":"false",onClick:()=>this.handleScrollForward(),onMouseOver:()=>this.handleScrollForwardHover(),onMouseOut:()=>this.handleScrollForwardHoverOut()},i("ptc-para",{"font-size":"small","font-weight":"w-6","para-align":"justify","para-color":"primary-grey","para-line-h":"line-height-p","para-margin":"margin-flush"},"See More"),i("icon-asset",{type:"solid",size:"medium",name:"chevron-right",color:"primary-gray"}))),o=t=>i("thead",null,i("tr",null,i("th",{class:"desktop-header-first-cell"},i("ptc-para",{"font-size":"medium","font-weight":"w-7","para-align":"left","para-color":"white","para-line-h":"line-height-p","para-margin":"margin-flush"},"Package Options")),[...Array(this.dataCols).keys()].map((l=>i("th",null,i("ptc-para",{"font-size":"medium","font-weight":"w-7","para-align":"center","para-color":"white","para-line-h":"line-height-p","para-margin":"margin-flush"},i("slot",{name:`${t}-column-header-${l+1}`})),this.columnHeaderLinks.length===this.dataCols?i(e,null,i("ptc-spacer",{breakpoint:"small",size:"small"}),i("ptc-spacer",{breakpoint:"x-small",size:"medium"}),i("ptc-link",{"font-size":"medium","font-weight":"w-extrabold",href:`${this.columnHeaderLinks[l].linkHref}`,"link-area":"undefined",target:"_blank",theme:"d-green-underline"},i("ptc-tooltip",{class:l===this.dataCols-1?"last-column-tooltip":"","text-display":"inline","max-length":"30","z-index":"z-2",description:this.columnHeaderLinks[l].linkText,position:"top"}))):null))),i("th",{class:"table-filler-header-cell"})));return i(l,null,i("div",{id:"vertical-scroll-content-clipper"}),i("div",{id:"sticky-header-container",onScroll:()=>this.handleStickyHeaderHorizontalScroll()},t(),o("sticky")),i("ptc-spacer",{breakpoint:"small",size:"xxx-large"}),i("ptc-spacer",{breakpoint:"x-small",size:"xxxx-large"}),(()=>this.tableTitle&&i(e,null,i("div",{class:"table-descriptor"},i("ptc-title",{type:"h2","text-align":"center","title-size":"xx-large",upperline:"no-upperline","title-height":"densest","title-margin":"margin-flush","title-weight":"w-8"},this.tableTitle)),this.tableSubTitle?i(e,null,i("ptc-spacer",{breakpoint:"small",size:"x-small"}),i("ptc-spacer",{breakpoint:"x-small",size:"small"})):this.tableDescription?i(e,null,i("ptc-spacer",{breakpoint:"small",size:"small"}),i("ptc-spacer",{breakpoint:"x-small",size:"medium"})):null))(),(()=>this.tableSubTitle&&i(e,null,i("div",{class:"table-descriptor"},i("ptc-title",{type:"h3","text-align":"center","title-size":"large",upperline:"no-upperline","title-height":"densest","title-margin":"margin-flush","title-weight":"w-7"},this.tableSubTitle)),i("ptc-spacer",{breakpoint:"small",size:"medium"}),i("ptc-spacer",{breakpoint:"x-small",size:"large"})))(),(()=>this.tableDescription&&i(e,null,i("div",{class:"table-descriptor"},i("ptc-para",{"font-size":"small","font-weight":"w-4","para-align":"center","para-line-h":"line-height-p","para-margin":"margin-flush"},this.tableDescription.length<=500?this.tableDescription:i("ptc-readmore",{"more-text":"See more"},this.tableDescription)))))(),i("ptc-spacer",{breakpoint:"small",size:"xx-large"}),i("ptc-spacer",{breakpoint:"small",size:"xx-small"}),i("ptc-spacer",{breakpoint:"x-small",size:"xxx-large"}),i("ptc-spacer",{breakpoint:"x-small",size:"xx-small"}),i("div",{id:"table-container",onScroll:()=>this.handleHorizontalScroll()},t(),i("table",null,i("div",{id:"horizontal-scroll-box-shadow"}),o("normal"),window.innerWidth>=992?(()=>i("tbody",{class:"desktop-table-body"},[...Array(this.dataRows).keys()].map((t=>i("tr",null,i("td",{class:"first-column-cell"},i("ptc-para",{"font-size":"small","font-weight":"w-6","para-align":"left","para-color":"primary-grey","para-line-h":"line-height-p","para-margin":"margin-1"},i("slot",{name:`row-header-${t+1}`}))),[...Array(this.dataCols).keys()].map((e=>i("td",null,i("slot",{name:`cell-r${t+1}-c${e+1}`})))),i("td",{class:"table-filler-body-cell"})))),this.showCtaButtonsRow?i("tr",{class:"table-button-row"},i("td",null),[...Array(this.dataCols).keys()].map((t=>i("td",null,i("ptc-button",{type:"link",color:"ptc-tertiary","link-href":this.ctaButtons[t].linkHref,target:"_blank"},i("ptc-tooltip",{class:t===this.dataCols-1?"last-column-tooltip":"","text-display":"inline","max-length":"30","z-index":"z-2",description:this.ctaButtons[t].linkText,position:"top"}))))),i("td",{class:"table-filler-button-cell"})):null))():(()=>i("tbody",{class:"mobile-table-body"},[...Array(this.dataRows).keys()].map((t=>i(e,null,i("tr",null,i("td",{colSpan:this.mobileHeaderRowColSpan},i("div",{class:"mobile-table-row-header"},i("ptc-para",{"font-size":"small","font-weight":"w-6","para-align":"left","para-color":"primary-grey","para-line-h":"line-height-p","para-margin":"margin-1"},i("slot",{name:`row-header-${t+1}`}))))),i("tr",null,[...Array(this.dataCols).keys()].map((e=>i("td",null,i("slot",{name:`cell-r${t+1}-c${e+1}`})))),i("td",{class:"table-filler-body-cell"}))))),this.showCtaButtonsRow?i("tr",{class:"table-button-row"},[...Array(this.dataCols).keys()].map((t=>i("td",null,i("ptc-button",{type:"link",color:"ptc-tertiary","link-href":this.ctaButtons[t].linkHref,target:"_blank"},this.ctaButtons[t].linkText)))),this.mobileHeaderRowColSpan>this.dataCols?i("td",{class:"table-filler-button-cell"}):null):null))())),(()=>this.disclaimerCount>0&&i(e,null,i("ptc-spacer",{breakpoint:"small",size:"medium"}),i("ptc-spacer",{breakpoint:"x-small",size:"large"}),this.disclaimers.map(((t,l)=>i(e,null,i("ptc-para",{"font-size":"xx-small","font-weight":"w-6","para-align":"center","para-color":"primary-grey","para-line-h":"line-height-p","para-margin":"margin-flush"},t),l!=this.disclaimerCount-1?i("ptc-spacer",{size:"xx-small"}):null)))))(),i("ptc-spacer",{breakpoint:"small",size:"xxx-large"}),i("ptc-spacer",{breakpoint:"x-small",size:"xxxx-large"}))}get el(){return o(this)}};s.style=":host{display:block;position:relative}:host #vertical-scroll-content-clipper{position:fixed;top:0;left:0;right:0;margin:auto;background-color:white;z-index:25;display:none}:host .last-column-tooltip .tooltip{right:-48px}:host #sticky-header-container{position:fixed;z-index:20;background-color:white;overflow-x:scroll;overflow-y:visible;-ms-overflow-style:none;scrollbar-width:none;visibility:hidden;border-top-left-radius:var(--ptc-border-radius-standard);border-top-right-radius:var(--ptc-border-radius-standard);box-shadow:var(--ptc-shadow-x-large)}:host #sticky-header-container::-webkit-scrollbar{display:none}:host #sticky-header-container th{background:var(--color-gray-10);color:white;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-06) var(--ptc-element-spacing-04) var(--ptc-element-spacing-06);min-width:168px;max-width:180px;vertical-align:middle}:host #sticky-header-container th:not(:last-child){border-right:1px solid var(--color-gray-07)}:host #sticky-header-container th.desktop-header-first-cell{display:none}:host #sticky-header-container th.border-box-header-cell{box-sizing:border-box}:host #sticky-header-container th.table-filler-header-cell{width:99%;box-sizing:content-box}:host .scroll-buttons-container{position:absolute;top:0;right:0;display:flex;align-items:center;box-sizing:border-box}:host .scroll-buttons-container .scroll-buttons{z-index:15;position:absolute;display:inline-block;width:36px;width:fit-content;height:36px;background-color:white;box-shadow:var(--ptc-shadow-x-medium);display:flex;justify-content:center;align-items:center}:host .scroll-buttons-container .scroll-buttons icon-asset{z-index:15;display:flex;justify-content:center;align-items:center;width:36px;height:100%}:host .scroll-buttons-container .scroll-buttons.prev-button{z-index:15;left:0;border-radius:0px var(--ptc-element-spacing-01) var(--ptc-element-spacing-01) 0px}:host .scroll-buttons-container .scroll-buttons.prev-button ptc-para{z-index:15;margin-right:var(--ptc-element-spacing-04);display:none}:host .scroll-buttons-container .scroll-buttons.next-button{z-index:15;right:0;border-radius:var(--ptc-element-spacing-01) 0px 0px var(--ptc-element-spacing-01)}:host .scroll-buttons-container .scroll-buttons.next-button ptc-para{z-index:15;margin-left:var(--ptc-element-spacing-04);display:none}:host #table-container{border-radius:var(--ptc-border-radius-standard);box-shadow:var(--ptc-shadow-x-small);overflow-x:scroll;position:relative}:host #table-container #horizontal-scroll-box-shadow{display:none}:host #table-container table{border-spacing:0}:host #table-container th{background:var(--color-gray-10);color:white;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-06) var(--ptc-element-spacing-04) var(--ptc-element-spacing-06)}:host #table-container th:not(:last-child){border-right:1px solid var(--color-gray-07)}:host #table-container th.desktop-header-first-cell{display:none}:host #table-container th.table-filler-header-cell{width:99%;display:none}:host #table-container tbody.mobile-table-body{display:contents;width:100%}:host #table-container tbody.desktop-table-body{display:none}:host #table-container tr{background-color:white;width:100%;overflow-x:scroll}:host #table-container tr:nth-child(odd){background-color:var(--color-gray-01)}:host #table-container tr:nth-child(even){background-color:white}:host #table-container tr.table-button-row{background-color:white}:host #table-container tr.table-button-row td{border-top:1px solid var(--color-gray-02)}:host #table-container tr.table-button-row td ptc-tooltip .text-ellipsis{font-size:var(--ptc-font-size-x-small)}:host #table-container td{text-align:center;min-width:168px;max-width:180px;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-06) var(--ptc-element-spacing-04) var(--ptc-element-spacing-06)}:host #table-container td:not(:last-child){border-right:1px solid var(--color-gray-02)}:host #table-container td.table-filler-body-cell{width:99%;display:none}@media only screen and (min-width: 768px){:host .table-descriptor{width:768px;margin:auto}}@media only screen and (min-width: 992px){:host #sticky-header-container{box-shadow:none}:host #sticky-header-container th{max-width:275px}:host #sticky-header-container th.desktop-header-first-cell{display:table-cell;min-width:275px;box-sizing:content-box}:host #sticky-header-container th:first-of-type{position:-webkit-sticky;position:sticky;left:0;z-index:5}:host #sticky-header-container th.table-filler-header-cell{width:99%;display:none;max-width:fit-content;box-sizing:border-box}:host #table-container #horizontal-scroll-box-shadow{display:block;position:absolute;top:0;left:0;height:100%;width:var(--ptc-element-spacing-06);background:linear-gradient(90deg, rgba(0, 0, 0, 0.12) 0%, rgba(0, 0, 0, 0) 100%);z-index:10;visibility:hidden}:host #table-container th{max-width:275px}:host #table-container th.desktop-header-first-cell{display:table-cell;min-width:275px}:host #table-container th:first-of-type{position:-webkit-sticky;position:sticky;left:0;z-index:5}:host #table-container th.table-filler-header-cell{width:99%;display:none}:host #table-container tbody.mobile-table-body{display:none}:host #table-container tbody.desktop-table-body{display:contents;width:100%}:host #table-container tr:nth-child(odd){background-color:white}:host #table-container tr:nth-child(even){background-color:var(--color-gray-01)}:host #table-container tr.table-button-row{background-color:white}:host #table-container tr.table-button-row td{border-top:1px solid var(--color-gray-02)}:host #table-container td{max-width:275px}:host #table-container td:first-of-type{position:-webkit-sticky;position:sticky;left:0;z-index:5;background:inherit;min-width:275px}:host #table-container td:not(:first-child){text-align:center}:host #table-container td.first-column-cell.scroll-shadow{box-shadow:var(--ptc-shadow-x-large)}:host #table-container td.first-column-cell.no-shadow{box-shadow:none}:host #table-container td.table-filler-body-cell{width:99%;display:none}:host #table-container td.table-filler-button-cell{width:99%;display:none}}";export{s as ptc_pricing_table}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as r,H as o}from"./p-ce0e4c5c.js";const a=class{constructor(r){t(this,r),this.cardType="custom-card",this.cardHref=void 0,this.target="_self",this.rel=void 0,this.hasImage=!1,this.hasVideo=!1,this.hasLottie=!1,this.heading=void 0,this.headingTransform="none",this.cardDate=void 0,this.country=void 0,this.styles=void 0,this.ribbonText=void 0,this.eventType=void 0,this.cardLogo=void 0,this.titleLineCutOff=void 0,this.maxChars=void 0,this.maxLines=void 0,this.cardOverflow=void 0}render(){const t=this.cardHref?"a":"div",a=this.getCssClassMap(),i=this.getLineCuttoff();let e="";return this.titleLineCutOff&&this.titleLineCutOff>0&&(e=" clamp-title"),r(o,Object.assign({},this.cardType?{class:this.cardType}:{}),this.styles&&r("style",null,this.styles),r("div",{class:"card-border",part:"border-wrapper",style:{overflow:this.cardOverflow}},r(t,Object.assign({class:a,part:"card-layout"},this.cardHref?{href:this.cardHref}:{},this.target&&this.cardHref?{target:this.target}:{},this.rel&&this.cardHref?{rel:this.rel}:{},this.ribbonText?{rel:this.ribbonText}:{}),this.hasImage||this.hasLottie||this.hasVideo?r("div",{class:"card-media",part:"media-wrapper"},this.getMediaSlot?r("slot",{name:this.getMediaSlot()}):null):null,this.ribbonText&&"resource-center-card"==this.cardType||this.ribbonText&&"related-card"==this.cardType?r("div",{class:"ribbon-text"},`${this.ribbonText}`):null,r("div",{class:"card-body",part:"body-wrapper"},!this.cardDate||"listing-card"!==this.cardType&&"listing-card-horizontal"!==this.cardType?null:r("div",{class:"card-date-text"},this.eventType?r("span",{class:"small"},`${this.cardDate}`," | ",`${this.eventType}`):r("span",{class:"small"},`${this.cardDate}`)),"case-studies-card"===this.cardType?Object.assign({},this.cardLogo?r("div",{class:"card-logo-container"},r("ptc-picture",{alt:"","object-fit":"contain",src:this.cardLogo,height:"40"})):r("div",{class:"card-logo-none"})):null,r("slot",{name:"slot-before-heading"}),this.heading?["listing-card"===this.cardType?r("h3",{class:`ptc-h3 ${this.headingTransform}${e}`,part:"card-heading"},r("ptc-tooltip",{"text-display":"inline","text-lines":this.maxLines,"max-length":this.maxChars,description:this.heading,position:"bottom",width:"full-width",theme:"standard","hide-on-mobile":"true"})):r("h3",{class:`ptc-h3 ${this.headingTransform}${e}`,style:i,part:"card-heading"},this.heading),r("slot",{name:"slot-after-heading"})]:null,r("slot",{name:"slot-description"}),this.cardDate&&"listing-card"!==this.cardType&&"listing-card-horizontal"!==this.cardType&&"hightlight-card"!==this.cardType?r("ptc-date",{"date-string":`${this.cardDate}`,"date-styles":"span{color:#40434a;font-size:var(--ptc-font-size-x-small);margin-top:var(--ptc-element-spacing-06);display:inline-block;}"}):null,this.cardDate&&"hightlight-card"===this.cardType?r("ptc-date",{style:{marginBottom:"20px"},"format-options":'{"year":"numeric","month":"long","day":"numeric"}',"date-string":`${this.cardDate}`,"date-styles":"span{color: #a3a3a3;font-family: Raleway;font-size: 1rem !important;font-stretch: normal;font-style: normal;font-weight: 400;letter-spacing: normal;line-height: 1.03;padding-top: 15px;text-align: left;}",country:this.country}):null))))}getCssClassMap(){return{"card-layout":!0,"link-wrapper":!!this.cardType}}getMediaSlot(){return this.hasLottie?"slot-lottie":this.hasVideo?"slot-video":this.hasImage?"slot-image":null}getLineCuttoff(){let t;return this.titleLineCutOff&&this.titleLineCutOff>0&&(t={"-webkit-line-clamp":`${this.titleLineCutOff}`}),t}};a.style=':host{display:block}:host(.lottie-card) .card-border{box-shadow:var(--ptc-shadow-small);border:1px solid var(--color-gray-03);border-radius:10px;position:relative;overflow:hidden}:host(.lottie-card) .card-border::after{content:"";height:40%;width:4px;position:absolute;top:30%;right:-2px;background-color:var(--color-green-06);z-index:2;display:block}:host(.lottie-card) .card-border:hover{box-shadow:var(--ptc-shadow-x-large)}:host(.lottie-card) .card-border:hover .card-body h3{border-bottom:2px solid var(--color-green-07)}:host(.lottie-card) .card-layout{display:block}@media only screen and (min-width: 768px){:host(.lottie-card) .card-layout{display:flex;flex-flow:nowrap row;justify-content:center}}:host(.lottie-card) .link-wrapper{outline:none;text-decoration:none;color:var(--color-gray-10)}:host(.lottie-card) .link-wrapper:hover{outline:none;text-decoration:none}:host(.lottie-card) .card-media{flex-basis:40%;border-right:1px solid var(--color-gray-03);display:flex}:host(.lottie-card) .card-body{flex-basis:60%;align-self:center;padding:0 30px 10px}:host(.lottie-card) .card-body h3{display:inline-block;line-height:var(--ptc-line-height-densest);color:var(--color-gray-10);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-x-small);border-bottom:2px solid transparent;margin-bottom:var(--ptc-element-spacing-02)}:host(.simple-card) .card-layout{display:block}:host(.simple-card) .link-wrapper{outline:none;text-decoration:none}:host(.simple-card) .link-wrapper:hover{outline:none;text-decoration:none}:host(.simple-card) .link-wrapper:hover .card-body h3{color:var(--color-green-06)}:host(.simple-card) .link-wrapper:hover .card-body h3::before{width:100%}:host(.simple-card) .link-wrapper:hover ::slotted([slot=slot-after-heading]){margin-left:var(--ptc-element-spacing-04)}:host(.simple-card) .card-body h3{color:var(--color-gray-10);font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-black);line-height:var(--ptc-line-height-dense);position:relative;margin-bottom:var(--ptc-element-spacing-02);display:inline-block}:host(.simple-card) .card-body h3::before{display:block;position:absolute;content:"";width:100%;border-bottom:2px solid var(--color-green-06);bottom:1px;transition:width var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.simple-card) ::slotted([slot=slot-after-heading]){margin-left:var(--ptc-element-spacing-01);transition:margin-left var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.clip-edge-card) .card-border{overflow:hidden;filter:drop-shadow(rgba(0, 0, 0, 0.32) 0px 3px 6px);width:100%}:host(.clip-edge-card) .card-border:hover{filter:drop-shadow(rgba(0, 0, 0, 0.32) 0px 6px 12px)}:host(.clip-edge-card) .card-layout{display:block}:host(.clip-edge-card) .link-wrapper{outline:none;text-decoration:none}:host(.clip-edge-card) .link-wrapper:hover{outline:none;text-decoration:none}:host(.clip-edge-card) .card-media{position:relative;width:100%;height:124px;overflow:hidden;border-radius:var(--ptc-border-radius-standard)}:host(.clip-edge-card) .card-body{transform:translateY(calc(-1 * var(--ptc-element-spacing-04)));overflow:hidden;width:calc(95% - var(--ptc-element-spacing-04) - var(--ptc-element-spacing-04));font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-medium);line-height:var(--ptc-line-height-dense);color:var(--color-gray-10);clip-path:var(--ptc-clip-path-bottom-right);background-color:var(--color-white);border-radius:var(--ptc-border-radius-standard);padding:var(--ptc-element-spacing-06) var(--ptc-element-spacing-04) var(--ptc-element-spacing-03) var(--ptc-element-spacing-04)}:host(.clip-edge-card) .card-body h3{display:inline-block;margin:0px;font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-dense);color:var(--color-gray-10);text-decoration:none;border-bottom:2px solid transparent;transition:border-bottom var(--ptc-transition-medium) var(--ptc-ease-inout), margin var(--ptc-transition-medium) var(--ptc-ease-inout);margin:var(--ptc-element-spacing-03) 0 var(--ptc-element-spacing-03) 0}:host(.clip-edge-card) ::slotted([slot=slot-description]){height:0;opacity:0;transition:height var(--ptc-transition-medium) var(--ptc-ease-inout), opacity var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.clip-edge-card) ::slotted([slot=slot-image]){display:block;width:100%;height:100%;transform:scale(1);transition:transform var(--ptc-transition-medium) var(--ptc-ease-inout);transform-origin:top center}:host(.clip-edge-card) ::slotted([slot=slot-after-heading]){position:absolute;top:var(--ptc-element-spacing-03);left:var(--ptc-element-spacing-04);opacity:1;transform:scale(1);height:44px;transform-origin:bottom center;transition:opacity var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.clip-edge-card) ::slotted([slot=slot-before-heading]){display:block;opacity:0;height:24px;transition:all var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.clip-edge-card) .link-wrapper:hover .card-body h3{border-bottom:2px solid var(--color-green-06)}:host(.clip-edge-card) .link-wrapper:hover ::slotted([slot=slot-description]){height:60px;opacity:1}:host(.clip-edge-card) .link-wrapper:hover ::slotted([slot=slot-image]){transform:scale(1.1)}:host(.clip-edge-card) .link-wrapper:hover ::slotted([slot=slot-after-heading]){opacity:0;transform:scale(0);height:0}:host(.clip-edge-card) .link-wrapper:hover ::slotted([slot=slot-before-heading]){opacity:1}:host(.hightlight-card) .card-border{width:100%;border-radius:var(--ptc-border-radius-standard);overflow:hidden}:host(.hightlight-card) .card-border:hover .card-media{transform:scale(1.1)}:host(.hightlight-card) .card-layout{display:block;position:relative}:host(.hightlight-card) .link-wrapper{outline:none;text-decoration:none}:host(.hightlight-card) .link-wrapper:hover{outline:none;text-decoration:none}:host(.hightlight-card) .link-wrapper:hover ::slotted([slot=slot-description]){height:96px;opacity:1}@media only screen and (min-width: 768px){:host(.hightlight-card) .link-wrapper:hover ::slotted([slot=slot-description]){height:var(--ptc-layout-spacing-05)}}@media only screen and (min-width: 992px){:host(.hightlight-card) .link-wrapper:hover ::slotted([slot=slot-description]){height:var(--ptc-layout-spacing-06)}}@media only screen and (min-width: 1440px){:host(.hightlight-card) .link-wrapper:hover ::slotted([slot=slot-description]){height:var(--ptc-layout-spacing-05)}}:host(.hightlight-card) .card-media{width:100%;height:auto;min-height:450px;position:relative;transform:scale(1);transform-origin:center bottom;transition:transform var(--ptc-transition-medium) var(--ptc-ease-inout);transition-delay:var(--ptc-delay-5)}:host(.hightlight-card) .card-body{position:absolute;bottom:0;top:auto;left:0;right:auto;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-07);background-color:var(--color-white);box-sizing:border-box}:host(.hightlight-card) .card-body h3{font-size:var(--ptc-font-size-x-large);line-height:var(--ptc-line-height-densest);font-weight:var(--ptc-font-weight-bold);color:var(--color-gray-10);margin:var(--ptc-element-spacing-04) 0}:host(.hightlight-card) ::slotted([slot=slot-description]){height:0;opacity:0;transition:height var(--ptc-transition-medium) var(--ptc-ease-inout), opacity var(--ptc-transition-fast) var(--ptc-ease-inout);transition-delay:var(--ptc-delay-5)}:host(.horizontal-card){margin-bottom:var(--ptc-layout-spacing-02)}:host(.horizontal-card) .card-layout{position:relative}@media only screen and (min-width: 768px){:host(.horizontal-card) .card-layout{display:grid;grid-template-columns:42% 58%;direction:ltr;grid-auto-rows:1fr}}:host(.horizontal-card) .link-wrapper{outline:none;text-decoration:none;transition:var(--ptc-transition-slow) linear}:host(.horizontal-card) .link-wrapper:hover{box-shadow:var(--ptc-shadow-large);transition:var(--ptc-transition-slow) linear;background-color:var(--color-white)}:host(.horizontal-card) .link-wrapper:hover h3{border-color:var(--color-green-06);transition:var(--ptc-transition-slow) linear}:host(.horizontal-card) .card-media{display:flex;align-self:center}:host(.horizontal-card) .card-body{padding:var(--ptc-element-spacing-05) var(--ptc-element-spacing-04)}@media only screen and (min-width: 768px){:host(.horizontal-card) .card-body{padding:var(--ptc-element-spacing-06) var(--ptc-element-spacing-07)}}:host(.horizontal-card) .card-body h3{margin-top:0;font-size:var(--ptc-font-size-x-small);color:var(--color-gray-10);border-bottom:1px solid transparent;padding-bottom:var(--ptc-element-spacing-01);margin-bottom:var(--ptc-element-spacing-02);transition:var(--ptc-transition-slow) linear}:host(.horizontal-card) ::slotted([slot=slot-image]){box-shadow:var(--ptc-shadow-medium);width:100%}:host(.listing-card){height:100%}:host(.listing-card) .card-border{width:100%;overflow:hidden;background:var(--color-white);box-shadow:var(--ptc-shadow-small);border-radius:3px;height:100%;display:flex;flex-direction:row}:host(.listing-card) .card-border:hover{background:var(--color-gray-02);box-shadow:var(--ptc-shadow-large)}:host(.listing-card) .card-border:hover .card-media{background:var(--color-white)}:host(.listing-card) .card-border:hover .card-media .smart-img{background:var(--color-white)}:host(.listing-card) .card-layout{display:block;position:relative;width:100%;height:100%}:host(.listing-card) .link-wrapper{outline:none;text-decoration:none}:host(.listing-card) .link-wrapper:hover{outline:none;text-decoration:none}:host(.listing-card) .card-media{width:100%;height:288px;transform:scale(1);transform-origin:center bottom;transition:transform var(--ptc-transition-medium) var(--ptc-standard-ease);transition-delay:var(--ptc-delay-medium)}:host(.listing-card) .card-media .smart-img{height:288px}@media (min-width: 768px){:host(.listing-card) .card-media .smart-img{height:232px}}@media (min-width: 992px){:host(.listing-card) .card-media .smart-img{height:192px}}@media (min-width: 1200px){:host(.listing-card) .card-media .smart-img{height:170px}}@media (min-width: 768px){:host(.listing-card) .card-media{height:232px}}@media (min-width: 992px){:host(.listing-card) .card-media{height:192px}}@media (min-width: 1200px){:host(.listing-card) .card-media{height:170px}}:host(.listing-card) .card-body{padding:16px 20px 0px 20px}:host(.listing-card) .card-body .card-date-text{display:flex;flex-direction:row}:host(.listing-card) .card-body .card-date-text p{font-size:var(--ptc-font-size-xx-small);font-weight:400;line-height:19px;color:#282F35;margin-bottom:16px;display:inline-block;margin-top:0rem}:host(.listing-card) .card-body .small{font-size:var(--ptc-font-size-x-small);font-weight:400;line-height:19px;color:#282F35;margin-bottom:16px;display:inline-block}:host(.listing-card) .card-body h3{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-loose);line-height:21px;color:var(--color-gray-11);margin-bottom:14px;margin-top:0rem}:host(.listing-card) ::slotted([slot=slot-date]){font-weight:400;font-size:16px;line-height:19px;color:#282F35;margin-bottom:16px;display:inline-block}:host(.listing-card) ::slotted([slot=slot-description]){font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:400;font-size:1rem;line-height:19px;color:var(--color-gray-11);margin-bottom:1rem}:host(.listing-card-horizontal){height:100%}:host(.listing-card-horizontal) .card-border{overflow:hidden;background:var(--color-white);box-shadow:var(--ptc-shadow-small);border-radius:3px;width:100%;height:100%}@media (min-width: 1200px) and (max-width: 1439){:host(.listing-card-horizontal) .card-border{margin-left:16px}}:host(.listing-card-horizontal) .card-border:hover{background:var(--color-gray-02);box-shadow:var(--ptc-shadow-large)}:host(.listing-card-horizontal) .card-border:hover .card-media{background:var(--color-white)}:host(.listing-card-horizontal) .card-border:hover .card-media .smart-img{background:var(--color-white)}:host(.listing-card-horizontal) .card-layout{display:flex;flex-direction:row;width:100%}:host(.listing-card-horizontal) .link-wrapper{outline:none;text-decoration:none}:host(.listing-card-horizontal) .link-wrapper:hover{outline:none;text-decoration:none}:host(.listing-card-horizontal) .card-media{width:100%;transform:scale(1);transform-origin:center bottom;transition:transform var(--ptc-transition-medium) var(--ptc-standard-ease);transition-delay:var(--ptc-delay-medium);display:none;max-width:260px}@media only screen and (min-width: 768px){:host(.listing-card-horizontal) .card-media{display:block;min-width:260px}}:host(.listing-card-horizontal) .card-body{padding:16px 24px 0px 24px}@media (min-width: 768px){:host(.listing-card-horizontal) .card-body{padding:24px 32px 0px 32px}}@media (min-width: 992px){:host(.listing-card-horizontal) .card-body{padding:8px 16px 0px 16px}}@media (min-width: 1200px){:host(.listing-card-horizontal) .card-body{padding:14px 32px 0px 32px}}@media only screen and (min-width: 768px){:host(.listing-card-horizontal) .card-body{min-width:505px}}:host(.listing-card-horizontal) .card-body .card-date-text{display:flex;flex-direction:row}:host(.listing-card-horizontal) .card-body .card-date-text p{font-size:var(--ptc-font-size-xx-small);font-weight:400;line-height:19px;color:#282F35;margin-bottom:12px;display:inline-block;margin-top:0rem;margin-block-start:0rem}@media only screen and (min-width: 1200px){:host(.listing-card-horizontal) .card-body .card-date-text p{margin-bottom:20px}}@media only screen and (min-width: 1440px){:host(.listing-card-horizontal) .card-body .card-date-text p{margin-bottom:24px}}@media only screen and (min-width: 1600px){:host(.listing-card-horizontal) .card-body .card-date-text p{margin-bottom:32px}}:host(.listing-card-horizontal) .card-body .small{font-weight:400;font-size:16px;line-height:19px;color:#282F35;margin-bottom:16px;display:inline-block}@media (min-width: 992px){:host(.listing-card-horizontal) .card-body .small{margin-bottom:12px}}@media (min-width: 1200px){:host(.listing-card-horizontal) .card-body .small{margin-bottom:16px}}:host(.listing-card-horizontal) .card-body h3{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-x-small);line-height:19px;color:var(--color-gray-11);margin-bottom:8px;margin-top:0rem}@media (min-width: 768px){:host(.listing-card-horizontal) .card-body h3{margin-bottom:16px}}@media (min-width: 992px){:host(.listing-card-horizontal) .card-body h3{margin-bottom:12px}}@media (min-width: 1200px){:host(.listing-card-horizontal) .card-body h3{margin-bottom:16px}}@media only screen and (min-width: 768px){:host(.listing-card-horizontal) .card-body h3{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-loose);line-height:21px;color:var(--color-gray-11);margin-bottom:8px;margin-top:0rem}}:host(.listing-card-horizontal) ::slotted([slot=slot-description]){font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:400;font-size:1rem;line-height:19px;color:var(--color-gray-11);margin-bottom:19px;margin-top:0rem;margin-block-start:0rem}:host(.listing-card-horizontal) ::slotted([slot=slot-description]) p{margin-block-start:0rem}@media (max-width: 767px){:host(.listing-card-horizontal) ::slotted([slot=slot-description]){font-weight:400;font-size:14px;line-height:16px}}:host(.resource-center-card){height:100%}:host(.resource-center-card) .card-border{height:100%;width:100%;overflow:hidden;background:var(--color-white);box-shadow:var(--ptc-shadow-small);border-radius:3px;display:flex;flex-direction:row}:host(.resource-center-card) .card-border:hover{background:var(--color-gray-02);box-shadow:var(--ptc-shadow-large)}:host(.resource-center-card) .card-border:hover .card-media{background:var(--color-white)}:host(.resource-center-card) .card-border:hover .card-media .smart-img{background:var(--color-white)}:host(.resource-center-card) .card-layout{display:block;position:relative}:host(.resource-center-card) .card-layout .ribbon-text{position:absolute;top:0;left:0;margin-top:24px;background-color:var(--color-white);padding:4px 24px;font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-small);color:var(--color-gray-11);border-radius:0px 3px 3px 0px;box-shadow:var(--ptc-shadow-small);max-width:70%;max-height:30px;line-height:30px;overflow:hidden}:host(.resource-center-card) .link-wrapper{outline:none;text-decoration:none}:host(.resource-center-card) .link-wrapper:hover{outline:none;text-decoration:none}:host(.resource-center-card) .card-media{width:100%;height:250px;transform:scale(1);transform-origin:center bottom;transition:transform var(--ptc-transition-medium) var(--ptc-standard-ease);transition-delay:var(--ptc-delay-medium)}:host(.resource-center-card) .card-media .smart-img{height:250px}@media (min-width: 480px){:host(.resource-center-card) .card-media .smart-img{height:285px}}@media (min-width: 768px){:host(.resource-center-card) .card-media .smart-img{height:221px}}@media (min-width: 992px){:host(.resource-center-card) .card-media .smart-img{height:189px}}@media (min-width: 1200px){:host(.resource-center-card) .card-media .smart-img{height:173px}}@media (min-width: 1440px){:host(.resource-center-card) .card-media .smart-img{height:173px}}@media (min-width: 480px){:host(.resource-center-card) .card-media{height:285px}}@media (min-width: 768px){:host(.resource-center-card) .card-media{height:221px}}@media (min-width: 992px){:host(.resource-center-card) .card-media{height:189px}}@media (min-width: 1200px){:host(.resource-center-card) .card-media{height:173px}}@media (min-width: 1440px){:host(.resource-center-card) .card-media{height:173px}}:host(.resource-center-card) .card-body{padding:16px 24px 0px 24px}@media (min-width: 768px){:host(.resource-center-card) .card-body{padding:14px 24px 0px 24px}}@media (min-width: 1200px){:host(.resource-center-card) .card-body{padding:14px 20px 0px 21px}}:host(.resource-center-card) .card-body .small{font-size:var(--ptc-font-size-x-small);font-weight:400;line-height:19px;color:#282F35;margin-bottom:24px;display:inline-block}:host(.resource-center-card) .card-body h3{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-loose);line-height:21px;color:var(--color-gray-11);margin-bottom:12px;margin-top:0rem;word-break:break-word;hyphens:auto}:host(.resource-center-card) ::slotted([slot=slot-description]){font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:400;font-size:1rem;line-height:19px;color:var(--color-gray-11);margin-bottom:1rem}:host(.resource-center-card) ::slotted([slot=slot-description]) p{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:400;font-size:1rem;line-height:19px;color:var(--color-gray-11);margin-bottom:39px}:host(.resource-center-card) ::slotted([slot=slot-description]) span{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:400;font-size:1rem;line-height:19px;color:var(--color-gray-11);margin-bottom:39px}:host(.case-studies-card){height:100%}:host(.case-studies-card) .card-border{width:100%;overflow:hidden;background:var(--color-white);box-shadow:var(--ptc-shadow-small);border-radius:3px;display:flex;flex-direction:row;height:100%}:host(.case-studies-card) .card-border:hover{background:var(--color-gray-02);box-shadow:var(--ptc-shadow-large)}:host(.case-studies-card) .card-border:hover .card-media{background:var(--color-white)}:host(.case-studies-card) .card-border:hover .card-media .smart-img{background:var(--color-white)}:host(.case-studies-card) .card-layout{display:block;position:relative;width:100%}:host(.case-studies-card) .link-wrapper{outline:none;text-decoration:none}:host(.case-studies-card) .link-wrapper:hover{outline:none;text-decoration:none}:host(.case-studies-card) .card-media{width:100%;height:200px;transform:scale(1);transform-origin:center bottom;transition:transform var(--ptc-transition-medium) var(--ptc-standard-ease);transition-delay:var(--ptc-delay-medium)}:host(.case-studies-card) .card-media .smart-img{width:100%;height:200px}@media (min-width: 480px){:host(.case-studies-card) .card-media .smart-img{height:286px}}@media (min-width: 768px){:host(.case-studies-card) .card-media .smart-img{height:224px}}@media (min-width: 992px){:host(.case-studies-card) .card-media .smart-img{height:192px}}@media (min-width: 1200px){:host(.case-studies-card) .card-media .smart-img{height:173px}}@media (min-width: 1440px){:host(.case-studies-card) .card-media .smart-img{height:170px}}@media (min-width: 480px){:host(.case-studies-card) .card-media{height:286px}}@media (min-width: 768px){:host(.case-studies-card) .card-media{height:224px}}@media (min-width: 992px){:host(.case-studies-card) .card-media{height:192px}}@media (min-width: 1200px){:host(.case-studies-card) .card-media{height:173px}}@media (min-width: 1440px){:host(.case-studies-card) .card-media{height:170px}}:host(.case-studies-card) .card-body .card-logo-container{padding:8px 20px;border-bottom:1px solid #E4E7E9}:host(.case-studies-card) .card-body .card-logo-none{padding-top:16px}:host(.case-studies-card) .card-body .card-logo{max-width:280px;width:auto;height:40px;object-fit:cover;border:1px solid #E4E7E9;margin-bottom:8px}:host(.case-studies-card) .card-body .small{font-size:var(--ptc-font-size-x-small);font-weight:400;line-height:19px;color:#282F35;margin-bottom:24px;display:inline-block}:host(.case-studies-card) .card-body h3{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-loose);line-height:21px;color:var(--color-gray-11);margin:8px 20px 12px 20px}:host(.case-studies-card) ::slotted([slot=slot-date]){font-weight:400;font-size:16px;line-height:19px;color:#282F35;margin-bottom:24px;display:inline-block}:host(.case-studies-card) ::slotted([slot=slot-description]){font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:400;font-size:1rem;line-height:19px;color:var(--color-gray-11);margin:0px 20px 16px 20px}:host(.related-card){width:100%;height:100%}:host(.related-card) .card-border{background:var(--color-white);box-shadow:var(--ptc-shadow-small);border-radius:var(--ptc-border-radius-standard);width:100%;height:100%;display:flex;flex-direction:row}:host(.related-card) .card-border:hover{background:var(--color-gray-02);box-shadow:var(--ptc-shadow-large)}:host(.related-card) .card-border:hover .card-media{background:var(--color-white);border-top-left-radius:var(--ptc-border-radius-standard);border-top-right-radius:var(--ptc-border-radius-standard)}:host(.related-card) .card-border:hover .card-media .smart-img{background:var(--color-white)}:host(.related-card) .card-layout{display:block;position:relative;width:100%;height:100%}:host(.related-card) .card-layout .ribbon-text{position:absolute;top:0;left:0;margin-top:var(--ptc-element-spacing-06);background-color:var(--color-white);padding:var(--ptc-element-spacing-01) var(--ptc-element-spacing-05);font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-small);color:var(--color-gray-11);border-radius:0px 3px 3px 0px;box-shadow:var(--ptc-shadow-small);max-height:20px;overflow:hidden;width:fit-content;clip-path:inset(-6px -6px -6px 0px)}:host(.related-card) .link-wrapper{outline:none;text-decoration:none}:host(.related-card) .link-wrapper:hover{outline:none;text-decoration:none}:host(.related-card) .card-media{width:100%;height:288px;transform:scale(1);transform-origin:center bottom;transition:transform var(--ptc-transition-medium) var(--ptc-standard-ease);transition-delay:var(--ptc-delay-medium)}:host(.related-card) .card-media .smart-img{height:288px}@media only screen and (min-width: 480px){:host(.related-card) .card-media .smart-img{height:286px}}@media only screen and (min-width: 768px){:host(.related-card) .card-media .smart-img{height:142px}}@media only screen and (min-width: 992px){:host(.related-card) .card-media .smart-img{height:192px}}@media only screen and (min-width: 1200px){:host(.related-card) .card-media .smart-img{height:237px}}@media only screen and (min-width: 1440px){:host(.related-card) .card-media .smart-img{height:248px}}@media only screen and (min-width: 480px){:host(.related-card) .card-media{height:286px}}@media only screen and (min-width: 768px){:host(.related-card) .card-media{height:142px}}@media only screen and (min-width: 992px){:host(.related-card) .card-media{height:192px}}@media only screen and (min-width: 1200px){:host(.related-card) .card-media{height:237px}}@media only screen and (min-width: 1440px){:host(.related-card) .card-media{height:248px}}:host(.related-card) .card-body{box-sizing:border-box;padding:var(--ptc-element-spacing-06) var(--ptc-element-spacing-06) var(--ptc-element-spacing-04) var(--ptc-element-spacing-06)}:host(.related-card) .card-body .card-date-text{display:flex;flex-direction:row}:host(.related-card) .card-body .card-date-text p{font-size:var(--ptc-font-size-xx-small);font-weight:400;line-height:19px;color:#282F35;margin-bottom:16px;display:inline-block;margin-top:0rem}:host(.related-card) .card-body .small{font-size:var(--ptc-font-size-x-small);font-weight:400;line-height:19px;color:#282F35;margin-bottom:16px;display:inline-block}:host(.related-card) .card-body h3{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-loose);line-height:21px;color:var(--color-gray-11);margin-bottom:14px;margin-top:0rem}:host(.related-card) ::slotted([slot=slot-description]){font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:400;font-size:1rem;line-height:18px;color:var(--color-gray-11)}.ptc-h3.uppercase{text-transform:uppercase}.ptc-h3.capitalize{text-transform:capitalize}.ptc-h3.lowercase{text-transform:lowercase}.ptc-h3.none{text-transform:none}';export{a as ptc_card}
|
|
1
|
+
import{r as t,h as r,H as o}from"./p-ce0e4c5c.js";const a=class{constructor(r){t(this,r),this.cardType="custom-card",this.cardHref=void 0,this.target="_self",this.rel=void 0,this.hasImage=!1,this.hasVideo=!1,this.hasLottie=!1,this.heading=void 0,this.headingTransform="none",this.cardDate=void 0,this.country=void 0,this.styles=void 0,this.ribbonText=void 0,this.eventType=void 0,this.cardLogo=void 0,this.titleLineCutOff=void 0,this.maxChars=void 0,this.maxLines=void 0,this.cardOverflow=void 0}render(){const t=this.cardHref?"a":"div",a=this.getCssClassMap(),i=this.getLineCuttoff();let e="";return this.titleLineCutOff&&this.titleLineCutOff>0&&(e=" clamp-title"),r(o,Object.assign({},this.cardType?{class:this.cardType}:{}),this.styles&&r("style",null,this.styles),r("div",{class:"card-border",part:"border-wrapper",style:{overflow:this.cardOverflow}},r(t,Object.assign({class:a,part:"card-layout"},this.cardHref?{href:this.cardHref}:{},this.target&&this.cardHref?{target:this.target}:{},this.rel&&this.cardHref?{rel:this.rel}:{},this.ribbonText?{rel:this.ribbonText}:{}),this.hasImage||this.hasLottie||this.hasVideo?r("div",{class:"card-media",part:"media-wrapper"},this.getMediaSlot?r("slot",{name:this.getMediaSlot()}):null):null,this.ribbonText&&"resource-center-card"==this.cardType||this.ribbonText&&"related-card"==this.cardType?r("div",{class:"ribbon-text"},`${this.ribbonText}`):null,r("div",{class:"card-body",part:"body-wrapper"},!this.cardDate||"listing-card"!==this.cardType&&"listing-card-horizontal"!==this.cardType?null:r("div",{class:"card-date-text"},this.eventType?r("span",{class:"small"},`${this.cardDate}`," | ",`${this.eventType}`):r("span",{class:"small"},`${this.cardDate}`)),"case-studies-card"===this.cardType?Object.assign({},this.cardLogo?r("div",{class:"card-logo-container"},r("ptc-picture",{alt:"","object-fit":"contain",src:this.cardLogo,height:"40"})):r("div",{class:"card-logo-none"})):null,r("slot",{name:"slot-before-heading"}),this.heading?["listing-card"===this.cardType?r("h3",{class:`ptc-h3 ${this.headingTransform}${e}`,part:"card-heading"},r("ptc-tooltip",{"text-display":"inline","text-lines":this.maxLines,"max-length":this.maxChars,description:this.heading,position:"bottom",width:"full-width",theme:"standard","hide-on-mobile":"true"})):r("h3",{class:`ptc-h3 ${this.headingTransform}${e}`,style:i,part:"card-heading"},this.heading),r("slot",{name:"slot-after-heading"})]:null,r("slot",{name:"slot-description"}),this.cardDate&&"listing-card"!==this.cardType&&"listing-card-horizontal"!==this.cardType&&"hightlight-card"!==this.cardType?r("ptc-date",{"date-string":`${this.cardDate}`,"date-styles":"span{color:#40434a;font-size:var(--ptc-font-size-x-small);margin-top:var(--ptc-element-spacing-06);display:inline-block;}"}):null,this.cardDate&&"hightlight-card"===this.cardType?r("ptc-date",{style:{marginBottom:"20px"},"format-options":'{"year":"numeric","month":"long","day":"numeric"}',"date-string":`${this.cardDate}`,"date-styles":"span{color: #a3a3a3;font-family: Raleway;font-size: 1rem !important;font-stretch: normal;font-style: normal;font-weight: 400;letter-spacing: normal;line-height: 1.03;padding-top: 15px;text-align: left;}",country:this.country}):null))))}getCssClassMap(){return{"card-layout":!0,"link-wrapper":!!this.cardType}}getMediaSlot(){return this.hasLottie?"slot-lottie":this.hasVideo?"slot-video":this.hasImage?"slot-image":null}getLineCuttoff(){let t;return this.titleLineCutOff&&this.titleLineCutOff>0&&(t={"-webkit-line-clamp":`${this.titleLineCutOff}`}),t}};a.style=':host{display:block}:host(.lottie-card) .card-border{box-shadow:var(--ptc-shadow-small);border:1px solid var(--color-gray-03);border-radius:10px;position:relative;overflow:hidden}:host(.lottie-card) .card-border::after{content:"";height:40%;width:4px;position:absolute;top:30%;right:-2px;background-color:var(--color-green-06);z-index:2;display:block}:host(.lottie-card) .card-border:hover{box-shadow:var(--ptc-shadow-x-large)}:host(.lottie-card) .card-border:hover .card-body h3{border-bottom:2px solid var(--color-green-07)}:host(.lottie-card) .card-layout{display:block}@media only screen and (min-width: 768px){:host(.lottie-card) .card-layout{display:flex;flex-flow:nowrap row;justify-content:center}}:host(.lottie-card) .link-wrapper{outline:none;text-decoration:none;color:var(--color-gray-10)}:host(.lottie-card) .link-wrapper:hover{outline:none;text-decoration:none}:host(.lottie-card) .card-media{flex-basis:40%;border-right:1px solid var(--color-gray-03);display:flex}:host(.lottie-card) .card-body{flex-basis:60%;align-self:center;padding:0 30px 10px}:host(.lottie-card) .card-body h3{display:inline-block;line-height:var(--ptc-line-height-densest);color:var(--color-gray-10);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-x-small);border-bottom:2px solid transparent;margin-bottom:var(--ptc-element-spacing-02)}:host(.simple-card) .card-layout{display:block}:host(.simple-card) .link-wrapper{outline:none;text-decoration:none}:host(.simple-card) .link-wrapper:hover{outline:none;text-decoration:none}:host(.simple-card) .link-wrapper:hover .card-body h3{color:var(--color-green-06)}:host(.simple-card) .link-wrapper:hover .card-body h3::before{width:100%}:host(.simple-card) .link-wrapper:hover ::slotted([slot=slot-after-heading]){margin-left:var(--ptc-element-spacing-04)}:host(.simple-card) .card-body h3{color:var(--color-gray-10);font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-black);line-height:var(--ptc-line-height-dense);position:relative;margin-bottom:var(--ptc-element-spacing-02);display:inline-block}:host(.simple-card) .card-body h3::before{display:block;position:absolute;content:"";width:100%;border-bottom:2px solid var(--color-green-06);bottom:1px;transition:width var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.simple-card) ::slotted([slot=slot-after-heading]){margin-left:var(--ptc-element-spacing-01);transition:margin-left var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.clip-edge-card) .card-border{overflow:hidden;filter:drop-shadow(rgba(0, 0, 0, 0.32) 0px 3px 6px);width:100%}:host(.clip-edge-card) .card-border:hover{filter:drop-shadow(rgba(0, 0, 0, 0.32) 0px 6px 12px)}:host(.clip-edge-card) .card-layout{display:block}:host(.clip-edge-card) .link-wrapper{outline:none;text-decoration:none}:host(.clip-edge-card) .link-wrapper:hover{outline:none;text-decoration:none}:host(.clip-edge-card) .card-media{position:relative;width:100%;height:124px;overflow:hidden;border-radius:var(--ptc-border-radius-standard)}:host(.clip-edge-card) .card-body{transform:translateY(calc(-1 * var(--ptc-element-spacing-04)));overflow:hidden;width:calc(95% - var(--ptc-element-spacing-04) - var(--ptc-element-spacing-04));font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-medium);line-height:var(--ptc-line-height-dense);color:var(--color-gray-10);clip-path:var(--ptc-clip-path-bottom-right);background-color:var(--color-white);border-radius:var(--ptc-border-radius-standard);padding:var(--ptc-element-spacing-06) var(--ptc-element-spacing-04) var(--ptc-element-spacing-03) var(--ptc-element-spacing-04)}:host(.clip-edge-card) .card-body h3{display:inline-block;margin:0px;font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-dense);color:var(--color-gray-10);text-decoration:none;border-bottom:2px solid transparent;transition:border-bottom var(--ptc-transition-medium) var(--ptc-ease-inout), margin var(--ptc-transition-medium) var(--ptc-ease-inout);margin:var(--ptc-element-spacing-03) 0 var(--ptc-element-spacing-03) 0}:host(.clip-edge-card) ::slotted([slot=slot-description]){height:0;opacity:0;transition:height var(--ptc-transition-medium) var(--ptc-ease-inout), opacity var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.clip-edge-card) ::slotted([slot=slot-image]){display:block;width:100%;height:100%;transform:scale(1);transition:transform var(--ptc-transition-medium) var(--ptc-ease-inout);transform-origin:top center}:host(.clip-edge-card) ::slotted([slot=slot-after-heading]){position:absolute;top:var(--ptc-element-spacing-03);left:var(--ptc-element-spacing-04);opacity:1;transform:scale(1);height:44px;transform-origin:bottom center;transition:opacity var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.clip-edge-card) ::slotted([slot=slot-before-heading]){display:block;opacity:0;height:24px;transition:all var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.clip-edge-card) .link-wrapper:hover .card-body h3{border-bottom:2px solid var(--color-green-06)}:host(.clip-edge-card) .link-wrapper:hover ::slotted([slot=slot-description]){height:60px;opacity:1}:host(.clip-edge-card) .link-wrapper:hover ::slotted([slot=slot-image]){transform:scale(1.1)}:host(.clip-edge-card) .link-wrapper:hover ::slotted([slot=slot-after-heading]){opacity:0;transform:scale(0);height:0}:host(.clip-edge-card) .link-wrapper:hover ::slotted([slot=slot-before-heading]){opacity:1}:host(.hightlight-card) .card-border{width:100%;border-radius:var(--ptc-border-radius-standard);overflow:hidden}:host(.hightlight-card) .card-border:hover .card-media{transform:scale(1.1)}:host(.hightlight-card) .card-layout{display:block;position:relative}:host(.hightlight-card) .link-wrapper{outline:none;text-decoration:none}:host(.hightlight-card) .link-wrapper:hover{outline:none;text-decoration:none}:host(.hightlight-card) .link-wrapper:hover ::slotted([slot=slot-description]){height:96px;opacity:1}@media only screen and (min-width: 768px){:host(.hightlight-card) .link-wrapper:hover ::slotted([slot=slot-description]){height:var(--ptc-layout-spacing-05)}}@media only screen and (min-width: 992px){:host(.hightlight-card) .link-wrapper:hover ::slotted([slot=slot-description]){height:var(--ptc-layout-spacing-06)}}@media only screen and (min-width: 1440px){:host(.hightlight-card) .link-wrapper:hover ::slotted([slot=slot-description]){height:var(--ptc-layout-spacing-05)}}:host(.hightlight-card) .card-media{width:100%;height:auto;min-height:450px;position:relative;transform:scale(1);transform-origin:center bottom;transition:transform var(--ptc-transition-medium) var(--ptc-ease-inout);transition-delay:var(--ptc-delay-5)}:host(.hightlight-card) .card-body{position:absolute;bottom:0;top:auto;left:0;right:auto;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-07);background-color:var(--color-white);box-sizing:border-box}:host(.hightlight-card) .card-body h3{font-size:var(--ptc-font-size-x-large);line-height:var(--ptc-line-height-densest);font-weight:var(--ptc-font-weight-bold);color:var(--color-gray-10);margin:var(--ptc-element-spacing-04) 0}:host(.hightlight-card) ::slotted([slot=slot-description]){height:0;opacity:0;transition:height var(--ptc-transition-medium) var(--ptc-ease-inout), opacity var(--ptc-transition-fast) var(--ptc-ease-inout);transition-delay:var(--ptc-delay-5)}:host(.horizontal-card){margin-bottom:var(--ptc-layout-spacing-02)}:host(.horizontal-card) .card-layout{position:relative}@media only screen and (min-width: 768px){:host(.horizontal-card) .card-layout{display:grid;grid-template-columns:42% 58%;direction:ltr;grid-auto-rows:1fr}}:host(.horizontal-card) .link-wrapper{outline:none;text-decoration:none;transition:var(--ptc-transition-slow) linear}:host(.horizontal-card) .link-wrapper:hover{box-shadow:var(--ptc-shadow-large);transition:var(--ptc-transition-slow) linear;background-color:var(--color-white)}:host(.horizontal-card) .link-wrapper:hover h3{border-color:var(--color-green-06);transition:var(--ptc-transition-slow) linear}:host(.horizontal-card) .card-media{display:flex;align-self:center}:host(.horizontal-card) .card-body{padding:var(--ptc-element-spacing-05) var(--ptc-element-spacing-04)}@media only screen and (min-width: 768px){:host(.horizontal-card) .card-body{padding:var(--ptc-element-spacing-06) var(--ptc-element-spacing-07)}}:host(.horizontal-card) .card-body h3{margin-top:0;font-size:var(--ptc-font-size-x-small);color:var(--color-gray-10);border-bottom:1px solid transparent;padding-bottom:var(--ptc-element-spacing-01);margin-bottom:var(--ptc-element-spacing-02);transition:var(--ptc-transition-slow) linear}:host(.horizontal-card) ::slotted([slot=slot-image]){box-shadow:var(--ptc-shadow-medium);width:100%}:host(.listing-card){height:100%}:host(.listing-card) .card-border{width:100%;overflow:hidden;background:var(--color-white);box-shadow:var(--ptc-shadow-small);border-radius:3px;height:100%;display:flex;flex-direction:row}:host(.listing-card) .card-border:hover{background:var(--color-gray-02);box-shadow:var(--ptc-shadow-large)}:host(.listing-card) .card-border:hover .card-media{background:var(--color-white)}:host(.listing-card) .card-border:hover .card-media .smart-img{background:var(--color-white)}:host(.listing-card) .card-layout{display:block;position:relative;width:100%;height:100%}:host(.listing-card) .link-wrapper{outline:none;text-decoration:none}:host(.listing-card) .link-wrapper:hover{outline:none;text-decoration:none}:host(.listing-card) .card-media{width:100%;height:288px;transform:scale(1);transform-origin:center bottom;transition:transform var(--ptc-transition-medium) var(--ptc-standard-ease);transition-delay:var(--ptc-delay-medium)}:host(.listing-card) .card-media .smart-img{height:288px}@media (min-width: 768px){:host(.listing-card) .card-media .smart-img{height:232px}}@media (min-width: 992px){:host(.listing-card) .card-media .smart-img{height:192px}}@media (min-width: 1200px){:host(.listing-card) .card-media .smart-img{height:170px}}@media (min-width: 768px){:host(.listing-card) .card-media{height:232px}}@media (min-width: 992px){:host(.listing-card) .card-media{height:192px}}@media (min-width: 1200px){:host(.listing-card) .card-media{height:170px}}:host(.listing-card) .card-body{padding:16px 20px 0px 20px}:host(.listing-card) .card-body .card-date-text{display:flex;flex-direction:row}:host(.listing-card) .card-body .card-date-text p{font-size:var(--ptc-font-size-xx-small);font-weight:400;line-height:19px;color:#282F35;margin-bottom:16px;display:inline-block;margin-top:0rem}:host(.listing-card) .card-body .small{font-size:var(--ptc-font-size-x-small);font-weight:400;line-height:19px;color:#282F35;margin-bottom:16px;display:inline-block}:host(.listing-card) .card-body h3{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-loose);line-height:21px;color:var(--color-gray-11);margin-bottom:14px;margin-top:0rem}:host(.listing-card) ::slotted([slot=slot-date]){font-weight:400;font-size:16px;line-height:19px;color:#282F35;margin-bottom:16px;display:inline-block}:host(.listing-card) ::slotted([slot=slot-description]){font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:400;font-size:1rem;line-height:19px;color:var(--color-gray-11);margin-bottom:1rem}:host(.listing-card-horizontal){height:100%}:host(.listing-card-horizontal) .card-border{overflow:hidden;background:var(--color-white);box-shadow:var(--ptc-shadow-small);border-radius:3px;width:100%;height:100%}@media (min-width: 1200px) and (max-width: 1439){:host(.listing-card-horizontal) .card-border{margin-left:16px}}:host(.listing-card-horizontal) .card-border:hover{background:var(--color-gray-02);box-shadow:var(--ptc-shadow-large)}:host(.listing-card-horizontal) .card-border:hover .card-media{background:var(--color-white)}:host(.listing-card-horizontal) .card-border:hover .card-media .smart-img{background:var(--color-white)}:host(.listing-card-horizontal) .card-layout{display:flex;flex-direction:row;width:100%}:host(.listing-card-horizontal) .link-wrapper{outline:none;text-decoration:none}:host(.listing-card-horizontal) .link-wrapper:hover{outline:none;text-decoration:none}:host(.listing-card-horizontal) .card-media{width:100%;transform:scale(1);transform-origin:center bottom;transition:transform var(--ptc-transition-medium) var(--ptc-standard-ease);transition-delay:var(--ptc-delay-medium);display:none;max-width:260px}@media only screen and (min-width: 768px){:host(.listing-card-horizontal) .card-media{display:block;min-width:260px}}:host(.listing-card-horizontal) .card-body{padding:16px 24px 0px 24px}@media (min-width: 768px){:host(.listing-card-horizontal) .card-body{padding:24px 32px 0px 32px}}@media (min-width: 992px){:host(.listing-card-horizontal) .card-body{padding:8px 16px 0px 16px}}@media (min-width: 1200px){:host(.listing-card-horizontal) .card-body{padding:14px 32px 0px 32px}}@media only screen and (min-width: 768px){:host(.listing-card-horizontal) .card-body{min-width:505px}}:host(.listing-card-horizontal) .card-body .card-date-text{display:flex;flex-direction:row}:host(.listing-card-horizontal) .card-body .card-date-text p{font-size:var(--ptc-font-size-xx-small);font-weight:400;line-height:19px;color:#282F35;margin-bottom:12px;display:inline-block;margin-top:0rem;margin-block-start:0rem}@media only screen and (min-width: 1200px){:host(.listing-card-horizontal) .card-body .card-date-text p{margin-bottom:20px}}@media only screen and (min-width: 1440px){:host(.listing-card-horizontal) .card-body .card-date-text p{margin-bottom:24px}}@media only screen and (min-width: 1600px){:host(.listing-card-horizontal) .card-body .card-date-text p{margin-bottom:32px}}:host(.listing-card-horizontal) .card-body .small{font-weight:400;font-size:16px;line-height:19px;color:#282F35;margin-bottom:16px;display:inline-block}@media (min-width: 992px){:host(.listing-card-horizontal) .card-body .small{margin-bottom:12px}}@media (min-width: 1200px){:host(.listing-card-horizontal) .card-body .small{margin-bottom:16px}}:host(.listing-card-horizontal) .card-body h3{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-x-small);line-height:19px;color:var(--color-gray-11);margin-bottom:8px;margin-top:0rem}@media (min-width: 768px){:host(.listing-card-horizontal) .card-body h3{margin-bottom:16px}}@media (min-width: 992px){:host(.listing-card-horizontal) .card-body h3{margin-bottom:12px}}@media (min-width: 1200px){:host(.listing-card-horizontal) .card-body h3{margin-bottom:16px}}@media only screen and (min-width: 768px){:host(.listing-card-horizontal) .card-body h3{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-loose);line-height:21px;color:var(--color-gray-11);margin-bottom:8px;margin-top:0rem}}:host(.listing-card-horizontal) ::slotted([slot=slot-description]){font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:400;font-size:1rem;line-height:19px;color:var(--color-gray-11);margin-bottom:19px;margin-top:0rem;margin-block-start:0rem}:host(.listing-card-horizontal) ::slotted([slot=slot-description]) p{margin-block-start:0rem}@media (max-width: 767px){:host(.listing-card-horizontal) ::slotted([slot=slot-description]){font-weight:400;font-size:14px;line-height:16px}}:host(.resource-center-card){height:100%}:host(.resource-center-card) .card-border{height:100%;width:100%;overflow:hidden;background:var(--color-white);box-shadow:var(--ptc-shadow-small);border-radius:3px;display:flex;flex-direction:row}:host(.resource-center-card) .card-border:hover{background:var(--color-gray-02);box-shadow:var(--ptc-shadow-large)}:host(.resource-center-card) .card-border:hover .card-media{background:var(--color-white)}:host(.resource-center-card) .card-border:hover .card-media .smart-img{background:var(--color-white)}:host(.resource-center-card) .card-layout{display:block;position:relative}:host(.resource-center-card) .card-layout .ribbon-text{position:absolute;top:0;left:0;margin-top:24px;background-color:var(--color-white);padding:4px 24px;font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-small);color:var(--color-gray-11);border-radius:0px 3px 3px 0px;box-shadow:var(--ptc-shadow-small);max-width:70%;max-height:30px;line-height:30px;overflow:hidden}:host(.resource-center-card) .link-wrapper{outline:none;text-decoration:none}:host(.resource-center-card) .link-wrapper:hover{outline:none;text-decoration:none}:host(.resource-center-card) .card-media{width:100%;height:250px;transform:scale(1);transform-origin:center bottom;transition:transform var(--ptc-transition-medium) var(--ptc-standard-ease);transition-delay:var(--ptc-delay-medium)}:host(.resource-center-card) .card-media .smart-img{height:250px}@media (min-width: 480px){:host(.resource-center-card) .card-media .smart-img{height:285px}}@media (min-width: 768px){:host(.resource-center-card) .card-media .smart-img{height:221px}}@media (min-width: 992px){:host(.resource-center-card) .card-media .smart-img{height:189px}}@media (min-width: 1200px){:host(.resource-center-card) .card-media .smart-img{height:173px}}@media (min-width: 1440px){:host(.resource-center-card) .card-media .smart-img{height:173px}}@media (min-width: 480px){:host(.resource-center-card) .card-media{height:285px}}@media (min-width: 768px){:host(.resource-center-card) .card-media{height:221px}}@media (min-width: 992px){:host(.resource-center-card) .card-media{height:189px}}@media (min-width: 1200px){:host(.resource-center-card) .card-media{height:173px}}@media (min-width: 1440px){:host(.resource-center-card) .card-media{height:173px}}:host(.resource-center-card) .card-body{padding:16px 24px 0px 24px}@media (min-width: 768px){:host(.resource-center-card) .card-body{padding:14px 24px 0px 24px}}@media (min-width: 1200px){:host(.resource-center-card) .card-body{padding:14px 20px 0px 21px}}:host(.resource-center-card) .card-body .small{font-size:var(--ptc-font-size-x-small);font-weight:400;line-height:19px;color:#282F35;margin-bottom:24px;display:inline-block}:host(.resource-center-card) .card-body h3{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-loose);line-height:21px;color:var(--color-gray-11);margin-bottom:12px;margin-top:0rem;word-break:break-word;hyphens:auto}:host(.resource-center-card) ::slotted([slot=slot-description]){font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:400;font-size:1rem;line-height:19px;color:var(--color-gray-11);margin-bottom:1rem}:host(.resource-center-card) ::slotted([slot=slot-description]) p{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:400;font-size:1rem;line-height:19px;color:var(--color-gray-11);margin-bottom:39px}:host(.resource-center-card) ::slotted([slot=slot-description]) span{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:400;font-size:1rem;line-height:19px;color:var(--color-gray-11);margin-bottom:39px}:host(.case-studies-card){height:100%}:host(.case-studies-card) .card-border{width:100%;overflow:hidden;background:var(--color-white);box-shadow:var(--ptc-shadow-small);border-radius:3px;display:flex;flex-direction:row;height:100%}:host(.case-studies-card) .card-border:hover{background:var(--color-gray-02);box-shadow:var(--ptc-shadow-large)}:host(.case-studies-card) .card-border:hover .card-media{background:var(--color-white)}:host(.case-studies-card) .card-border:hover .card-media .smart-img{background:var(--color-white)}:host(.case-studies-card) .card-layout{display:block;position:relative;width:100%}:host(.case-studies-card) .link-wrapper{outline:none;text-decoration:none}:host(.case-studies-card) .link-wrapper:hover{outline:none;text-decoration:none}:host(.case-studies-card) .card-media{width:100%;height:200px;transform:scale(1);transform-origin:center bottom;transition:transform var(--ptc-transition-medium) var(--ptc-standard-ease);transition-delay:var(--ptc-delay-medium)}:host(.case-studies-card) .card-media .smart-img{width:100%;height:200px}@media (min-width: 480px){:host(.case-studies-card) .card-media .smart-img{height:286px}}@media (min-width: 768px){:host(.case-studies-card) .card-media .smart-img{height:224px}}@media (min-width: 992px){:host(.case-studies-card) .card-media .smart-img{height:192px}}@media (min-width: 1200px){:host(.case-studies-card) .card-media .smart-img{height:173px}}@media (min-width: 1440px){:host(.case-studies-card) .card-media .smart-img{height:170px}}@media (min-width: 480px){:host(.case-studies-card) .card-media{height:286px}}@media (min-width: 768px){:host(.case-studies-card) .card-media{height:224px}}@media (min-width: 992px){:host(.case-studies-card) .card-media{height:192px}}@media (min-width: 1200px){:host(.case-studies-card) .card-media{height:173px}}@media (min-width: 1440px){:host(.case-studies-card) .card-media{height:170px}}:host(.case-studies-card) .card-body .card-logo-container{padding:8px 20px;border-bottom:1px solid #E4E7E9}:host(.case-studies-card) .card-body .card-logo-none{padding-top:16px}:host(.case-studies-card) .card-body .card-logo{max-width:280px;width:auto;height:40px;object-fit:cover;border:1px solid #E4E7E9;margin-bottom:8px}:host(.case-studies-card) .card-body .small{font-size:var(--ptc-font-size-x-small);font-weight:400;line-height:19px;color:#282F35;margin-bottom:24px;display:inline-block}:host(.case-studies-card) .card-body h3{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-loose);line-height:21px;color:var(--color-gray-11);margin:8px 20px 12px 20px}:host(.case-studies-card) ::slotted([slot=slot-date]){font-weight:400;font-size:16px;line-height:19px;color:#282F35;margin-bottom:24px;display:inline-block}:host(.case-studies-card) ::slotted([slot=slot-description]){font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:400;font-size:1rem;line-height:19px;color:var(--color-gray-11);margin:0px 20px 16px 20px}:host(.related-card){width:100%;height:100%}:host(.related-card) .card-border{background:var(--color-white);box-shadow:var(--ptc-shadow-small);border-radius:var(--ptc-border-radius-standard);width:100%;height:100%;display:flex;flex-direction:row}:host(.related-card) .card-border:hover{background:var(--color-gray-02);box-shadow:var(--ptc-shadow-large)}:host(.related-card) .card-border:hover .card-media{background:var(--color-white);border-top-left-radius:var(--ptc-border-radius-standard);border-top-right-radius:var(--ptc-border-radius-standard)}:host(.related-card) .card-border:hover .card-media .smart-img{background:var(--color-white)}:host(.related-card) .card-layout{display:block;position:relative;width:100%;height:100%}:host(.related-card) .card-layout .ribbon-text{position:absolute;top:0;left:0;margin-top:var(--ptc-element-spacing-06);background-color:var(--color-white);padding:var(--ptc-element-spacing-01) var(--ptc-element-spacing-05);font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-small);color:var(--color-gray-11);border-radius:0px 3px 3px 0px;box-shadow:var(--ptc-shadow-small);max-height:20px;overflow:hidden;width:fit-content;clip-path:inset(-6px -6px -6px 0px)}:host(.related-card) .link-wrapper{outline:none;text-decoration:none}:host(.related-card) .link-wrapper:hover{outline:none;text-decoration:none}:host(.related-card) .card-media{width:100%;height:288px;transform:scale(1);transform-origin:center bottom;transition:transform var(--ptc-transition-medium) var(--ptc-standard-ease);transition-delay:var(--ptc-delay-medium)}:host(.related-card) .card-media .smart-img{height:288px}@media only screen and (min-width: 480px){:host(.related-card) .card-media .smart-img{height:286px}}@media only screen and (min-width: 768px){:host(.related-card) .card-media .smart-img{height:142px}}@media only screen and (min-width: 992px){:host(.related-card) .card-media .smart-img{height:192px}}@media only screen and (min-width: 1200px){:host(.related-card) .card-media .smart-img{height:237px}}@media only screen and (min-width: 1440px){:host(.related-card) .card-media .smart-img{height:248px}}@media only screen and (min-width: 480px){:host(.related-card) .card-media{height:286px}}@media only screen and (min-width: 768px){:host(.related-card) .card-media{height:142px}}@media only screen and (min-width: 992px){:host(.related-card) .card-media{height:192px}}@media only screen and (min-width: 1200px){:host(.related-card) .card-media{height:237px}}@media only screen and (min-width: 1440px){:host(.related-card) .card-media{height:248px}}:host(.related-card) .card-body{box-sizing:border-box;padding:var(--ptc-layout-spacing-03)}:host(.related-card) .card-body .card-date-text{display:flex;flex-direction:row}:host(.related-card) .card-body .card-date-text p{font-size:var(--ptc-font-size-xx-small);font-weight:400;line-height:19px;color:#282F35;margin-bottom:16px;display:inline-block;margin-top:0rem}:host(.related-card) .card-body .small{font-size:var(--ptc-font-size-x-small);font-weight:400;line-height:19px;color:#282F35;margin-bottom:16px;display:inline-block}:host(.related-card) .card-body h3{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-loose);line-height:21px;color:var(--color-gray-11);margin-bottom:14px;margin-top:0rem}:host(.related-card) ::slotted([slot=slot-description]){font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:400;font-size:1rem;line-height:18px;color:var(--color-gray-11)}.ptc-h3.uppercase{text-transform:uppercase}.ptc-h3.capitalize{text-transform:capitalize}.ptc-h3.lowercase{text-transform:lowercase}.ptc-h3.none{text-transform:none}';export{a as ptc_card}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as a,F as e,H as i,g as r}from"./p-ce0e4c5c.js";const l=class{constructor(a){t(this,a),this.cardTitle=void 0,this.cardPricingText=void 0,this.cardCtaHref=null,this.cardCtaText=null,this.cardDisclaimer=null}render(){return a(i,null,a("div",{class:"add-on-card"},a("ptc-title",{type:"h4","text-align":"left","title-size":"medium",upperline:"no-upperline","title-height":"densest","title-margin":"margin-flush","title-weight":"w-7"},this.cardTitle),a("ptc-para",{"font-size":"small","font-weight":"w-4","para-align":"left","para-line-h":"line-height-p","para-margin":"margin-flush"},this.cardPricingText),a("ptc-spacer",{breakpoint:"small",size:"medium"}),a("ptc-spacer",{breakpoint:"x-small",size:"large"}),a("ptc-para",{"font-size":"x-small","font-weight":"w-4","para-align":"left","para-line-h":"line-height-p","para-margin":"margin-flush"},this.el.querySelector('[slot="card-body"]').innerHTML.toString().length<=300?a("slot",{name:"card-body"}):a("ptc-readmore",{"more-text":"See more"},a("slot",{name:"card-body"})),a("slot",{name:"card-body"})),this.cardCtaHref&&this.cardCtaText&&a(e,null,a("ptc-spacer",{breakpoint:"small",size:"x-large"}),a("ptc-spacer",{breakpoint:"small",size:"xx-small"}),a("ptc-spacer",{breakpoint:"x-small",size:"xx-large"}),a("ptc-spacer",{breakpoint:"x-small",size:"xx-small"}),a("ptc-button",{type:"link",color:"ptc-tertiary","link-href":this.cardCtaHref,target:"_blank"},a("ptc-tooltip",{"text-display":"inline","max-length":"30","z-index":"z-2",description:this.cardCtaText,position:"bottom"}))),this.cardDisclaimer&&a(e,null,a("ptc-spacer",{breakpoint:"small",size:"medium"}),a("ptc-spacer",{breakpoint:"x-small",size:"large"}),a("ptc-para",{"font-size":"xx-small","font-weight":"w-6","para-align":"left","para-color":"primary-grey","para-line-h":"line-height-p","para-margin":"margin-flush"},this.cardDisclaimer.length<=150?this.cardDisclaimer:a("ptc-readmore",{"more-text":"See more"},this.cardDisclaimer)))))}get el(){return r(this)}};l.style=":host{display:block;height:99%}.add-on-card{padding:
|
|
1
|
+
import{r as t,h as a,F as e,H as i,g as r}from"./p-ce0e4c5c.js";const l=class{constructor(a){t(this,a),this.cardTitle=void 0,this.cardPricingText=void 0,this.cardCtaHref=null,this.cardCtaText=null,this.cardDisclaimer=null}render(){return a(i,null,a("div",{class:"add-on-card"},a("ptc-title",{type:"h4","text-align":"left","title-size":"medium",upperline:"no-upperline","title-height":"densest","title-margin":"margin-flush","title-weight":"w-7"},this.cardTitle),a("ptc-para",{"font-size":"small","font-weight":"w-4","para-align":"left","para-line-h":"line-height-p","para-margin":"margin-flush"},this.cardPricingText),a("ptc-spacer",{breakpoint:"small",size:"medium"}),a("ptc-spacer",{breakpoint:"x-small",size:"large"}),a("ptc-para",{"font-size":"x-small","font-weight":"w-4","para-align":"left","para-line-h":"line-height-p","para-margin":"margin-flush"},this.el.querySelector('[slot="card-body"]').innerHTML.toString().length<=300?a("slot",{name:"card-body"}):a("ptc-readmore",{"more-text":"See more"},a("slot",{name:"card-body"})),a("slot",{name:"card-body"})),this.cardCtaHref&&this.cardCtaText&&a(e,null,a("ptc-spacer",{breakpoint:"small",size:"x-large"}),a("ptc-spacer",{breakpoint:"small",size:"xx-small"}),a("ptc-spacer",{breakpoint:"x-small",size:"xx-large"}),a("ptc-spacer",{breakpoint:"x-small",size:"xx-small"}),a("ptc-button",{type:"link",color:"ptc-tertiary","link-href":this.cardCtaHref,target:"_blank"},a("ptc-tooltip",{"text-display":"inline","max-length":"30","z-index":"z-2",description:this.cardCtaText,position:"bottom"}))),this.cardDisclaimer&&a(e,null,a("ptc-spacer",{breakpoint:"small",size:"medium"}),a("ptc-spacer",{breakpoint:"x-small",size:"large"}),a("ptc-para",{"font-size":"xx-small","font-weight":"w-6","para-align":"left","para-color":"primary-grey","para-line-h":"line-height-p","para-margin":"margin-flush"},this.cardDisclaimer.length<=150?this.cardDisclaimer:a("ptc-readmore",{"more-text":"See more"},this.cardDisclaimer)))))}get el(){return r(this)}};l.style=":host{display:block;height:99%}.add-on-card{padding:var(--ptc-element-spacing-06);border-top:var(--color-gray-10) solid var(--ptc-element-spacing-01);background-color:white;border-radius:var(--ptc-border-radius-standard);box-shadow:var(--ptc-shadow-x-small);height:100%;box-sizing:border-box}";export{l as ptc_pricing_add_on_card}
|