@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.
@@ -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
- 'ACDT': 630,
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
- 'ACDT': 630,
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
- options: ["smart-bg", "smart-img"],
16
- description: 'Image type',
17
- defaultValue: { summary: 'smart-bg' }
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
- sizeLg: {
36
+ styles: {
31
37
  control: 'text',
32
- description: 'Image solution for large screen &gt;=1200px',
33
- defaultValue: { summary: '1920x1080' }
34
- },
35
- sizeMd: {
36
- control: 'text',
37
- description: 'Image size for medium screen &gt;=992px and &lt;=1199px',
38
- defaultValue: { summary: '1366x500' }
39
- },
40
- sizeSm: {
41
- control: 'text',
42
- description: 'Image size for small screen &gt;=768px and &lt;=991px',
43
- defaultValue: { summary: '1240x496' }
44
- },
45
- sizeXs: {
46
- control: 'text',
47
- description: 'Image size for smallest screen &lt;=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: 'radius-standard',
55
+ borderRadius: '',
74
56
  imageType: 'smart-img',
75
- imgUrl: "http://s7d1.scene7.com/is/image/ptcinc/cs-boeing-planes-runway",
57
+ imgUrl: 'https://ptc-p-001.sitecorecontenthub.cloud/api/public/content/3c9d7c7c7ca74dd483c4d7ca554ecc38?v=ece57c52',
76
58
  loadMode: 'lazy-bg',
77
- sizeLg: '1920x1080',
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
- 'ACDT': 630,
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
- 'ACDT': 630,
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}