@ptcwebops/ptcw-design 1.2.8 → 1.3.0

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.
Files changed (72) hide show
  1. package/dist/cjs/bundle-jumbotron-example.cjs.entry.js +4 -1
  2. package/dist/cjs/dynamic-box-bundle.cjs.entry.js +36 -0
  3. package/dist/cjs/list-item.cjs.entry.js +1 -1
  4. package/dist/cjs/loader.cjs.js +1 -1
  5. package/dist/cjs/max-width-container_6.cjs.entry.js +3 -1
  6. package/dist/cjs/ptc-announcement.cjs.entry.js +1 -1
  7. package/dist/cjs/ptc-breadcrumb_2.cjs.entry.js +2 -1
  8. package/dist/cjs/ptc-card.cjs.entry.js +2 -1
  9. package/dist/cjs/ptc-container.cjs.entry.js +2 -1
  10. package/dist/cjs/ptc-media-card.cjs.entry.js +40 -6
  11. package/dist/cjs/ptc-tooltip.cjs.entry.js +11 -8
  12. package/dist/cjs/ptcw-design.cjs.js +1 -1
  13. package/dist/collection/collection-manifest.json +1 -0
  14. package/dist/collection/components/dynamic-box-bundle/dynamic-box-bundle.css +53 -0
  15. package/dist/collection/components/dynamic-box-bundle/dynamic-box-bundle.js +114 -0
  16. package/dist/collection/components/list-item/list-item.css +19 -0
  17. package/dist/collection/components/list-item/list-item.js +2 -2
  18. package/dist/collection/components/organism-bundles/bundle-jumbotron-example/bundle-jumbotron-example.js +22 -1
  19. package/dist/collection/components/ptc-announcement/ptc-announcement.css +0 -5
  20. package/dist/collection/components/ptc-background-video/ptc-background-video.js +21 -1
  21. package/dist/collection/components/ptc-card/ptc-card.js +19 -1
  22. package/dist/collection/components/ptc-container/ptc-container.js +19 -1
  23. package/dist/collection/components/ptc-jumbotron/ptc-jumbotron.js +20 -1
  24. package/dist/collection/components/ptc-media-card/ptc-media-card.css +13 -7
  25. package/dist/collection/components/ptc-media-card/ptc-media-card.js +49 -25
  26. package/dist/collection/components/ptc-tooltip/ptc-tooltip.css +1 -1
  27. package/dist/collection/components/ptc-tooltip/ptc-tooltip.js +11 -8
  28. package/dist/custom-elements/index.d.ts +6 -0
  29. package/dist/custom-elements/index.js +107 -30
  30. package/dist/esm/bundle-jumbotron-example.entry.js +4 -1
  31. package/dist/esm/dynamic-box-bundle.entry.js +32 -0
  32. package/dist/esm/list-item.entry.js +1 -1
  33. package/dist/esm/loader.js +1 -1
  34. package/dist/esm/max-width-container_6.entry.js +3 -1
  35. package/dist/esm/ptc-announcement.entry.js +1 -1
  36. package/dist/esm/ptc-breadcrumb_2.entry.js +2 -1
  37. package/dist/esm/ptc-card.entry.js +2 -1
  38. package/dist/esm/ptc-container.entry.js +2 -1
  39. package/dist/esm/ptc-media-card.entry.js +40 -6
  40. package/dist/esm/ptc-tooltip.entry.js +11 -8
  41. package/dist/esm/ptcw-design.js +1 -1
  42. package/dist/ptcw-design/p-1d8c24dd.entry.js +1 -0
  43. package/dist/ptcw-design/p-380b3ef3.entry.js +1 -0
  44. package/dist/ptcw-design/{p-0c1e7f62.entry.js → p-3f2b9cad.entry.js} +1 -1
  45. package/dist/ptcw-design/p-54f905b1.entry.js +1 -0
  46. package/dist/ptcw-design/p-64691ccb.entry.js +1 -0
  47. package/dist/ptcw-design/p-8c37ee88.entry.js +1 -0
  48. package/dist/ptcw-design/p-c1d75020.entry.js +1 -0
  49. package/dist/ptcw-design/p-c255aad7.entry.js +1 -0
  50. package/dist/ptcw-design/p-e19dbf90.entry.js +1 -0
  51. package/dist/ptcw-design/p-f4ce7f16.entry.js +1 -0
  52. package/dist/ptcw-design/ptcw-design.css +1 -1
  53. package/dist/ptcw-design/ptcw-design.esm.js +1 -1
  54. package/dist/types/components/dynamic-box-bundle/dynamic-box-bundle.d.ts +10 -0
  55. package/dist/types/components/list-item/list-item.d.ts +1 -1
  56. package/dist/types/components/organism-bundles/bundle-jumbotron-example/bundle-jumbotron-example.d.ts +1 -0
  57. package/dist/types/components/ptc-background-video/ptc-background-video.d.ts +4 -0
  58. package/dist/types/components/ptc-card/ptc-card.d.ts +4 -0
  59. package/dist/types/components/ptc-container/ptc-container.d.ts +1 -0
  60. package/dist/types/components/ptc-jumbotron/ptc-jumbotron.d.ts +1 -0
  61. package/dist/types/components/ptc-media-card/ptc-media-card.d.ts +12 -5
  62. package/dist/types/components.d.ts +45 -12
  63. package/package.json +1 -1
  64. package/readme.md +1 -1
  65. package/dist/ptcw-design/p-0a3918b9.entry.js +0 -1
  66. package/dist/ptcw-design/p-11d73140.entry.js +0 -1
  67. package/dist/ptcw-design/p-2feb5db1.entry.js +0 -1
  68. package/dist/ptcw-design/p-603576bb.entry.js +0 -1
  69. package/dist/ptcw-design/p-6756c89e.entry.js +0 -1
  70. package/dist/ptcw-design/p-7c80b666.entry.js +0 -1
  71. package/dist/ptcw-design/p-9b57b462.entry.js +0 -1
  72. package/dist/ptcw-design/p-bcbf087c.entry.js +0 -1
package/dist/custom-elements/index.d.ts CHANGED
@@ -20,6 +20,12 @@ export const DropdownItem: {
20
20
  new (): DropdownItem;
21
21
  };
22
22
 
23
+ interface DynamicBoxBundle extends Components.DynamicBoxBundle, HTMLElement {}
24
+ export const DynamicBoxBundle: {
25
+ prototype: DynamicBoxBundle;
26
+ new (): DynamicBoxBundle;
27
+ };
28
+
23
29
  interface IconAsset extends Components.IconAsset, HTMLElement {}
24
30
  export const IconAsset: {
25
31
  prototype: IconAsset;
package/dist/custom-elements/index.js CHANGED
@@ -45,6 +45,7 @@ const BundleJumbotronExample$1 = class extends HTMLElement$1 {
45
45
  this.__registerHost();
46
46
  this.__attachShadow();
47
47
  this.jumbotron = 'light';
48
+ this.isIframe = false;
48
49
  }
49
50
  render() {
50
51
  let $pngSrc;
@@ -58,6 +59,7 @@ const BundleJumbotronExample$1 = class extends HTMLElement$1 {
58
59
  }
59
60
  else if (this.jumbotron === 'dark-video' || this.jumbotron === 'light-video') {
60
61
  $bgVideoSrc = "https://www.ptc.com/-/media/Videos/wind-turbine.mp4";
62
+ // if is iframe use src from iframe https://player.vimeo.com/video/749261406?h=5e6a60ffc5&muted=1&autoplay=1&loop=1&transparent=0&background=1&app_id=122963%22
61
63
  }
62
64
  else if (this.jumbotron === 'png') {
63
65
  $pngSrc = "https://images.unsplash.com/photo-1676883343977-5f8ecc36856c?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=MnwzMjM4NDZ8MHwxfHJhbmRvbXx8fHx8fHx8fDE2NzgyMjcxNDU&ixlib=rb-4.0.3&q=80&w=400";
@@ -70,7 +72,8 @@ const BundleJumbotronExample$1 = class extends HTMLElement$1 {
70
72
  return (h$1(Host, null, h$1("ptc-jumbotron", Object.assign({ "jumbotron-type": this.jumbotron }, (!!$pngSrc && { pngSrc: $pngSrc }), (!!$gifSrc && { gifSrc: $gifSrc }), (!!$bgVideoSrc && { bgVideoSrc: $bgVideoSrc }), (!!$bgSrc && { bgSrc: $bgSrc }), (!!$popupVideo ), { "main-title": "Sed ut perspiciatis unde omnis iste natus" //bind main title data (multi-line)
71
73
  ,
72
74
  "sub-title": "totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo." // bind sub title data (multi-line)
73
- }), h$1("ptc-breadcrumb", Object.assign({ slot: "breadcrumb" }, (this.jumbotron === 'dark' || this.jumbotron == 'dark-video' ? { color: 'white' } : { color: 'primary-gray' }), (this.jumbotron === 'text' ? { position: 'center' } : {})), h$1("list-item", Object.assign({ "list-type": "breadcrumb", "link-href": "https://www.ptc.com/contact-us" }, (this.jumbotron === 'dark' || this.jumbotron == 'dark-video' ? { color: 'light-gray' } : { color: 'primary-gray' })), "PLM Video Hub"), h$1("list-item", Object.assign({ "list-type": "breadcrumb" }, (this.jumbotron === 'dark' || this.jumbotron == 'dark-video' ? { color: 'light-gray' } : { color: 'primary-gray' })), "Current Page")), h$1("ptc-button", { slot: "j-cta", type: "link", color: "ptc-primary", "link-href": "https://www.ptc.com", target: "_blank" }, "Lorem ipsum dolor sit amet"), h$1("ptc-button", { slot: "j-cta", type: "link", color: "ptc-secondary", "link-href": "https://www.ptc.com", target: "_blank" }, "Lorem ipsum"))));
75
+ ,
76
+ "is-iframe": this.isIframe }), h$1("ptc-breadcrumb", Object.assign({ slot: "breadcrumb" }, (this.jumbotron === 'dark' || this.jumbotron == 'dark-video' ? { color: 'white' } : { color: 'primary-gray' }), (this.jumbotron === 'text' ? { position: 'center' } : {})), h$1("list-item", Object.assign({ "list-type": "breadcrumb", "link-href": "https://www.ptc.com/contact-us" }, (this.jumbotron === 'dark' || this.jumbotron == 'dark-video' ? { color: 'light-gray' } : { color: 'primary-gray' })), "PLM Video Hub"), h$1("list-item", Object.assign({ "list-type": "breadcrumb" }, (this.jumbotron === 'dark' || this.jumbotron == 'dark-video' ? { color: 'light-gray' } : { color: 'primary-gray' })), "Current Page")), h$1("ptc-button", { slot: "j-cta", type: "link", color: "ptc-primary", "link-href": "https://www.ptc.com", target: "_blank" }, "Lorem ipsum dolor sit amet"), h$1("ptc-button", { slot: "j-cta", type: "link", color: "ptc-secondary", "link-href": "https://www.ptc.com", target: "_blank" }, "Lorem ipsum"))));
74
77
  }
75
78
  static get style() { return bundleJumbotronExampleCss; }
76
79
  };
@@ -90,6 +93,37 @@ const DropdownItem$1 = class extends HTMLElement$1 {
90
93
  static get style() { return dropdownItemCss; }
91
94
  };
92
95
 
96
+ const dynamicBoxBundleCss = ":host{display:block}:host .d-box{width:100%;height:550px;position:relative}:host .d-box.hovering .top-image{background-image:linear-gradient(0deg, rgba(242, 242, 242, 0), #f3f3f3)}:host .d-box.hovering .content{height:100%}:host .top-image{position:relative;display:flex;justify-content:center;align-items:center;height:20%;z-index:99}:host .top-image img{width:405px;height:40px}@media only screen and (min-width: 992px){:host .top-image img{height:35px}}:host .content{height:80%;box-shadow:0 0 0 1px #f3f3f3;width:100%;position:absolute;bottom:0px;left:0px}:host p{font-weight:var(--ptc-font-weight-regular);font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-p);margin:0px;padding:40px;box-sizing:border-box}@media only screen and (min-width: 1200px){:host p{padding:40px}}";
97
+
98
+ const DynamicBoxBundle$1 = class extends HTMLElement$1 {
99
+ constructor() {
100
+ super();
101
+ this.__registerHost();
102
+ this.__attachShadow();
103
+ this.topImgSrc = 'https://www.ptc.com/-/media/Images/new-org/logos/PTC-logo.svg';
104
+ this.topImgAlt = 'image';
105
+ this.boxHeight = undefined;
106
+ this.isHovering = false;
107
+ }
108
+ handleMouseOver() {
109
+ if (window.innerWidth >= 1200) {
110
+ this.isHovering = true;
111
+ //this.el.style.height = `${this.el.offsetHeight + 50}px`;
112
+ }
113
+ }
114
+ handleMouseOut() {
115
+ if (window.innerWidth >= 1200) {
116
+ this.isHovering = false;
117
+ //this.el.style.height = '';
118
+ }
119
+ }
120
+ render() {
121
+ return (h$1(Host, null, h$1("div", { class: `d-box ${this.isHovering && window.innerWidth >= 1200 ? 'hovering' : ''}` }, h$1("div", { class: "top-image" }, h$1("img", { src: this.topImgSrc, alt: this.topImgAlt })), h$1("div", { class: "content" }, h$1("slot", { name: "media" }))), h$1("p", null, h$1("slot", null))));
122
+ }
123
+ get el() { return this; }
124
+ static get style() { return dynamicBoxBundleCss; }
125
+ };
126
+
93
127
  const iconAssetCss = ".svg-inline--fa.sc-icon-asset,svg.sc-icon-asset:not(:root).svg-inline--fa{overflow:visible}.svg-inline--fa.sc-icon-asset{display:inline-block;font-size:inherit;height:1em;vertical-align:-.125em}.svg-inline--fa.fa-lg.sc-icon-asset{vertical-align:-.225em}.svg-inline--fa.fa-w-1.sc-icon-asset{width:.0625em}.svg-inline--fa.fa-w-2.sc-icon-asset{width:.125em}.svg-inline--fa.fa-w-3.sc-icon-asset{width:.1875em}.svg-inline--fa.fa-w-4.sc-icon-asset{width:.25em}.svg-inline--fa.fa-w-5.sc-icon-asset{width:.3125em}.svg-inline--fa.fa-w-6.sc-icon-asset{width:.375em}.svg-inline--fa.fa-w-7.sc-icon-asset{width:.4375em}.svg-inline--fa.fa-w-8.sc-icon-asset{width:.5em}.svg-inline--fa.fa-w-9.sc-icon-asset{width:.5625em}.svg-inline--fa.fa-w-10.sc-icon-asset{width:.625em}.svg-inline--fa.fa-w-11.sc-icon-asset{width:.6875em}.svg-inline--fa.fa-w-12.sc-icon-asset{width:.75em}.svg-inline--fa.fa-w-13.sc-icon-asset{width:.8125em}.svg-inline--fa.fa-w-14.sc-icon-asset{width:.875em}.svg-inline--fa.fa-w-15.sc-icon-asset{width:.9375em}.svg-inline--fa.fa-w-16.sc-icon-asset{width:1em}.svg-inline--fa.fa-w-17.sc-icon-asset{width:1.0625em}.svg-inline--fa.fa-w-18.sc-icon-asset{width:1.125em}.svg-inline--fa.fa-w-19.sc-icon-asset{width:1.1875em}.svg-inline--fa.fa-w-20.sc-icon-asset{width:1.25em}.svg-inline--fa.fa-pull-left.sc-icon-asset{margin-right:.3em;width:auto}.svg-inline--fa.fa-pull-right.sc-icon-asset{margin-left:.3em;width:auto}.svg-inline--fa.fa-border.sc-icon-asset{height:1.5em}.svg-inline--fa.fa-li.sc-icon-asset{width:2em}.svg-inline--fa.fa-fw.sc-icon-asset{width:1.25em}.fa-layers.sc-icon-asset svg.svg-inline--fa.sc-icon-asset{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.fa-layers.sc-icon-asset{display:inline-block;height:1em;position:relative;text-align:center;vertical-align:-.125em;width:1em}.fa-layers.sc-icon-asset svg.svg-inline--fa.sc-icon-asset{-webkit-transform-origin:center center;transform-origin:center center}.fa-layers-counter.sc-icon-asset,.fa-layers-text.sc-icon-asset{display:inline-block;position:absolute;text-align:center}.fa-layers-text.sc-icon-asset{left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform-origin:center center;transform-origin:center center}.fa-layers-counter.sc-icon-asset{background-color:#ff253a;border-radius:1em;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;height:1.5em;line-height:1;max-width:5em;min-width:1.5em;overflow:hidden;padding:.25em;right:0;text-overflow:ellipsis;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top right;transform-origin:top right}.fa-layers-bottom-right.sc-icon-asset{bottom:0;right:0;top:auto;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:bottom right;transform-origin:bottom right}.fa-layers-bottom-left.sc-icon-asset{bottom:0;left:0;right:auto;top:auto;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:bottom left;transform-origin:bottom left}.fa-layers-top-right.sc-icon-asset{right:0;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top right;transform-origin:top right}.fa-layers-top-left.sc-icon-asset{left:0;right:auto;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top left;transform-origin:top left}.fa-lg.sc-icon-asset{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa-xs.sc-icon-asset{font-size:.75em}.fa-sm.sc-icon-asset{font-size:.875em}.fa-1x.sc-icon-asset{font-size:1em}.fa-2x.sc-icon-asset{font-size:2em}.fa-3x.sc-icon-asset{font-size:3em}.fa-4x.sc-icon-asset{font-size:4em}.fa-5x.sc-icon-asset{font-size:5em}.fa-6x.sc-icon-asset{font-size:6em}.fa-7x.sc-icon-asset{font-size:7em}.fa-8x.sc-icon-asset{font-size:8em}.fa-9x.sc-icon-asset{font-size:9em}.fa-10x.sc-icon-asset{font-size:10em}.fa-fw.sc-icon-asset{text-align:center;width:1.25em}.fa-ul.sc-icon-asset{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul.sc-icon-asset>li.sc-icon-asset{position:relative}.fa-li.sc-icon-asset{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border.sc-icon-asset{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left.sc-icon-asset{float:left}.fa-pull-right.sc-icon-asset{float:right}.fa.fa-pull-left.sc-icon-asset,.fab.fa-pull-left.sc-icon-asset,.fal.fa-pull-left.sc-icon-asset,.far.fa-pull-left.sc-icon-asset,.fas.fa-pull-left.sc-icon-asset{margin-right:.3em}.fa.fa-pull-right.sc-icon-asset,.fab.fa-pull-right.sc-icon-asset,.fal.fa-pull-right.sc-icon-asset,.far.fa-pull-right.sc-icon-asset,.fas.fa-pull-right.sc-icon-asset{margin-left:.3em}.fa-spin.sc-icon-asset{-webkit-animation:fa-spin 2s linear infinite;animation:fa-spin 2s linear infinite}.fa-pulse.sc-icon-asset{-webkit-animation:fa-spin 1s steps(8) infinite;animation:fa-spin 1s steps(8) infinite}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fa-rotate-90.sc-icon-asset{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)\";-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180.sc-icon-asset{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)\";-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270.sc-icon-asset{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)\";-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal.sc-icon-asset{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)\";-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fa-flip-vertical.sc-icon-asset{-webkit-transform:scaleY(-1);transform:scaleY(-1)}.fa-flip-both.sc-icon-asset,.fa-flip-horizontal.fa-flip-vertical.sc-icon-asset,.fa-flip-vertical.sc-icon-asset{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)\"}.fa-flip-both.sc-icon-asset,.fa-flip-horizontal.fa-flip-vertical.sc-icon-asset{-webkit-transform:scale(-1);transform:scale(-1)}.sc-icon-asset:root .fa-flip-both.sc-icon-asset,.sc-icon-asset:root .fa-flip-horizontal.sc-icon-asset,.sc-icon-asset:root .fa-flip-vertical.sc-icon-asset,.sc-icon-asset:root .fa-rotate-90.sc-icon-asset,.sc-icon-asset:root .fa-rotate-180.sc-icon-asset,.sc-icon-asset:root .fa-rotate-270.sc-icon-asset{-webkit-filter:none;filter:none}.fa-stack.sc-icon-asset{display:inline-block;height:2em;position:relative;width:2.5em}.fa-stack-1x.sc-icon-asset,.fa-stack-2x.sc-icon-asset{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.svg-inline--fa.fa-stack-1x.sc-icon-asset{height:1em;width:1.25em}.svg-inline--fa.fa-stack-2x.sc-icon-asset{height:2em;width:2.5em}.fa-inverse.sc-icon-asset{color:#fff}.sr-only.sc-icon-asset{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable.sc-icon-asset:active,.sr-only-focusable.sc-icon-asset:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.svg-inline--fa.sc-icon-asset .fa-primary.sc-icon-asset{fill:var(--fa-primary-color,currentColor);opacity:1;opacity:var(--fa-primary-opacity,1)}.svg-inline--fa.sc-icon-asset .fa-secondary.sc-icon-asset{fill:var(--fa-secondary-color,currentColor)}.svg-inline--fa.sc-icon-asset .fa-secondary.sc-icon-asset,.svg-inline--fa.fa-swap-opacity.sc-icon-asset .fa-primary.sc-icon-asset{opacity:.4;opacity:var(--fa-secondary-opacity,.4)}.svg-inline--fa.fa-swap-opacity.sc-icon-asset .fa-secondary.sc-icon-asset{opacity:1;opacity:var(--fa-primary-opacity,1)}.svg-inline--fa.sc-icon-asset mask.sc-icon-asset .fa-primary.sc-icon-asset,.svg-inline--fa.sc-icon-asset mask.sc-icon-asset .fa-secondary.sc-icon-asset{fill:#000}.fad.fa-inverse.sc-icon-asset{color:#fff}icon-asset.sc-icon-asset{vertical-align:middle}svg.sc-icon-asset{transition:all var(--ptc-transition-medium) var(--ptc-ease-inout)}svg.micro.sc-icon-asset{width:calc(var(--ptc-font-size-x-small) / 2);height:calc(var(--ptc-font-size-x-small) / 2)}svg.xxx-small.sc-icon-asset{width:var(--ptc-font-size-xxx-small);height:var(--ptc-font-size-xxx-small)}svg.xx-small.sc-icon-asset{width:var(--ptc-font-size-xx-small);height:var(--ptc-font-size-xx-small)}svg.x-small.sc-icon-asset{width:var(--ptc-font-size-x-small);height:var(--ptc-font-size-x-small)}svg.small.sc-icon-asset{width:var(--ptc-font-size-small);height:var(--ptc-font-size-small)}svg.medium.sc-icon-asset{width:var(--ptc-font-size-medium);height:var(--ptc-font-size-medium)}svg.large.sc-icon-asset{width:var(--ptc-font-size-large);height:var(--ptc-font-size-large)}svg.x-large.sc-icon-asset{width:var(--ptc-font-size-x-large);height:var(--ptc-font-size-x-large)}svg.xx-large.sc-icon-asset{width:var(--ptc-font-size-xx-large);height:var(--ptc-font-size-xx-large)}svg.xxx-large.sc-icon-asset{width:var(--ptc-font-size-xxx-large);height:var(--ptc-font-size-xxx-large)}svg.xxxx-large.sc-icon-asset{width:var(--ptc-font-size-xxxx-large);height:var(--ptc-font-size-xxxx-large)}svg.white.sc-icon-asset{fill:var(--color-white)}svg.white.sc-icon-asset use[href$=\"#minus\"].sc-icon-asset,svg.white.sc-icon-asset use[href$=\"#plus\"].sc-icon-asset,svg.white.sc-icon-asset use[href$=\"#checkmark\"].sc-icon-asset{stroke:var(--color-white)}svg.black.sc-icon-asset{fill:var(--color-black)}svg.black.sc-icon-asset use[href$=\"#minus\"].sc-icon-asset,svg.black.sc-icon-asset use[href$=\"#plus\"].sc-icon-asset,svg.black.sc-icon-asset use[href$=\"#checkmark\"].sc-icon-asset{stroke:var(--color-black)}svg.ptc-green.sc-icon-asset{fill:var(--color-green-07)}svg.ptc-green.sc-icon-asset use[href$=\"#minus\"].sc-icon-asset,svg.ptc-green.sc-icon-asset use[href$=\"#plus\"].sc-icon-asset,svg.ptc-green.sc-icon-asset use[href$=\"#checkmark\"].sc-icon-asset{stroke:var(--color-green-07)}svg.gray.sc-icon-asset{fill:var(--color-gray-06)}svg.gray.sc-icon-asset use[href$=\"#minus\"].sc-icon-asset,svg.gray.sc-icon-asset use[href$=\"#plus\"].sc-icon-asset,svg.gray.sc-icon-asset use[href$=\"#checkmark\"].sc-icon-asset{stroke:var(--color-gray-06)}svg.light-gray.sc-icon-asset{fill:var(--color-gray-05)}svg.light-gray.sc-icon-asset use[href$=\"#minus\"].sc-icon-asset,svg.light-gray.sc-icon-asset use[href$=\"#plus\"].sc-icon-asset,svg.light-gray.sc-icon-asset use[href$=\"#checkmark\"].sc-icon-asset{stroke:var(--color-gray-05)}svg.primary-gray.sc-icon-asset{fill:var(--color-gray-10)}svg.inherit.sc-icon-asset{fill:inherit}svg.inherit.sc-icon-asset use[href$=\"#minus\"].sc-icon-asset,svg.inherit.sc-icon-asset use[href$=\"#plus\"].sc-icon-asset,svg.inherit.sc-icon-asset use[href$=\"#checkmark\"].sc-icon-asset{stroke:inherit}";
94
128
 
95
129
  const IconAsset$1 = class extends HTMLElement$1 {
@@ -137,7 +171,7 @@ const IconAsset$1 = class extends HTMLElement$1 {
137
171
  static get style() { return iconAssetCss; }
138
172
  };
139
173
 
140
- const listItemCss = ":host(.list-primary){display:block}:host(.flush-before) li::before{content:\"\" !important}:host(.breadcrumb){display:inline-block}:host(.breadcrumb) li{position:relative;display:inline-block;color:var(--color-white);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-xxx-small);line-height:var(--ptc-line-height-densest)}:host(.breadcrumb) li::before{content:\"/\";top:0;left:0}:host(.breadcrumb) li a.item-link{color:var(--color-white);font-weight:var(--ptc-font-weight-bold) !important;font-size:var(--ptc-font-size-xxx-small) !important;line-height:var(--ptc-line-height-densest);text-decoration:underline;text-decoration-color:transparent;text-underline-offset:2px;text-decoration-thickness:1px;outline:none;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.breadcrumb) li a.item-link:hover{text-decoration:underline;text-decoration-color:var(--color-green-07);outline:none}:host(:not(.flush-before)) li::before{margin-right:2px}:host(.list-footer) li{display:inline-block;font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-regular);font-style:normal;font-stretch:normal;line-height:var(--ptc-line-height-denser);letter-spacing:normal;color:var(--color-white);margin:0 0.5rem}:host(.list-footer) li a{color:var(--color-white-grey);border-bottom:1px solid transparent;display:inline-block;text-decoration:none}:host(.list-footer) li a:hover,:host(.list-footer) li a:focus,:host(.list-footer) li a:active{text-decoration:none;border-bottom:1px solid var(--color-green-06);color:var(--color-white-grey);transition:border var(--ptc-ease-inout) var(--ptc-transition-medium)}:host(.list-footer) li a:focus{outline:3px solid var(--color-blue-07);outline-offset:2px;border-radius:var(--ptc-border-radius-standard);text-decoration:none;border-color:transparent !important}:host(.white) li{color:var(--color-white)}:host(.white) li a.item-link{color:var(--color-white)}:host(.light-gray) li{color:var(--color-gray-01)}:host(.light-gray) li a.item-link{color:var(--color-gray-01)}:host(.primary-gray) li{color:var(--color-gray-10)}:host(.primary-gray) li a.item-link{color:var(--color-gray-10)}";
174
+ const listItemCss = ":host(.list-primary){display:block}:host(.flush-before) li::before{content:\"\" !important}:host(.breadcrumb){display:inline-block}:host(.breadcrumb) li{position:relative;display:inline-block;color:var(--color-white);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-xxx-small);line-height:var(--ptc-line-height-densest)}:host(.breadcrumb) li::before{content:\"/\";top:0;left:0}:host(.breadcrumb) li a.item-link{color:var(--color-white);font-weight:var(--ptc-font-weight-bold) !important;font-size:var(--ptc-font-size-xxx-small) !important;line-height:var(--ptc-line-height-densest);text-decoration:underline;text-decoration-color:transparent;text-underline-offset:2px;text-decoration-thickness:1px;outline:none;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.breadcrumb) li a.item-link:hover{text-decoration:underline;text-decoration-color:var(--color-green-07);outline:none}:host(.list-green){display:block;margin-bottom:16px}:host(.list-green) li a{font-size:var(--ptc-font-size-xx-small);color:var(--color-gray-10);text-decoration:underline;text-decoration-thickness:1.5px;text-decoration-color:var(--color-green-04);font-weight:var(--ptc-font-weight-bold);transition:color var(--ptc-transition-medium) var(--ptc-ease-inout);line-height:var(--ptc-line-height-p);text-underline-offset:4px}:host(.list-green) li a:hover{color:var(--color-green-04)}:host(:not(.flush-before)) li::before{margin-right:2px}:host(.list-footer) li{display:inline-block;font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-regular);font-style:normal;font-stretch:normal;line-height:var(--ptc-line-height-denser);letter-spacing:normal;color:var(--color-white);margin:0 0.5rem}:host(.list-footer) li a{color:var(--color-white-grey);border-bottom:1px solid transparent;display:inline-block;text-decoration:none}:host(.list-footer) li a:hover,:host(.list-footer) li a:focus,:host(.list-footer) li a:active{text-decoration:none;border-bottom:1px solid var(--color-green-06);color:var(--color-white-grey);transition:border var(--ptc-ease-inout) var(--ptc-transition-medium)}:host(.list-footer) li a:focus{outline:3px solid var(--color-blue-07);outline-offset:2px;border-radius:var(--ptc-border-radius-standard);text-decoration:none;border-color:transparent !important}:host(.white) li{color:var(--color-white)}:host(.white) li a.item-link{color:var(--color-white)}:host(.light-gray) li{color:var(--color-gray-01)}:host(.light-gray) li a.item-link{color:var(--color-gray-01)}:host(.primary-gray) li{color:var(--color-gray-10)}:host(.primary-gray) li a.item-link{color:var(--color-gray-10)}";
141
175
 
142
176
  const ListItem$2 = class extends HTMLElement$1 {
143
177
  constructor() {
@@ -17220,7 +17254,7 @@ const PtcAccordionItem$1 = class extends HTMLElement$1 {
17220
17254
  static get style() { return ptcAccordionItemCss; }
17221
17255
  };
17222
17256
 
17223
- const ptcAnnouncementCss = ":host{display:block}.announcement{width:100%;position:relative;background-color:var(--color-gray-02);z-index:860;background-size:cover;background-repeat:repeat-x;border-top:3px solid var(--color-green-07);box-shadow:var(--ptc-shadow-medium);z-index:999;display:none}.visible{display:block}.content-wrapper{display:flex;padding:var(--ptc-element-spacing-03) var(--ptc-element-spacing-06) var(--ptc-element-spacing-03) var(--ptc-element-spacing-05);margin:0 auto;align-items:center;justify-content:space-between;max-width:1200px}@media only screen and (min-width: 768px){.content-wrapper{padding:var(--ptc-element-spacing-03) var(--ptc-element-spacing-06)}}@media only screen and (min-width: 1200px){.content-wrapper{padding:var(--ptc-element-spacing-03) 15px var(--ptc-element-spacing-03) 15px;max-width:1170px;box-sizing:border-box}}@media screen and (min-width: 1400px){.content-wrapper{padding:var(--ptc-element-spacing-03) 0px var(--ptc-element-spacing-03) 0px;max-width:1200px}}.left-content{max-width:calc(100% - 76px);display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;position:relative}.title{font-family:Raleway;font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-densest);letter-spacing:var(--ptc-letter-spacing-dense);text-align:left;color:var(--color-gray-10);margin-bottom:var(--ptc-element-spacing-02);max-width:100%}.description{font-family:Raleway;font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-regular);line-height:var(--ptc-line-height-densest);letter-spacing:var(--ptc-letter-spacing-normal);text-align:left;color:var(--color-gray-10);max-width:100%}.description div{display:inline-block;padding-right:var(--ptc-element-spacing-01);vertical-align:middle}.cta-link{color:var(--color-blue-07);font-size:var(--ptc-font-size-x-small);-webkit-transition:color var(--ptc-transition-slow) var(--ptc-ease-inout);-o-transition:color var(--ptc-transition-slow) var(--ptc-ease-inout);transition:color var(--ptc-transition-slow) var(--ptc-ease-inout);font-weight:var(--ptc-font-weight-bold);text-decoration:underline;display:inline-block;vertical-align:middle;cursor:pointer}.cta-link::before{content:\"\";position:absolute;width:100%;height:100%;left:50%;top:50%;transform:translate(-50%, -50%);z-index:1}.cta-link:link{color:var(--color-blue-07)}.cta-link:hover{color:var(--color-blue-08)}.cta-link:active{color:var(--color-gray-09)}.cta-link:focus{outline:2px solid var(--color-blue-07);outline-offset:0.25rem}.bar-close{max-width:36px;cursor:pointer;margin-left:var(--ptc-element-spacing-08);position:relative}.bar-close::before{content:\"\";position:absolute;width:44px;height:44px;left:50%;top:50%;transform:translate(-50%, -50%);z-index:1}@media only screen and (min-width: 992px){.left-content{flex-direction:row;max-width:calc(100% - 58px);flex:1 1 1032px}.bar-close{max-width:18px}.bar-close::before{width:34px;height:34px}.title{margin-right:var(--ptc-element-spacing-04);margin-bottom:0;flex:0 1 auto;max-width:248px}.title.max-title{max-width:unset !important;flex:2 1 560px}.description{flex:1 1 768px}}";
17257
+ const ptcAnnouncementCss = ":host{display:block}.announcement{width:100%;position:relative;background-color:var(--color-gray-02);z-index:860;background-size:cover;background-repeat:repeat-x;border-top:3px solid var(--color-green-07);box-shadow:var(--ptc-shadow-medium);z-index:999;display:none}.visible{display:block}.content-wrapper{display:flex;padding:var(--ptc-element-spacing-03) var(--ptc-element-spacing-06) var(--ptc-element-spacing-03) var(--ptc-element-spacing-05);margin:0 auto;align-items:center;justify-content:space-between;max-width:1200px}@media only screen and (min-width: 768px){.content-wrapper{padding:var(--ptc-element-spacing-03) var(--ptc-element-spacing-06)}}@media only screen and (min-width: 1200px){.content-wrapper{padding:var(--ptc-element-spacing-03) 15px var(--ptc-element-spacing-03) 15px;max-width:1170px;box-sizing:border-box}}@media screen and (min-width: 1400px){.content-wrapper{padding:var(--ptc-element-spacing-03) 0px var(--ptc-element-spacing-03) 0px;max-width:1200px}}.left-content{max-width:calc(100% - 76px);display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;position:relative}.title{font-family:Raleway;font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-densest);letter-spacing:var(--ptc-letter-spacing-dense);text-align:left;color:var(--color-gray-10);margin-bottom:var(--ptc-element-spacing-02);max-width:100%}.description{font-family:Raleway;font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-regular);line-height:var(--ptc-line-height-densest);letter-spacing:var(--ptc-letter-spacing-normal);text-align:left;color:var(--color-gray-10);max-width:100%}.cta-link{color:var(--color-blue-07);font-size:var(--ptc-font-size-x-small);-webkit-transition:color var(--ptc-transition-slow) var(--ptc-ease-inout);-o-transition:color var(--ptc-transition-slow) var(--ptc-ease-inout);transition:color var(--ptc-transition-slow) var(--ptc-ease-inout);font-weight:var(--ptc-font-weight-bold);text-decoration:underline;display:inline-block;vertical-align:middle;cursor:pointer}.cta-link::before{content:\"\";position:absolute;width:100%;height:100%;left:50%;top:50%;transform:translate(-50%, -50%);z-index:1}.cta-link:link{color:var(--color-blue-07)}.cta-link:hover{color:var(--color-blue-08)}.cta-link:active{color:var(--color-gray-09)}.cta-link:focus{outline:2px solid var(--color-blue-07);outline-offset:0.25rem}.bar-close{max-width:36px;cursor:pointer;margin-left:var(--ptc-element-spacing-08);position:relative}.bar-close::before{content:\"\";position:absolute;width:44px;height:44px;left:50%;top:50%;transform:translate(-50%, -50%);z-index:1}@media only screen and (min-width: 992px){.left-content{flex-direction:row;max-width:calc(100% - 58px);flex:1 1 1032px}.bar-close{max-width:18px}.bar-close::before{width:34px;height:34px}.title{margin-right:var(--ptc-element-spacing-04);margin-bottom:0;flex:0 1 auto;max-width:248px}.title.max-title{max-width:unset !important;flex:2 1 560px}.description{flex:1 1 768px}}";
17224
17258
 
17225
17259
  const PtcAnnouncement$1 = class extends HTMLElement$1 {
17226
17260
  constructor() {
@@ -17287,9 +17321,11 @@ const PtcBackgroundVideo$1 = class extends HTMLElement$1 {
17287
17321
  this.posterSrc = undefined;
17288
17322
  this.overlay = true;
17289
17323
  this.type = 'default';
17324
+ this.isIframe = false;
17290
17325
  }
17291
17326
  render() {
17292
- return (h$1(Host, { class: this.type }, h$1("video", { src: this.videoSrc, poster: this.posterSrc, autoplay: true, loop: true, muted: true, playsinline: true }), this.overlay
17327
+ const videoConten = this.isIframe ? (h$1("iframe", { src: this.videoSrc, frameborder: 0, width: "100%", allow: "autoplay; fullscreen; picture-in-picture", class: "elementor-background-video-embed" })) : (h$1("video", { src: this.videoSrc, poster: this.posterSrc, autoplay: true, loop: true, muted: true, playsinline: true }));
17328
+ return (h$1(Host, { class: this.type }, videoConten, this.overlay
17293
17329
  ? h$1("div", { class: "video-overlay" })
17294
17330
  : "", this.type == 'default'
17295
17331
  ? h$1("slot", null)
@@ -17411,6 +17447,7 @@ const PtcCard$1 = class extends HTMLElement$1 {
17411
17447
  this.heading = undefined;
17412
17448
  this.headingTransform = 'none';
17413
17449
  this.cardDate = undefined;
17450
+ this.country = undefined;
17414
17451
  this.styles = undefined;
17415
17452
  this.ribbonText = undefined;
17416
17453
  this.eventType = undefined;
@@ -17431,7 +17468,7 @@ const PtcCard$1 = class extends HTMLElement$1 {
17431
17468
  h$1("h3", { class: `ptc-h3 ${this.headingTransform}${cutOffTitleClass}`, style: cutOff, part: "card-heading" }, this.heading),
17432
17469
  h$1("slot", { name: "slot-after-heading" }),
17433
17470
  ]
17434
- : null, h$1("slot", { name: "slot-description" }), !!this.cardDate && this.cardType !== 'listing-card' && this.cardType !== 'listing-card-horizontal' && this.cardType !== 'hightlight-card' ? (h$1("ptc-date", { "date-string": `${this.cardDate}`, "date-styles": "span{color:#40434a;font-size:var(--ptc-font-size-x-small);margin-top:var(--ptc-element-spacing-06);display:inline-block;}" })) : null, !!this.cardDate && this.cardType === 'hightlight-card' ? (h$1("ptc-date", { style: { marginBottom: "20px" }, "format-options": '{"year":"numeric","month":"long","day":"numeric"}', "date-string": `${this.cardDate}`, "date-styles": "span{color: #a3a3a3;font-family: Raleway;font-size: 1rem !important;font-stretch: normal;font-style: normal;font-weight: 400;letter-spacing: normal;line-height: 1.03;padding-top: 15px;text-align: left;}" })) : null)))));
17471
+ : null, h$1("slot", { name: "slot-description" }), !!this.cardDate && this.cardType !== 'listing-card' && this.cardType !== 'listing-card-horizontal' && this.cardType !== 'hightlight-card' ? (h$1("ptc-date", { "date-string": `${this.cardDate}`, "date-styles": "span{color:#40434a;font-size:var(--ptc-font-size-x-small);margin-top:var(--ptc-element-spacing-06);display:inline-block;}" })) : null, !!this.cardDate && this.cardType === 'hightlight-card' ? (h$1("ptc-date", { style: { marginBottom: "20px" }, "format-options": '{"year":"numeric","month":"long","day":"numeric"}', "date-string": `${this.cardDate}`, "date-styles": "span{color: #a3a3a3;font-family: Raleway;font-size: 1rem !important;font-stretch: normal;font-style: normal;font-weight: 400;letter-spacing: normal;line-height: 1.03;padding-top: 15px;text-align: left;}", country: this.country })) : null)))));
17435
17472
  }
17436
17473
  getCssClassMap() {
17437
17474
  return {
@@ -18064,10 +18101,11 @@ const PtcContainer$1 = class extends HTMLElement$1 {
18064
18101
  this.elevation = 'small';
18065
18102
  this.containerType = '';
18066
18103
  this.spacing = 'xxx-large';
18104
+ this.styles = undefined;
18067
18105
  }
18068
18106
  render() {
18069
18107
  const classMap = this.getCssClassMap();
18070
- return (h$1(Host, { class: this.getContainerClass() }, h$1("div", { class: classMap }, h$1("slot", null))));
18108
+ return (h$1(Host, { class: this.getContainerClass() }, this.styles && h$1("style", null, this.styles), h$1("div", { class: classMap }, h$1("slot", null))));
18071
18109
  }
18072
18110
  getContainerClass() {
18073
18111
  switch (this.containerType) {
@@ -18644,6 +18682,7 @@ const PtcJumbotron$1 = class extends HTMLElement$1 {
18644
18682
  this.gifSrc = undefined;
18645
18683
  this.bgVideoSrc = undefined;
18646
18684
  this.bgSrc = undefined;
18685
+ this.isIframe = false;
18647
18686
  this.contentBackground = undefined;
18648
18687
  this.contentColor = undefined;
18649
18688
  this.textAlign = 'left';
@@ -18678,7 +18717,7 @@ const PtcJumbotron$1 = class extends HTMLElement$1 {
18678
18717
  break;
18679
18718
  case 'dark-video':
18680
18719
  case 'light-video':
18681
- mediaElement = h$1("ptc-background-video", { class: "video-ratio", overlay: false, "video-src": this.bgVideoSrc });
18720
+ mediaElement = h$1("ptc-background-video", { class: "video-ratio", overlay: false, "video-src": this.bgVideoSrc, isIframe: this.isIframe });
18682
18721
  break;
18683
18722
  default:
18684
18723
  mediaElement = h$1("ptc-img", { "img-url": this.bgSrc });
@@ -18848,13 +18887,17 @@ const PtcLottie$1 = class extends HTMLElement$1 {
18848
18887
  static get style() { return ptcLottieCss; }
18849
18888
  };
18850
18889
 
18851
- const ptcMediaCardCss = ":host{display:block;position:relative;width:100%;background-size:cover;background-position:50%;background-repeat:no-repeat}:host .anchor-wrap{height:100%;width:100%;display:block;text-decoration:none;position:relative}:host video{object-fit:cover;height:100%;width:100%;z-index:0;position:absolute;left:0;right:0;top:0;bottom:0;display:none}:host .card-wrap{display:flex;height:100%;width:100%;position:relative;z-index:1;min-height:329px;align-items:end}:host .card-wrap .car-content{padding:20px 30px 30px 30px}:host .card-wrap .car-content h4,:host .card-wrap .car-content h3{color:#fff}:host .card-wrap .car-content h3{position:relative;margin-bottom:0;font-size:var(--ptc-font-size-large);text-shadow:1px 3px 30px #000;line-height:var(--ptc-line-height-denser);display:inline;letter-spacing:1.1px}:host .card-wrap .car-content h3::before{content:\"\";width:100%;height:3px;background-image:url(\"data:image/svg+xml,%3Csvg width='60' height='1' viewBox='0 0 60 1' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='30' height='1' fill='%2333A13C'/%3E%3C/svg%3E\");background-repeat:repeat;position:absolute;background-size:initial;top:-10px}:host .card-wrap .car-content h4{text-shadow:1px 3px 30px var(--color-black);font-weight:var(--ptc-font-weight-semibold);display:block;font-size:var(--ptc-font-size-x-small);font-style:normal;font-stretch:normal;letter-spacing:0.6px}";
18890
+ const ptcMediaCardCss = ":host{display:block;position:relative;width:100%;background-size:cover;background-position:50%;background-repeat:no-repeat}:host .anchor-wrap{height:100%;width:100%;display:block;text-decoration:none;position:relative}:host video{object-fit:cover;height:100%;width:100%;z-index:0;position:absolute;left:0;right:0;top:0;bottom:0;display:none}:host(.media-card) .card-wrap{display:flex;height:100%;width:100%;position:relative;z-index:1;min-height:329px;align-items:end}:host(.media-card) .card-wrap .car-content{padding:20px 30px 30px 30px}:host(.media-card) .card-wrap .car-content h4,:host(.media-card) .card-wrap .car-content h3{color:#fff}:host(.media-card) .card-wrap .car-content h3{position:relative;margin-bottom:0;font-size:var(--ptc-font-size-large);text-shadow:1px 3px 30px #000;line-height:var(--ptc-line-height-denser);display:inline;letter-spacing:1.1px}:host(.media-card) .card-wrap .car-content h3::before{content:\"\";width:100%;height:3px;background-image:url(\"data:image/svg+xml,%3Csvg width='60' height='1' viewBox='0 0 60 1' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='30' height='1' fill='%2333A13C'/%3E%3C/svg%3E\");background-repeat:repeat;position:absolute;background-size:initial;top:-10px}:host(.media-card) .card-wrap .car-content h4{text-shadow:1px 3px 30px var(--color-black);font-weight:var(--ptc-font-weight-semibold);display:block;font-size:var(--ptc-font-size-x-small);font-style:normal;font-stretch:normal;letter-spacing:0.6px}:host(.bureau-card){height:100%;position:relative}";
18852
18891
 
18853
18892
  const PtcMediaCard$1 = class extends HTMLElement$1 {
18854
18893
  constructor() {
18855
18894
  super();
18856
18895
  this.__registerHost();
18857
18896
  this.__attachShadow();
18897
+ /**
18898
+ * ref video element
18899
+ */
18900
+ this.videoEle = undefined;
18858
18901
  this.cardType = 'media-card';
18859
18902
  this.cardHref = undefined;
18860
18903
  this.target = '_self';
@@ -18866,14 +18909,44 @@ const PtcMediaCard$1 = class extends HTMLElement$1 {
18866
18909
  this.category = undefined;
18867
18910
  this.isHovered = false;
18868
18911
  }
18912
+ WatchStateHandler(newValue) {
18913
+ if (this.videoEle) {
18914
+ newValue ? this.videoEle.play() : this.videoEle.pause();
18915
+ }
18916
+ }
18917
+ getCardText() {
18918
+ if (this.cardType === 'media-card') {
18919
+ return [
18920
+ h$1("div", { class: "card-wrap" }, h$1("div", { class: "car-content" }, h$1("h4", null, this.category, " "), h$1("h3", null, this.heading))),
18921
+ ];
18922
+ }
18923
+ // else if (this.cardType === 'bureau-card') {
18924
+ // return (
18925
+ // <div class="card-content">
18926
+ // <slot name="bureau-description"></slot>
18927
+ // </div>
18928
+ // );
18929
+ // }
18930
+ }
18869
18931
  render() {
18870
18932
  const Tag = !!this.cardHref ? 'a' : 'div';
18871
- const isVideoUrl = getFileExtension(this.hoverBackgroundImage);
18872
- return (h$1(Host, { onmouseenter: () => (this.isHovered = true), onmouseleave: () => (this.isHovered = false), style: this.isHovered
18873
- ? { backgroundImage: `url(${this.hoverBackgroundImage})` }
18874
- : { backgroundImage: `url(${this.activeBackgroundImage})` } }, h$1(Tag, { class: "anchor-wrap", target: this.target, href: this.cardHref, rel: this.rel }, isVideoUrl == ".mp4" &&
18875
- h$1("video", { muted: true, autoPlay: true, loop: true, playsinline: true, poster: this.activeBackgroundImage, style: this.isHovered ? { display: 'block' } : { display: 'none' } }, h$1("source", { src: this.hoverBackgroundImage, type: "video/mp4" }, "Your browser does not support the video tag.")), h$1("ptc-overlay", { "filter-color": "black-2" }), h$1("div", { class: "card-wrap" }, h$1("div", { class: "car-content" }, h$1("h4", null, this.category, " "), h$1("h3", null, this.heading))))));
18933
+ const isVideoUrl = getFileExtension(this.hoverBackgroundImage) === '.mp4' ? true : false;
18934
+ //console.log("isVideoUrl: " + isVideoUrl + " hoverBackgroundImage: " + this.hoverBackgroundImage);
18935
+ const classMap = this.getCssClassMap();
18936
+ return (h$1(Host, { class: classMap, onmouseenter: () => (this.isHovered = true), onmouseleave: () => (this.isHovered = false),
18937
+ // {...(!isVideoUrl
18938
+ // ? { ...{ style: this.isHovered ? { backgroundImage: `url(${this.hoverBackgroundImage})` } : { backgroundImage: `url(${this.activeBackgroundImage})` } } }
18939
+ // : null)}
18940
+ style: this.isHovered ? { backgroundImage: `url(${this.hoverBackgroundImage})` } : { backgroundImage: `url(${this.activeBackgroundImage})` } }, h$1(Tag, { class: 'anchor-wrap', target: this.target, href: this.cardHref, rel: this.rel }, isVideoUrl && (h$1("video", { muted: true, loop: true, playsinline: true, poster: this.activeBackgroundImage, ref: el => (this.videoEle = el), style: this.isHovered ? { display: 'block' } : { display: 'none' } }, h$1("source", { src: this.hoverBackgroundImage, type: "video/mp4" }, "Your browser does not support the video tag."))), this.cardType === "media-card" && h$1("ptc-overlay", { "filter-color": "black-2" }), this.cardType === "media-card" && this.getCardText())));
18876
18941
  }
18942
+ getCssClassMap() {
18943
+ return {
18944
+ [this.cardType]: true,
18945
+ };
18946
+ }
18947
+ static get watchers() { return {
18948
+ "isHovered": ["WatchStateHandler"]
18949
+ }; }
18877
18950
  static get style() { return ptcMediaCardCss; }
18878
18951
  };
18879
18952
 
@@ -21354,13 +21427,12 @@ const PtcTitle$1 = class extends HTMLElement$1 {
21354
21427
  static get style() { return ptcTitleCss; }
21355
21428
  };
21356
21429
 
21357
- const ptcTooltipCss = ":host{position:relative}:host(.inline){display:inline}:host(.block){display:block}.text-ellipsis{position:relative;display:inline}.text-ellipsis:not(.truncated){z-index:auto !important}.z-auto{z-index:auto}.z-1{z-index:1}.z-2{z-index:2}.z-3{z-index:3}.z-999{z-index:999}.tooltip{position:absolute;padding:8px;color:var(--color-white);font-size:var(--ptc-font-size-xxx-small);font-weight:var(--ptc-font-weight-semibold);background:var(--color-gray-09);box-shadow:0px 2px 4px rgba(0, 0, 0, 0.3);border:none;border-radius:2px;width:auto;height:auto;visibility:hidden;text-align:left;text-shadow:none;white-space:normal}@media only screen and (min-width: 480px){.tooltip{width:273px}}.tooltip.danger{color:var(--color-red-07);font-family:var(--ptc-font-latin);font-weight:var(--ptc-font-weight-semibold);font-size:var(--ptc-font-size-xx-small);line-height:var(--ptc-line-height-p);border:2px solid var(--color-red-07);border-radius:var(--ptc-border-radius-standard);background-color:var(--color-white);padding:var(--ptc-element-spacing-06)}.tooltip.danger a{color:var(--color-blue-07)}.tooltip.bottom{bottom:-12px;transform:translateY(100%)}.tooltip.bottom::after{top:1px;left:50%;transform:translate(-50%, -100%);border:8px solid transparent;border-bottom:8px solid var(--color-gray-09)}.tooltip.left{bottom:-12px;transform:translate(-80%, 100%)}.tooltip.left::after{top:1px;right:8px;transform:translateY(-100%);border:8px solid transparent;border-bottom:8px solid var(--color-gray-09)}.tooltip.right{bottom:-12px;transform:translateY(100%);right:0px}.tooltip.right::after{top:1px;left:8px;transform:translateY(-100%);border:8px solid transparent;border-bottom:8px solid var(--color-gray-09)}.tooltip.top{top:-8px;transform:translateY(-100%)}.tooltip.top::after{left:50%;bottom:1px;transform:translate(-50%, 100%);border:8px solid transparent;border-top:8px solid var(--color-gray-09)}.tooltip.bottom-right{bottom:-12px;transform:translate(-60%, 100%)}.tooltip.bottom-right::after{top:1px;left:75%;transform:translate(-50%, -100%);border:8px solid transparent;border-bottom:8px solid var(--color-gray-09)}.tooltip.danger::after{top:0;border-bottom:8px solid var(--color-red-07)}.truncated{cursor:help}.truncated:hover+.tooltip{visibility:visible;z-index:9999}.wrapper-content{display:inline-block;position:relative}.wrapper-content .tooltip{width:auto;min-width:72px;max-width:273px}.wrapper-content slot:hover+.tooltip{visibility:visible;z-index:9999}.tooltip::after{content:\"\";position:absolute}.ellipsis-by-line-boxing{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;overflow-wrap:break-word;padding-bottom:0}";
21430
+ const ptcTooltipCss = ".sc-ptc-tooltip-h{position:relative}.inline.sc-ptc-tooltip-h{display:inline}.block.sc-ptc-tooltip-h{display:block}.text-ellipsis.sc-ptc-tooltip{position:relative;display:inline}.text-ellipsis.sc-ptc-tooltip:not(.truncated){z-index:auto !important}.z-auto.sc-ptc-tooltip{z-index:auto}.z-1.sc-ptc-tooltip{z-index:1}.z-2.sc-ptc-tooltip{z-index:2}.z-3.sc-ptc-tooltip{z-index:3}.z-999.sc-ptc-tooltip{z-index:999}.tooltip.sc-ptc-tooltip{position:absolute;padding:8px;color:var(--color-white);font-size:var(--ptc-font-size-xxx-small);font-weight:var(--ptc-font-weight-semibold);background:var(--color-gray-09);box-shadow:0px 2px 4px rgba(0, 0, 0, 0.3);border:none;border-radius:2px;width:auto;height:auto;visibility:hidden;text-align:left;text-shadow:none;white-space:normal}@media only screen and (min-width: 480px){.tooltip.sc-ptc-tooltip{width:273px}}.tooltip.danger.sc-ptc-tooltip{color:var(--color-red-07);font-family:var(--ptc-font-latin);font-weight:var(--ptc-font-weight-semibold);font-size:var(--ptc-font-size-xx-small);line-height:var(--ptc-line-height-p);border:2px solid var(--color-red-07);border-radius:var(--ptc-border-radius-standard);background-color:var(--color-white);padding:var(--ptc-element-spacing-06)}.tooltip.danger.sc-ptc-tooltip a.sc-ptc-tooltip{color:var(--color-blue-07)}.tooltip.bottom.sc-ptc-tooltip{bottom:-12px;transform:translateY(100%)}.tooltip.bottom.sc-ptc-tooltip::after{top:1px;left:50%;transform:translate(-50%, -100%);border:8px solid transparent;border-bottom:8px solid var(--color-gray-09)}.tooltip.left.sc-ptc-tooltip{bottom:-12px;transform:translate(-80%, 100%)}.tooltip.left.sc-ptc-tooltip::after{top:1px;right:8px;transform:translateY(-100%);border:8px solid transparent;border-bottom:8px solid var(--color-gray-09)}.tooltip.right.sc-ptc-tooltip{bottom:-12px;transform:translateY(100%);right:0px}.tooltip.right.sc-ptc-tooltip::after{top:1px;left:8px;transform:translateY(-100%);border:8px solid transparent;border-bottom:8px solid var(--color-gray-09)}.tooltip.top.sc-ptc-tooltip{top:-8px;transform:translateY(-100%)}.tooltip.top.sc-ptc-tooltip::after{left:50%;bottom:1px;transform:translate(-50%, 100%);border:8px solid transparent;border-top:8px solid var(--color-gray-09)}.tooltip.bottom-right.sc-ptc-tooltip{bottom:-12px;transform:translate(-60%, 100%)}.tooltip.bottom-right.sc-ptc-tooltip::after{top:1px;left:75%;transform:translate(-50%, -100%);border:8px solid transparent;border-bottom:8px solid var(--color-gray-09)}.tooltip.danger.sc-ptc-tooltip::after{top:0;border-bottom:8px solid var(--color-red-07)}.truncated.sc-ptc-tooltip{cursor:help}.truncated.sc-ptc-tooltip:hover+.tooltip.sc-ptc-tooltip{visibility:visible;z-index:9999}.wrapper-content.sc-ptc-tooltip{display:inline-block;position:relative}.wrapper-content.sc-ptc-tooltip .tooltip.sc-ptc-tooltip{width:auto;min-width:72px;max-width:273px}.wrapper-content.sc-ptc-tooltip .slot-content.sc-ptc-tooltip:hover+.tooltip.sc-ptc-tooltip{visibility:visible;z-index:9999}.tooltip.sc-ptc-tooltip::after{content:\"\";position:absolute}.ellipsis-by-line-boxing.sc-ptc-tooltip{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;overflow-wrap:break-word;padding-bottom:0}";
21358
21431
 
21359
21432
  const PtcTooltip$1 = class extends HTMLElement$1 {
21360
21433
  constructor() {
21361
21434
  super();
21362
21435
  this.__registerHost();
21363
- this.__attachShadow();
21364
21436
  this.textDisplay = 'inline';
21365
21437
  this.maxLength = 45;
21366
21438
  this.textLines = undefined;
@@ -21372,13 +21444,13 @@ const PtcTooltip$1 = class extends HTMLElement$1 {
21372
21444
  this.theme = 'standard';
21373
21445
  }
21374
21446
  addTruncatedClass() {
21375
- const appRoot = this.el.shadowRoot;
21447
+ const appRoot = this.el;
21376
21448
  const text = appRoot.querySelectorAll('.ellipsis-by-line-boxing');
21377
21449
  text.forEach(t => {
21378
21450
  t.classList[t.scrollHeight > t.clientHeight ? 'add' : 'remove']('truncated');
21379
21451
  });
21380
21452
  }
21381
- // Created this function to initialize the truncate function on specific elements like tabs
21453
+ // Created this function to initialize the truncate function on specific elements like tabs
21382
21454
  enableAddTruncatedClass(element) {
21383
21455
  const allTabHeaders = document.querySelectorAll(element);
21384
21456
  for (const element of Array.from(allTabHeaders)) {
@@ -21393,18 +21465,21 @@ const PtcTooltip$1 = class extends HTMLElement$1 {
21393
21465
  }
21394
21466
  }
21395
21467
  componentDidLoad() {
21396
- this.addTruncatedClass();
21468
+ //this.addTruncatedClass();
21469
+ setTimeout(() => {
21470
+ this.addTruncatedClass();
21471
+ }, 1000);
21397
21472
  this.enableAddTruncatedClass('tab-header');
21398
21473
  this.enableAddTruncatedClass('ptc-ellipsis-dropdown');
21399
- document.addEventListener("readystatechange", () => {
21400
- if (document.readyState === "complete") {
21474
+ document.addEventListener('readystatechange', () => {
21475
+ if (document.readyState === 'complete') {
21401
21476
  this.addTruncatedClass();
21402
21477
  }
21403
21478
  });
21404
21479
  }
21405
21480
  render() {
21406
21481
  if (this.mode == 'wrapper') {
21407
- return (h$1(Host, { class: this.textDisplay }, this.styles && h$1("style", null, this.styles), h$1("div", { class: "wrapper-content" }, h$1("slot", null), h$1("div", { class: `tooltip ${this.position} ${this.theme}` }, h$1("slot", { name: "description" }), this.description))));
21482
+ return (h$1(Host, { class: this.textDisplay }, this.styles && h$1("style", null, this.styles), h$1("div", { class: "wrapper-content" }, h$1("div", { class: "slot-content" }, h$1("slot", null)), h$1("div", { class: `tooltip ${this.position} ${this.theme}` }, h$1("slot", { name: "description" }), this.description))));
21408
21483
  }
21409
21484
  else {
21410
21485
  const classMap = this.getCssClassMap();
@@ -21415,7 +21490,7 @@ const PtcTooltip$1 = class extends HTMLElement$1 {
21415
21490
  truncatedText = truncatedText.substring(0, lastSpace);
21416
21491
  truncatedText += '... ';
21417
21492
  }
21418
- return (h$1(Host, { class: this.textDisplay }, this.styles && h$1("style", null, this.styles), this.textLines > 0 && !!this.textLines ? h$1("div", { class: "ellipsis-by-line-boxing", style: cutOff }, this.description) : h$1("div", { class: classMap }, truncatedText), h$1("div", { class: `tooltip ${this.position} ${this.theme}` }, this.description)));
21493
+ return (h$1(Host, { class: this.textDisplay }, this.styles && h$1("style", null, this.styles), this.textLines > 0 && !!this.textLines ? (h$1("div", { class: "ellipsis-by-line-boxing", style: cutOff }, this.description)) : (h$1("div", { class: classMap }, truncatedText)), h$1("div", { class: `tooltip ${this.position} ${this.theme}` }, this.description)));
21419
21494
  }
21420
21495
  }
21421
21496
  getCssClassMap() {
@@ -25530,8 +25605,9 @@ const TabHeader$1 = class extends HTMLElement$1 {
25530
25605
  };
25531
25606
 
25532
25607
  const BundleExample = /*@__PURE__*/proxyCustomElement(BundleExample$1, [1,"bundle-example",{"isLoading":[32],"picWidth":[32],"picHeight":[32]},[[9,"resize","handleWindowResize"]]]);
25533
- const BundleJumbotronExample = /*@__PURE__*/proxyCustomElement(BundleJumbotronExample$1, [1,"bundle-jumbotron-example",{"jumbotron":[1]}]);
25608
+ const BundleJumbotronExample = /*@__PURE__*/proxyCustomElement(BundleJumbotronExample$1, [1,"bundle-jumbotron-example",{"jumbotron":[1],"isIframe":[4,"is-iframe"]}]);
25534
25609
  const DropdownItem = /*@__PURE__*/proxyCustomElement(DropdownItem$1, [4,"dropdown-item",{"linkHref":[1,"link-href"],"linkTarget":[1,"link-target"]}]);
25610
+ const DynamicBoxBundle = /*@__PURE__*/proxyCustomElement(DynamicBoxBundle$1, [1,"dynamic-box-bundle",{"topImgSrc":[1,"top-img-src"],"topImgAlt":[1,"top-img-alt"],"boxHeight":[2,"box-height"],"isHovering":[32]},[[1,"mouseover","handleMouseOver"],[1,"mouseout","handleMouseOut"]]]);
25535
25611
  const IconAsset = /*@__PURE__*/proxyCustomElement(IconAsset$1, [2,"icon-asset",{"name":[1],"size":[1],"type":[1],"spin":[1],"pulse":[1],"color":[1],"isMobileSelect":[4,"is-mobile-select"],"injectedStyle":[1,"injected-style"]}]);
25536
25612
  const ListItem = /*@__PURE__*/proxyCustomElement(ListItem$2, [1,"list-item",{"listType":[1,"list-type"],"linkHref":[1,"link-href"],"flushBefore":[4,"flush-before"],"linkTarget":[1,"link-target"],"color":[1],"styles":[1]}]);
25537
25613
  const LottiePlayer = /*@__PURE__*/proxyCustomElement(LottiePlayer$1, [1,"lottie-player",{"mode":[1],"autoplay":[4],"background":[513],"controls":[4],"count":[2],"direction":[2],"hover":[4],"loop":[516],"renderer":[1],"speed":[2],"src":[1],"currentState":[1,"current-state"],"seeker":[8],"intermission":[2]}]);
@@ -25540,17 +25616,17 @@ const MyComponent = /*@__PURE__*/proxyCustomElement(MyComponent$1, [1,"my-compon
25540
25616
  const PtcAccordion = /*@__PURE__*/proxyCustomElement(PtcAccordion$1, [1,"ptc-accordion",{"multiple":[4]},[[0,"opened","openHandler"]]]);
25541
25617
  const PtcAccordionItem = /*@__PURE__*/proxyCustomElement(PtcAccordionItem$1, [1,"ptc-accordion-item",{"heading":[1],"headingTag":[1,"heading-tag"],"autoHeight":[4,"auto-height"],"active":[1540],"hasHeadingSlot":[32],"hasArrowSlot":[32]}]);
25542
25618
  const PtcAnnouncement = /*@__PURE__*/proxyCustomElement(PtcAnnouncement$1, [1,"ptc-announcement",{"barTitle":[1025,"bar-title"],"description":[1025],"linkText":[513,"link-text"],"linkTitle":[513,"link-title"],"visible":[1540],"linkUrl":[1537,"link-url"],"insideContainer":[4,"inside-container"],"target":[1025],"windowSize":[32]},[[9,"resize","handleResize"]]]);
25543
- const PtcBackgroundVideo = /*@__PURE__*/proxyCustomElement(PtcBackgroundVideo$1, [1,"ptc-background-video",{"videoSrc":[1,"video-src"],"posterSrc":[1,"poster-src"],"overlay":[4],"type":[1]}]);
25619
+ const PtcBackgroundVideo = /*@__PURE__*/proxyCustomElement(PtcBackgroundVideo$1, [1,"ptc-background-video",{"videoSrc":[1,"video-src"],"posterSrc":[1,"poster-src"],"overlay":[4],"type":[1],"isIframe":[4,"is-iframe"]}]);
25544
25620
  const PtcBioCard = /*@__PURE__*/proxyCustomElement(PtcBioCard$1, [1,"ptc-bio-card",{"name":[1],"jobTitle":[1,"job-title"],"image":[1],"linkedin":[1],"twitter":[1],"showModal":[32]}]);
25545
25621
  const PtcBreadcrumb = /*@__PURE__*/proxyCustomElement(PtcBreadcrumb$1, [1,"ptc-breadcrumb",{"position":[1],"removeTopMargin":[4,"remove-top-margin"],"color":[1],"styles":[1]}]);
25546
25622
  const PtcButton = /*@__PURE__*/proxyCustomElement(PtcButton$1, [1,"ptc-button",{"disabled":[516],"active":[516],"type":[1],"color":[1],"iconAnimation":[1,"icon-animation"],"iconPosition":[1,"icon-position"],"linkHref":[1,"link-href"],"linkTitle":[1,"link-title"],"target":[1],"rel":[1],"tabNav":[2,"tab-nav"],"styles":[1]}]);
25547
- const PtcCard = /*@__PURE__*/proxyCustomElement(PtcCard$1, [1,"ptc-card",{"cardType":[1,"card-type"],"cardHref":[1,"card-href"],"target":[1],"rel":[1],"hasImage":[4,"has-image"],"hasVideo":[4,"has-video"],"hasLottie":[4,"has-lottie"],"heading":[1],"headingTransform":[1,"heading-transform"],"cardDate":[1,"card-date"],"styles":[1],"ribbonText":[1,"ribbon-text"],"eventType":[1,"event-type"],"cardLogo":[1,"card-logo"],"titleLineCutOff":[2,"title-line-cut-off"]}]);
25623
+ const PtcCard = /*@__PURE__*/proxyCustomElement(PtcCard$1, [1,"ptc-card",{"cardType":[1,"card-type"],"cardHref":[1,"card-href"],"target":[1],"rel":[1],"hasImage":[4,"has-image"],"hasVideo":[4,"has-video"],"hasLottie":[4,"has-lottie"],"heading":[1],"headingTransform":[1,"heading-transform"],"cardDate":[1,"card-date"],"country":[1],"styles":[1],"ribbonText":[1,"ribbon-text"],"eventType":[1,"event-type"],"cardLogo":[1,"card-logo"],"titleLineCutOff":[2,"title-line-cut-off"]}]);
25548
25624
  const PtcCardBottom = /*@__PURE__*/proxyCustomElement(PtcCardBottom$1, [1,"ptc-card-bottom",{"cardType":[1,"card-type"],"styles":[1]}]);
25549
25625
  const PtcCardContent = /*@__PURE__*/proxyCustomElement(PtcCardContent$1, [1,"ptc-card-content",{"cardType":[1,"card-type"],"outlineColor":[1,"outline-color"],"styles":[1],"isLoading":[4,"is-loading"]}]);
25550
25626
  const PtcCardWrapper = /*@__PURE__*/proxyCustomElement(PtcCardPlm, [1,"ptc-card-wrapper",{"cardType":[1,"card-type"],"cardLink":[1,"card-link"],"linkTitle":[1,"link-title"],"linkTarget":[1,"link-target"],"isLoading":[4,"is-loading"]},[[9,"resize","handleResize"]]]);
25551
25627
  const PtcCheckbox = /*@__PURE__*/proxyCustomElement(PtcCheckbox$1, [1,"ptc-checkbox",{"checked":[1025],"value":[1025],"disabled":[1028],"inputName":[1,"input-name"]}]);
25552
25628
  const PtcCollapseList = /*@__PURE__*/proxyCustomElement(PtcCollapseList$1, [1,"ptc-collapse-list",{"header":[1],"listItems":[1040],"placeholderText":[1025,"placeholder-text"],"debounceUpdateDelay":[1026,"debounce-update-delay"],"data":[32],"searchText":[32],"selectedValue":[32],"selectedItems":[32],"hashMap":[32],"debouncedUpdatedEvent":[32],"refreshBuffer":[32]}]);
25553
- const PtcContainer = /*@__PURE__*/proxyCustomElement(PtcContainer$1, [1,"ptc-container",{"backgroundColor":[1,"background-color"],"elevation":[1],"containerType":[1,"container-type"],"spacing":[1]}]);
25629
+ const PtcContainer = /*@__PURE__*/proxyCustomElement(PtcContainer$1, [1,"ptc-container",{"backgroundColor":[1,"background-color"],"elevation":[1],"containerType":[1,"container-type"],"spacing":[1],"styles":[1]}]);
25554
25630
  const PtcDate = /*@__PURE__*/proxyCustomElement(PtcDate$1, [1,"ptc-date",{"year":[2],"month":[2],"day":[2],"country":[1],"dateString":[1,"date-string"],"dateColor":[1,"date-color"],"dateStyles":[1,"date-styles"],"dataSize":[1,"data-size"],"formatOptions":[1,"format-options"]}]);
25555
25631
  const PtcDropdown = /*@__PURE__*/proxyCustomElement(PtcDropdown$1, [1,"ptc-dropdown",{"theme":[1],"label":[1],"listItems":[16],"toggle":[32],"selectedItem":[32]},[[4,"click","offClick"]]]);
25556
25632
  const PtcDynamicCard = /*@__PURE__*/proxyCustomElement(PtcDynamicCard$1, [1,"ptc-dynamic-card",{"cardType":[1,"card-type"],"cardTitle":[1,"card-title"],"cardImgSrc":[1,"card-img-src"],"cardImgAlt":[1,"card-img-alt"],"cardScreen":[1,"card-screen"],"isExpanded":[4,"is-expanded"],"overlayExists":[32]}]);
@@ -25561,11 +25637,11 @@ const PtcHeroFooterCta = /*@__PURE__*/proxyCustomElement(PtcHeroFooterCta$1, [6,
25561
25637
  const PtcIconList = /*@__PURE__*/proxyCustomElement(PtcIconList$1, [1,"ptc-icon-list",{"listType":[1,"list-type"],"valueWithUnit":[1,"value-with-unit"],"valueText":[1,"value-text"],"listContent":[1,"list-content"],"isLastItem":[4,"is-last-item"]}]);
25562
25638
  const PtcIconMinimize = /*@__PURE__*/proxyCustomElement(PtcIconMinimize$1, [1,"ptc-icon-minimize",{"heading":[1025],"opened":[1028],"timeStamp":[32]}]);
25563
25639
  const PtcImg = /*@__PURE__*/proxyCustomElement(PtcImg$1, [4,"ptc-img",{"sizeXs":[1025,"size-xs"],"sizeSm":[1025,"size-sm"],"sizeMd":[1025,"size-md"],"sizeLg":[1025,"size-lg"],"imgUrl":[1,"img-url"],"imageType":[1,"image-type"],"borderRadius":[1,"border-radius"],"loadMode":[1,"load-mode"]},[[9,"resize","WindowResize"]]]);
25564
- const PtcJumbotron = /*@__PURE__*/proxyCustomElement(PtcJumbotron$1, [1,"ptc-jumbotron",{"jumbotronType":[1,"jumbotron-type"],"popupVideo":[1,"popup-video"],"mainTitle":[1,"main-title"],"subTitle":[1,"sub-title"],"pngSrc":[1,"png-src"],"gifSrc":[1,"gif-src"],"bgVideoSrc":[1,"bg-video-src"],"bgSrc":[1,"bg-src"],"contentBackground":[32],"contentColor":[32],"textAlign":[32],"isMobile":[32]},[[9,"resize","handleResize"]]]);
25640
+ const PtcJumbotron = /*@__PURE__*/proxyCustomElement(PtcJumbotron$1, [1,"ptc-jumbotron",{"jumbotronType":[1,"jumbotron-type"],"popupVideo":[1,"popup-video"],"mainTitle":[1,"main-title"],"subTitle":[1,"sub-title"],"pngSrc":[1,"png-src"],"gifSrc":[1,"gif-src"],"bgVideoSrc":[1,"bg-video-src"],"bgSrc":[1,"bg-src"],"isIframe":[4,"is-iframe"],"contentBackground":[32],"contentColor":[32],"textAlign":[32],"isMobile":[32]},[[9,"resize","handleResize"]]]);
25565
25641
  const PtcLink = /*@__PURE__*/proxyCustomElement(PtcLink$1, [1,"ptc-link",{"disabled":[516],"external":[516],"href":[1],"target":[1],"linkTitle":[1,"link-title"],"theme":[1],"uppercase":[4],"fontSize":[1,"font-size"],"fontWeight":[1,"font-weight"],"linkArea":[1,"link-area"]}]);
25566
25642
  const PtcList = /*@__PURE__*/proxyCustomElement(PtcList$1, [1,"ptc-list",{"listType":[1,"list-type"],"listItems":[16]}]);
25567
25643
  const PtcLottie = /*@__PURE__*/proxyCustomElement(PtcLottie$1, [1,"ptc-lottie",{"jsonSrc":[1025,"json-src"],"speed":[1026]}]);
25568
- const PtcMediaCard = /*@__PURE__*/proxyCustomElement(PtcMediaCard$1, [1,"ptc-media-card",{"cardType":[1,"card-type"],"cardHref":[1,"card-href"],"target":[1],"rel":[1],"activeBackgroundImage":[1025,"active-background-image"],"hoverBackgroundImage":[1025,"hover-background-image"],"heading":[1025],"headingTransform":[1025,"heading-transform"],"category":[1025],"isHovered":[1028,"is-hovered"]}]);
25644
+ const PtcMediaCard = /*@__PURE__*/proxyCustomElement(PtcMediaCard$1, [1,"ptc-media-card",{"cardType":[1,"card-type"],"cardHref":[1,"card-href"],"target":[1],"rel":[1],"activeBackgroundImage":[1025,"active-background-image"],"hoverBackgroundImage":[1025,"hover-background-image"],"heading":[1025],"headingTransform":[1025,"heading-transform"],"category":[1025],"isHovered":[32]}]);
25569
25645
  const PtcMinimizedFooter = /*@__PURE__*/proxyCustomElement(PtcMinimizedFooter$1, [1,"ptc-minimized-footer"]);
25570
25646
  const PtcMinimizedHeader = /*@__PURE__*/proxyCustomElement(PtcMinimizedHeader$1, [1,"ptc-minimized-header",{"linkUrl":[513,"link-url"],"imgSrc":[513,"img-src"],"imgAlt":[513,"img-alt"]}]);
25571
25647
  const PtcMobileSelect = /*@__PURE__*/proxyCustomElement(PtcMobileSelect$1, [0,"ptc-mobile-select",{"triggerName":[1,"trigger-name"],"selectedText":[1,"selected-text"],"wheelData":[1040],"selectedId":[1,"selected-id"],"ensureBtnText":[1,"ensure-btn-text"],"cancelBtnText":[1,"cancel-btn-text"],"listTitle":[1,"list-title"]}]);
@@ -25600,7 +25676,7 @@ const PtcTabList = /*@__PURE__*/proxyCustomElement(PtcTabList$1, [4,"ptc-tab-lis
25600
25676
  const PtcTabs = /*@__PURE__*/proxyCustomElement(Tabs, [1,"ptc-tabs",{"tabs":[32]}]);
25601
25677
  const PtcTextCopyWithBackground = /*@__PURE__*/proxyCustomElement(PtcTextCopyWithBackground$1, [1,"ptc-text-copy-with-background",{"type":[1],"backgroundImage":[1,"background-image"],"ImageAltText":[1,"image-alt-text"],"topSlitBackgroundColor":[1,"top-slit-background-color"],"slitPosition":[1,"slit-position"],"isBackgroundBlur":[4,"is-background-blur"],"overlay":[4]}]);
25602
25678
  const PtcTitle = /*@__PURE__*/proxyCustomElement(PtcTitle$1, [6,"ptc-title",{"isPlmHub":[4,"is-plm-hub"],"type":[1],"textAlign":[1,"text-align"],"upperline":[1],"titleShadow":[1,"title-shadow"],"titleColor":[1,"title-color"],"titleMargin":[1,"title-margin"],"titleWeight":[1,"title-weight"],"titleSize":[1,"title-size"],"titleHeight":[1,"title-height"],"styles":[1],"ellipsisLineCutoff":[2,"ellipsis-line-cutoff"],"titleDisplay":[1,"title-display"]}]);
25603
- const PtcTooltip = /*@__PURE__*/proxyCustomElement(PtcTooltip$1, [1,"ptc-tooltip",{"textDisplay":[1,"text-display"],"maxLength":[2,"max-length"],"textLines":[2,"text-lines"],"description":[1],"zIndex":[1,"z-index"],"position":[1],"styles":[1],"mode":[1],"theme":[1]},[[9,"resize","addTruncatedClass"]]]);
25679
+ const PtcTooltip = /*@__PURE__*/proxyCustomElement(PtcTooltip$1, [6,"ptc-tooltip",{"textDisplay":[1,"text-display"],"maxLength":[2,"max-length"],"textLines":[2,"text-lines"],"description":[1],"zIndex":[1,"z-index"],"position":[1],"styles":[1],"mode":[1],"theme":[1]},[[9,"resize","addTruncatedClass"]]]);
25604
25680
  const PtcTwoColumnMedia = /*@__PURE__*/proxyCustomElement(PtcTwoColumnMedia$1, [1,"ptc-two-column-media",{"componentType":[1,"component-type"]}]);
25605
25681
  const SequentialBundle = /*@__PURE__*/proxyCustomElement(SequentialBundle$1, [1,"sequential-bundle",{"isMobile":[32]},[[9,"resize","handleResize"]]]);
25606
25682
  const SequentialBundleExample = /*@__PURE__*/proxyCustomElement(SequentialBundleExample$1, [1,"sequential-bundle-example",{"isInteralCardsExpanded":[1040],"isMobile":[32],"expandedCardIndex":[32]},[[9,"resize","handleResize"]]]);
@@ -25612,6 +25688,7 @@ const defineCustomElements = (opts) => {
25612
25688
  BundleExample,
25613
25689
  BundleJumbotronExample,
25614
25690
  DropdownItem,
25691
+ DynamicBoxBundle,
25615
25692
  IconAsset,
25616
25693
  ListItem,
25617
25694
  LottiePlayer,
@@ -25694,4 +25771,4 @@ const defineCustomElements = (opts) => {
25694
25771
  }
25695
25772
  };
25696
25773
 
25697
- export { BundleExample, BundleJumbotronExample, DropdownItem, IconAsset, ListItem, LottiePlayer, MaxWidthContainer, MyComponent, PtcAccordion, PtcAccordionItem, PtcAnnouncement, PtcBackgroundVideo, PtcBioCard, PtcBreadcrumb, PtcButton, PtcCard, PtcCardBottom, PtcCardContent, PtcCardWrapper, PtcCheckbox, PtcCollapseList, PtcContainer, PtcDate, PtcDropdown, PtcDynamicCard, PtcEllipsisDropdown, PtcFilterTag, PtcHero, PtcHeroFooterCta, PtcIconList, PtcIconMinimize, PtcImg, PtcJumbotron, PtcLink, PtcList, PtcLottie, PtcMediaCard, PtcMinimizedFooter, PtcMinimizedHeader, PtcMobileSelect, PtcModal, PtcNavCard, PtcNavLink, PtcNavSlider, PtcNavSubmenu, PtcOverlay, PtcPagenation, PtcPara, PtcPicture, PtcPreviousUrl, PtcPricingBlock, PtcPricingTabs, PtcQuote, PtcReadmore, PtcResponsiveWrapper, PtcSearchField, PtcShoppingCart, PtcSkeleton, PtcSocialShare, PtcSpacer, PtcSpan, PtcStickyIcons, PtcStickySection, PtcSubnav, PtcSubnavCard, PtcSvgBtn, PtcTab, PtcTabList, PtcTabs, PtcTextCopyWithBackground, PtcTitle, PtcTooltip, PtcTwoColumnMedia, SequentialBundle, SequentialBundleExample, TabContent, TabHeader, defineCustomElements };
25774
+ export { BundleExample, BundleJumbotronExample, DropdownItem, DynamicBoxBundle, IconAsset, ListItem, LottiePlayer, MaxWidthContainer, MyComponent, PtcAccordion, PtcAccordionItem, PtcAnnouncement, PtcBackgroundVideo, PtcBioCard, PtcBreadcrumb, PtcButton, PtcCard, PtcCardBottom, PtcCardContent, PtcCardWrapper, PtcCheckbox, PtcCollapseList, PtcContainer, PtcDate, PtcDropdown, PtcDynamicCard, PtcEllipsisDropdown, PtcFilterTag, PtcHero, PtcHeroFooterCta, PtcIconList, PtcIconMinimize, PtcImg, PtcJumbotron, PtcLink, PtcList, PtcLottie, PtcMediaCard, PtcMinimizedFooter, PtcMinimizedHeader, PtcMobileSelect, PtcModal, PtcNavCard, PtcNavLink, PtcNavSlider, PtcNavSubmenu, PtcOverlay, PtcPagenation, PtcPara, PtcPicture, PtcPreviousUrl, PtcPricingBlock, PtcPricingTabs, PtcQuote, PtcReadmore, PtcResponsiveWrapper, PtcSearchField, PtcShoppingCart, PtcSkeleton, PtcSocialShare, PtcSpacer, PtcSpan, PtcStickyIcons, PtcStickySection, PtcSubnav, PtcSubnavCard, PtcSvgBtn, PtcTab, PtcTabList, PtcTabs, PtcTextCopyWithBackground, PtcTitle, PtcTooltip, PtcTwoColumnMedia, SequentialBundle, SequentialBundleExample, TabContent, TabHeader, defineCustomElements };
package/dist/esm/bundle-jumbotron-example.entry.js CHANGED
@@ -6,6 +6,7 @@ const BundleJumbotronExample = class {
6
6
  constructor(hostRef) {
7
7
  registerInstance(this, hostRef);
8
8
  this.jumbotron = 'light';
9
+ this.isIframe = false;
9
10
  }
10
11
  render() {
11
12
  let $pngSrc;
@@ -19,6 +20,7 @@ const BundleJumbotronExample = class {
19
20
  }
20
21
  else if (this.jumbotron === 'dark-video' || this.jumbotron === 'light-video') {
21
22
  $bgVideoSrc = "https://www.ptc.com/-/media/Videos/wind-turbine.mp4";
23
+ // if is iframe use src from iframe https://player.vimeo.com/video/749261406?h=5e6a60ffc5&amp;muted=1&amp;autoplay=1&amp;loop=1&amp;transparent=0&amp;background=1&amp;app_id=122963%22
22
24
  }
23
25
  else if (this.jumbotron === 'png') {
24
26
  $pngSrc = "https://images.unsplash.com/photo-1676883343977-5f8ecc36856c?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=MnwzMjM4NDZ8MHwxfHJhbmRvbXx8fHx8fHx8fDE2NzgyMjcxNDU&ixlib=rb-4.0.3&q=80&w=400";
@@ -31,7 +33,8 @@ const BundleJumbotronExample = class {
31
33
  return (h(Host, null, h("ptc-jumbotron", Object.assign({ "jumbotron-type": this.jumbotron }, (!!$pngSrc && { pngSrc: $pngSrc }), (!!$gifSrc && { gifSrc: $gifSrc }), (!!$bgVideoSrc && { bgVideoSrc: $bgVideoSrc }), (!!$bgSrc && { bgSrc: $bgSrc }), (!!$popupVideo ), { "main-title": "Sed ut perspiciatis unde omnis iste natus" //bind main title data (multi-line)
32
34
  ,
33
35
  "sub-title": "totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo." // bind sub title data (multi-line)
34
- }), h("ptc-breadcrumb", Object.assign({ slot: "breadcrumb" }, (this.jumbotron === 'dark' || this.jumbotron == 'dark-video' ? { color: 'white' } : { color: 'primary-gray' }), (this.jumbotron === 'text' ? { position: 'center' } : {})), h("list-item", Object.assign({ "list-type": "breadcrumb", "link-href": "https://www.ptc.com/contact-us" }, (this.jumbotron === 'dark' || this.jumbotron == 'dark-video' ? { color: 'light-gray' } : { color: 'primary-gray' })), "PLM Video Hub"), h("list-item", Object.assign({ "list-type": "breadcrumb" }, (this.jumbotron === 'dark' || this.jumbotron == 'dark-video' ? { color: 'light-gray' } : { color: 'primary-gray' })), "Current Page")), h("ptc-button", { slot: "j-cta", type: "link", color: "ptc-primary", "link-href": "https://www.ptc.com", target: "_blank" }, "Lorem ipsum dolor sit amet"), h("ptc-button", { slot: "j-cta", type: "link", color: "ptc-secondary", "link-href": "https://www.ptc.com", target: "_blank" }, "Lorem ipsum"))));
36
+ ,
37
+ "is-iframe": this.isIframe }), h("ptc-breadcrumb", Object.assign({ slot: "breadcrumb" }, (this.jumbotron === 'dark' || this.jumbotron == 'dark-video' ? { color: 'white' } : { color: 'primary-gray' }), (this.jumbotron === 'text' ? { position: 'center' } : {})), h("list-item", Object.assign({ "list-type": "breadcrumb", "link-href": "https://www.ptc.com/contact-us" }, (this.jumbotron === 'dark' || this.jumbotron == 'dark-video' ? { color: 'light-gray' } : { color: 'primary-gray' })), "PLM Video Hub"), h("list-item", Object.assign({ "list-type": "breadcrumb" }, (this.jumbotron === 'dark' || this.jumbotron == 'dark-video' ? { color: 'light-gray' } : { color: 'primary-gray' })), "Current Page")), h("ptc-button", { slot: "j-cta", type: "link", color: "ptc-primary", "link-href": "https://www.ptc.com", target: "_blank" }, "Lorem ipsum dolor sit amet"), h("ptc-button", { slot: "j-cta", type: "link", color: "ptc-secondary", "link-href": "https://www.ptc.com", target: "_blank" }, "Lorem ipsum"))));
35
38
  }
36
39
  };
37
40
  BundleJumbotronExample.style = bundleJumbotronExampleCss;
package/dist/esm/dynamic-box-bundle.entry.js ADDED
@@ -0,0 +1,32 @@
1
+ import { r as registerInstance, h, H as Host, g as getElement } from './index-4afc9d28.js';
2
+
3
+ const dynamicBoxBundleCss = ":host{display:block}:host .d-box{width:100%;height:550px;position:relative}:host .d-box.hovering .top-image{background-image:linear-gradient(0deg, rgba(242, 242, 242, 0), #f3f3f3)}:host .d-box.hovering .content{height:100%}:host .top-image{position:relative;display:flex;justify-content:center;align-items:center;height:20%;z-index:99}:host .top-image img{width:405px;height:40px}@media only screen and (min-width: 992px){:host .top-image img{height:35px}}:host .content{height:80%;box-shadow:0 0 0 1px #f3f3f3;width:100%;position:absolute;bottom:0px;left:0px}:host p{font-weight:var(--ptc-font-weight-regular);font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-p);margin:0px;padding:40px;box-sizing:border-box}@media only screen and (min-width: 1200px){:host p{padding:40px}}";
4
+
5
+ const DynamicBoxBundle = class {
6
+ constructor(hostRef) {
7
+ registerInstance(this, hostRef);
8
+ this.topImgSrc = 'https://www.ptc.com/-/media/Images/new-org/logos/PTC-logo.svg';
9
+ this.topImgAlt = 'image';
10
+ this.boxHeight = undefined;
11
+ this.isHovering = false;
12
+ }
13
+ handleMouseOver() {
14
+ if (window.innerWidth >= 1200) {
15
+ this.isHovering = true;
16
+ //this.el.style.height = `${this.el.offsetHeight + 50}px`;
17
+ }
18
+ }
19
+ handleMouseOut() {
20
+ if (window.innerWidth >= 1200) {
21
+ this.isHovering = false;
22
+ //this.el.style.height = '';
23
+ }
24
+ }
25
+ render() {
26
+ return (h(Host, null, h("div", { class: `d-box ${this.isHovering && window.innerWidth >= 1200 ? 'hovering' : ''}` }, h("div", { class: "top-image" }, h("img", { src: this.topImgSrc, alt: this.topImgAlt })), h("div", { class: "content" }, h("slot", { name: "media" }))), h("p", null, h("slot", null))));
27
+ }
28
+ get el() { return getElement(this); }
29
+ };
30
+ DynamicBoxBundle.style = dynamicBoxBundleCss;
31
+
32
+ export { DynamicBoxBundle as dynamic_box_bundle };
package/dist/esm/list-item.entry.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { r as registerInstance, h, H as Host } from './index-4afc9d28.js';
2
2
 
3
- const listItemCss = ":host(.list-primary){display:block}:host(.flush-before) li::before{content:\"\" !important}:host(.breadcrumb){display:inline-block}:host(.breadcrumb) li{position:relative;display:inline-block;color:var(--color-white);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-xxx-small);line-height:var(--ptc-line-height-densest)}:host(.breadcrumb) li::before{content:\"/\";top:0;left:0}:host(.breadcrumb) li a.item-link{color:var(--color-white);font-weight:var(--ptc-font-weight-bold) !important;font-size:var(--ptc-font-size-xxx-small) !important;line-height:var(--ptc-line-height-densest);text-decoration:underline;text-decoration-color:transparent;text-underline-offset:2px;text-decoration-thickness:1px;outline:none;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.breadcrumb) li a.item-link:hover{text-decoration:underline;text-decoration-color:var(--color-green-07);outline:none}:host(:not(.flush-before)) li::before{margin-right:2px}:host(.list-footer) li{display:inline-block;font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-regular);font-style:normal;font-stretch:normal;line-height:var(--ptc-line-height-denser);letter-spacing:normal;color:var(--color-white);margin:0 0.5rem}:host(.list-footer) li a{color:var(--color-white-grey);border-bottom:1px solid transparent;display:inline-block;text-decoration:none}:host(.list-footer) li a:hover,:host(.list-footer) li a:focus,:host(.list-footer) li a:active{text-decoration:none;border-bottom:1px solid var(--color-green-06);color:var(--color-white-grey);transition:border var(--ptc-ease-inout) var(--ptc-transition-medium)}:host(.list-footer) li a:focus{outline:3px solid var(--color-blue-07);outline-offset:2px;border-radius:var(--ptc-border-radius-standard);text-decoration:none;border-color:transparent !important}:host(.white) li{color:var(--color-white)}:host(.white) li a.item-link{color:var(--color-white)}:host(.light-gray) li{color:var(--color-gray-01)}:host(.light-gray) li a.item-link{color:var(--color-gray-01)}:host(.primary-gray) li{color:var(--color-gray-10)}:host(.primary-gray) li a.item-link{color:var(--color-gray-10)}";
3
+ const listItemCss = ":host(.list-primary){display:block}:host(.flush-before) li::before{content:\"\" !important}:host(.breadcrumb){display:inline-block}:host(.breadcrumb) li{position:relative;display:inline-block;color:var(--color-white);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-xxx-small);line-height:var(--ptc-line-height-densest)}:host(.breadcrumb) li::before{content:\"/\";top:0;left:0}:host(.breadcrumb) li a.item-link{color:var(--color-white);font-weight:var(--ptc-font-weight-bold) !important;font-size:var(--ptc-font-size-xxx-small) !important;line-height:var(--ptc-line-height-densest);text-decoration:underline;text-decoration-color:transparent;text-underline-offset:2px;text-decoration-thickness:1px;outline:none;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.breadcrumb) li a.item-link:hover{text-decoration:underline;text-decoration-color:var(--color-green-07);outline:none}:host(.list-green){display:block;margin-bottom:16px}:host(.list-green) li a{font-size:var(--ptc-font-size-xx-small);color:var(--color-gray-10);text-decoration:underline;text-decoration-thickness:1.5px;text-decoration-color:var(--color-green-04);font-weight:var(--ptc-font-weight-bold);transition:color var(--ptc-transition-medium) var(--ptc-ease-inout);line-height:var(--ptc-line-height-p);text-underline-offset:4px}:host(.list-green) li a:hover{color:var(--color-green-04)}:host(:not(.flush-before)) li::before{margin-right:2px}:host(.list-footer) li{display:inline-block;font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-regular);font-style:normal;font-stretch:normal;line-height:var(--ptc-line-height-denser);letter-spacing:normal;color:var(--color-white);margin:0 0.5rem}:host(.list-footer) li a{color:var(--color-white-grey);border-bottom:1px solid transparent;display:inline-block;text-decoration:none}:host(.list-footer) li a:hover,:host(.list-footer) li a:focus,:host(.list-footer) li a:active{text-decoration:none;border-bottom:1px solid var(--color-green-06);color:var(--color-white-grey);transition:border var(--ptc-ease-inout) var(--ptc-transition-medium)}:host(.list-footer) li a:focus{outline:3px solid var(--color-blue-07);outline-offset:2px;border-radius:var(--ptc-border-radius-standard);text-decoration:none;border-color:transparent !important}:host(.white) li{color:var(--color-white)}:host(.white) li a.item-link{color:var(--color-white)}:host(.light-gray) li{color:var(--color-gray-01)}:host(.light-gray) li a.item-link{color:var(--color-gray-01)}:host(.primary-gray) li{color:var(--color-gray-10)}:host(.primary-gray) li a.item-link{color:var(--color-gray-10)}";
4
4
 
5
5
  const ListItem = class {
6
6
  constructor(hostRef) {