@ptcwebops/ptcw-design 6.3.19-beta → 6.3.20-beta
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/icon-asset_8.cjs.entry.js +1 -1
- package/dist/cjs/ptc-countdown.cjs.entry.js +19 -16
- package/dist/collection/components/ptc-countdown/ptc-countdown.js +19 -16
- package/dist/collection/components/ptc-enhanced-product-listing-card/ptc-enhanced-product-listing-card.css +6 -1
- package/dist/collection/stories/BackgroundImage.stories.js +20 -42
- package/dist/custom-elements/index.js +20 -17
- package/dist/esm/icon-asset_8.entry.js +1 -1
- package/dist/esm/ptc-countdown.entry.js +19 -16
- package/dist/ptcw-design/{p-f88412e3.entry.js → p-666cdec9.entry.js} +1 -1
- package/dist/ptcw-design/p-a8f77b33.entry.js +1 -0
- package/dist/ptcw-design/ptcw-design.esm.js +1 -1
- package/package.json +1 -1
- package/readme.md +1 -1
- package/dist/ptcw-design/p-e8122356.entry.js +0 -1
|
@@ -193,7 +193,7 @@ const PtcButton = class {
|
|
|
193
193
|
};
|
|
194
194
|
PtcButton.style = ptcButtonCss;
|
|
195
195
|
|
|
196
|
-
const ptcEnhancedProductListingCardCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block;height:100%}:host .card{display:flex;flex-direction:column;gap:24px;justify-content:space-between;position:relative;padding:32px 32px 40px 32px;box-sizing:border-box;width:288px;height:100%;border-radius:var(--ptc-border-radius-standard);background:#FFF;box-shadow:var(--ptc-shadow-small)}:host .card.alternate{padding:40px 32px;min-width:288px}:host .ribbon{position:absolute;top:32px;left:-4px;border-radius:0px 4px 4px 0px;background:var(--color-blue-07);display:flex;padding:6px 28px;justify-content:center;align-items:center;color:#FFF;font-family:Raleway;font-size:var(--ptc-font-size-x-small);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-extrabold);line-height:var(--ptc-line-height-densest)}:host .ribbon .ribbon-wrap-around{position:absolute;bottom:-4px;left:0px}:host .flex-start{padding-top:48px}:host .alternate .flex-start{padding-top:0px}:host .pricing{display:flex;gap:4px;align-items:flex-end;margin-bottom:16px}:host .pricing .pricing-label{color:var(--color-gray-10);font-family:Raleway;font-size:var(--ptc-font-size-x-small);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-regular);line-height:var(--ptc-line-height-p)}:host .pricing .pricing-value{color:var(--color-gray-10, #323B42);font-family:Raleway;font-size:var(--ptc-font-size-x-large);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-extrabold);line-height:35px}@media only screen and (min-width: 768px){:host .card{width:100%}}";
|
|
196
|
+
const ptcEnhancedProductListingCardCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block;height:100%}:host .card{display:flex;flex-direction:column;gap:24px;justify-content:space-between;position:relative;padding:32px 32px 40px 32px;box-sizing:border-box;width:288px;height:100%;border-radius:var(--ptc-border-radius-standard);background:#FFF;box-shadow:var(--ptc-shadow-small)}:host .card.alternate{padding:40px 32px;min-width:288px}:host .ribbon{position:absolute;top:32px;left:-4px;border-radius:0px 4px 4px 0px;background:var(--color-blue-07);display:flex;padding:6px 28px;justify-content:center;align-items:center;color:#FFF;font-family:Raleway;font-size:var(--ptc-font-size-x-small);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-extrabold);line-height:var(--ptc-line-height-densest)}:host .ribbon .ribbon-wrap-around{position:absolute;bottom:-4px;left:0px}:host .flex-start{padding-top:48px}:host .alternate .flex-start{padding-top:0px}:host .pricing{display:flex;gap:4px;align-items:flex-end;margin-bottom:16px}:host .pricing .pricing-label{color:var(--color-gray-10);font-family:Raleway;font-size:var(--ptc-font-size-x-small);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-regular);line-height:var(--ptc-line-height-p)}:host .pricing .pricing-value{color:var(--color-gray-10, #323B42);font-family:Raleway;font-size:var(--ptc-font-size-x-large);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-extrabold);line-height:35px}@media only screen and (min-width: 768px){:host .card:not(.alternate){width:100%}}@media only screen and (min-width: 992px){:host .card.alternate{width:100%}}";
|
|
197
197
|
|
|
198
198
|
const PtcEnhancedProductListingCard = class {
|
|
199
199
|
constructor(hostRef) {
|
|
@@ -53,8 +53,26 @@ const PtcCountdown = class {
|
|
|
53
53
|
// Map time zone abbreviations to their offset in minutes.
|
|
54
54
|
getOffsetFromAbbr(abbr) {
|
|
55
55
|
const tzMapping = {
|
|
56
|
-
'
|
|
56
|
+
'PST': -480,
|
|
57
|
+
'PDT': -420,
|
|
58
|
+
'MST': -420,
|
|
59
|
+
'MDT': -360,
|
|
60
|
+
'CST': -360,
|
|
61
|
+
'CDT': -300,
|
|
62
|
+
'UTC': 0,
|
|
63
|
+
'BST': 60,
|
|
64
|
+
'GST': 240,
|
|
65
|
+
'KST': 540,
|
|
57
66
|
'ACST': 570,
|
|
67
|
+
'ACDT': 630,
|
|
68
|
+
'EST': -300,
|
|
69
|
+
'EDT': -240,
|
|
70
|
+
'CET': 60,
|
|
71
|
+
'CEST': 120,
|
|
72
|
+
'IST': 330,
|
|
73
|
+
'CST_CN': 480,
|
|
74
|
+
'JST': 540,
|
|
75
|
+
//Above shows the existing timezones in SC
|
|
58
76
|
'ADT': -180,
|
|
59
77
|
'AEDT': 660,
|
|
60
78
|
'AEST': 600,
|
|
@@ -62,25 +80,10 @@ const PtcCountdown = class {
|
|
|
62
80
|
'AKST': -540,
|
|
63
81
|
'AST': -240,
|
|
64
82
|
'AWST': 480,
|
|
65
|
-
'BST': 60,
|
|
66
|
-
'CDT': -300,
|
|
67
|
-
'CEST': 120,
|
|
68
|
-
'CET': 60,
|
|
69
|
-
'CST': -360,
|
|
70
|
-
'CST_CN': 480,
|
|
71
|
-
'EDT': -240,
|
|
72
83
|
'EEST': 180,
|
|
73
84
|
'EET': 120,
|
|
74
|
-
'EST': -300,
|
|
75
85
|
'GMT': 0,
|
|
76
86
|
'HKT': 480,
|
|
77
|
-
'IST': 330,
|
|
78
|
-
'JST': 540,
|
|
79
|
-
'MDT': -360,
|
|
80
|
-
'MST': -420,
|
|
81
|
-
'PDT': -420,
|
|
82
|
-
'PST': -480,
|
|
83
|
-
'UTC': 0,
|
|
84
87
|
};
|
|
85
88
|
return tzMapping[abbr] !== undefined ? tzMapping[abbr] : 0;
|
|
86
89
|
}
|
|
@@ -39,8 +39,26 @@ export class PtcCountdown {
|
|
|
39
39
|
// Map time zone abbreviations to their offset in minutes.
|
|
40
40
|
getOffsetFromAbbr(abbr) {
|
|
41
41
|
const tzMapping = {
|
|
42
|
-
'
|
|
42
|
+
'PST': -480,
|
|
43
|
+
'PDT': -420,
|
|
44
|
+
'MST': -420,
|
|
45
|
+
'MDT': -360,
|
|
46
|
+
'CST': -360,
|
|
47
|
+
'CDT': -300,
|
|
48
|
+
'UTC': 0,
|
|
49
|
+
'BST': 60,
|
|
50
|
+
'GST': 240,
|
|
51
|
+
'KST': 540,
|
|
43
52
|
'ACST': 570,
|
|
53
|
+
'ACDT': 630,
|
|
54
|
+
'EST': -300,
|
|
55
|
+
'EDT': -240,
|
|
56
|
+
'CET': 60,
|
|
57
|
+
'CEST': 120,
|
|
58
|
+
'IST': 330,
|
|
59
|
+
'CST_CN': 480,
|
|
60
|
+
'JST': 540,
|
|
61
|
+
//Above shows the existing timezones in SC
|
|
44
62
|
'ADT': -180,
|
|
45
63
|
'AEDT': 660,
|
|
46
64
|
'AEST': 600,
|
|
@@ -48,25 +66,10 @@ export class PtcCountdown {
|
|
|
48
66
|
'AKST': -540,
|
|
49
67
|
'AST': -240,
|
|
50
68
|
'AWST': 480,
|
|
51
|
-
'BST': 60,
|
|
52
|
-
'CDT': -300,
|
|
53
|
-
'CEST': 120,
|
|
54
|
-
'CET': 60,
|
|
55
|
-
'CST': -360,
|
|
56
|
-
'CST_CN': 480,
|
|
57
|
-
'EDT': -240,
|
|
58
69
|
'EEST': 180,
|
|
59
70
|
'EET': 120,
|
|
60
|
-
'EST': -300,
|
|
61
71
|
'GMT': 0,
|
|
62
72
|
'HKT': 480,
|
|
63
|
-
'IST': 330,
|
|
64
|
-
'JST': 540,
|
|
65
|
-
'MDT': -360,
|
|
66
|
-
'MST': -420,
|
|
67
|
-
'PDT': -420,
|
|
68
|
-
'PST': -480,
|
|
69
|
-
'UTC': 0,
|
|
70
73
|
};
|
|
71
74
|
return tzMapping[abbr] !== undefined ? tzMapping[abbr] : 0;
|
|
72
75
|
}
|
|
@@ -127,7 +127,12 @@ ptc-link, ptc-square-card,
|
|
|
127
127
|
line-height: 35px;
|
|
128
128
|
}
|
|
129
129
|
@media only screen and (min-width: 768px) {
|
|
130
|
-
:host .card {
|
|
130
|
+
:host .card:not(.alternate) {
|
|
131
|
+
width: 100%;
|
|
132
|
+
}
|
|
133
|
+
}
|
|
134
|
+
@media only screen and (min-width: 992px) {
|
|
135
|
+
:host .card.alternate {
|
|
131
136
|
width: 100%;
|
|
132
137
|
}
|
|
133
138
|
}
|
|
@@ -6,15 +6,21 @@ export default {
|
|
|
6
6
|
argTypes: {
|
|
7
7
|
borderRadius: {
|
|
8
8
|
control: 'select',
|
|
9
|
-
options: ["", "radius-lg", "radius-standard", "radius-sm"],
|
|
10
9
|
description: 'Image border shape',
|
|
11
|
-
defaultValue: { summary: '' }
|
|
10
|
+
defaultValue: { summary: "'' means no border" },
|
|
11
|
+
options: [
|
|
12
|
+
'',
|
|
13
|
+
'radius-large',
|
|
14
|
+
'radius-large-top',
|
|
15
|
+
'radius-standard',
|
|
16
|
+
'radius-standard-top'
|
|
17
|
+
]
|
|
12
18
|
},
|
|
13
19
|
imageType: {
|
|
14
20
|
control: 'select',
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
21
|
+
description: 'Image type, "smart-bg needs to use with content inside the <ptc-img> tag"',
|
|
22
|
+
defaultValue: { summary: 'smart-bg' },
|
|
23
|
+
options: [ 'smart-bg', 'smart-img' ]
|
|
18
24
|
},
|
|
19
25
|
imgUrl: {
|
|
20
26
|
control: 'text',
|
|
@@ -23,35 +29,15 @@ export default {
|
|
|
23
29
|
},
|
|
24
30
|
loadMode: {
|
|
25
31
|
control: 'select',
|
|
26
|
-
options: ["eager-bg", "lazy-bg"],
|
|
27
32
|
description: 'Lazy loading option',
|
|
28
|
-
defaultValue: { summary: 'lazy-bg' }
|
|
33
|
+
defaultValue: { summary: 'lazy-bg' },
|
|
34
|
+
options: [ 'eager-bg', 'lazy-bg' ]
|
|
29
35
|
},
|
|
30
|
-
|
|
36
|
+
styles: {
|
|
31
37
|
control: 'text',
|
|
32
|
-
description: '
|
|
33
|
-
defaultValue: { summary: '
|
|
34
|
-
}
|
|
35
|
-
sizeMd: {
|
|
36
|
-
control: 'text',
|
|
37
|
-
description: 'Image size for medium screen >=992px and <=1199px',
|
|
38
|
-
defaultValue: { summary: '1366x500' }
|
|
39
|
-
},
|
|
40
|
-
sizeSm: {
|
|
41
|
-
control: 'text',
|
|
42
|
-
description: 'Image size for small screen >=768px and <=991px',
|
|
43
|
-
defaultValue: { summary: '1240x496' }
|
|
44
|
-
},
|
|
45
|
-
sizeXs: {
|
|
46
|
-
control: 'text',
|
|
47
|
-
description: 'Image size for smallest screen <=767px',
|
|
48
|
-
defaultValue: { summary: '510x340' }
|
|
49
|
-
},
|
|
50
|
-
// styles: {
|
|
51
|
-
// control: '',
|
|
52
|
-
// description: '(optional) Injected CSS styles',
|
|
53
|
-
// defaultValue: { summary: 'undefined' }
|
|
54
|
-
// }
|
|
38
|
+
description: '(optional) Injected CSS styles',
|
|
39
|
+
defaultValue: { summary: 'undefined' }
|
|
40
|
+
}
|
|
55
41
|
}
|
|
56
42
|
};
|
|
57
43
|
|
|
@@ -60,23 +46,15 @@ const Template = args => { return html `<ptc-img
|
|
|
60
46
|
image-type=${args.imageType}
|
|
61
47
|
img-url=${args.imgUrl}
|
|
62
48
|
load-mode=${args.loadMode}
|
|
63
|
-
size-lg=${args.sizeLg}
|
|
64
|
-
size-md=${args.sizeMd}
|
|
65
|
-
size-sm=${args.sizeSm}
|
|
66
|
-
size-xs=${args.sizeXs}
|
|
67
49
|
styles=${args.styles}
|
|
68
50
|
></ptc-img>`;}
|
|
69
51
|
|
|
70
52
|
export const Example = Template.bind({});
|
|
71
53
|
|
|
72
54
|
Example.args = {
|
|
73
|
-
borderRadius: '
|
|
55
|
+
borderRadius: '',
|
|
74
56
|
imageType: 'smart-img',
|
|
75
|
-
imgUrl:
|
|
57
|
+
imgUrl: 'https://ptc-p-001.sitecorecontenthub.cloud/api/public/content/3c9d7c7c7ca74dd483c4d7ca554ecc38?v=ece57c52',
|
|
76
58
|
loadMode: 'lazy-bg',
|
|
77
|
-
|
|
78
|
-
sizeMd: '1366x500',
|
|
79
|
-
sizeSm: '1240x496',
|
|
80
|
-
sizeXs: '510x340',
|
|
81
|
-
// styles: 'undefined'
|
|
59
|
+
styles: 'undefined'
|
|
82
60
|
}
|
|
@@ -12290,8 +12290,26 @@ const PtcCountdown$1 = class extends HTMLElement$1 {
|
|
|
12290
12290
|
// Map time zone abbreviations to their offset in minutes.
|
|
12291
12291
|
getOffsetFromAbbr(abbr) {
|
|
12292
12292
|
const tzMapping = {
|
|
12293
|
-
'
|
|
12293
|
+
'PST': -480,
|
|
12294
|
+
'PDT': -420,
|
|
12295
|
+
'MST': -420,
|
|
12296
|
+
'MDT': -360,
|
|
12297
|
+
'CST': -360,
|
|
12298
|
+
'CDT': -300,
|
|
12299
|
+
'UTC': 0,
|
|
12300
|
+
'BST': 60,
|
|
12301
|
+
'GST': 240,
|
|
12302
|
+
'KST': 540,
|
|
12294
12303
|
'ACST': 570,
|
|
12304
|
+
'ACDT': 630,
|
|
12305
|
+
'EST': -300,
|
|
12306
|
+
'EDT': -240,
|
|
12307
|
+
'CET': 60,
|
|
12308
|
+
'CEST': 120,
|
|
12309
|
+
'IST': 330,
|
|
12310
|
+
'CST_CN': 480,
|
|
12311
|
+
'JST': 540,
|
|
12312
|
+
//Above shows the existing timezones in SC
|
|
12295
12313
|
'ADT': -180,
|
|
12296
12314
|
'AEDT': 660,
|
|
12297
12315
|
'AEST': 600,
|
|
@@ -12299,25 +12317,10 @@ const PtcCountdown$1 = class extends HTMLElement$1 {
|
|
|
12299
12317
|
'AKST': -540,
|
|
12300
12318
|
'AST': -240,
|
|
12301
12319
|
'AWST': 480,
|
|
12302
|
-
'BST': 60,
|
|
12303
|
-
'CDT': -300,
|
|
12304
|
-
'CEST': 120,
|
|
12305
|
-
'CET': 60,
|
|
12306
|
-
'CST': -360,
|
|
12307
|
-
'CST_CN': 480,
|
|
12308
|
-
'EDT': -240,
|
|
12309
12320
|
'EEST': 180,
|
|
12310
12321
|
'EET': 120,
|
|
12311
|
-
'EST': -300,
|
|
12312
12322
|
'GMT': 0,
|
|
12313
12323
|
'HKT': 480,
|
|
12314
|
-
'IST': 330,
|
|
12315
|
-
'JST': 540,
|
|
12316
|
-
'MDT': -360,
|
|
12317
|
-
'MST': -420,
|
|
12318
|
-
'PDT': -420,
|
|
12319
|
-
'PST': -480,
|
|
12320
|
-
'UTC': 0,
|
|
12321
12324
|
};
|
|
12322
12325
|
return tzMapping[abbr] !== undefined ? tzMapping[abbr] : 0;
|
|
12323
12326
|
}
|
|
@@ -20230,7 +20233,7 @@ const PtcEmbeddedQuiz$1 = class extends HTMLElement$1 {
|
|
|
20230
20233
|
static get style() { return ptcEmbeddedQuizCss; }
|
|
20231
20234
|
};
|
|
20232
20235
|
|
|
20233
|
-
const ptcEnhancedProductListingCardCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block;height:100%}:host .card{display:flex;flex-direction:column;gap:24px;justify-content:space-between;position:relative;padding:32px 32px 40px 32px;box-sizing:border-box;width:288px;height:100%;border-radius:var(--ptc-border-radius-standard);background:#FFF;box-shadow:var(--ptc-shadow-small)}:host .card.alternate{padding:40px 32px;min-width:288px}:host .ribbon{position:absolute;top:32px;left:-4px;border-radius:0px 4px 4px 0px;background:var(--color-blue-07);display:flex;padding:6px 28px;justify-content:center;align-items:center;color:#FFF;font-family:Raleway;font-size:var(--ptc-font-size-x-small);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-extrabold);line-height:var(--ptc-line-height-densest)}:host .ribbon .ribbon-wrap-around{position:absolute;bottom:-4px;left:0px}:host .flex-start{padding-top:48px}:host .alternate .flex-start{padding-top:0px}:host .pricing{display:flex;gap:4px;align-items:flex-end;margin-bottom:16px}:host .pricing .pricing-label{color:var(--color-gray-10);font-family:Raleway;font-size:var(--ptc-font-size-x-small);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-regular);line-height:var(--ptc-line-height-p)}:host .pricing .pricing-value{color:var(--color-gray-10, #323B42);font-family:Raleway;font-size:var(--ptc-font-size-x-large);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-extrabold);line-height:35px}@media only screen and (min-width: 768px){:host .card{width:100%}}";
|
|
20236
|
+
const ptcEnhancedProductListingCardCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block;height:100%}:host .card{display:flex;flex-direction:column;gap:24px;justify-content:space-between;position:relative;padding:32px 32px 40px 32px;box-sizing:border-box;width:288px;height:100%;border-radius:var(--ptc-border-radius-standard);background:#FFF;box-shadow:var(--ptc-shadow-small)}:host .card.alternate{padding:40px 32px;min-width:288px}:host .ribbon{position:absolute;top:32px;left:-4px;border-radius:0px 4px 4px 0px;background:var(--color-blue-07);display:flex;padding:6px 28px;justify-content:center;align-items:center;color:#FFF;font-family:Raleway;font-size:var(--ptc-font-size-x-small);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-extrabold);line-height:var(--ptc-line-height-densest)}:host .ribbon .ribbon-wrap-around{position:absolute;bottom:-4px;left:0px}:host .flex-start{padding-top:48px}:host .alternate .flex-start{padding-top:0px}:host .pricing{display:flex;gap:4px;align-items:flex-end;margin-bottom:16px}:host .pricing .pricing-label{color:var(--color-gray-10);font-family:Raleway;font-size:var(--ptc-font-size-x-small);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-regular);line-height:var(--ptc-line-height-p)}:host .pricing .pricing-value{color:var(--color-gray-10, #323B42);font-family:Raleway;font-size:var(--ptc-font-size-x-large);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-extrabold);line-height:35px}@media only screen and (min-width: 768px){:host .card:not(.alternate){width:100%}}@media only screen and (min-width: 992px){:host .card.alternate{width:100%}}";
|
|
20234
20237
|
|
|
20235
20238
|
const PtcEnhancedProductListingCard$1 = class extends HTMLElement$1 {
|
|
20236
20239
|
constructor() {
|
|
@@ -189,7 +189,7 @@ const PtcButton = class {
|
|
|
189
189
|
};
|
|
190
190
|
PtcButton.style = ptcButtonCss;
|
|
191
191
|
|
|
192
|
-
const ptcEnhancedProductListingCardCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block;height:100%}:host .card{display:flex;flex-direction:column;gap:24px;justify-content:space-between;position:relative;padding:32px 32px 40px 32px;box-sizing:border-box;width:288px;height:100%;border-radius:var(--ptc-border-radius-standard);background:#FFF;box-shadow:var(--ptc-shadow-small)}:host .card.alternate{padding:40px 32px;min-width:288px}:host .ribbon{position:absolute;top:32px;left:-4px;border-radius:0px 4px 4px 0px;background:var(--color-blue-07);display:flex;padding:6px 28px;justify-content:center;align-items:center;color:#FFF;font-family:Raleway;font-size:var(--ptc-font-size-x-small);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-extrabold);line-height:var(--ptc-line-height-densest)}:host .ribbon .ribbon-wrap-around{position:absolute;bottom:-4px;left:0px}:host .flex-start{padding-top:48px}:host .alternate .flex-start{padding-top:0px}:host .pricing{display:flex;gap:4px;align-items:flex-end;margin-bottom:16px}:host .pricing .pricing-label{color:var(--color-gray-10);font-family:Raleway;font-size:var(--ptc-font-size-x-small);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-regular);line-height:var(--ptc-line-height-p)}:host .pricing .pricing-value{color:var(--color-gray-10, #323B42);font-family:Raleway;font-size:var(--ptc-font-size-x-large);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-extrabold);line-height:35px}@media only screen and (min-width: 768px){:host .card{width:100%}}";
|
|
192
|
+
const ptcEnhancedProductListingCardCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block;height:100%}:host .card{display:flex;flex-direction:column;gap:24px;justify-content:space-between;position:relative;padding:32px 32px 40px 32px;box-sizing:border-box;width:288px;height:100%;border-radius:var(--ptc-border-radius-standard);background:#FFF;box-shadow:var(--ptc-shadow-small)}:host .card.alternate{padding:40px 32px;min-width:288px}:host .ribbon{position:absolute;top:32px;left:-4px;border-radius:0px 4px 4px 0px;background:var(--color-blue-07);display:flex;padding:6px 28px;justify-content:center;align-items:center;color:#FFF;font-family:Raleway;font-size:var(--ptc-font-size-x-small);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-extrabold);line-height:var(--ptc-line-height-densest)}:host .ribbon .ribbon-wrap-around{position:absolute;bottom:-4px;left:0px}:host .flex-start{padding-top:48px}:host .alternate .flex-start{padding-top:0px}:host .pricing{display:flex;gap:4px;align-items:flex-end;margin-bottom:16px}:host .pricing .pricing-label{color:var(--color-gray-10);font-family:Raleway;font-size:var(--ptc-font-size-x-small);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-regular);line-height:var(--ptc-line-height-p)}:host .pricing .pricing-value{color:var(--color-gray-10, #323B42);font-family:Raleway;font-size:var(--ptc-font-size-x-large);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-extrabold);line-height:35px}@media only screen and (min-width: 768px){:host .card:not(.alternate){width:100%}}@media only screen and (min-width: 992px){:host .card.alternate{width:100%}}";
|
|
193
193
|
|
|
194
194
|
const PtcEnhancedProductListingCard = class {
|
|
195
195
|
constructor(hostRef) {
|
|
@@ -49,8 +49,26 @@ const PtcCountdown = class {
|
|
|
49
49
|
// Map time zone abbreviations to their offset in minutes.
|
|
50
50
|
getOffsetFromAbbr(abbr) {
|
|
51
51
|
const tzMapping = {
|
|
52
|
-
'
|
|
52
|
+
'PST': -480,
|
|
53
|
+
'PDT': -420,
|
|
54
|
+
'MST': -420,
|
|
55
|
+
'MDT': -360,
|
|
56
|
+
'CST': -360,
|
|
57
|
+
'CDT': -300,
|
|
58
|
+
'UTC': 0,
|
|
59
|
+
'BST': 60,
|
|
60
|
+
'GST': 240,
|
|
61
|
+
'KST': 540,
|
|
53
62
|
'ACST': 570,
|
|
63
|
+
'ACDT': 630,
|
|
64
|
+
'EST': -300,
|
|
65
|
+
'EDT': -240,
|
|
66
|
+
'CET': 60,
|
|
67
|
+
'CEST': 120,
|
|
68
|
+
'IST': 330,
|
|
69
|
+
'CST_CN': 480,
|
|
70
|
+
'JST': 540,
|
|
71
|
+
//Above shows the existing timezones in SC
|
|
54
72
|
'ADT': -180,
|
|
55
73
|
'AEDT': 660,
|
|
56
74
|
'AEST': 600,
|
|
@@ -58,25 +76,10 @@ const PtcCountdown = class {
|
|
|
58
76
|
'AKST': -540,
|
|
59
77
|
'AST': -240,
|
|
60
78
|
'AWST': 480,
|
|
61
|
-
'BST': 60,
|
|
62
|
-
'CDT': -300,
|
|
63
|
-
'CEST': 120,
|
|
64
|
-
'CET': 60,
|
|
65
|
-
'CST': -360,
|
|
66
|
-
'CST_CN': 480,
|
|
67
|
-
'EDT': -240,
|
|
68
79
|
'EEST': 180,
|
|
69
80
|
'EET': 120,
|
|
70
|
-
'EST': -300,
|
|
71
81
|
'GMT': 0,
|
|
72
82
|
'HKT': 480,
|
|
73
|
-
'IST': 330,
|
|
74
|
-
'JST': 540,
|
|
75
|
-
'MDT': -360,
|
|
76
|
-
'MST': -420,
|
|
77
|
-
'PDT': -420,
|
|
78
|
-
'PST': -480,
|
|
79
|
-
'UTC': 0,
|
|
80
83
|
};
|
|
81
84
|
return tzMapping[abbr] !== undefined ? tzMapping[abbr] : 0;
|
|
82
85
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as n}from"./p-944c5be8.js";import{c as e,a as i}from"./p-112455b1.js";var r=e((function(t){t.exports=function(){var t=6e4,n=36e5,e="millisecond",i="second",r="minute",s="hour",a="day",h="week",u="month",o="quarter",c="year",d="date",l="Invalid Date",f=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,p=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,m={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),ordinal:function(t){var n=["th","st","nd","rd"],e=t%100;return"["+t+(n[(e-20)%10]||n[e]||n[0])+"]"}},v=function(t,n,e){var i=String(t);return!i||i.length>=n?t:""+Array(n+1-i.length).join(e)+t},y={s:v,z:function(t){var n=-t.utcOffset(),e=Math.abs(n),i=Math.floor(e/60),r=e%60;return(n<=0?"+":"-")+v(i,2,"0")+":"+v(r,2,"0")},m:function t(n,e){if(n.date()<e.date())return-t(e,n);var i=12*(e.year()-n.year())+(e.month()-n.month()),r=n.clone().add(i,u),s=e-r<0,a=n.clone().add(i+(s?-1:1),u);return+(-(i+(e-r)/(s?r-a:a-r))||0)},a:function(t){return t<0?Math.ceil(t)||0:Math.floor(t)},p:function(t){return{M:u,y:c,w:h,d:a,D:d,h:s,m:r,s:i,ms:e,Q:o}[t]||String(t||"").toLowerCase().replace(/s$/,"")},u:function(t){return void 0===t}},w="en",g={};g[w]=m;var x="$isDayjsObject",b=function(t){return t instanceof S||!(!t||!t[x])},M=function t(n,e,i){var r;if(!n)return w;if("string"==typeof n){var s=n.toLowerCase();g[s]&&(r=s),e&&(g[s]=e,r=s);var a=n.split("-");if(!r&&a.length>1)return t(a[0])}else{var h=n.name;g[h]=n,r=h}return!i&&r&&(w=r),r||!i&&w},D=function(t,n){if(b(t))return t.clone();var e="object"==typeof n?n:{};return e.date=t,e.args=arguments,new S(e)},T=y;T.l=M,T.i=b,T.w=function(t,n){return D(t,{locale:n.$L,utc:n.$u,x:n.$x,$offset:n.$offset})};var S=function(){function m(t){this.$L=M(t.locale,null,!0),this.parse(t),this.$x=this.$x||t.x||{},this[x]=!0}var v=m.prototype;return v.parse=function(t){this.$d=function(t){var n=t.date,e=t.utc;if(null===n)return new Date(NaN);if(T.u(n))return new Date;if(n instanceof Date)return new Date(n);if("string"==typeof n&&!/Z$/i.test(n)){var i=n.match(f);if(i){var r=i[2]-1||0,s=(i[7]||"0").substring(0,3);return e?new Date(Date.UTC(i[1],r,i[3]||1,i[4]||0,i[5]||0,i[6]||0,s)):new Date(i[1],r,i[3]||1,i[4]||0,i[5]||0,i[6]||0,s)}}return new Date(n)}(t),this.init()},v.init=function(){var t=this.$d;this.$y=t.getFullYear(),this.$M=t.getMonth(),this.$D=t.getDate(),this.$W=t.getDay(),this.$H=t.getHours(),this.$m=t.getMinutes(),this.$s=t.getSeconds(),this.$ms=t.getMilliseconds()},v.$utils=function(){return T},v.isValid=function(){return!(this.$d.toString()===l)},v.isSame=function(t,n){var e=D(t);return this.startOf(n)<=e&&e<=this.endOf(n)},v.isAfter=function(t,n){return D(t)<this.startOf(n)},v.isBefore=function(t,n){return this.endOf(n)<D(t)},v.$g=function(t,n,e){return T.u(t)?this[n]:this.set(e,t)},v.unix=function(){return Math.floor(this.valueOf()/1e3)},v.valueOf=function(){return this.$d.getTime()},v.startOf=function(t,n){var e=this,o=!!T.u(n)||n,l=T.p(t),f=function(t,n){var i=T.w(e.$u?Date.UTC(e.$y,n,t):new Date(e.$y,n,t),e);return o?i:i.endOf(a)},p=function(t,n){return T.w(e.toDate()[t].apply(e.toDate("s"),(o?[0,0,0,0]:[23,59,59,999]).slice(n)),e)},m=this.$W,v=this.$M,y=this.$D,w="set"+(this.$u?"UTC":"");switch(l){case c:return o?f(1,0):f(31,11);case u:return o?f(1,v):f(0,v+1);case h:var g=this.$locale().weekStart||0,x=(m<g?m+7:m)-g;return f(o?y-x:y+(6-x),v);case a:case d:return p(w+"Hours",0);case s:return p(w+"Minutes",1);case r:return p(w+"Seconds",2);case i:return p(w+"Milliseconds",3);default:return this.clone()}},v.endOf=function(t){return this.startOf(t,!1)},v.$set=function(t,n){var h,o=T.p(t),l="set"+(this.$u?"UTC":""),f=(h={},h[a]=l+"Date",h[d]=l+"Date",h[u]=l+"Month",h[c]=l+"FullYear",h[s]=l+"Hours",h[r]=l+"Minutes",h[i]=l+"Seconds",h[e]=l+"Milliseconds",h)[o],p=o===a?this.$D+(n-this.$W):n;if(o===u||o===c){var m=this.clone().set(d,1);m.$d[f](p),m.init(),this.$d=m.set(d,Math.min(this.$D,m.daysInMonth())).$d}else f&&this.$d[f](p);return this.init(),this},v.set=function(t,n){return this.clone().$set(t,n)},v.get=function(t){return this[T.p(t)]()},v.add=function(e,o){var d,l=this;e=Number(e);var f=T.p(o),p=function(t){var n=D(l);return T.w(n.date(n.date()+Math.round(t*e)),l)};if(f===u)return this.set(u,this.$M+e);if(f===c)return this.set(c,this.$y+e);if(f===a)return p(1);if(f===h)return p(7);var m=(d={},d[r]=t,d[s]=n,d[i]=1e3,d)[f]||1,v=this.$d.getTime()+e*m;return T.w(v,this)},v.subtract=function(t,n){return this.add(-1*t,n)},v.format=function(t){var n=this,e=this.$locale();if(!this.isValid())return e.invalidDate||l;var i=t||"YYYY-MM-DDTHH:mm:ssZ",r=T.z(this),s=this.$H,a=this.$m,h=this.$M,u=e.weekdays,o=e.months,c=function(t,e,r,s){return t&&(t[e]||t(n,i))||r[e].slice(0,s)},d=function(t){return T.s(s%12||12,t,"0")},f=e.meridiem||function(t,n,e){var i=t<12?"AM":"PM";return e?i.toLowerCase():i};return i.replace(p,(function(t,i){return i||function(t){switch(t){case"YY":return String(n.$y).slice(-2);case"YYYY":return T.s(n.$y,4,"0");case"M":return h+1;case"MM":return T.s(h+1,2,"0");case"MMM":return c(e.monthsShort,h,o,3);case"MMMM":return c(o,h);case"D":return n.$D;case"DD":return T.s(n.$D,2,"0");case"d":return String(n.$W);case"dd":return c(e.weekdaysMin,n.$W,u,2);case"ddd":return c(e.weekdaysShort,n.$W,u,3);case"dddd":return u[n.$W];case"H":return String(s);case"HH":return T.s(s,2,"0");case"h":return d(1);case"hh":return d(2);case"a":return f(s,a,!0);case"A":return f(s,a,!1);case"m":return String(a);case"mm":return T.s(a,2,"0");case"s":return String(n.$s);case"ss":return T.s(n.$s,2,"0");case"SSS":return T.s(n.$ms,3,"0");case"Z":return r}return null}(t)||r.replace(":","")}))},v.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},v.diff=function(e,d,l){var f,p=this,m=T.p(d),v=D(e),y=(v.utcOffset()-this.utcOffset())*t,w=this-v,g=function(){return T.m(p,v)};switch(m){case c:f=g()/12;break;case u:f=g();break;case o:f=g()/3;break;case h:f=(w-y)/6048e5;break;case a:f=(w-y)/864e5;break;case s:f=w/n;break;case r:f=w/t;break;case i:f=w/1e3;break;default:f=w}return l?f:T.a(f)},v.daysInMonth=function(){return this.endOf(u).$D},v.$locale=function(){return g[this.$L]},v.locale=function(t,n){if(!t)return this.$L;var e=this.clone(),i=M(t,n,!0);return i&&(e.$L=i),e},v.clone=function(){return T.w(this.$d,this)},v.toDate=function(){return new Date(this.valueOf())},v.toJSON=function(){return this.isValid()?this.toISOString():null},v.toISOString=function(){return this.$d.toISOString()},v.toString=function(){return this.$d.toUTCString()},m}(),Y=S.prototype;return D.prototype=Y,[["$ms",e],["$s",i],["$m",r],["$H",s],["$W",a],["$M",u],["$y",c],["$D",d]].forEach((function(t){Y[t[1]]=function(n){return this.$g(n,t[0],t[1])}})),D.extend=function(t,n){return t.$i||(t(n,S,D),t.$i=!0),D},D.locale=M,D.isDayjs=b,D.unix=function(t){return D(1e3*t)},D.en=g[w],D.Ls=g,D.p={},D}()})),s=e((function(t){var n,e,i;t.exports=(n="minute",e=/[+-]\d\d(?::?\d\d)?/g,i=/([+-]|\d\d)/g,function(t,r,s){var a=r.prototype;s.utc=function(t){return new r({date:t,utc:!0,args:arguments})},a.utc=function(t){var e=s(this.toDate(),{locale:this.$L,utc:!0});return t?e.add(this.utcOffset(),n):e},a.local=function(){return s(this.toDate(),{locale:this.$L,utc:!1})};var h=a.parse;a.parse=function(t){t.utc&&(this.$u=!0),this.$utils().u(t.$offset)||(this.$offset=t.$offset),h.call(this,t)};var u=a.init;a.init=function(){if(this.$u){var t=this.$d;this.$y=t.getUTCFullYear(),this.$M=t.getUTCMonth(),this.$D=t.getUTCDate(),this.$W=t.getUTCDay(),this.$H=t.getUTCHours(),this.$m=t.getUTCMinutes(),this.$s=t.getUTCSeconds(),this.$ms=t.getUTCMilliseconds()}else u.call(this)};var o=a.utcOffset;a.utcOffset=function(t,r){var s=this.$utils().u;if(s(t))return this.$u?0:s(this.$offset)?o.call(this):this.$offset;if("string"==typeof t&&(t=function(t){void 0===t&&(t="");var n=t.match(e);if(!n)return null;var r=(""+n[0]).match(i)||["-",0,0],s=60*+r[1]+ +r[2];return 0===s?0:"+"===r[0]?s:-s}(t),null===t))return this;var a=Math.abs(t)<=16?60*t:t,h=this;if(r)return h.$offset=a,h.$u=0===t,h;if(0!==t){var u=this.$u?this.toDate().getTimezoneOffset():-1*this.utcOffset();(h=this.local().add(a+u,n)).$offset=a,h.$x.$localOffset=u}else h=this.utc();return h};var c=a.format;a.format=function(t){return c.call(this,t||(this.$u?"YYYY-MM-DDTHH:mm:ss[Z]":""))},a.valueOf=function(){var t=this.$utils().u(this.$offset)?0:this.$offset+(this.$x.$localOffset||this.$d.getTimezoneOffset());return this.$d.valueOf()-6e4*t},a.isUTC=function(){return!!this.$u},a.toISOString=function(){return this.toDate().toISOString()},a.toString=function(){return this.toDate().toUTCString()};var d=a.toDate;a.toDate=function(t){return"s"===t&&this.$offset?s(this.format("YYYY-MM-DD HH:mm:ss:SSS")).toDate():d.call(this)};var l=a.diff;a.diff=function(t,n,e){if(t&&this.$u===t.$u)return l.call(this,t,n,e);var i=this.local(),r=s(t).local();return l.call(i,r,n,e)}})}));r.extend(s);const a=class{constructor(n){t(this,n),this.countdownTitle="",this.eventTime="",this.eventTimeZone="EST",this.expiredText="This event has started on",this.daysText="days",this.hoursText="hours",this.minutesText="minutes",this.secondsText="seconds",this.useHourFormat=!0,this.timeLeft={days:0,hours:0,minutes:0,seconds:0},this.isExpired=!1,this.displayLocale="en"}componentWillLoad(){this.eventTime&&this.eventTimeZone?(this.detectLocaleFromURL(),this.startCountdown()):console.error("Both eventTime and eventTimeZone are required.")}disconnectedCallback(){clearInterval(this.timer)}getOffsetFromAbbr(t){const n={ACDT:630,ACST:570,ADT:-180,AEDT:660,AEST:600,AKDT:-480,AKST:-540,AST:-240,AWST:480,BST:60,CDT:-300,CEST:120,CET:60,CST:-360,CST_CN:480,EDT:-240,EEST:180,EET:120,EST:-300,GMT:0,HKT:480,IST:330,JST:540,MDT:-360,MST:-420,PDT:-420,PST:-480,UTC:0};return void 0!==n[t]?n[t]:0}transformDate(t){return t.includes("T")?t:r(t,"M/D/YYYY h:mm:ss A").format("YYYY-MM-DDTHH:mm:ss")}calculateTimeLeft(){const t=this.getOffsetFromAbbr(this.eventTimeZone),n=r(this.transformDate(this.eventTime)).utcOffset(t,!0).utc(),e=r.utc(),i=n.diff(e);i>0?this.timeLeft={days:Math.floor(i/864e5),hours:Math.floor(i/36e5%24),minutes:Math.floor(i/6e4%60),seconds:Math.floor(i/1e3%60)}:(this.isExpired=!0,clearInterval(this.timer))}startCountdown(){this.calculateTimeLeft(),this.timer=window.setInterval((()=>this.calculateTimeLeft()),1e3)}shouldUse12HourFormat(){return"en"===this.displayLocale||(void 0!==this.useHourFormat?this.useHourFormat:void 0)}detectLocaleFromURL(){const t=window.location.href;this.displayLocale=t.includes("/cn/")?"zh-CN":t.includes("/tw/")?"zh-TW":t.includes("/fr/")?"fr":t.includes("/de/")?"de":t.includes("/it/")?"it":t.includes("/ja/")?"ja":t.includes("/ko/")?"ko":"en"}render(){const{days:t,hours:e,minutes:i,seconds:s}=this.timeLeft,a=r(this.transformDate(this.eventTime)).utcOffset(this.getOffsetFromAbbr(this.eventTimeZone),!0).format("YYYY-MM-DD HH:mm"),h=this.shouldUse12HourFormat();return n("div",{class:"countdown-outer"},this.countdownTitle&&n("div",{class:"event-name"},this.countdownTitle),this.isExpired?n("div",{class:"expired"},`${this.expiredText} ${a} ${this.eventTimeZone}`):n("div",{id:"CDOutput",class:"countdown"},n("div",{class:"day"},n("div",null,t),n("span",null,this.daysText)),n("div",{class:"hours"},n("div",null,e),n("span",null,this.hoursText)),n("div",{class:"minutes"},n("div",null,i),n("span",null,this.minutesText)),n("div",{class:"seconds"},n("div",null,s),n("span",null,this.secondsText))),n("div",{class:"cd-event-date"},new Date(this.eventTime).toLocaleDateString(this.displayLocale,{month:"long",day:"numeric",year:"numeric",hour:"2-digit",minute:"2-digit",hour12:h})," ","(",this.eventTimeZone,")"))}};a.style='h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block;z-index:10;display:flex;align-items:center;justify-content:flex-start;margin-left:0px;margin-bottom:32px}@media only screen and (min-width: 992px){:host{margin-left:var(--ptc-element-spacing-05);margin-bottom:0px}}.countdown-outer{padding:16px 4px;display:block;max-width:450px;min-width:280px;border-radius:4px;box-shadow:0 12px 16px 0 rgba(0, 0, 0, 0.32);background-color:#20262a}@media only screen and (min-width: 480px){.countdown-outer{padding:16px 32px;min-width:380px}}.event-name{display:flex;justify-content:center;align-items:center;margin-bottom:24px;color:white;font-family:"Raleway", sans-serif;font-size:24px;letter-spacing:0.48px;text-align:center}.cd-event-date{display:flex;justify-content:center;align-items:center;margin-top:32px;color:white;font-family:"Raleway", sans-serif;font-size:16px;letter-spacing:0.32px}.countdown{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;color:white;font-size:16px;margin:12px 0px}.day,.hours,.minutes,.seconds{display:flex;flex-flow:column nowrap;align-items:center;justify-content:center;padding:4px 4px;border-right:1px #6d707b solid}@media only screen and (min-width: 480px){.day,.hours,.minutes,.seconds{padding:4px 16px}}.day div,.hours div,.minutes div,.seconds div{line-height:56px;letter-spacing:0.96px;font-weight:600;font-size:48px;color:#fff}.day span,.hours span,.minutes span,.seconds span{display:block;font-size:16px;line-height:1.63;letter-spacing:0.32px;text-align:center;color:#fff;margin-bottom:0}.seconds{border-right:none}.expired{min-height:90px;display:flex;justify-content:center;align-items:center;text-align:center;font-weight:bold;padding:0 0px;color:var(--color-white)}';export{a as ptc_countdown}
|
|
1
|
+
import{r as t,h as n}from"./p-944c5be8.js";import{c as e,a as i}from"./p-112455b1.js";var r=e((function(t){t.exports=function(){var t=6e4,n=36e5,e="millisecond",i="second",r="minute",s="hour",a="day",h="week",u="month",o="quarter",c="year",d="date",l="Invalid Date",f=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,p=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,m={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),ordinal:function(t){var n=["th","st","nd","rd"],e=t%100;return"["+t+(n[(e-20)%10]||n[e]||n[0])+"]"}},v=function(t,n,e){var i=String(t);return!i||i.length>=n?t:""+Array(n+1-i.length).join(e)+t},y={s:v,z:function(t){var n=-t.utcOffset(),e=Math.abs(n),i=Math.floor(e/60),r=e%60;return(n<=0?"+":"-")+v(i,2,"0")+":"+v(r,2,"0")},m:function t(n,e){if(n.date()<e.date())return-t(e,n);var i=12*(e.year()-n.year())+(e.month()-n.month()),r=n.clone().add(i,u),s=e-r<0,a=n.clone().add(i+(s?-1:1),u);return+(-(i+(e-r)/(s?r-a:a-r))||0)},a:function(t){return t<0?Math.ceil(t)||0:Math.floor(t)},p:function(t){return{M:u,y:c,w:h,d:a,D:d,h:s,m:r,s:i,ms:e,Q:o}[t]||String(t||"").toLowerCase().replace(/s$/,"")},u:function(t){return void 0===t}},w="en",g={};g[w]=m;var x="$isDayjsObject",b=function(t){return t instanceof S||!(!t||!t[x])},M=function t(n,e,i){var r;if(!n)return w;if("string"==typeof n){var s=n.toLowerCase();g[s]&&(r=s),e&&(g[s]=e,r=s);var a=n.split("-");if(!r&&a.length>1)return t(a[0])}else{var h=n.name;g[h]=n,r=h}return!i&&r&&(w=r),r||!i&&w},T=function(t,n){if(b(t))return t.clone();var e="object"==typeof n?n:{};return e.date=t,e.args=arguments,new S(e)},D=y;D.l=M,D.i=b,D.w=function(t,n){return T(t,{locale:n.$L,utc:n.$u,x:n.$x,$offset:n.$offset})};var S=function(){function m(t){this.$L=M(t.locale,null,!0),this.parse(t),this.$x=this.$x||t.x||{},this[x]=!0}var v=m.prototype;return v.parse=function(t){this.$d=function(t){var n=t.date,e=t.utc;if(null===n)return new Date(NaN);if(D.u(n))return new Date;if(n instanceof Date)return new Date(n);if("string"==typeof n&&!/Z$/i.test(n)){var i=n.match(f);if(i){var r=i[2]-1||0,s=(i[7]||"0").substring(0,3);return e?new Date(Date.UTC(i[1],r,i[3]||1,i[4]||0,i[5]||0,i[6]||0,s)):new Date(i[1],r,i[3]||1,i[4]||0,i[5]||0,i[6]||0,s)}}return new Date(n)}(t),this.init()},v.init=function(){var t=this.$d;this.$y=t.getFullYear(),this.$M=t.getMonth(),this.$D=t.getDate(),this.$W=t.getDay(),this.$H=t.getHours(),this.$m=t.getMinutes(),this.$s=t.getSeconds(),this.$ms=t.getMilliseconds()},v.$utils=function(){return D},v.isValid=function(){return!(this.$d.toString()===l)},v.isSame=function(t,n){var e=T(t);return this.startOf(n)<=e&&e<=this.endOf(n)},v.isAfter=function(t,n){return T(t)<this.startOf(n)},v.isBefore=function(t,n){return this.endOf(n)<T(t)},v.$g=function(t,n,e){return D.u(t)?this[n]:this.set(e,t)},v.unix=function(){return Math.floor(this.valueOf()/1e3)},v.valueOf=function(){return this.$d.getTime()},v.startOf=function(t,n){var e=this,o=!!D.u(n)||n,l=D.p(t),f=function(t,n){var i=D.w(e.$u?Date.UTC(e.$y,n,t):new Date(e.$y,n,t),e);return o?i:i.endOf(a)},p=function(t,n){return D.w(e.toDate()[t].apply(e.toDate("s"),(o?[0,0,0,0]:[23,59,59,999]).slice(n)),e)},m=this.$W,v=this.$M,y=this.$D,w="set"+(this.$u?"UTC":"");switch(l){case c:return o?f(1,0):f(31,11);case u:return o?f(1,v):f(0,v+1);case h:var g=this.$locale().weekStart||0,x=(m<g?m+7:m)-g;return f(o?y-x:y+(6-x),v);case a:case d:return p(w+"Hours",0);case s:return p(w+"Minutes",1);case r:return p(w+"Seconds",2);case i:return p(w+"Milliseconds",3);default:return this.clone()}},v.endOf=function(t){return this.startOf(t,!1)},v.$set=function(t,n){var h,o=D.p(t),l="set"+(this.$u?"UTC":""),f=(h={},h[a]=l+"Date",h[d]=l+"Date",h[u]=l+"Month",h[c]=l+"FullYear",h[s]=l+"Hours",h[r]=l+"Minutes",h[i]=l+"Seconds",h[e]=l+"Milliseconds",h)[o],p=o===a?this.$D+(n-this.$W):n;if(o===u||o===c){var m=this.clone().set(d,1);m.$d[f](p),m.init(),this.$d=m.set(d,Math.min(this.$D,m.daysInMonth())).$d}else f&&this.$d[f](p);return this.init(),this},v.set=function(t,n){return this.clone().$set(t,n)},v.get=function(t){return this[D.p(t)]()},v.add=function(e,o){var d,l=this;e=Number(e);var f=D.p(o),p=function(t){var n=T(l);return D.w(n.date(n.date()+Math.round(t*e)),l)};if(f===u)return this.set(u,this.$M+e);if(f===c)return this.set(c,this.$y+e);if(f===a)return p(1);if(f===h)return p(7);var m=(d={},d[r]=t,d[s]=n,d[i]=1e3,d)[f]||1,v=this.$d.getTime()+e*m;return D.w(v,this)},v.subtract=function(t,n){return this.add(-1*t,n)},v.format=function(t){var n=this,e=this.$locale();if(!this.isValid())return e.invalidDate||l;var i=t||"YYYY-MM-DDTHH:mm:ssZ",r=D.z(this),s=this.$H,a=this.$m,h=this.$M,u=e.weekdays,o=e.months,c=function(t,e,r,s){return t&&(t[e]||t(n,i))||r[e].slice(0,s)},d=function(t){return D.s(s%12||12,t,"0")},f=e.meridiem||function(t,n,e){var i=t<12?"AM":"PM";return e?i.toLowerCase():i};return i.replace(p,(function(t,i){return i||function(t){switch(t){case"YY":return String(n.$y).slice(-2);case"YYYY":return D.s(n.$y,4,"0");case"M":return h+1;case"MM":return D.s(h+1,2,"0");case"MMM":return c(e.monthsShort,h,o,3);case"MMMM":return c(o,h);case"D":return n.$D;case"DD":return D.s(n.$D,2,"0");case"d":return String(n.$W);case"dd":return c(e.weekdaysMin,n.$W,u,2);case"ddd":return c(e.weekdaysShort,n.$W,u,3);case"dddd":return u[n.$W];case"H":return String(s);case"HH":return D.s(s,2,"0");case"h":return d(1);case"hh":return d(2);case"a":return f(s,a,!0);case"A":return f(s,a,!1);case"m":return String(a);case"mm":return D.s(a,2,"0");case"s":return String(n.$s);case"ss":return D.s(n.$s,2,"0");case"SSS":return D.s(n.$ms,3,"0");case"Z":return r}return null}(t)||r.replace(":","")}))},v.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},v.diff=function(e,d,l){var f,p=this,m=D.p(d),v=T(e),y=(v.utcOffset()-this.utcOffset())*t,w=this-v,g=function(){return D.m(p,v)};switch(m){case c:f=g()/12;break;case u:f=g();break;case o:f=g()/3;break;case h:f=(w-y)/6048e5;break;case a:f=(w-y)/864e5;break;case s:f=w/n;break;case r:f=w/t;break;case i:f=w/1e3;break;default:f=w}return l?f:D.a(f)},v.daysInMonth=function(){return this.endOf(u).$D},v.$locale=function(){return g[this.$L]},v.locale=function(t,n){if(!t)return this.$L;var e=this.clone(),i=M(t,n,!0);return i&&(e.$L=i),e},v.clone=function(){return D.w(this.$d,this)},v.toDate=function(){return new Date(this.valueOf())},v.toJSON=function(){return this.isValid()?this.toISOString():null},v.toISOString=function(){return this.$d.toISOString()},v.toString=function(){return this.$d.toUTCString()},m}(),Y=S.prototype;return T.prototype=Y,[["$ms",e],["$s",i],["$m",r],["$H",s],["$W",a],["$M",u],["$y",c],["$D",d]].forEach((function(t){Y[t[1]]=function(n){return this.$g(n,t[0],t[1])}})),T.extend=function(t,n){return t.$i||(t(n,S,T),t.$i=!0),T},T.locale=M,T.isDayjs=b,T.unix=function(t){return T(1e3*t)},T.en=g[w],T.Ls=g,T.p={},T}()})),s=e((function(t){var n,e,i;t.exports=(n="minute",e=/[+-]\d\d(?::?\d\d)?/g,i=/([+-]|\d\d)/g,function(t,r,s){var a=r.prototype;s.utc=function(t){return new r({date:t,utc:!0,args:arguments})},a.utc=function(t){var e=s(this.toDate(),{locale:this.$L,utc:!0});return t?e.add(this.utcOffset(),n):e},a.local=function(){return s(this.toDate(),{locale:this.$L,utc:!1})};var h=a.parse;a.parse=function(t){t.utc&&(this.$u=!0),this.$utils().u(t.$offset)||(this.$offset=t.$offset),h.call(this,t)};var u=a.init;a.init=function(){if(this.$u){var t=this.$d;this.$y=t.getUTCFullYear(),this.$M=t.getUTCMonth(),this.$D=t.getUTCDate(),this.$W=t.getUTCDay(),this.$H=t.getUTCHours(),this.$m=t.getUTCMinutes(),this.$s=t.getUTCSeconds(),this.$ms=t.getUTCMilliseconds()}else u.call(this)};var o=a.utcOffset;a.utcOffset=function(t,r){var s=this.$utils().u;if(s(t))return this.$u?0:s(this.$offset)?o.call(this):this.$offset;if("string"==typeof t&&(t=function(t){void 0===t&&(t="");var n=t.match(e);if(!n)return null;var r=(""+n[0]).match(i)||["-",0,0],s=60*+r[1]+ +r[2];return 0===s?0:"+"===r[0]?s:-s}(t),null===t))return this;var a=Math.abs(t)<=16?60*t:t,h=this;if(r)return h.$offset=a,h.$u=0===t,h;if(0!==t){var u=this.$u?this.toDate().getTimezoneOffset():-1*this.utcOffset();(h=this.local().add(a+u,n)).$offset=a,h.$x.$localOffset=u}else h=this.utc();return h};var c=a.format;a.format=function(t){return c.call(this,t||(this.$u?"YYYY-MM-DDTHH:mm:ss[Z]":""))},a.valueOf=function(){var t=this.$utils().u(this.$offset)?0:this.$offset+(this.$x.$localOffset||this.$d.getTimezoneOffset());return this.$d.valueOf()-6e4*t},a.isUTC=function(){return!!this.$u},a.toISOString=function(){return this.toDate().toISOString()},a.toString=function(){return this.toDate().toUTCString()};var d=a.toDate;a.toDate=function(t){return"s"===t&&this.$offset?s(this.format("YYYY-MM-DD HH:mm:ss:SSS")).toDate():d.call(this)};var l=a.diff;a.diff=function(t,n,e){if(t&&this.$u===t.$u)return l.call(this,t,n,e);var i=this.local(),r=s(t).local();return l.call(i,r,n,e)}})}));r.extend(s);const a=class{constructor(n){t(this,n),this.countdownTitle="",this.eventTime="",this.eventTimeZone="EST",this.expiredText="This event has started on",this.daysText="days",this.hoursText="hours",this.minutesText="minutes",this.secondsText="seconds",this.useHourFormat=!0,this.timeLeft={days:0,hours:0,minutes:0,seconds:0},this.isExpired=!1,this.displayLocale="en"}componentWillLoad(){this.eventTime&&this.eventTimeZone?(this.detectLocaleFromURL(),this.startCountdown()):console.error("Both eventTime and eventTimeZone are required.")}disconnectedCallback(){clearInterval(this.timer)}getOffsetFromAbbr(t){const n={PST:-480,PDT:-420,MST:-420,MDT:-360,CST:-360,CDT:-300,UTC:0,BST:60,GST:240,KST:540,ACST:570,ACDT:630,EST:-300,EDT:-240,CET:60,CEST:120,IST:330,CST_CN:480,JST:540,ADT:-180,AEDT:660,AEST:600,AKDT:-480,AKST:-540,AST:-240,AWST:480,EEST:180,EET:120,GMT:0,HKT:480};return void 0!==n[t]?n[t]:0}transformDate(t){return t.includes("T")?t:r(t,"M/D/YYYY h:mm:ss A").format("YYYY-MM-DDTHH:mm:ss")}calculateTimeLeft(){const t=this.getOffsetFromAbbr(this.eventTimeZone),n=r(this.transformDate(this.eventTime)).utcOffset(t,!0).utc(),e=r.utc(),i=n.diff(e);i>0?this.timeLeft={days:Math.floor(i/864e5),hours:Math.floor(i/36e5%24),minutes:Math.floor(i/6e4%60),seconds:Math.floor(i/1e3%60)}:(this.isExpired=!0,clearInterval(this.timer))}startCountdown(){this.calculateTimeLeft(),this.timer=window.setInterval((()=>this.calculateTimeLeft()),1e3)}shouldUse12HourFormat(){return"en"===this.displayLocale||(void 0!==this.useHourFormat?this.useHourFormat:void 0)}detectLocaleFromURL(){const t=window.location.href;this.displayLocale=t.includes("/cn/")?"zh-CN":t.includes("/tw/")?"zh-TW":t.includes("/fr/")?"fr":t.includes("/de/")?"de":t.includes("/it/")?"it":t.includes("/ja/")?"ja":t.includes("/ko/")?"ko":"en"}render(){const{days:t,hours:e,minutes:i,seconds:s}=this.timeLeft,a=r(this.transformDate(this.eventTime)).utcOffset(this.getOffsetFromAbbr(this.eventTimeZone),!0).format("YYYY-MM-DD HH:mm"),h=this.shouldUse12HourFormat();return n("div",{class:"countdown-outer"},this.countdownTitle&&n("div",{class:"event-name"},this.countdownTitle),this.isExpired?n("div",{class:"expired"},`${this.expiredText} ${a} ${this.eventTimeZone}`):n("div",{id:"CDOutput",class:"countdown"},n("div",{class:"day"},n("div",null,t),n("span",null,this.daysText)),n("div",{class:"hours"},n("div",null,e),n("span",null,this.hoursText)),n("div",{class:"minutes"},n("div",null,i),n("span",null,this.minutesText)),n("div",{class:"seconds"},n("div",null,s),n("span",null,this.secondsText))),n("div",{class:"cd-event-date"},new Date(this.eventTime).toLocaleDateString(this.displayLocale,{month:"long",day:"numeric",year:"numeric",hour:"2-digit",minute:"2-digit",hour12:h})," ","(",this.eventTimeZone,")"))}};a.style='h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block;z-index:10;display:flex;align-items:center;justify-content:flex-start;margin-left:0px;margin-bottom:32px}@media only screen and (min-width: 992px){:host{margin-left:var(--ptc-element-spacing-05);margin-bottom:0px}}.countdown-outer{padding:16px 4px;display:block;max-width:450px;min-width:280px;border-radius:4px;box-shadow:0 12px 16px 0 rgba(0, 0, 0, 0.32);background-color:#20262a}@media only screen and (min-width: 480px){.countdown-outer{padding:16px 32px;min-width:380px}}.event-name{display:flex;justify-content:center;align-items:center;margin-bottom:24px;color:white;font-family:"Raleway", sans-serif;font-size:24px;letter-spacing:0.48px;text-align:center}.cd-event-date{display:flex;justify-content:center;align-items:center;margin-top:32px;color:white;font-family:"Raleway", sans-serif;font-size:16px;letter-spacing:0.32px}.countdown{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;color:white;font-size:16px;margin:12px 0px}.day,.hours,.minutes,.seconds{display:flex;flex-flow:column nowrap;align-items:center;justify-content:center;padding:4px 4px;border-right:1px #6d707b solid}@media only screen and (min-width: 480px){.day,.hours,.minutes,.seconds{padding:4px 16px}}.day div,.hours div,.minutes div,.seconds div{line-height:56px;letter-spacing:0.96px;font-weight:600;font-size:48px;color:#fff}.day span,.hours span,.minutes span,.seconds span{display:block;font-size:16px;line-height:1.63;letter-spacing:0.32px;text-align:center;color:#fff;margin-bottom:0}.seconds{border-right:none}.expired{min-height:90px;display:flex;justify-content:center;align-items:center;text-align:center;font-weight:bold;padding:0 0px;color:var(--color-white)}';export{a as ptc_countdown}
|