@ptcwebops/ptcw-design 6.4.16-beta → 6.4.17-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.
Files changed (112) hide show
  1. package/dist/cjs/{component-4dd13907.js → component-6a178a16.js} +1 -1
  2. package/dist/cjs/innovator-toggle-container.cjs.entry.js +1 -1
  3. package/dist/cjs/loader.cjs.js +1 -1
  4. package/dist/cjs/ptc-button_5.cjs.entry.js +614 -0
  5. package/dist/cjs/ptc-card_2.cjs.entry.js +2 -2
  6. package/dist/cjs/ptc-data-lookup.cjs.entry.js +1 -1
  7. package/dist/cjs/ptc-filter-dropdown_4.cjs.entry.js +1 -1
  8. package/dist/cjs/ptc-form-checkbox_4.cjs.entry.js +2 -2
  9. package/dist/cjs/ptc-homepage-video-background.cjs.entry.js +1 -1
  10. package/dist/cjs/ptc-image-download-strip.cjs.entry.js +1 -1
  11. package/dist/cjs/ptc-nav-card.cjs.entry.js +1 -1
  12. package/dist/cjs/ptc-value-prop-card.cjs.entry.js +1 -1
  13. package/dist/cjs/ptc-white-paper.cjs.entry.js +1 -1
  14. package/dist/cjs/ptcw-design.cjs.js +1 -1
  15. package/dist/collection/components/innovator-toggle-container/innovator-toggle-container.css +4 -2
  16. package/dist/collection/components/ptc-card/ptc-card.css +15 -1
  17. package/dist/collection/components/ptc-filter-dropdown/ptc-filter-dropdown.css +1 -0
  18. package/dist/collection/components/ptc-homepage-video-background/ptc-homepage-video-background.css +2 -1
  19. package/dist/collection/components/ptc-image-download-strip/ptc-image-download-strip.css +2 -1
  20. package/dist/collection/components/ptc-nav-card/ptc-nav-card.css +5 -2
  21. package/dist/collection/components/ptc-preloader-section/ptc-preloader-section.css +2 -1
  22. package/dist/collection/components/ptc-textfield/ptc-textfield.css +1 -1
  23. package/dist/collection/components/ptc-value-prop-card/ptc-value-prop-card.css +2 -1
  24. package/dist/collection/components/ptc-white-paper/ptc-white-paper.css +2 -1
  25. package/dist/custom-elements/index.js +11 -11
  26. package/dist/esm/blog-detail-content_2.entry.js +1 -1
  27. package/dist/esm/blog-detail-layout.entry.js +1 -1
  28. package/dist/esm/blogs-search-section.entry.js +1 -1
  29. package/dist/esm/{component-9c921cc6.js → component-80f298b4.js} +1 -1
  30. package/dist/esm/homepage-jumbotron.entry.js +1 -1
  31. package/dist/esm/homepage-toggled-content.entry.js +1 -1
  32. package/dist/esm/innovator-toggle-container.entry.js +2 -2
  33. package/dist/esm/{interfaces-4caedd26.js → interfaces-7c0243be.js} +1 -1
  34. package/dist/esm/loader.js +1 -1
  35. package/dist/esm/most-popular-news.entry.js +1 -1
  36. package/dist/esm/my-component.entry.js +1 -1
  37. package/dist/esm/ptc-accordion-item.entry.js +1 -1
  38. package/dist/esm/ptc-background-video.entry.js +1 -1
  39. package/dist/esm/ptc-button_5.entry.js +606 -0
  40. package/dist/esm/ptc-card_2.entry.js +2 -2
  41. package/dist/esm/ptc-collapse-list.entry.js +1 -1
  42. package/dist/esm/ptc-data-lookup.entry.js +1 -1
  43. package/dist/esm/ptc-filter-dropdown_4.entry.js +1 -1
  44. package/dist/esm/ptc-form-checkbox_4.entry.js +3 -3
  45. package/dist/esm/ptc-homepage-image-feature.entry.js +1 -1
  46. package/dist/esm/ptc-homepage-video-background.entry.js +2 -2
  47. package/dist/esm/ptc-icon-card.entry.js +1 -1
  48. package/dist/esm/ptc-image-download-strip.entry.js +1 -1
  49. package/dist/esm/ptc-img.entry.js +1 -1
  50. package/dist/esm/ptc-link.entry.js +1 -1
  51. package/dist/esm/ptc-media-card.entry.js +1 -1
  52. package/dist/esm/ptc-nav-card.entry.js +1 -1
  53. package/dist/esm/ptc-pricing-packaging-table.entry.js +1 -1
  54. package/dist/esm/ptc-pricing-tabs.entry.js +1 -1
  55. package/dist/esm/ptc-social-icons-footer.entry.js +1 -1
  56. package/dist/esm/ptc-value-prop-card.entry.js +1 -1
  57. package/dist/esm/ptc-white-paper.entry.js +1 -1
  58. package/dist/esm/ptcw-design.js +1 -1
  59. package/dist/esm/{utils-bdd0cc16.js → utils-a64ba942.js} +1 -1
  60. package/dist/ptcw-design/{p-4c89d63d.entry.js → p-0df868d2.entry.js} +1 -1
  61. package/dist/ptcw-design/p-0f6b641c.entry.js +1 -0
  62. package/dist/ptcw-design/{p-6f9f55b3.entry.js → p-1519b36f.entry.js} +1 -1
  63. package/dist/ptcw-design/{p-1c63c812.entry.js → p-1c26f390.entry.js} +1 -1
  64. package/dist/ptcw-design/{p-53dee19b.entry.js → p-1e32a493.entry.js} +1 -1
  65. package/dist/ptcw-design/{p-c7e948b2.js → p-22cf00e7.js} +1 -1
  66. package/dist/ptcw-design/{p-502f534b.entry.js → p-2d00fefd.entry.js} +1 -1
  67. package/dist/ptcw-design/{p-ef870202.entry.js → p-3572eccc.entry.js} +1 -1
  68. package/dist/ptcw-design/{p-a4262d1f.entry.js → p-36a3eb03.entry.js} +2 -2
  69. package/dist/ptcw-design/{p-9c6cad16.entry.js → p-456c5cbb.entry.js} +1 -1
  70. package/dist/ptcw-design/{p-a4dd4e83.entry.js → p-46b47ed7.entry.js} +1 -1
  71. package/dist/ptcw-design/{p-c3b27836.entry.js → p-5cf5b9f8.entry.js} +1 -1
  72. package/dist/ptcw-design/{p-9efa8199.entry.js → p-5ec17b43.entry.js} +1 -1
  73. package/dist/ptcw-design/p-60d001c8.entry.js +1 -0
  74. package/dist/ptcw-design/{p-26e8ad2e.entry.js → p-62e3cd51.entry.js} +1 -1
  75. package/dist/ptcw-design/p-6ac4cfab.entry.js +1 -0
  76. package/dist/ptcw-design/{p-e5e1e8fb.entry.js → p-82f766d2.entry.js} +1 -1
  77. package/dist/ptcw-design/{p-3dac861d.entry.js → p-8fb48953.entry.js} +1 -1
  78. package/dist/ptcw-design/{p-9fca5392.entry.js → p-9063956c.entry.js} +1 -1
  79. package/dist/ptcw-design/{p-26b70120.entry.js → p-90f1a7af.entry.js} +1 -1
  80. package/dist/ptcw-design/{p-3cb011c9.entry.js → p-92ad78c5.entry.js} +1 -1
  81. package/dist/ptcw-design/{p-13963d40.entry.js → p-9ca635fa.entry.js} +1 -1
  82. package/dist/ptcw-design/{p-fb8584e4.entry.js → p-9ef2b1e7.entry.js} +1 -1
  83. package/dist/ptcw-design/{p-bfadd78e.entry.js → p-9fb21bdf.entry.js} +1 -1
  84. package/dist/ptcw-design/p-b79b1e09.entry.js +1 -0
  85. package/dist/ptcw-design/{p-3cfe0126.entry.js → p-c160bda4.entry.js} +1 -1
  86. package/dist/ptcw-design/{p-893cb3eb.entry.js → p-cc7d5eb7.entry.js} +1 -1
  87. package/dist/ptcw-design/{p-187ef77b.entry.js → p-df66407c.entry.js} +1 -1
  88. package/dist/ptcw-design/{p-711bcdad.js → p-ee1183b2.js} +1 -1
  89. package/dist/ptcw-design/{p-5a2ed8fb.entry.js → p-f2675bb0.entry.js} +1 -1
  90. package/dist/ptcw-design/{p-0fbdcd78.entry.js → p-ff66587b.entry.js} +1 -1
  91. package/dist/ptcw-design/ptcw-design.esm.js +1 -1
  92. package/package.json +1 -1
  93. package/readme.md +1 -1
  94. package/dist/cjs/ptc-button.cjs.entry.js +0 -117
  95. package/dist/cjs/ptc-para.cjs.entry.js +0 -139
  96. package/dist/cjs/ptc-picture.cjs.entry.js +0 -185
  97. package/dist/cjs/ptc-spacer.cjs.entry.js +0 -38
  98. package/dist/cjs/ptc-title.cjs.entry.js +0 -161
  99. package/dist/esm/ptc-button.entry.js +0 -113
  100. package/dist/esm/ptc-para.entry.js +0 -135
  101. package/dist/esm/ptc-picture.entry.js +0 -181
  102. package/dist/esm/ptc-spacer.entry.js +0 -34
  103. package/dist/esm/ptc-title.entry.js +0 -157
  104. package/dist/ptcw-design/p-0c69ea52.entry.js +0 -1
  105. package/dist/ptcw-design/p-1a853854.entry.js +0 -1
  106. package/dist/ptcw-design/p-3e4861a2.entry.js +0 -1
  107. package/dist/ptcw-design/p-4703e417.entry.js +0 -1
  108. package/dist/ptcw-design/p-7218fe2c.entry.js +0 -1
  109. package/dist/ptcw-design/p-9da57f76.entry.js +0 -1
  110. package/dist/ptcw-design/p-ad0e7843.entry.js +0 -1
  111. package/dist/ptcw-design/p-b0a16f1a.entry.js +0 -1
  112. /package/dist/ptcw-design/{p-bcab66bf.js → p-672a349f.js} +0 -0
@@ -1,135 +0,0 @@
1
- import { r as registerInstance, h, H as Host, g as getElement } from './index-c83db688.js';
2
- import { s as seoSlotReset } from './utils-bdd0cc16.js';
3
-
4
- const ptcParaCss = "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{position:relative;z-index:1}:host .tooltip-enabled{position:relative}:host(.white){color:var(--color-white)}:host(.z-1){z-index:1}:host(.z-2){z-index:2}:host(.z-3){z-index:3}:host(.z-99){z-index:99}:host(.z-999){z-index:999}:host(.z-auto){z-index:auto}p.default{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;}p.main{text-shadow:0 3px 6px var(--color-white);line-height:var(--ptc-line-height-dense);color:var(--color-gray-10)}p.primary-grey{color:var(--color-gray-10)}p.primary-green{color:var(--color-green-06)}p.gray-darker{color:var(--color-gray-11)}p.white{color:var(--color-white)}p.xxx-small{font-size:var(--ptc-font-size-xxx-small)}p.xx-small{font-size:var(--ptc-font-size-xx-small)}p.x-small{font-size:var(--ptc-font-size-x-small)}p.small{font-size:var(--ptc-font-size-small)}p.medium{font-size:var(--ptc-font-size-medium)}p.large{font-size:var(--ptc-font-size-large)}p.x-large{font-size:var(--ptc-font-size-x-large)}p.xx-large{font-size:var(--ptc-font-size-xx-large)}p.xxx-large{font-size:var(--ptc-font-size-xxx-large)}p.xxxx-large{font-size:var(--ptc-font-size-xxxx-large)}p.htmlquote-para{font-size:var(--ptc-font-size-small)}@media only screen and (min-width: 992px){p.htmlquote-para{font-size:var(--ptc-font-size-large)}}p.w-3{font-weight:var(--ptc-font-weight-thin)}p.w-4{font-weight:var(--ptc-font-weight-regular)}p.w-5{font-weight:var(--ptc-font-weight-medium)}p.w-6{font-weight:var(--ptc-font-weight-semibold)}p.w-7{font-weight:var(--ptc-font-weight-bold)}p.w-8{font-weight:var(--ptc-font-weight-extrabold)}p.w-8 ::slotted(a){font-weight:var(--ptc-font-weight-extrabold) !important}p.w-9{font-weight:var(--ptc-font-weight-black)}p.w-9 ::slotted(a){font-weight:var(--ptc-font-weight-black) !important}p.margin-flush{margin-top:0;margin-bottom:0}p.margin-top-1{margin-top:var(--ptc-element-spacing-01);margin-bottom:0}p.margin-top-2{margin-top:var(--ptc-element-spacing-02);margin-bottom:0}p.margin-top-3{margin-top:var(--ptc-element-spacing-03);margin-bottom:0}p.margin-top-4{margin-top:var(--ptc-element-spacing-04);margin-bottom:0}p.margin-top-5{margin-top:var(--ptc-element-spacing-05);margin-bottom:0}p.margin-top-6{margin-top:var(--ptc-element-spacing-06);margin-bottom:0}p.margin-bottom-1{margin-bottom:var(--ptc-element-spacing-01);margin-top:0}p.margin-bottom-2{margin-bottom:var(--ptc-element-spacing-02);margin-top:0}p.margin-bottom-3{margin-bottom:var(--ptc-element-spacing-03);margin-top:0}p.margin-bottom-4{margin-bottom:var(--ptc-element-spacing-04);margin-top:0}p.margin-bottom-5{margin-bottom:var(--ptc-element-spacing-05);margin-top:0}p.margin-bottom-6{margin-bottom:var(--ptc-element-spacing-06);margin-top:0}p.margin-1{margin-top:var(--ptc-element-spacing-01);margin-bottom:var(--ptc-element-spacing-01)}p.margin-2{margin-top:var(--ptc-element-spacing-02);margin-bottom:var(--ptc-element-spacing-02)}p.margin-3{margin-top:var(--ptc-element-spacing-03);margin-bottom:var(--ptc-element-spacing-03)}p.margin-4{margin-top:var(--ptc-element-spacing-04);margin-bottom:var(--ptc-element-spacing-04)}p.margin-5{margin-top:var(--ptc-element-spacing-05);margin-bottom:var(--ptc-element-spacing-05)}p.margin-6{margin-top:var(--ptc-element-spacing-06);margin-bottom:var(--ptc-element-spacing-06)}p.line-height-densest{line-height:var(--ptc-line-height-densest)}p.line-height-denser{line-height:var(--ptc-line-height-denser)}p.line-height-p{line-height:var(--ptc-line-height-p)}p.line-height-dense{line-height:var(--ptc-line-height-dense)}p.line-height-normal{line-height:var(--ptc-line-height-normal)}p.line-height-loose{line-height:var(--ptc-line-height-loose)}p.line-height-looser{line-height:var(--ptc-line-height-looser)}p.left{text-align:left}p.right{text-align:right}p.center{text-align:center}p.justify{text-align:justify}p.right-768above{text-align:left}@media (min-width: 768px){p.right-768above{text-align:right}}p.announcement{text-transform:uppercase;font-size:var(--ptc-font-size-small);color:var(--color-gray-07);line-height:var(--ptc-line-height-looser);letter-spacing:var(--ptc-letter-spacing-loose)}p.ellipsis-boxing{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;overflow-wrap:break-word}p.line-clamp-title{display:-webkit-box !important;-webkit-box-orient:vertical;overflow:hidden}@media (max-width: 768px){:host(.hide-tooltip-on-mobile) .line-clamp-title{-webkit-line-clamp:initial !important}}";
5
-
6
- const PtcPara = class {
7
- constructor(hostRef) {
8
- registerInstance(this, hostRef);
9
- this.fontSize = "x-small";
10
- this.fontWeight = "w-4";
11
- this.paraStyle = "default";
12
- this.paraColor = "primary-grey";
13
- this.paraLineH = "line-height-normal";
14
- this.paraMargin = undefined;
15
- this.paraAlign = undefined;
16
- this.ellipsisLineCutoff = undefined;
17
- this.paraZIndex = undefined;
18
- this.styles = undefined;
19
- this.seoCompatibilityMode = false;
20
- this.tooltipZIndex = "auto";
21
- this.tooltipPosition = "bottom";
22
- this.tooltipTheme = "standard";
23
- this.enableTooltip = false;
24
- this.maxChars = undefined;
25
- this.maxLines = undefined;
26
- this.hideTooltipOnMobile = false;
27
- this.ismob = undefined;
28
- this.noOverflow = false;
29
- this.tooltipWidth = "default";
30
- }
31
- // Tooltip Properties ends
32
- render() {
33
- if (this.seoCompatibilityMode) {
34
- seoSlotReset(this.el);
35
- }
36
- return this.standardRender();
37
- }
38
- //tooltip code
39
- getSortedText(content) {
40
- if (!this.enableTooltip)
41
- return;
42
- const trimmedContent = content.trim();
43
- const shouldTruncate = trimmedContent.length > this.maxChars && !this.maxLines;
44
- return shouldTruncate
45
- ? `${trimmedContent.slice(0, this.maxChars).trimEnd()}\u00A0\u2026`
46
- : trimmedContent;
47
- }
48
- componentDidLoad() {
49
- if (this.hideTooltipOnMobile) {
50
- this.el.classList.add("hide-tooltip-on-mobile");
51
- }
52
- this.el.addEventListener("mouseenter", () => {
53
- this.toggleTitleTooltip(true);
54
- });
55
- this.el.addEventListener("mouseleave", () => {
56
- this.toggleTitleTooltip(false);
57
- });
58
- if (this.enableTooltip) {
59
- let paraContent = this.el.innerText || this.el.textContent;
60
- this.tooltipText = paraContent.trim();
61
- this.el.innerText = this.getSortedText(paraContent);
62
- }
63
- }
64
- toggleTitleTooltip(show) {
65
- const tooltipClass = "tooltip-box";
66
- const existingTooltip = this.el.querySelector(`.${tooltipClass}`);
67
- const text = this.el.shadowRoot.querySelectorAll(".line-clamp-title");
68
- let maxLinesShowCheck = false;
69
- if (text) {
70
- text.forEach((t) => {
71
- maxLinesShowCheck = t.scrollHeight > t.clientHeight;
72
- });
73
- }
74
- const ifCharExceeds = this.maxChars
75
- ? this.tooltipText.length > this.maxChars && !this.maxLines
76
- : false;
77
- const ifLinesExceeds = this.maxLines && maxLinesShowCheck;
78
- if (show && this.enableTooltip) {
79
- if (((!existingTooltip && ifCharExceeds) ||
80
- (!existingTooltip && ifLinesExceeds)) &&
81
- !this.noOverflow) {
82
- const tooltipMarkup = document.createElement("div");
83
- tooltipMarkup.className = tooltipClass;
84
- tooltipMarkup.innerText = this.tooltipText;
85
- tooltipMarkup.style.zIndex = String(this.tooltipZIndex); // Ensures zIndex is a string
86
- tooltipMarkup.classList.add(this.tooltipPosition, this.tooltipTheme, this.tooltipWidth);
87
- if (this.hideTooltipOnMobile) {
88
- tooltipMarkup.classList.add("hide-tooltip-mobile");
89
- }
90
- this.el.appendChild(tooltipMarkup);
91
- }
92
- }
93
- else {
94
- existingTooltip === null || existingTooltip === void 0 ? void 0 : existingTooltip.remove();
95
- }
96
- }
97
- //tooltip code ends
98
- standardRender() {
99
- const classMap = this.getCssClassMap();
100
- const colorClass = this.addWhiteClass();
101
- const cutOff = this.getLineCuttoff();
102
- return (h(Host, { class: `${colorClass} ${this.paraZIndex} trunc-text` }, this.styles && h("style", null, this.styles), h("p", { class: classMap, part: "part-para", style: cutOff }, h("slot", null))));
103
- }
104
- getCssClassMap() {
105
- return {
106
- [this.fontSize]: true,
107
- [this.fontWeight]: true,
108
- [this.paraStyle]: true,
109
- [this.paraMargin]: !!this.paraMargin ? true : false,
110
- [this.paraColor]: true,
111
- [this.paraLineH]: true,
112
- [this.paraAlign]: !!this.paraAlign ? true : false,
113
- ["ellipsis-boxing"]: this.ellipsisLineCutoff && this.ellipsisLineCutoff > 0,
114
- ["line-clamp-title"]: this.maxLines && this.maxLines > 0, //tooltip code,
115
- };
116
- }
117
- //WEB-2392
118
- addWhiteClass() {
119
- if (this.paraColor == "white") {
120
- return {
121
- [this.paraColor]: true,
122
- };
123
- }
124
- }
125
- getLineCuttoff() {
126
- const lineClamp = this.ellipsisLineCutoff > 0
127
- ? this.ellipsisLineCutoff
128
- : this.maxLines;
129
- return lineClamp > 0 ? { "-webkit-line-clamp": `${lineClamp}` } : {};
130
- }
131
- get el() { return getElement(this); }
132
- };
133
- PtcPara.style = ptcParaCss;
134
-
135
- export { PtcPara as ptc_para };
@@ -1,181 +0,0 @@
1
- import { r as registerInstance, h, H as Host, g as getElement } from './index-c83db688.js';
2
- import { a as ResponsivePictureVariables } from './interfaces-4caedd26.js';
3
-
4
- const ptcPictureCss = "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;overflow:hidden}:host .inline{display:inline}:host .inline-block{display:inline-block}:host .block{display:block}:host(.relative){position:relative}:host(.static){position:static}:host(.absoltue){position:absolute}img{max-width:100%}.cover{-o-object-fit:cover;object-fit:cover}.fill{-o-object-fit:fill;object-fit:fill}.contain{-o-object-fit:contain;object-fit:contain}.scale-down{-o-object-fit:scale-down;object-fit:scale-down}.none{-o-object-fit:none;object-fit:none}.initial{-o-object-fit:initial;object-fit:initial}.inherit{-o-object-fit:inherit;object-fit:inherit}.radius-standard{border-radius:var(--ptc-border-radius-standard)}.radius-large{border-radius:var(--ptc-border-radius-large)}.radius-pill{border-radius:var(--ptc-border-radius-pill)}.radius-circle{border-radius:var(--ptc-border-radius-circle)}.is-full-height{height:100%}.is-full-width{width:100%}:host(.left){text-align:left}:host(.right){text-align:right}:host(.center){text-align:center}";
5
-
6
- const PtcPicture = class {
7
- constructor(hostRef) {
8
- registerInstance(this, hostRef);
9
- this.src = undefined;
10
- this.alt = "image";
11
- this.sizeXs = "510x340";
12
- this.sizeSm = "1240x496";
13
- this.sizeMd = "1366x500";
14
- this.sizeLg = "1920x1080";
15
- this.disableResize = false;
16
- this.oldSrc = undefined;
17
- this.imagePosition = "static";
18
- this.borderRadius = undefined;
19
- this.height = undefined;
20
- this.width = undefined;
21
- this.objectFit = "cover";
22
- this.isFullHeight = false;
23
- this.isFullWidth = false;
24
- this.styles = undefined;
25
- this.imageAlignment = "left";
26
- this.maxWidth = undefined;
27
- this.displayImage = "block";
28
- }
29
- WindowResize() {
30
- this.addIntersectionObserver();
31
- }
32
- componentWillLoad() {
33
- if (this.disableResize) {
34
- this.sizeXs = undefined;
35
- this.sizeSm = undefined;
36
- this.sizeMd = undefined;
37
- this.sizeLg = undefined;
38
- }
39
- }
40
- componentDidLoad() {
41
- this.addIntersectionObserver();
42
- }
43
- componentWillUpdate() {
44
- if (this.src !== this.oldSrc) {
45
- this.addIntersectionObserver();
46
- }
47
- this.oldSrc = this.src;
48
- }
49
- //lazy-loading
50
- addIntersectionObserver() {
51
- if (!this.src) {
52
- return;
53
- }
54
- if ("IntersectionObserver" in window) {
55
- let lazyLoadImages = new IntersectionObserver((entries) => {
56
- entries.forEach((entry) => {
57
- if (entry.isIntersecting) {
58
- const image = this.el.shadowRoot.querySelector("img");
59
- image.src = this.setResponsiveBg();
60
- lazyLoadImages.unobserve(image);
61
- }
62
- });
63
- });
64
- let tempImg = this.el.shadowRoot.querySelector("img");
65
- if (tempImg) {
66
- lazyLoadImages.observe(tempImg);
67
- }
68
- this.observer = lazyLoadImages;
69
- }
70
- else {
71
- // fall back to setTimeout for Safari and IE
72
- setTimeout(() => {
73
- const image = this.el.shadowRoot.querySelector("img");
74
- image.src = this.setResponsiveBg();
75
- image.onload = () => {
76
- image.removeAttribute("data-src");
77
- };
78
- }, 5000);
79
- }
80
- }
81
- //responsive image
82
- setResponsiveBg() {
83
- // Define local variables
84
- let backgrounds = (this.el.shadowRoot || document).querySelectorAll("img"), el, elData, currentBreakpoint = this.getCurrentBreakPoints();
85
- for (var i = 0, len = backgrounds.length; i < len; i++) {
86
- // Set current variables
87
- el = backgrounds[i];
88
- elData = el.getAttribute("data-" + currentBreakpoint);
89
- if (elData !== null) {
90
- return elData;
91
- }
92
- else {
93
- if (typeof console == "object") {
94
- console.warn("Data attribute: data-" +
95
- currentBreakpoint +
96
- " not found on element:\n\n" +
97
- el.outerHTML +
98
- "\n\n\n");
99
- }
100
- }
101
- }
102
- }
103
- //manually load image
104
- async LoadImage() {
105
- const image = this.el.shadowRoot.querySelector("img");
106
- if (!image) {
107
- return;
108
- }
109
- if (!image.src) {
110
- image.src = this.setResponsiveBg();
111
- image.onload = () => {
112
- image.removeAttribute("data-src");
113
- };
114
- }
115
- if (this.observer) {
116
- this.observer.unobserve(image);
117
- }
118
- }
119
- render() {
120
- const classMap = this.getCssClassMap();
121
- const classMapHost = this.getCssClassMapHost();
122
- return (h(Host, { class: classMapHost }, this.styles && h("style", null, this.styles), h("img", Object.assign({ class: classMap, "data-xs": !!this.sizeXs ? `${this.src}` : `${this.src}`, "data-sm": !!this.sizeSm ? `${this.src}` : `${this.src}`, "data-md": !!this.sizeMd ? `${this.src}` : `${this.src}`, "data-lg": !!this.sizeLg ? `${this.src}` : `${this.src}` }, (!!this.width ? { width: this.width } : {}), (!!this.height ? { height: this.height } : {}), { alt: this.alt, style: Object.assign({}, (!!this.maxWidth
123
- ? { maxWidth: this.maxWidth + "px" }
124
- : {})) })), h("slot", null)));
125
- }
126
- getCurrentBreakPoints() {
127
- // Define local variables
128
- let doc = window.document, temp = doc.createElement("div"), env;
129
- // Append test node
130
- doc.body.appendChild(temp);
131
- // Loop through breakpoints
132
- for (let i = ResponsivePictureVariables.envs.length - 1; i >= 0; i--) {
133
- env = ResponsivePictureVariables.envs[i];
134
- // Add classes
135
- temp.className = "hidden-" + env;
136
- // Found breakpoint
137
- if (temp.offsetParent === null) {
138
- // Remove our test node
139
- doc.body.removeChild(temp);
140
- // Return current breakpoint
141
- return env;
142
- }
143
- }
144
- // Breakpoint not found, try fallback
145
- doc.body.removeChild(temp);
146
- return this.getFallbackBreakpoint();
147
- }
148
- getFallbackBreakpoint() {
149
- if (window.matchMedia("(min-width: 992px)").matches) {
150
- return "lg";
151
- }
152
- else if (window.matchMedia("(min-width: 768px)").matches) {
153
- return "md";
154
- }
155
- else if (window.matchMedia("(min-width: 576px)").matches) {
156
- return "sm";
157
- }
158
- else {
159
- return "xs";
160
- }
161
- }
162
- getCssClassMap() {
163
- return {
164
- [this.borderRadius]: this.borderRadius ? true : false,
165
- [this.objectFit]: true,
166
- [this.isFullHeight ? "is-full-height" : "is-normal-height"]: true,
167
- [this.isFullWidth ? "is-full-width" : "is-normal-width"]: true,
168
- [this.displayImage]: true,
169
- };
170
- }
171
- getCssClassMapHost() {
172
- return {
173
- [this.imagePosition]: true,
174
- [this.imageAlignment]: true,
175
- };
176
- }
177
- get el() { return getElement(this); }
178
- };
179
- PtcPicture.style = ptcPictureCss;
180
-
181
- export { PtcPicture as ptc_picture };
@@ -1,34 +0,0 @@
1
- import { r as registerInstance, h, H as Host } from './index-c83db688.js';
2
-
3
- const ptcSpacerCss = ":host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:relative;display:block;width:12px;min-width:12px;height:12px}@media (min-width: 36em){:host{width:16px;min-width:16px;height:16px}}:host(.ptc-spacer-horizontal){display:inline-block;height:100% !important}:host(.ptc-spacer-horizontal.xx-small){width:4px;min-width:4px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.xx-small){width:4px;min-width:4px}}:host(.ptc-spacer-horizontal.x-small){width:4px;min-width:4px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.x-small){width:8px;min-width:8px}}:host(.ptc-spacer-horizontal.small){width:8px;min-width:8px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.small){width:12px;min-width:12px}}:host(.ptc-spacer-horizontal.medium){height:100%}:host(.ptc-spacer-horizontal.large){width:16px;min-width:16px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.large){width:20px;min-width:20px}}:host(.ptc-spacer-horizontal.x-large){width:20px;min-width:20px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.x-large){width:28px;min-width:28px}}:host(.ptc-spacer-horizontal.xx-large){width:28px;min-width:28px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.xx-large){width:36px;min-width:36px}}:host(.ptc-spacer-horizontal.xxx-large){width:36px;min-width:36px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.xxx-large){width:48px;min-width:48px}}:host(.ptc-spacer-horizontal.xxxx-large){width:48px;min-width:48px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.xxxx-large){width:72px;min-width:72px}}:host(.ptc-spacer-vertical.xx-small){width:100%;height:4px;min-height:4px}:host(.ptc-spacer-vertical.x-small){width:100%;height:4px;min-height:4px}@media (min-width: 36em){:host(.ptc-spacer-vertical.x-small){height:8px;min-height:8px}}:host(.ptc-spacer-vertical.small){width:100%;height:8px;min-height:8px}@media (min-width: 36em){:host(.ptc-spacer-vertical.small){height:12px;min-height:12px}}:host(.ptc-spacer-vertical.medium){width:100%}:host(.ptc-spacer-vertical.large){width:100%;height:16px;min-height:16px}@media (min-width: 36em){:host(.ptc-spacer-vertical.large){height:20px;min-height:20px}}:host(.ptc-spacer-vertical.x-large){width:100%;height:20px;min-height:20px}@media (min-width: 36em){:host(.ptc-spacer-vertical.x-large){height:28px;min-height:28px}}:host(.ptc-spacer-vertical.xx-large){width:100%;height:28px;min-height:28px}@media (min-width: 36em){:host(.ptc-spacer-vertical.xx-large){height:36px;min-height:36px}}:host(.ptc-spacer-vertical.xxx-large){width:100%;height:36px;min-height:36px}@media (min-width: 36em){:host(.ptc-spacer-vertical.xxx-large){height:48px;min-height:48px}}:host(.ptc-spacer-vertical.xxxx-large){width:100%;height:48px;min-height:48px}@media (min-width: 36em){:host(.ptc-spacer-vertical.xxxx-large){height:72px;min-height:72px}}:host(.ptc-spacer-vertical.space-144){width:100%;height:144px;min-height:144px}:host(.ptc-spacer-vertical.space-120){width:100%;height:120px;min-height:120px}:host(.ptc-spacer-vertical.space-128){width:100%;height:128px;min-height:128px}:host(.ptc-spacer-xx-small){display:none}@media (max-width: 22.5em){:host(.ptc-spacer-xx-small){display:block}}:host(.ptc-spacer-x-small){display:none}@media (max-width: 35.99em){:host(.ptc-spacer-x-small){display:block}}:host(.ptc-spacer-small){display:none}@media (min-width: 36em){:host(.ptc-spacer-small){display:block}}:host(.ptc-spacer-medium){display:none}@media (min-width: 48em){:host(.ptc-spacer-medium){display:block}}:host(.ptc-spacer-large){display:none}@media (min-width: 62em){:host(.ptc-spacer-large){display:block}}:host(.ptc-spacer-x-large){display:none}@media (min-width: 64.0625em){:host(.ptc-spacer-x-large){display:block}}:host(.ptc-spacer-xx-large){display:none}@media (min-width: 75em){:host(.ptc-spacer-xx-large){display:block}}:host(.ptc-spacer-xxx-large){display:none}@media (min-width: 90em){:host(.ptc-spacer-xxx-large){display:block}}";
4
-
5
- const PtcSpacer = class {
6
- constructor(hostRef) {
7
- registerInstance(this, hostRef);
8
- this.breakpoint = "";
9
- this.size = "medium";
10
- this.direction = "vertical";
11
- }
12
- render() {
13
- const classMap = this.getCssClassMap();
14
- return h(Host, { class: classMap });
15
- }
16
- getCssClassMap() {
17
- return {
18
- [this.size]: true,
19
- ["ptc-spacer-horizontal"]: this.direction === "horizontal",
20
- ["ptc-spacer-vertical"]: this.direction === "vertical",
21
- ["ptc-spacer-xx-small"]: this.breakpoint === "xx-small",
22
- ["ptc-spacer-x-small"]: this.breakpoint === "x-small",
23
- ["ptc-spacer-small"]: this.breakpoint === "small",
24
- ["ptc-spacer-medium"]: this.breakpoint === "medium",
25
- ["ptc-spacer-large"]: this.breakpoint === "large",
26
- ["ptc-spacer-x-large"]: this.breakpoint === "x-large",
27
- ["ptc-spacer-xx-large"]: this.breakpoint === "xx-large",
28
- ["ptc-spacer-xxx-large"]: this.breakpoint === "xxx-large",
29
- };
30
- }
31
- };
32
- PtcSpacer.style = ptcSpacerCss;
33
-
34
- export { PtcSpacer as ptc_spacer };
@@ -1,157 +0,0 @@
1
- import { r as registerInstance, h, H as Host, g as getElement } from './index-c83db688.js';
2
- import { j as getSeoTagType } from './utils-bdd0cc16.js';
3
-
4
- const ptcTitleCss = "h1.sc-ptc-title,h2.sc-ptc-title,h3.sc-ptc-title,h4.sc-ptc-title,h5.sc-ptc-title,h6.sc-ptc-title,p.sc-ptc-title,ul.sc-ptc-title,li.sc-ptc-title,ptc-subnav.sc-ptc-title,ptc-tab-list.sc-ptc-title,ptc-link.sc-ptc-title,ptc-square-card.sc-ptc-title,.hyphenate-text.sc-ptc-title,ptc-footer.sc-ptc-title{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1.sc-ptc-title,h2.sc-ptc-title,h3.sc-ptc-title,h4.sc-ptc-title,h5.sc-ptc-title,h6.sc-ptc-title,p.sc-ptc-title,ul.sc-ptc-title,li.sc-ptc-title,ptc-subnav.sc-ptc-title,ptc-tab-list.sc-ptc-title,ptc-link.sc-ptc-title,ptc-square-card.sc-ptc-title,.hyphenate-text.sc-ptc-title,ptc-footer.sc-ptc-title{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}}div.center.sc-ptc-title{text-align:center}div.center.dotted.sc-ptc-title h1.sc-ptc-title::before,div.center.dotted.sc-ptc-title h2.sc-ptc-title::before,div.center.dotted.sc-ptc-title h3.sc-ptc-title::before,div.center.dotted.sc-ptc-title h4.sc-ptc-title::before,div.center.dotted.sc-ptc-title h5.sc-ptc-title::before,div.center.dotted.sc-ptc-title h6.sc-ptc-title::before{left:50%;transform:translateX(-50%)}div.left.sc-ptc-title{text-align:left;width:100%}div.left.dotted.sc-ptc-title h1.sc-ptc-title::before,div.left.dotted.sc-ptc-title h2.sc-ptc-title::before,div.left.dotted.sc-ptc-title h3.sc-ptc-title::before,div.left.dotted.sc-ptc-title h4.sc-ptc-title::before,div.left.dotted.sc-ptc-title h5.sc-ptc-title::before,div.left.dotted.sc-ptc-title h6.sc-ptc-title::before{left:0%}div.right.sc-ptc-title{text-align:right}div.right.dotted.sc-ptc-title h1.sc-ptc-title::before,div.right.dotted.sc-ptc-title h2.sc-ptc-title::before,div.right.dotted.sc-ptc-title h3.sc-ptc-title::before,div.right.dotted.sc-ptc-title h4.sc-ptc-title::before,div.right.dotted.sc-ptc-title h5.sc-ptc-title::before,div.right.dotted.sc-ptc-title h6.sc-ptc-title::before{right:0%}div.inherit.sc-ptc-title{text-align:inherit}div.dotted.sc-ptc-title h1.sc-ptc-title::before,div.dotted.sc-ptc-title h2.sc-ptc-title::before,div.dotted.sc-ptc-title h3.sc-ptc-title::before,div.dotted.sc-ptc-title h4.sc-ptc-title::before,div.dotted.sc-ptc-title h5.sc-ptc-title::before,div.dotted.sc-ptc-title h6.sc-ptc-title::before{content:\"\";position:absolute;top:-6px;width:30%;display:block;border-top:3px dashed var(--color-green-07)}div.solid.sc-ptc-title h1.sc-ptc-title,div.solid.sc-ptc-title h2.sc-ptc-title,div.solid.sc-ptc-title h3.sc-ptc-title,div.solid.sc-ptc-title h4.sc-ptc-title,div.solid.sc-ptc-title h5.sc-ptc-title,div.solid.sc-ptc-title h6.sc-ptc-title{padding-top:12px}div.solid.sc-ptc-title h1.sc-ptc-title::before,div.solid.sc-ptc-title h2.sc-ptc-title::before,div.solid.sc-ptc-title h3.sc-ptc-title::before,div.solid.sc-ptc-title h4.sc-ptc-title::before,div.solid.sc-ptc-title h5.sc-ptc-title::before,div.solid.sc-ptc-title h6.sc-ptc-title::before{content:\"\";position:absolute;width:100%;height:0.7px;background-color:var(--color-gray-03);opacity:0.9;left:0px;top:0}div.solid.sc-ptc-title h1.sc-ptc-title::after,div.solid.sc-ptc-title h2.sc-ptc-title::after,div.solid.sc-ptc-title h3.sc-ptc-title::after,div.solid.sc-ptc-title h4.sc-ptc-title::after,div.solid.sc-ptc-title h5.sc-ptc-title::after,div.solid.sc-ptc-title h6.sc-ptc-title::after{content:\"\";position:absolute;width:56px;height:2px;background-color:var(--color-green-07);top:-2px;left:0px}div.is-standard.sc-ptc-title h1.sc-ptc-title,div.is-standard.sc-ptc-title h2.sc-ptc-title,div.is-standard.sc-ptc-title h3.sc-ptc-title,div.is-standard.sc-ptc-title h4.sc-ptc-title,div.is-standard.sc-ptc-title h5.sc-ptc-title,div.is-standard.sc-ptc-title h6.sc-ptc-title{display:inline-block;position:relative}div.is-standard.sc-ptc-title h1.sc-ptc-title{font-size:var(--ptc-font-size-xxx-large);line-height:var(--ptc-line-height-densest);font-weight:var(--ptc-font-weight-extrabold);letter-spacing:0px;color:var(--color-gray-10)}@media only screen and (min-width: 768px){div.is-standard.sc-ptc-title h1.sc-ptc-title{font-size:var(--ptc-font-size-xxxx-large)}}div.is-standard.sc-ptc-title h2.sc-ptc-title{font-size:var(--ptc-font-size-x-large);line-height:var(--ptc-line-height-densest);font-weight:var(--ptc-font-weight-extrabold);color:var(--color-gray-10)}@media only screen and (min-width: 768px){div.is-standard.sc-ptc-title h2.sc-ptc-title{font-size:var(--ptc-font-size-xx-large)}}div.is-plm-hub.sc-ptc-title h1.sc-ptc-title,div.is-plm-hub.sc-ptc-title h2.sc-ptc-title,div.is-plm-hub.sc-ptc-title h3.sc-ptc-title,div.is-plm-hub.sc-ptc-title h4.sc-ptc-title,div.is-plm-hub.sc-ptc-title h5.sc-ptc-title,div.is-plm-hub.sc-ptc-title h6.sc-ptc-title{display:inline-block;position:relative;margin-block-start:0em;margin-block-end:0em;margin-inline-start:0px;margin-inline-end:0px;color:var(--color-white) !important}div.margin-flush.sc-ptc-title{margin-top:0;margin-bottom:0}div.margin-flush.sc-ptc-title h1.sc-ptc-title,div.margin-flush.sc-ptc-title h2.sc-ptc-title,div.margin-flush.sc-ptc-title h3.sc-ptc-title,div.margin-flush.sc-ptc-title h4.sc-ptc-title,div.margin-flush.sc-ptc-title h5.sc-ptc-title{margin-top:0;margin-bottom:0}div.margin-top-2.sc-ptc-title{margin-top:var(--ptc-element-spacing-02);margin-bottom:0}div.margin-top-3.sc-ptc-title{margin-top:var(--ptc-element-spacing-03);margin-bottom:0}div.margin-top-4.sc-ptc-title{margin-top:var(--ptc-element-spacing-04);margin-bottom:0}div.margin-top-5.sc-ptc-title{margin-top:var(--ptc-element-spacing-05);margin-bottom:0}div.margin-top-6.sc-ptc-title{margin-top:var(--ptc-element-spacing-06);margin-bottom:0}div.margin-bottom-2.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-02);margin-top:0}div.margin-bottom-3.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-03);margin-top:0}div.margin-bottom-4.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-04);margin-top:0}div.margin-bottom-5.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-05);margin-top:0}div.margin-bottom-6.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-06);margin-top:0}div.margin-2.sc-ptc-title{margin-top:var(--ptc-element-spacing-02);margin-bottom:var(--ptc-element-spacing-02)}div.margin-3.sc-ptc-title{margin-top:var(--ptc-element-spacing-03);margin-bottom:var(--ptc-element-spacing-03)}div.margin-4.sc-ptc-title{margin-top:var(--ptc-element-spacing-04);margin-bottom:var(--ptc-element-spacing-04)}div.margin-5.sc-ptc-title{margin-top:var(--ptc-element-spacing-05);margin-bottom:var(--ptc-element-spacing-05)}div.margin-5.sc-ptc-title h4.sc-ptc-title{margin-top:0;margin-bottom:0}div.margin-6.sc-ptc-title{margin-top:var(--ptc-element-spacing-06);margin-bottom:var(--ptc-element-spacing-06)}div.margin-9.sc-ptc-title{margin-top:var(--ptc-element-spacing-09);margin-bottom:var(--ptc-element-spacing-09)}div.green.sc-ptc-title h1.sc-ptc-title,div.green.sc-ptc-title h2.sc-ptc-title,div.green.sc-ptc-title h3.sc-ptc-title,div.green.sc-ptc-title h4.sc-ptc-title,div.green.sc-ptc-title h5.sc-ptc-title,div.green.sc-ptc-title h6.sc-ptc-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-green-07)}div.blue.sc-ptc-title h1.sc-ptc-title,div.blue.sc-ptc-title h2.sc-ptc-title,div.blue.sc-ptc-title h3.sc-ptc-title,div.blue.sc-ptc-title h4.sc-ptc-title,div.blue.sc-ptc-title h5.sc-ptc-title,div.blue.sc-ptc-title h6.sc-ptc-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-blue-07)}div.red.sc-ptc-title h1.sc-ptc-title,div.red.sc-ptc-title h2.sc-ptc-title,div.red.sc-ptc-title h3.sc-ptc-title,div.red.sc-ptc-title h4.sc-ptc-title,div.red.sc-ptc-title h5.sc-ptc-title,div.red.sc-ptc-title h6.sc-ptc-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-red-07)}div.orange.sc-ptc-title h1.sc-ptc-title,div.orange.sc-ptc-title h2.sc-ptc-title,div.orange.sc-ptc-title h3.sc-ptc-title,div.orange.sc-ptc-title h4.sc-ptc-title,div.orange.sc-ptc-title h5.sc-ptc-title,div.orange.sc-ptc-title h6.sc-ptc-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-orange-07)}div.slate-grey.sc-ptc-title h1.sc-ptc-title,div.slate-grey.sc-ptc-title h2.sc-ptc-title,div.slate-grey.sc-ptc-title h3.sc-ptc-title,div.slate-grey.sc-ptc-title h4.sc-ptc-title,div.slate-grey.sc-ptc-title h5.sc-ptc-title,div.slate-grey.sc-ptc-title h6.sc-ptc-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-gray-07)}div.w-3.sc-ptc-title h1.sc-ptc-title,div.w-3.sc-ptc-title h2.sc-ptc-title,div.w-3.sc-ptc-title h3.sc-ptc-title,div.w-3.sc-ptc-title h4.sc-ptc-title,div.w-3.sc-ptc-title h5.sc-ptc-title,div.w-3.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-thin)}div.w-4.sc-ptc-title h1.sc-ptc-title,div.w-4.sc-ptc-title h2.sc-ptc-title,div.w-4.sc-ptc-title h3.sc-ptc-title,div.w-4.sc-ptc-title h4.sc-ptc-title,div.w-4.sc-ptc-title h5.sc-ptc-title,div.w-4.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-regular)}div.w-5.sc-ptc-title h1.sc-ptc-title,div.w-5.sc-ptc-title h2.sc-ptc-title,div.w-5.sc-ptc-title h3.sc-ptc-title,div.w-5.sc-ptc-title h4.sc-ptc-title,div.w-5.sc-ptc-title h5.sc-ptc-title,div.w-5.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-medium)}div.w-6.sc-ptc-title h1.sc-ptc-title,div.w-6.sc-ptc-title h2.sc-ptc-title,div.w-6.sc-ptc-title h3.sc-ptc-title,div.w-6.sc-ptc-title h4.sc-ptc-title,div.w-6.sc-ptc-title h5.sc-ptc-title,div.w-6.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-semibold)}div.w-7.sc-ptc-title h1.sc-ptc-title,div.w-7.sc-ptc-title h2.sc-ptc-title,div.w-7.sc-ptc-title h3.sc-ptc-title,div.w-7.sc-ptc-title h4.sc-ptc-title,div.w-7.sc-ptc-title h5.sc-ptc-title,div.w-7.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-bold)}div.w-8.sc-ptc-title h1.sc-ptc-title,div.w-8.sc-ptc-title h2.sc-ptc-title,div.w-8.sc-ptc-title h3.sc-ptc-title,div.w-8.sc-ptc-title h4.sc-ptc-title,div.w-8.sc-ptc-title h5.sc-ptc-title,div.w-8.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-extrabold)}div.w-9.sc-ptc-title h1.sc-ptc-title,div.w-9.sc-ptc-title h2.sc-ptc-title,div.w-9.sc-ptc-title h3.sc-ptc-title,div.w-9.sc-ptc-title h4.sc-ptc-title,div.w-9.sc-ptc-title h5.sc-ptc-title,div.w-9.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-black)}div.xx-small.sc-ptc-title h1.sc-ptc-title,div.xx-small.sc-ptc-title h2.sc-ptc-title,div.xx-small.sc-ptc-title h3.sc-ptc-title,div.xx-small.sc-ptc-title h4.sc-ptc-title,div.xx-small.sc-ptc-title h5.sc-ptc-title,div.xx-small.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xx-small)}div.x-small.sc-ptc-title h1.sc-ptc-title,div.x-small.sc-ptc-title h2.sc-ptc-title,div.x-small.sc-ptc-title h3.sc-ptc-title,div.x-small.sc-ptc-title h4.sc-ptc-title,div.x-small.sc-ptc-title h5.sc-ptc-title,div.x-small.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-x-small)}div.small.sc-ptc-title h1.sc-ptc-title,div.small.sc-ptc-title h2.sc-ptc-title,div.small.sc-ptc-title h3.sc-ptc-title,div.small.sc-ptc-title h4.sc-ptc-title,div.small.sc-ptc-title h5.sc-ptc-title,div.small.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-small)}div.medium.sc-ptc-title h1.sc-ptc-title,div.medium.sc-ptc-title h2.sc-ptc-title,div.medium.sc-ptc-title h3.sc-ptc-title,div.medium.sc-ptc-title h4.sc-ptc-title,div.medium.sc-ptc-title h5.sc-ptc-title,div.medium.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-medium)}div.large.sc-ptc-title h1.sc-ptc-title,div.large.sc-ptc-title h2.sc-ptc-title,div.large.sc-ptc-title h3.sc-ptc-title,div.large.sc-ptc-title h4.sc-ptc-title,div.large.sc-ptc-title h5.sc-ptc-title,div.large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-large)}div.large.sc-ptc-title h3.sc-ptc-title{font-size:var(--ptc-font-size-medium)}@media only screen and (min-width: 768px){div.large.sc-ptc-title h3.sc-ptc-title{font-size:var(--ptc-font-size-large)}}div.x-large.sc-ptc-title h1.sc-ptc-title,div.x-large.sc-ptc-title h2.sc-ptc-title,div.x-large.sc-ptc-title h3.sc-ptc-title,div.x-large.sc-ptc-title h4.sc-ptc-title,div.x-large.sc-ptc-title h5.sc-ptc-title,div.x-large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-x-large)}div.xx-large.sc-ptc-title h1.sc-ptc-title,div.xx-large.sc-ptc-title h2.sc-ptc-title,div.xx-large.sc-ptc-title h3.sc-ptc-title,div.xx-large.sc-ptc-title h4.sc-ptc-title{font-size:var(--ptc-font-size-x-large)}@media only screen and (min-width: 768px){div.xx-large.sc-ptc-title h1.sc-ptc-title,div.xx-large.sc-ptc-title h2.sc-ptc-title,div.xx-large.sc-ptc-title h3.sc-ptc-title,div.xx-large.sc-ptc-title h4.sc-ptc-title{font-size:var(--ptc-font-size-xx-large)}}div.xxx-large.sc-ptc-title h1.sc-ptc-title,div.xxx-large.sc-ptc-title h2.sc-ptc-title,div.xxx-large.sc-ptc-title h3.sc-ptc-title,div.xxx-large.sc-ptc-title h4.sc-ptc-title,div.xxx-large.sc-ptc-title h5.sc-ptc-title,div.xxx-large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xx-large)}@media only screen and (min-width: 768px){div.xxx-large.sc-ptc-title h1.sc-ptc-title,div.xxx-large.sc-ptc-title h2.sc-ptc-title,div.xxx-large.sc-ptc-title h3.sc-ptc-title,div.xxx-large.sc-ptc-title h4.sc-ptc-title,div.xxx-large.sc-ptc-title h5.sc-ptc-title,div.xxx-large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxx-large)}}div.xxxx-large.sc-ptc-title h1.sc-ptc-title,div.xxxx-large.sc-ptc-title h2.sc-ptc-title,div.xxxx-large.sc-ptc-title h3.sc-ptc-title,div.xxxx-large.sc-ptc-title h4.sc-ptc-title,div.xxxx-large.sc-ptc-title h5.sc-ptc-title,div.xxxx-large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxx-large)}@media only screen and (min-width: 768px){div.xxxx-large.sc-ptc-title h1.sc-ptc-title,div.xxxx-large.sc-ptc-title h2.sc-ptc-title,div.xxxx-large.sc-ptc-title h3.sc-ptc-title,div.xxxx-large.sc-ptc-title h4.sc-ptc-title,div.xxxx-large.sc-ptc-title h5.sc-ptc-title,div.xxxx-large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxxx-large)}}div.xx-large-allbp.sc-ptc-title h1.sc-ptc-title,div.xx-large-allbp.sc-ptc-title h2.sc-ptc-title,div.xx-large-allbp.sc-ptc-title h3.sc-ptc-title,div.xx-large-allbp.sc-ptc-title h4.sc-ptc-title,div.xx-large-allbp.sc-ptc-title h5.sc-ptc-title,div.xx-large-allbp.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xx-large)}div.xxxx-large-allbp.sc-ptc-title h1.sc-ptc-title,div.xxxx-large-allbp.sc-ptc-title h2.sc-ptc-title,div.xxxx-large-allbp.sc-ptc-title h3.sc-ptc-title,div.xxxx-large-allbp.sc-ptc-title h4.sc-ptc-title,div.xxxx-large-allbp.sc-ptc-title h5.sc-ptc-title,div.xxxx-large-allbp.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxxx-large)}div.xxxx-large-desktop.sc-ptc-title h1.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h2.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h3.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h4.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h5.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxx-large)}@media only screen and (min-width: 992px){div.xxxx-large-desktop.sc-ptc-title h1.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h2.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h3.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h4.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h5.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxxx-large)}}div.xxxx-large-store.sc-ptc-title h1.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h2.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h3.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h4.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h5.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxx-large)}@media only screen and (min-width: 992px){div.xxxx-large-store.sc-ptc-title h1.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h2.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h3.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h4.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h5.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxxx-large)}}div.densest.sc-ptc-title h1.sc-ptc-title,div.densest.sc-ptc-title h2.sc-ptc-title,div.densest.sc-ptc-title h3.sc-ptc-title,div.densest.sc-ptc-title h4.sc-ptc-title,div.densest.sc-ptc-title h5.sc-ptc-title,div.densest.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-densest)}div.denser.sc-ptc-title h1.sc-ptc-title,div.denser.sc-ptc-title h2.sc-ptc-title,div.denser.sc-ptc-title h3.sc-ptc-title,div.denser.sc-ptc-title h4.sc-ptc-title,div.denser.sc-ptc-title h5.sc-ptc-title,div.denser.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-denser)}div.dense.sc-ptc-title h1.sc-ptc-title,div.dense.sc-ptc-title h2.sc-ptc-title,div.dense.sc-ptc-title h3.sc-ptc-title,div.dense.sc-ptc-title h4.sc-ptc-title,div.dense.sc-ptc-title h5.sc-ptc-title,div.dense.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-dense)}div.normal.sc-ptc-title h1.sc-ptc-title,div.normal.sc-ptc-title h2.sc-ptc-title,div.normal.sc-ptc-title h3.sc-ptc-title,div.normal.sc-ptc-title h4.sc-ptc-title,div.normal.sc-ptc-title h5.sc-ptc-title,div.normal.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-normal)}div.loose.sc-ptc-title h1.sc-ptc-title,div.loose.sc-ptc-title h2.sc-ptc-title,div.loose.sc-ptc-title h3.sc-ptc-title,div.loose.sc-ptc-title h4.sc-ptc-title,div.loose.sc-ptc-title h5.sc-ptc-title,div.loose.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-loose)}div.looser.sc-ptc-title h1.sc-ptc-title,div.looser.sc-ptc-title h2.sc-ptc-title,div.looser.sc-ptc-title h3.sc-ptc-title,div.looser.sc-ptc-title h4.sc-ptc-title,div.looser.sc-ptc-title h5.sc-ptc-title,div.looser.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-looser)}div.paragraph.sc-ptc-title h1.sc-ptc-title,div.paragraph.sc-ptc-title h2.sc-ptc-title,div.paragraph.sc-ptc-title h3.sc-ptc-title,div.paragraph.sc-ptc-title h4.sc-ptc-title,div.paragraph.sc-ptc-title h5.sc-ptc-title,div.paragraph.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-paragraph)}div.black.sc-ptc-title h1.sc-ptc-title,div.black.sc-ptc-title h2.sc-ptc-title,div.black.sc-ptc-title h3.sc-ptc-title,div.black.sc-ptc-title h4.sc-ptc-title,div.black.sc-ptc-title h5.sc-ptc-title,div.black.sc-ptc-title h6.sc-ptc-title{color:var(--color-black)}div.white.sc-ptc-title h1.sc-ptc-title,div.white.sc-ptc-title h2.sc-ptc-title,div.white.sc-ptc-title h3.sc-ptc-title,div.white.sc-ptc-title h4.sc-ptc-title,div.white.sc-ptc-title h5.sc-ptc-title,div.white.sc-ptc-title h6.sc-ptc-title{color:var(--color-white)}div.gray-1.sc-ptc-title h1.sc-ptc-title,div.gray-1.sc-ptc-title h2.sc-ptc-title,div.gray-1.sc-ptc-title h3.sc-ptc-title,div.gray-1.sc-ptc-title h4.sc-ptc-title,div.gray-1.sc-ptc-title h5.sc-ptc-title,div.gray-1.sc-ptc-title h6.sc-ptc-title{color:var(--color-gray-01)}div.gray.sc-ptc-title h1.sc-ptc-title,div.gray.sc-ptc-title h2.sc-ptc-title,div.gray.sc-ptc-title h3.sc-ptc-title,div.gray.sc-ptc-title h4.sc-ptc-title,div.gray.sc-ptc-title h5.sc-ptc-title,div.gray.sc-ptc-title h6.sc-ptc-title{color:var(--color-gray-10)}div.gray-darker.sc-ptc-title h1.sc-ptc-title,div.gray-darker.sc-ptc-title h2.sc-ptc-title,div.gray-darker.sc-ptc-title h3.sc-ptc-title,div.gray-darker.sc-ptc-title h4.sc-ptc-title,div.gray-darker.sc-ptc-title h5.sc-ptc-title,div.gray-darker.sc-ptc-title h6.sc-ptc-title{color:var(--color-gray-11)}div.ellipsis-boxing.sc-ptc-title h1.sc-ptc-title,div.ellipsis-boxing.sc-ptc-title h2.sc-ptc-title,div.ellipsis-boxing.sc-ptc-title h3.sc-ptc-title,div.ellipsis-boxing.sc-ptc-title h4.sc-ptc-title,div.ellipsis-boxing.sc-ptc-title h5.sc-ptc-title,div.ellipsis-boxing.sc-ptc-title h6.sc-ptc-title{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;overflow-wrap:break-word;padding-bottom:0}div.block.sc-ptc-title h1.sc-ptc-title,div.block.sc-ptc-title h2.sc-ptc-title,div.block.sc-ptc-title h3.sc-ptc-title,div.block.sc-ptc-title h4.sc-ptc-title,div.block.sc-ptc-title h5.sc-ptc-title,div.block.sc-ptc-title h6.sc-ptc-title{display:block}.line-clamp-title.sc-ptc-title{display:-webkit-box !important;-webkit-box-orient:vertical;overflow:hidden}.sc-ptc-title-h{display:block}.sc-ptc-title-h div.sc-ptc-title{position:relative}";
5
-
6
- const PtcTitle = class {
7
- constructor(hostRef) {
8
- registerInstance(this, hostRef);
9
- this.isPlmHub = false;
10
- this.type = "h2";
11
- this.textAlign = undefined;
12
- this.upperline = "dotted";
13
- this.titleShadow = undefined;
14
- this.titleColor = "gray";
15
- this.titleMargin = undefined;
16
- this.titleWeight = undefined;
17
- this.titleSize = undefined;
18
- this.titleHeight = "densest";
19
- this.styles = undefined;
20
- this.ellipsisLineCutoff = undefined;
21
- this.titleDisplay = "inline-block";
22
- this.seoCompatibilityMode = false;
23
- this.tooltipZIndex = "auto";
24
- this.tooltipPosition = "bottom";
25
- this.tooltipTheme = "standard";
26
- this.enableTooltip = false;
27
- this.maxChars = undefined;
28
- this.maxLines = undefined;
29
- this.hideTooltipOnMobile = false;
30
- this.ismob = undefined;
31
- this.tooltipWidth = "default";
32
- }
33
- // Tooltip Properties ends
34
- componentDidLoad() {
35
- if (this.hideTooltipOnMobile) {
36
- this.el.classList.add("hide-tooltip-on-mobile");
37
- }
38
- this.el.addEventListener("mouseenter", () => this.toggleTitleTooltip(true));
39
- this.el.addEventListener("mouseleave", () => this.toggleTitleTooltip(false));
40
- }
41
- render() {
42
- if (this.seoCompatibilityMode) {
43
- return this.seoCompRender();
44
- }
45
- else {
46
- return this.standardRender();
47
- }
48
- }
49
- getSortedText(content) {
50
- if (!this.enableTooltip)
51
- return;
52
- const trimmedContent = content.trim();
53
- const shouldTruncate = trimmedContent.length > this.maxChars && !this.maxLines;
54
- return shouldTruncate
55
- ? trimmedContent.slice(0, this.maxChars) + "..."
56
- : trimmedContent;
57
- }
58
- toggleTitleTooltip(show) {
59
- var _a;
60
- const tooltipClass = "tooltip-box";
61
- const existingTooltip = this.el.querySelector(`.${tooltipClass}`);
62
- const text = this.el.querySelectorAll(".line-clamp-title");
63
- let maxLinesShowCheck = false;
64
- if (text) {
65
- text.forEach((t) => {
66
- maxLinesShowCheck = t.scrollHeight > t.clientHeight;
67
- });
68
- }
69
- const ifCharExceeds = this.tooltipText &&
70
- this.tooltipText.length > this.maxChars &&
71
- !this.maxLines;
72
- const ifLinesExceeds = this.maxLines && maxLinesShowCheck;
73
- if (show && this.enableTooltip) {
74
- if ((!existingTooltip && ifCharExceeds) ||
75
- (!existingTooltip && ifLinesExceeds)) {
76
- const tooltipMarkup = document.createElement("div");
77
- tooltipMarkup.className = tooltipClass;
78
- tooltipMarkup.innerText = this.tooltipText;
79
- tooltipMarkup.style.zIndex = String(this.tooltipZIndex); // Ensures zIndex is a string
80
- tooltipMarkup.classList.add(this.tooltipPosition, this.tooltipTheme, this.tooltipWidth);
81
- if (this.hideTooltipOnMobile) {
82
- tooltipMarkup.classList.add("hide-tooltip-mobile");
83
- }
84
- (_a = this.el.querySelector("div")) === null || _a === void 0 ? void 0 : _a.appendChild(tooltipMarkup);
85
- }
86
- }
87
- else {
88
- existingTooltip === null || existingTooltip === void 0 ? void 0 : existingTooltip.remove();
89
- }
90
- }
91
- seoCompRender() {
92
- const classMap = this.getCssClassMap();
93
- const cutOff = this.getLineCuttoff();
94
- const [TagType, firstChild] = getSeoTagType(this.el, this.type);
95
- let html = firstChild && firstChild.innerHTML;
96
- // added for tooltip
97
- this.tooltipText = html.trim();
98
- let eleText = firstChild && firstChild.innerText;
99
- html = this.enableTooltip ? this.getSortedText(eleText) : html;
100
- if (this.el == firstChild) {
101
- this.el.innerHTML = "";
102
- }
103
- return (h(Host, null, this.styles && h("style", null, this.styles), h("div", { class: classMap }, h(TagType, { innerHTML: html, style: cutOff, class: this.maxLines && this.maxLines > 0
104
- ? "line-clamp-title"
105
- : "" }))));
106
- }
107
- standardRender() {
108
- const classMap = this.getCssClassMap();
109
- const cutOff = this.getLineCuttoff();
110
- let TagType;
111
- switch (this.type) {
112
- case "h1":
113
- TagType = "h1";
114
- break;
115
- case "h3":
116
- TagType = "h3";
117
- break;
118
- case "h4":
119
- TagType = "h4";
120
- break;
121
- case "h5":
122
- TagType = "h5";
123
- break;
124
- case "h6":
125
- TagType = "h6";
126
- break;
127
- default:
128
- TagType = "h2";
129
- }
130
- return (h(Host, null, this.styles && h("style", null, this.styles), h("div", { class: classMap }, h(TagType, { style: cutOff }, h("slot", null)))));
131
- }
132
- getCssClassMap() {
133
- return {
134
- [this.textAlign]: !!this.textAlign ? true : false,
135
- [this.upperline]: true,
136
- [this.isPlmHub ? "is-plm-hub" : "is-standard"]: true,
137
- [this.titleMargin]: !!this.titleMargin ? true : false,
138
- [this.titleShadow]: !!this.titleShadow ? true : false,
139
- [this.titleWeight]: !!this.titleWeight ? true : false,
140
- [this.titleSize]: !!this.titleSize ? true : false,
141
- [this.titleHeight]: !!this.titleHeight ? true : false,
142
- [this.titleColor]: !!this.titleColor ? true : false,
143
- ["ellipsis-boxing"]: this.ellipsisLineCutoff && this.ellipsisLineCutoff > 0,
144
- [this.titleDisplay]: !!this.titleDisplay ? true : false,
145
- };
146
- }
147
- getLineCuttoff() {
148
- const lineClamp = this.ellipsisLineCutoff > 0
149
- ? this.ellipsisLineCutoff
150
- : this.maxLines;
151
- return lineClamp > 0 ? { "-webkit-line-clamp": `${lineClamp}` } : {};
152
- }
153
- get el() { return getElement(this); }
154
- };
155
- PtcTitle.style = ptcTitleCss;
156
-
157
- export { PtcTitle as ptc_title };
@@ -1 +0,0 @@
1
- import{r as t,h as i,H as h}from"./p-ac75c7ad.js";const e=class{constructor(i){t(this,i),this.breakpoint="",this.size="medium",this.direction="vertical"}render(){const t=this.getCssClassMap();return i(h,{class:t})}getCssClassMap(){return{[this.size]:!0,"ptc-spacer-horizontal":"horizontal"===this.direction,"ptc-spacer-vertical":"vertical"===this.direction,"ptc-spacer-xx-small":"xx-small"===this.breakpoint,"ptc-spacer-x-small":"x-small"===this.breakpoint,"ptc-spacer-small":"small"===this.breakpoint,"ptc-spacer-medium":"medium"===this.breakpoint,"ptc-spacer-large":"large"===this.breakpoint,"ptc-spacer-x-large":"x-large"===this.breakpoint,"ptc-spacer-xx-large":"xx-large"===this.breakpoint,"ptc-spacer-xxx-large":"xxx-large"===this.breakpoint}}};e.style=":host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:relative;display:block;width:12px;min-width:12px;height:12px}@media (min-width: 36em){:host{width:16px;min-width:16px;height:16px}}:host(.ptc-spacer-horizontal){display:inline-block;height:100% !important}:host(.ptc-spacer-horizontal.xx-small){width:4px;min-width:4px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.xx-small){width:4px;min-width:4px}}:host(.ptc-spacer-horizontal.x-small){width:4px;min-width:4px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.x-small){width:8px;min-width:8px}}:host(.ptc-spacer-horizontal.small){width:8px;min-width:8px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.small){width:12px;min-width:12px}}:host(.ptc-spacer-horizontal.medium){height:100%}:host(.ptc-spacer-horizontal.large){width:16px;min-width:16px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.large){width:20px;min-width:20px}}:host(.ptc-spacer-horizontal.x-large){width:20px;min-width:20px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.x-large){width:28px;min-width:28px}}:host(.ptc-spacer-horizontal.xx-large){width:28px;min-width:28px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.xx-large){width:36px;min-width:36px}}:host(.ptc-spacer-horizontal.xxx-large){width:36px;min-width:36px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.xxx-large){width:48px;min-width:48px}}:host(.ptc-spacer-horizontal.xxxx-large){width:48px;min-width:48px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.xxxx-large){width:72px;min-width:72px}}:host(.ptc-spacer-vertical.xx-small){width:100%;height:4px;min-height:4px}:host(.ptc-spacer-vertical.x-small){width:100%;height:4px;min-height:4px}@media (min-width: 36em){:host(.ptc-spacer-vertical.x-small){height:8px;min-height:8px}}:host(.ptc-spacer-vertical.small){width:100%;height:8px;min-height:8px}@media (min-width: 36em){:host(.ptc-spacer-vertical.small){height:12px;min-height:12px}}:host(.ptc-spacer-vertical.medium){width:100%}:host(.ptc-spacer-vertical.large){width:100%;height:16px;min-height:16px}@media (min-width: 36em){:host(.ptc-spacer-vertical.large){height:20px;min-height:20px}}:host(.ptc-spacer-vertical.x-large){width:100%;height:20px;min-height:20px}@media (min-width: 36em){:host(.ptc-spacer-vertical.x-large){height:28px;min-height:28px}}:host(.ptc-spacer-vertical.xx-large){width:100%;height:28px;min-height:28px}@media (min-width: 36em){:host(.ptc-spacer-vertical.xx-large){height:36px;min-height:36px}}:host(.ptc-spacer-vertical.xxx-large){width:100%;height:36px;min-height:36px}@media (min-width: 36em){:host(.ptc-spacer-vertical.xxx-large){height:48px;min-height:48px}}:host(.ptc-spacer-vertical.xxxx-large){width:100%;height:48px;min-height:48px}@media (min-width: 36em){:host(.ptc-spacer-vertical.xxxx-large){height:72px;min-height:72px}}:host(.ptc-spacer-vertical.space-144){width:100%;height:144px;min-height:144px}:host(.ptc-spacer-vertical.space-120){width:100%;height:120px;min-height:120px}:host(.ptc-spacer-vertical.space-128){width:100%;height:128px;min-height:128px}:host(.ptc-spacer-xx-small){display:none}@media (max-width: 22.5em){:host(.ptc-spacer-xx-small){display:block}}:host(.ptc-spacer-x-small){display:none}@media (max-width: 35.99em){:host(.ptc-spacer-x-small){display:block}}:host(.ptc-spacer-small){display:none}@media (min-width: 36em){:host(.ptc-spacer-small){display:block}}:host(.ptc-spacer-medium){display:none}@media (min-width: 48em){:host(.ptc-spacer-medium){display:block}}:host(.ptc-spacer-large){display:none}@media (min-width: 62em){:host(.ptc-spacer-large){display:block}}:host(.ptc-spacer-x-large){display:none}@media (min-width: 64.0625em){:host(.ptc-spacer-x-large){display:block}}:host(.ptc-spacer-xx-large){display:none}@media (min-width: 75em){:host(.ptc-spacer-xx-large){display:block}}:host(.ptc-spacer-xxx-large){display:none}@media (min-width: 90em){:host(.ptc-spacer-xxx-large){display:block}}";export{e as ptc_spacer}
@@ -1 +0,0 @@
1
- import{r as t,h as i,H as e,g as s}from"./p-ac75c7ad.js";import{a as h}from"./p-711bcdad.js";const a=class{constructor(i){t(this,i),this.src=void 0,this.alt="image",this.sizeXs="510x340",this.sizeSm="1240x496",this.sizeMd="1366x500",this.sizeLg="1920x1080",this.disableResize=!1,this.oldSrc=void 0,this.imagePosition="static",this.borderRadius=void 0,this.height=void 0,this.width=void 0,this.objectFit="cover",this.isFullHeight=!1,this.isFullWidth=!1,this.styles=void 0,this.imageAlignment="left",this.maxWidth=void 0,this.displayImage="block"}WindowResize(){this.addIntersectionObserver()}componentWillLoad(){this.disableResize&&(this.sizeXs=void 0,this.sizeSm=void 0,this.sizeMd=void 0,this.sizeLg=void 0)}componentDidLoad(){this.addIntersectionObserver()}componentWillUpdate(){this.src!==this.oldSrc&&this.addIntersectionObserver(),this.oldSrc=this.src}addIntersectionObserver(){if(this.src)if("IntersectionObserver"in window){let t=new IntersectionObserver((i=>{i.forEach((i=>{if(i.isIntersecting){const i=this.el.shadowRoot.querySelector("img");i.src=this.setResponsiveBg(),t.unobserve(i)}}))})),i=this.el.shadowRoot.querySelector("img");i&&t.observe(i),this.observer=t}else setTimeout((()=>{const t=this.el.shadowRoot.querySelector("img");t.src=this.setResponsiveBg(),t.onload=()=>{t.removeAttribute("data-src")}}),5e3)}setResponsiveBg(){let t,i,e=(this.el.shadowRoot||document).querySelectorAll("img"),s=this.getCurrentBreakPoints();for(var h=0,a=e.length;h<a;h++){if(t=e[h],i=t.getAttribute("data-"+s),null!==i)return i;"object"==typeof console&&console.warn("Data attribute: data-"+s+" not found on element:\n\n"+t.outerHTML+"\n\n\n")}}async LoadImage(){const t=this.el.shadowRoot.querySelector("img");t&&(t.src||(t.src=this.setResponsiveBg(),t.onload=()=>{t.removeAttribute("data-src")}),this.observer&&this.observer.unobserve(t))}render(){const t=this.getCssClassMap(),s=this.getCssClassMapHost();return i(e,{class:s},this.styles&&i("style",null,this.styles),i("img",Object.assign({class:t,"data-xs":`${this.src}`,"data-sm":`${this.src}`,"data-md":`${this.src}`,"data-lg":`${this.src}`},this.width?{width:this.width}:{},this.height?{height:this.height}:{},{alt:this.alt,style:Object.assign({},this.maxWidth?{maxWidth:this.maxWidth+"px"}:{})})),i("slot",null))}getCurrentBreakPoints(){let t,i=window.document,e=i.createElement("div");i.body.appendChild(e);for(let s=h.envs.length-1;s>=0;s--)if(t=h.envs[s],e.className="hidden-"+t,null===e.offsetParent)return i.body.removeChild(e),t;return i.body.removeChild(e),this.getFallbackBreakpoint()}getFallbackBreakpoint(){return window.matchMedia("(min-width: 992px)").matches?"lg":window.matchMedia("(min-width: 768px)").matches?"md":window.matchMedia("(min-width: 576px)").matches?"sm":"xs"}getCssClassMap(){return{[this.borderRadius]:!!this.borderRadius,[this.objectFit]:!0,[this.isFullHeight?"is-full-height":"is-normal-height"]:!0,[this.isFullWidth?"is-full-width":"is-normal-width"]:!0,[this.displayImage]:!0}}getCssClassMapHost(){return{[this.imagePosition]:!0,[this.imageAlignment]:!0}}get el(){return s(this)}};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;overflow:hidden}:host .inline{display:inline}:host .inline-block{display:inline-block}:host .block{display:block}:host(.relative){position:relative}:host(.static){position:static}:host(.absoltue){position:absolute}img{max-width:100%}.cover{-o-object-fit:cover;object-fit:cover}.fill{-o-object-fit:fill;object-fit:fill}.contain{-o-object-fit:contain;object-fit:contain}.scale-down{-o-object-fit:scale-down;object-fit:scale-down}.none{-o-object-fit:none;object-fit:none}.initial{-o-object-fit:initial;object-fit:initial}.inherit{-o-object-fit:inherit;object-fit:inherit}.radius-standard{border-radius:var(--ptc-border-radius-standard)}.radius-large{border-radius:var(--ptc-border-radius-large)}.radius-pill{border-radius:var(--ptc-border-radius-pill)}.radius-circle{border-radius:var(--ptc-border-radius-circle)}.is-full-height{height:100%}.is-full-width{width:100%}:host(.left){text-align:left}:host(.right){text-align:right}:host(.center){text-align:center}";export{a as ptc_picture}
@@ -1 +0,0 @@
1
- import{r as t,c as e,h as i,H as s,g as o}from"./p-ac75c7ad.js";const a=class{constructor(i){t(this,i),this.selectedFilterValues=e(this,"selectedFilterValues",7),this.internalOptions=[],this.selectedOptions=[],this.placeholder=void 0,this.selectedTag=void 0,this.styles=void 0,this.isOpen=!1}async clearFilterSelection(){this.clearFilter()}async setSelectedItem(t,e,i){(this.selectedOptions||[]).find((s=>s.tabId===t&&s.tagName===e&&s.value===i))||(this.selectedOptions=[...this.selectedOptions||[],{tabId:t,tagName:e,value:i}])}componentDidLoad(){this.dropdownPlaceholder=this.hostElement.shadowRoot.querySelector(".dropdown-placeholder .dropdown-filter-name")}parseOptions(){let t=Array.from(this.hostElement.querySelectorAll("span"));t&&(this.internalOptions=t.map((t=>({tabId:t.getAttribute("tab-id"),value:t.textContent,tagName:t.getAttribute("tag-name")}))))}toggleDropdown(t=!1){this.isOpen=!this.isOpen,t&&requestAnimationFrame((()=>{var t;const e=this.hostElement.shadowRoot.querySelector(".filter-list input:checked"),i=this.hostElement.shadowRoot.querySelector(".filter-list input");null===(t=e||i)||void 0===t||t.focus()}))}clearFilter(){this.selectedOptions=[],this.hostElement.shadowRoot.querySelectorAll('.filter-list input[type="radio"]').forEach((t=>{t instanceof HTMLInputElement&&(t.checked=!1)})),this.dropdownPlaceholder&&(this.dropdownPlaceholder.textContent=this.placeholder),this.emitSelectedOptions("clearButton")}emitSelectedOptions(t){var e;this.selectedOptions=this.internalOptions.filter((t=>null!==this.hostElement.shadowRoot.querySelector(`input[tab-id="${t.tabId}"]:checked`))).map((t=>({tabId:t.tabId,value:t.value,tagName:t.tagName}))),this.selectedFilterValues.emit({sender:this,selectedOptions:this.selectedOptions}),"applyButton"==t&&this.toggleDropdown(),this.dropdownPlaceholder&&(this.dropdownPlaceholder.textContent=null===(e=this.selectedOptions[0])||void 0===e?void 0:e.value)}componentWillRender(){this.parseOptions()}handleKeyDown(t){"Enter"===t.key?this.toggleDropdown(!0):"Tab"===t.key&&this.isOpen&&requestAnimationFrame((()=>{var t;const e=this.hostElement.shadowRoot.querySelector(".filter-list input:checked"),i=this.hostElement.shadowRoot.querySelector(".filter-list input");null===(t=e||i)||void 0===t||t.focus()}))}render(){return i(s,null,this.styles&&i("style",null,this.styles),i("div",{class:"dropdown"},i("div",{class:"dropdown-toggle mf-listen",onClick:()=>this.toggleDropdown(!0),tabIndex:0,onKeyDown:t=>{this.handleKeyDown(t)}},i("span",{class:"dropdown-placeholder"},i("strong",null,"Filter: "),i("span",{class:"dropdown-filter-name"},this.placeholder)),i("span",{class:"caret"},i("svg",{xmlns:"http://www.w3.org/2000/svg",width:"12",height:"7",viewBox:"0 0 12 7",fill:"none"},i("path",{d:"M10.2426 1.24264L6 5.48528L1.75736 1.24264",stroke:"#20262A","stroke-width":"2","stroke-linecap":"round"})))),this.isOpen&&i("div",{class:"dropdown-menu"},i("ul",{class:"filter-list"},this.internalOptions.map((t=>i("li",{key:t.tabId},i("label",{class:"radio-label",htmlFor:t.value.replace(/\s+/g,"")},i("input",{type:"radio",id:t.value.replace(/\s+/g,""),name:"theater-filter",value:t.value,checked:this.selectedOptions.some((e=>e.value===t.value)),"tab-id":t.tabId,"tag-name":t.tagName}),t.value))))),i("div",{class:"filter-btns"},i("span",{class:"clear-btn mf-listen",onClick:()=>this.clearFilter(),tabIndex:0,onKeyDown:t=>{"Enter"===t.key&&this.clearFilter()}},"Clear"),i("ptc-button",{"tracker-id":"filter-apply-cta",type:"link",color:"ptc-secondary",onClick:()=>this.emitSelectedOptions("applyButton"),styles:" a span { font-size: 16px !important; } a{ padding: 10px 16px !important; }"},"Apply")))),i("div",{class:"hidden"},i("slot",null)))}get hostElement(){return o(this)}};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;box-sizing:border-box}:host .hidden{display:none}:host .dropdown{position:relative;display:inline-block;font-size:16px;color:var(--color-gray-10)}:host .dropdown .dropdown-toggle{padding:var(--ptc-element-spacing-01) 14px var(--ptc-element-spacing-01) 14px;border:1px solid var(--color-gray-05);background-color:var(--color-white);cursor:pointer;display:flex;align-items:center;justify-content:space-between;border-radius:4px}:host .dropdown .dropdown-toggle:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host .dropdown .dropdown-toggle .dropdown-placeholder{display:flex}:host .dropdown .dropdown-toggle .dropdown-placeholder .dropdown-filter-name{padding-left:10px;padding-right:5px;word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){:host .dropdown .dropdown-toggle .dropdown-placeholder .dropdown-filter-name{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 .dropdown .caret{display:inline-block;vertical-align:middle;margin-left:5px}:host .dropdown .dropdown-menu{position:absolute;top:100%;left:0;left:0;border:1px solid var(--color-gray-03);background-color:var(--color-white);overflow-y:auto;width:100%;border-radius:4px;box-shadow:0 8px 24px rgba(0, 0, 0, 0.25);display:flex;flex-direction:column;margin-top:8px;min-width:278px;overflow:hidden;position:absolute;transition:max-height 0.25s ease-out;z-index:2000;max-height:1000px}:host .dropdown .dropdown-menu .filter-list{padding:24px 24px 16px 24px;margin:0;list-style:none;border-bottom:1px solid var(--color-gray-02)}:host .dropdown .dropdown-menu .filter-btns{display:flex;justify-content:space-between;align-items:center;padding:16px 24px}:host .dropdown .dropdown-menu .filter-btns .clear-btn{cursor:pointer}:host .dropdown .dropdown-menu .filter-btns .clear-btn:hover{text-decoration:underline}:host .dropdown .dropdown-menu .filter-btns .clear-btn:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host .dropdown::-webkit-scrollbar{width:5px}:host .dropdown::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0, 0, 0, 0.3)}:host .dropdown::-webkit-scrollbar-thumb{background-color:var(--color-gray-05);outline:1px solid var(--color-gray-05)}:host .radio-label{margin-bottom:16px;font-size:16px;font-weight:500;cursor:pointer;display:block;font-weight:500;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;line-height:1.5;display:flex;align-items:baseline;word-break:break-word;hyphens:manual}:host .radio-label input{margin-right:10px}:host .radio-label input:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host .radio-label .checkmark{width:20px;height:20px;background-color:#fff;border:1px solid #1f2024;border-radius:0.4rem;margin-right:8px;position:absolute;left:0;top:0}:host .radio-label .checkmark::after{background-image:url(\'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="10" viewBox="0 0 14 10" fill="none"><path d="M1.5 4L5.5 8L12.5 1" stroke="white" stroke-width="2"/></svg>\');background-position:50%;background-repeat:no-repeat;background-size:75% 100%;content:"";height:20px;width:20px;position:absolute;left:0;top:0;display:none}';const h=class{constructor(e){t(this,e),this.trackerId=void 0,this.display="inline-block",this.shareType="twitter",this.shareTitle=void 0,this.text=void 0,this.url=void 0,this.source="",this.recipient="",this.iconColor="white",this.iconHoverColor="gray",this.isHover=!1,this.iconSize="large",this.darkFocusState=!1}render(){const t=this.getCssClassMap();return i(s,{class:t},i("div",{onClick:()=>this.share(),onMouseEnter:()=>this.hoverToggle(),onMouseLeave:()=>this.hoverToggle(),class:"focus-state mf-listen "+(this.darkFocusState?"focus-state-dark-background":""),tabindex:"0",onKeyDown:t=>this.handleKeyDown(t),id:this.trackerId},"mail"==this.shareType?i("icon-asset",Object.assign({type:"ptc",size:this.iconSize,name:"plm-mail"},this.isHover?{color:this.iconHoverColor}:{color:this.iconColor})):null,"linkedin"==this.shareType?i("icon-asset",Object.assign({type:"ptc",size:this.iconSize,name:"plm-linkedin"},this.isHover?{color:this.iconHoverColor}:{color:this.iconColor})):null,"twitter"==this.shareType?i("icon-asset",Object.assign({type:"ptc",size:this.iconSize,name:"twitter-x"},this.isHover?{color:this.iconHoverColor}:{color:this.iconColor})):null,"facebook"==this.shareType?i("icon-asset",Object.assign({type:"ptc",size:this.iconSize,name:"plm-fb"},this.isHover?{color:this.iconHoverColor}:{color:this.iconColor})):null,"blog-mail"==this.shareType?i("icon-asset",Object.assign({type:"ptc",size:this.iconSize,name:"mail-blogs-icon"},this.isHover?{color:this.iconHoverColor}:{color:this.iconColor})):null,"blog-linkedin"==this.shareType?i("icon-asset",Object.assign({type:"ptc",size:this.iconSize,name:"linkedin-blogs-icon"},this.isHover?{color:this.iconHoverColor}:{color:this.iconColor})):null,"blog-twitter"==this.shareType?i("icon-asset",Object.assign({type:"ptc",size:this.iconSize,name:"twitter-x-dark-circle"},this.isHover?{color:this.iconHoverColor}:{color:this.iconColor})):null,"blog-facebook"==this.shareType?i("icon-asset",Object.assign({type:"ptc",size:this.iconSize,name:"facebook-blogs-icon"},this.isHover?{color:this.iconHoverColor}:{color:this.iconColor})):null,"share-api"==this.shareType?i("icon-asset",Object.assign({type:"solid",size:this.iconSize,name:"share-square"},this.isHover?{color:this.iconHoverColor}:{color:this.iconColor})):null,"download"==this.shareType?i("icon-asset",Object.assign({type:"ptc",size:this.iconSize,name:"download-arrow-news",color:"inherit"},this.isHover?{color:this.iconHoverColor}:{color:this.iconColor})):null),"download"==this.shareType&&i("ptc-modal",{id:"download-modal",show:!1,size:"lg",fixed:!0,"is-bio-modal":!0},i("ptc-title",{type:"h2","text-align":"center","title-weight":"w-5",upperline:"no-upperline"},"Thanks For Downloading")))}handleKeyDown(t){"Enter"===t.key&&this.share()}getCssClassMap(){return{"ptc-social-share":!0,[this.display]:!0}}hoverToggle(){this.isHover=!this.isHover}share(){if("twitter"!=this.shareType&&"blog-twitter"!=this.shareType||window.open(`https://twitter.com/share?text=${this.text}&url=${this.url}`),"facebook"!=this.shareType&&"blog-facebook"!=this.shareType||window.open(`https://www.facebook.com/sharer/sharer.php?u=${this.url}`),"linkedin"!=this.shareType&&"blog-linkedin"!=this.shareType||window.open(`https://www.linkedin.com/shareArticle?mini=true&url=${this.url}&title=${this.shareTitle}&summary=${this.text}&source=${this.source}`),"mail"!=this.shareType&&"blog-mail"!=this.shareType||window.open(`mailto:${this.recipient}?subject=${this.text}&body=${this.url}`),"share-api"==this.shareType&&(navigator.share?navigator.share({title:this.shareTitle,text:this.text,url:this.url}).then((()=>console.log("Successful share"))).catch((t=>console.log("Error sharing",t))):window.open(`http://twitter.com/share?text=${this.text}&url=${this.url}`)),"download"==this.shareType){let t=this.el.shadowRoot.querySelector("#download-modal");t.setAttribute("show","true"),setTimeout((()=>{t.setAttribute("show","false"),window.open(`${this.url}`,"_self")}),1e3)}}get el(){return o(this)}};h.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(.inline-block){display:inline-block}:host(.block){display:block}:host(.inline){display:inline}:host(.flex){display:flex}:host(.ptc-social-share){cursor:pointer}:host(.ptc-social-share) .focus-state:focus-visible{transition:none;border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host(.ptc-social-share) .focus-state.focus-state-dark-background:focus-visible{padding:2px;border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline);transition:none;text-decoration-line:none}@media only screen and (min-width: 1200px){:host(.ptc-social-m-left){margin-left:var(--ptc-element-spacing-04)}}";const r=class{constructor(i){t(this,i),this.vCardClicked=e(this,"vCardClicked",7),this.cardTitle=void 0,this.cardDescription=void 0,this.thumbImg=void 0,this.cardNumber=void 0,this.videoId=void 0,this.vtagName=void 0,this.modalType="video-with-description"}showCardDetails(){this.vCardClicked.emit({sender:this,cardNumber:this.cardNumber})}render(){return i(s,{"video-id":this.videoId,"vtag-name":this.vtagName,"modal-type":this.modalType},i("div",{class:"img-wrap mf-listen",onClick:()=>this.showCardDetails(),tabIndex:0},i("img",{src:this.thumbImg,alt:""}),i("span",{class:"card-number"},this.cardNumber+1),i("svg",{xmlns:"http://www.w3.org/2000/svg",width:"54",height:"56",viewBox:"0 0 54 56",fill:"none"},i("g",{filter:"url(#filter0_d_214_969)"},i("path",{d:"M42 20L12 36V4L42 20Z",fill:"white"})),i("defs",null,i("filter",{id:"filter0_d_214_969",x:"0",y:"0",width:"54",height:"56",filterUnits:"userSpaceOnUse","color-interpolation-filters":"s-rGB"},i("feFlood",{"flood-opacity":"0",result:"BackgroundImageFix"}),i("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),i("feOffset",{dy:"8"}),i("feGaussianBlur",{stdDeviation:"6"}),i("feComposite",{in2:"hardAlpha",operator:"out"}),i("feColorMatrix",{type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0"}),i("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_214_969"}),i("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect1_dropShadow_214_969",result:"shape"}))))),i("h3",{class:"vcard-title"},this.cardTitle),i("div",{class:"hidden description"},i("slot",null)))}get ele(){return o(this)}};r.style="h1.sc-ptc-theater-video,h2.sc-ptc-theater-video,h3.sc-ptc-theater-video,h4.sc-ptc-theater-video,h5.sc-ptc-theater-video,h6.sc-ptc-theater-video,p.sc-ptc-theater-video,ul.sc-ptc-theater-video,li.sc-ptc-theater-video,ptc-subnav.sc-ptc-theater-video,ptc-tab-list.sc-ptc-theater-video,ptc-link.sc-ptc-theater-video,ptc-square-card.sc-ptc-theater-video,.hyphenate-text.sc-ptc-theater-video,ptc-footer.sc-ptc-theater-video{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1.sc-ptc-theater-video,h2.sc-ptc-theater-video,h3.sc-ptc-theater-video,h4.sc-ptc-theater-video,h5.sc-ptc-theater-video,h6.sc-ptc-theater-video,p.sc-ptc-theater-video,ul.sc-ptc-theater-video,li.sc-ptc-theater-video,ptc-subnav.sc-ptc-theater-video,ptc-tab-list.sc-ptc-theater-video,ptc-link.sc-ptc-theater-video,ptc-square-card.sc-ptc-theater-video,.hyphenate-text.sc-ptc-theater-video,ptc-footer.sc-ptc-theater-video{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}}.sc-ptc-theater-video-h{display:block;max-width:205px;min-width:205px;color:var(--color-white)}.hide.sc-ptc-theater-video-h{display:none}.show.sc-ptc-theater-video-h{display:inline-block}@media only screen and (min-width: 768px){.sc-ptc-theater-video-h{min-width:auto;min-width:205px}}@media only screen and (min-width: 1200px){.sc-ptc-theater-video-h{max-width:260px;min-width:260px}}.sc-ptc-theater-video-h .img-wrap.sc-ptc-theater-video{position:relative;border-radius:12px;box-shadow:0px 2px 6px 0px rgba(0, 0, 0, 0.24);margin-top:5px;cursor:pointer}.sc-ptc-theater-video-h .img-wrap.sc-ptc-theater-video:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}.sc-ptc-theater-video-h .img-wrap.sc-ptc-theater-video img.sc-ptc-theater-video{max-width:100%;border-radius:12px}.sc-ptc-theater-video-h .img-wrap.sc-ptc-theater-video svg.sc-ptc-theater-video{fill:#fff;filter:drop-shadow(0px 8px 12px rgba(0, 0, 0, 0.5));position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.sc-ptc-theater-video-h .img-wrap.sc-ptc-theater-video .card-number.sc-ptc-theater-video{position:absolute;left:6px;top:6px;width:32px;height:32px;background-color:var(--color-gray-09);border-radius:50%;border:2px solid var(--color-green-05);text-align:center;color:#fff;font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding-bottom:3px}.sc-ptc-theater-video-h h3.sc-ptc-theater-video{margin:12px 0 0 0;font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-bold);color:var(--color-white)}.sc-ptc-theater-video-h .hidden.sc-ptc-theater-video{display:none}";const n=class{constructor(e){t(this,e),this.cards=[],this.currentCardIndex=0,this.filteredTagName=void 0,this.cardElements=void 0}componentWillLoad(){this.cardElements=this.host.querySelectorAll("ptc-theater-video")}componentDidLoad(){this.setupCards(),this.sortCards("")}handleFilterClick(t){this.filteredTagName=t.detail["selected-tag"],this.sortCards(this.filteredTagName)}handleVCardClickedEvent(t){console.log(t.detail)}sortCards(t){this.cardElements.forEach((e=>{let i;e.getAttribute("vtag-name")&&(i=e.getAttribute("vtag-name").split(",").map((t=>t.trim())));const s=t.trim();""!==s&&"reset"!==s?i.includes(s)?(e.classList.add("show"),e.classList.remove("hide")):(e.classList.add("hide"),e.classList.remove("show")):(e.classList.add("show"),e.classList.remove("hide"))}))}setupCards(){this.cardElements.forEach(((t,e)=>{this.cards.push(this.setCardData(t,e)),t.addEventListener("click",(()=>{this.showCardDetails(e,t)})),t.addEventListener("keydown",(i=>{"Enter"===i.key&&this.showCardDetails(e,t)}))}))}updateCardData(t){this.cards=[],this.cardElements.forEach(((e,i)=>{const s=e.getAttribute("vtag-name").split(",").map((t=>t.trim()));""!==this.filteredTagName&&"reset"!==this.filteredTagName&&void 0!==this.filteredTagName&&s.includes(this.filteredTagName)?(this.cards.push(this.setCardData(e,i)),e.addEventListener("click",(()=>{this.showCardDetails(t)}))):"reset"===this.filteredTagName&&this.cards.push(this.setCardData(e,i))}))}setCardData(t,e){return{title:t.querySelector(".vcard-title").textContent,cardDescription:t.cardDescription,descriptionModal:t.querySelector(".description").innerHTML,videoId:t.getAttribute("video-id"),vtagName:t.getAttribute("vtag-name"),cardNumber:t.getAttribute("card-number"),index:e,modalType:t.getAttribute("modal-type")}}showCardDetails(t,e){this.currentCardIndex=t;const i=document.querySelector("ptc-theater-video-modal");i&&i.updateData(this.cards,this.currentCardIndex,e)}render(){return i("div",{class:"card-list"},i("slot",null))}get host(){return o(this)}};n.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}:host .card-list{display:flex;overflow-x:auto}@media only screen and (min-width: 768px){:host .card-list{flex-wrap:wrap}}";export{a as ptc_filter_dropdown,h as ptc_social_share,r as ptc_theater_video,n as ptc_theater_video_playlist}