@ptcwebops/ptcw-design 6.4.35-beta → 6.4.37-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 (155) hide show
  1. package/dist/cjs/buying-option-cards-slider.cjs.entry.js +4 -0
  2. package/dist/cjs/event-podcast-slider-example.cjs.entry.js +1 -1
  3. package/dist/cjs/featured-events-slider-example.cjs.entry.js +1 -1
  4. package/dist/cjs/homepage-jumbotron.cjs.entry.js +1 -1
  5. package/dist/cjs/icon-asset_17.cjs.entry.js +1660 -0
  6. package/dist/cjs/loader.cjs.js +1 -1
  7. package/dist/cjs/ptc-case-studies-slider.cjs.entry.js +1 -1
  8. package/dist/cjs/ptc-form-checkbox_4.cjs.entry.js +6 -0
  9. package/dist/cjs/ptc-icon-card-slider-example.cjs.entry.js +1 -1
  10. package/dist/cjs/ptc-search-field.cjs.entry.js +95 -0
  11. package/dist/cjs/ptcw-design.cjs.js +1 -1
  12. package/dist/cjs/storefront-enhanced-product-list-alt-example.cjs.entry.js +1 -1
  13. package/dist/cjs/storefront-enhanced-product-list-example.cjs.entry.js +1 -1
  14. package/dist/collection/components/buying-option-cards-slider/buying-option-cards-slider.js +4 -0
  15. package/dist/collection/components/organism-bundles/event-podcast-slider-example/event-podcast-slider-example.css +16 -11
  16. package/dist/collection/components/organism-bundles/featured-events-slider-example/featured-events-slider-example.css +16 -11
  17. package/dist/collection/components/organism-bundles/homepage-jumbotron/homepage-jumbotron.css +16 -11
  18. package/dist/collection/components/organism-bundles/ptc-icon-card-slider-example/ptc-icon-card-slider-example.css +16 -11
  19. package/dist/collection/components/organism-bundles/storefront-enhanced-product-list-example/storefront-enhanced-product-list-example.css +16 -11
  20. package/dist/collection/components/ptc-case-studies-slider/ptc-case-studies-slider.css +16 -11
  21. package/dist/collection/components/ptc-select/ptc-select.js +15 -0
  22. package/dist/collection/components/ptc-seo-title/ptc-seo-title.js +3 -3
  23. package/dist/custom-elements/index.js +17 -7
  24. package/dist/esm/blog-detail-content_2.entry.js +1 -1
  25. package/dist/esm/blog-detail-layout.entry.js +1 -1
  26. package/dist/esm/blogs-search-section.entry.js +1 -1
  27. package/dist/esm/buying-option-cards-slider.entry.js +4 -0
  28. package/dist/esm/event-podcast-slider-example.entry.js +1 -1
  29. package/dist/esm/featured-events-slider-example.entry.js +1 -1
  30. package/dist/esm/homepage-jumbotron.entry.js +2 -2
  31. package/dist/esm/homepage-toggled-content.entry.js +1 -1
  32. package/dist/esm/icon-asset_17.entry.js +1640 -0
  33. package/dist/esm/innovator-toggle-container.entry.js +1 -1
  34. package/dist/esm/{interfaces-4caedd26.js → interfaces-7c0243be.js} +1 -1
  35. package/dist/esm/loader.js +1 -1
  36. package/dist/esm/most-popular-news.entry.js +1 -1
  37. package/dist/esm/my-component.entry.js +1 -1
  38. package/dist/esm/ptc-accordion-item.entry.js +1 -1
  39. package/dist/esm/ptc-background-video.entry.js +1 -1
  40. package/dist/esm/ptc-case-studies-slider.entry.js +1 -1
  41. package/dist/esm/ptc-collapse-list.entry.js +1 -1
  42. package/dist/esm/ptc-form-checkbox_4.entry.js +7 -1
  43. package/dist/esm/ptc-homepage-image-feature.entry.js +1 -1
  44. package/dist/esm/ptc-homepage-video-background.entry.js +1 -1
  45. package/dist/esm/ptc-icon-card-slider-example.entry.js +1 -1
  46. package/dist/esm/ptc-icon-card.entry.js +1 -1
  47. package/dist/esm/ptc-img.entry.js +1 -1
  48. package/dist/esm/ptc-link.entry.js +1 -1
  49. package/dist/esm/ptc-media-card.entry.js +1 -1
  50. package/dist/esm/ptc-pricing-packaging-table.entry.js +1 -1
  51. package/dist/esm/ptc-pricing-tabs.entry.js +1 -1
  52. package/dist/esm/ptc-search-field.entry.js +91 -0
  53. package/dist/esm/ptc-social-icons-footer.entry.js +1 -1
  54. package/dist/esm/ptcw-design.js +1 -1
  55. package/dist/esm/storefront-enhanced-product-list-alt-example.entry.js +1 -1
  56. package/dist/esm/storefront-enhanced-product-list-example.entry.js +1 -1
  57. package/dist/esm/{utils-bdd0cc16.js → utils-a64ba942.js} +1 -1
  58. package/dist/ptcw-design/p-045c468a.entry.js +1 -0
  59. package/dist/ptcw-design/{p-2efd18d8.entry.js → p-0824f503.entry.js} +1 -1
  60. package/dist/ptcw-design/{p-c7e948b2.js → p-22cf00e7.js} +1 -1
  61. package/dist/ptcw-design/{p-a318a793.entry.js → p-2fa5814b.entry.js} +1 -1
  62. package/dist/ptcw-design/p-30982272.entry.js +1 -0
  63. package/dist/ptcw-design/{p-b154bbdb.entry.js → p-3596ce5a.entry.js} +1 -1
  64. package/dist/ptcw-design/p-4e8c1ba6.entry.js +1 -0
  65. package/dist/ptcw-design/p-5aed43be.entry.js +1 -0
  66. package/dist/ptcw-design/{p-2f7b6437.entry.js → p-681d26ef.entry.js} +1 -1
  67. package/dist/ptcw-design/{p-9df3c31f.entry.js → p-7398874a.entry.js} +1 -1
  68. package/dist/ptcw-design/{p-7777753a.entry.js → p-7524411a.entry.js} +1 -1
  69. package/dist/ptcw-design/{p-91a9f126.entry.js → p-769954c9.entry.js} +1 -1
  70. package/dist/ptcw-design/{p-850e6e8c.entry.js → p-83632220.entry.js} +1 -1
  71. package/dist/ptcw-design/{p-87215e3a.entry.js → p-87a9a028.entry.js} +1 -1
  72. package/dist/ptcw-design/{p-a81833cd.entry.js → p-9461c4eb.entry.js} +1 -1
  73. package/dist/ptcw-design/{p-804dac0c.entry.js → p-a31f22a1.entry.js} +1 -1
  74. package/dist/ptcw-design/p-af46854e.entry.js +1 -0
  75. package/dist/ptcw-design/{p-d3c11c68.entry.js → p-b9966f20.entry.js} +1 -1
  76. package/dist/ptcw-design/{p-cf41ac32.entry.js → p-bb3fa2c6.entry.js} +2 -2
  77. package/dist/ptcw-design/{p-75c8fceb.entry.js → p-bdb2e42c.entry.js} +1 -1
  78. package/dist/ptcw-design/p-da4b7e23.entry.js +1 -0
  79. package/dist/ptcw-design/{p-83dabf2e.entry.js → p-e2da8109.entry.js} +1 -1
  80. package/dist/ptcw-design/p-e50a5a46.entry.js +1 -0
  81. package/dist/ptcw-design/p-e69a0445.entry.js +1 -0
  82. package/dist/ptcw-design/p-e9f834fa.entry.js +1 -0
  83. package/dist/ptcw-design/p-eabf87be.entry.js +1 -0
  84. package/dist/ptcw-design/{p-562a3e36.entry.js → p-ed49544c.entry.js} +1 -1
  85. package/dist/ptcw-design/{p-e65cbdb9.entry.js → p-edaf241d.entry.js} +1 -1
  86. package/dist/ptcw-design/{p-711bcdad.js → p-ee1183b2.js} +1 -1
  87. package/dist/ptcw-design/{p-5b00a563.entry.js → p-fa045097.entry.js} +1 -1
  88. package/dist/ptcw-design/{p-b2fcbbd8.entry.js → p-fb0f4459.entry.js} +1 -1
  89. package/dist/ptcw-design/p-fe445a4a.entry.js +1 -0
  90. package/dist/ptcw-design/ptcw-design.css +1 -1
  91. package/dist/ptcw-design/ptcw-design.esm.js +1 -1
  92. package/dist/types/components/ptc-select/ptc-select.d.ts +1 -0
  93. package/dist/types/components.d.ts +62 -62
  94. package/package.json +1 -1
  95. package/readme.md +1 -1
  96. package/dist/cjs/icon-asset_2.cjs.entry.js +0 -154
  97. package/dist/cjs/list-item.cjs.entry.js +0 -52
  98. package/dist/cjs/ptc-back-to-top.cjs.entry.js +0 -100
  99. package/dist/cjs/ptc-breadcrumb.cjs.entry.js +0 -63
  100. package/dist/cjs/ptc-button.cjs.entry.js +0 -117
  101. package/dist/cjs/ptc-para.cjs.entry.js +0 -139
  102. package/dist/cjs/ptc-picture.cjs.entry.js +0 -185
  103. package/dist/cjs/ptc-product-card.cjs.entry.js +0 -61
  104. package/dist/cjs/ptc-product-category.cjs.entry.js +0 -20
  105. package/dist/cjs/ptc-product-dropdown.cjs.entry.js +0 -80
  106. package/dist/cjs/ptc-product-highlight-card.cjs.entry.js +0 -28
  107. package/dist/cjs/ptc-product-list.cjs.entry.js +0 -172
  108. package/dist/cjs/ptc-product-sidebar.cjs.entry.js +0 -178
  109. package/dist/cjs/ptc-readmore.cjs.entry.js +0 -186
  110. package/dist/cjs/ptc-spacer.cjs.entry.js +0 -38
  111. package/dist/cjs/ptc-title.cjs.entry.js +0 -161
  112. package/dist/cjs/ptc-tooltip.cjs.entry.js +0 -113
  113. package/dist/esm/icon-asset_2.entry.js +0 -149
  114. package/dist/esm/list-item.entry.js +0 -48
  115. package/dist/esm/ptc-back-to-top.entry.js +0 -96
  116. package/dist/esm/ptc-breadcrumb.entry.js +0 -59
  117. package/dist/esm/ptc-button.entry.js +0 -113
  118. package/dist/esm/ptc-para.entry.js +0 -135
  119. package/dist/esm/ptc-picture.entry.js +0 -181
  120. package/dist/esm/ptc-product-card.entry.js +0 -57
  121. package/dist/esm/ptc-product-category.entry.js +0 -16
  122. package/dist/esm/ptc-product-dropdown.entry.js +0 -76
  123. package/dist/esm/ptc-product-highlight-card.entry.js +0 -24
  124. package/dist/esm/ptc-product-list.entry.js +0 -168
  125. package/dist/esm/ptc-product-sidebar.entry.js +0 -174
  126. package/dist/esm/ptc-readmore.entry.js +0 -182
  127. package/dist/esm/ptc-spacer.entry.js +0 -34
  128. package/dist/esm/ptc-title.entry.js +0 -157
  129. package/dist/esm/ptc-tooltip.entry.js +0 -109
  130. package/dist/ptcw-design/p-00c5879b.entry.js +0 -1
  131. package/dist/ptcw-design/p-03a1e1a5.entry.js +0 -1
  132. package/dist/ptcw-design/p-068b64a1.entry.js +0 -1
  133. package/dist/ptcw-design/p-0ea22cdc.entry.js +0 -1
  134. package/dist/ptcw-design/p-183ba1ca.entry.js +0 -1
  135. package/dist/ptcw-design/p-1acd3617.entry.js +0 -1
  136. package/dist/ptcw-design/p-1b3394a7.entry.js +0 -1
  137. package/dist/ptcw-design/p-2e288e60.entry.js +0 -1
  138. package/dist/ptcw-design/p-2f82de8f.entry.js +0 -1
  139. package/dist/ptcw-design/p-36d6e662.entry.js +0 -1
  140. package/dist/ptcw-design/p-4313edfb.entry.js +0 -1
  141. package/dist/ptcw-design/p-47aa1583.entry.js +0 -1
  142. package/dist/ptcw-design/p-5119fb48.entry.js +0 -1
  143. package/dist/ptcw-design/p-561a622f.entry.js +0 -1
  144. package/dist/ptcw-design/p-674c828e.entry.js +0 -1
  145. package/dist/ptcw-design/p-709cc1f0.entry.js +0 -1
  146. package/dist/ptcw-design/p-73293d32.entry.js +0 -1
  147. package/dist/ptcw-design/p-87e4c337.entry.js +0 -1
  148. package/dist/ptcw-design/p-89da867f.entry.js +0 -1
  149. package/dist/ptcw-design/p-8efaac1b.entry.js +0 -1
  150. package/dist/ptcw-design/p-a3ef1660.entry.js +0 -1
  151. package/dist/ptcw-design/p-b1c51eb4.entry.js +0 -1
  152. package/dist/ptcw-design/p-c9762c88.entry.js +0 -1
  153. package/dist/ptcw-design/p-e00c5964.entry.js +0 -1
  154. package/dist/ptcw-design/p-e1373325.entry.js +0 -1
  155. package/dist/ptcw-design/p-ec22d0b8.entry.js +0 -1
@@ -1,139 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- const index = require('./index-63ddc79c.js');
6
- const utils = require('./utils-0ff09a53.js');
7
-
8
- 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}}";
9
-
10
- const PtcPara = class {
11
- constructor(hostRef) {
12
- index.registerInstance(this, hostRef);
13
- this.fontSize = "x-small";
14
- this.fontWeight = "w-4";
15
- this.paraStyle = "default";
16
- this.paraColor = "primary-grey";
17
- this.paraLineH = "line-height-normal";
18
- this.paraMargin = undefined;
19
- this.paraAlign = undefined;
20
- this.ellipsisLineCutoff = undefined;
21
- this.paraZIndex = undefined;
22
- this.styles = undefined;
23
- this.seoCompatibilityMode = false;
24
- this.tooltipZIndex = "auto";
25
- this.tooltipPosition = "bottom";
26
- this.tooltipTheme = "standard";
27
- this.enableTooltip = false;
28
- this.maxChars = undefined;
29
- this.maxLines = undefined;
30
- this.hideTooltipOnMobile = false;
31
- this.ismob = undefined;
32
- this.noOverflow = false;
33
- this.tooltipWidth = "default";
34
- }
35
- // Tooltip Properties ends
36
- render() {
37
- if (this.seoCompatibilityMode) {
38
- utils.seoSlotReset(this.el);
39
- }
40
- return this.standardRender();
41
- }
42
- //tooltip code
43
- getSortedText(content) {
44
- if (!this.enableTooltip)
45
- return;
46
- const trimmedContent = content.trim();
47
- const shouldTruncate = trimmedContent.length > this.maxChars && !this.maxLines;
48
- return shouldTruncate
49
- ? `${trimmedContent.slice(0, this.maxChars).trimEnd()}\u00A0\u2026`
50
- : trimmedContent;
51
- }
52
- componentDidLoad() {
53
- if (this.hideTooltipOnMobile) {
54
- this.el.classList.add("hide-tooltip-on-mobile");
55
- }
56
- this.el.addEventListener("mouseenter", () => {
57
- this.toggleTitleTooltip(true);
58
- });
59
- this.el.addEventListener("mouseleave", () => {
60
- this.toggleTitleTooltip(false);
61
- });
62
- if (this.enableTooltip) {
63
- let paraContent = this.el.innerText || this.el.textContent;
64
- this.tooltipText = paraContent.trim();
65
- this.el.innerText = this.getSortedText(paraContent);
66
- }
67
- }
68
- toggleTitleTooltip(show) {
69
- const tooltipClass = "tooltip-box";
70
- const existingTooltip = this.el.querySelector(`.${tooltipClass}`);
71
- const text = this.el.shadowRoot.querySelectorAll(".line-clamp-title");
72
- let maxLinesShowCheck = false;
73
- if (text) {
74
- text.forEach((t) => {
75
- maxLinesShowCheck = t.scrollHeight > t.clientHeight;
76
- });
77
- }
78
- const ifCharExceeds = this.maxChars
79
- ? this.tooltipText.length > this.maxChars && !this.maxLines
80
- : false;
81
- const ifLinesExceeds = this.maxLines && maxLinesShowCheck;
82
- if (show && this.enableTooltip) {
83
- if (((!existingTooltip && ifCharExceeds) ||
84
- (!existingTooltip && ifLinesExceeds)) &&
85
- !this.noOverflow) {
86
- const tooltipMarkup = document.createElement("div");
87
- tooltipMarkup.className = tooltipClass;
88
- tooltipMarkup.innerText = this.tooltipText;
89
- tooltipMarkup.style.zIndex = String(this.tooltipZIndex); // Ensures zIndex is a string
90
- tooltipMarkup.classList.add(this.tooltipPosition, this.tooltipTheme, this.tooltipWidth);
91
- if (this.hideTooltipOnMobile) {
92
- tooltipMarkup.classList.add("hide-tooltip-mobile");
93
- }
94
- this.el.appendChild(tooltipMarkup);
95
- }
96
- }
97
- else {
98
- existingTooltip === null || existingTooltip === void 0 ? void 0 : existingTooltip.remove();
99
- }
100
- }
101
- //tooltip code ends
102
- standardRender() {
103
- const classMap = this.getCssClassMap();
104
- const colorClass = this.addWhiteClass();
105
- const cutOff = this.getLineCuttoff();
106
- return (index.h(index.Host, { class: `${colorClass} ${this.paraZIndex} trunc-text` }, this.styles && index.h("style", null, this.styles), index.h("p", { class: classMap, part: "part-para", style: cutOff }, index.h("slot", null))));
107
- }
108
- getCssClassMap() {
109
- return {
110
- [this.fontSize]: true,
111
- [this.fontWeight]: true,
112
- [this.paraStyle]: true,
113
- [this.paraMargin]: !!this.paraMargin ? true : false,
114
- [this.paraColor]: true,
115
- [this.paraLineH]: true,
116
- [this.paraAlign]: !!this.paraAlign ? true : false,
117
- ["ellipsis-boxing"]: this.ellipsisLineCutoff && this.ellipsisLineCutoff > 0,
118
- ["line-clamp-title"]: this.maxLines && this.maxLines > 0, //tooltip code,
119
- };
120
- }
121
- //WEB-2392
122
- addWhiteClass() {
123
- if (this.paraColor == "white") {
124
- return {
125
- [this.paraColor]: true,
126
- };
127
- }
128
- }
129
- getLineCuttoff() {
130
- const lineClamp = this.ellipsisLineCutoff > 0
131
- ? this.ellipsisLineCutoff
132
- : this.maxLines;
133
- return lineClamp > 0 ? { "-webkit-line-clamp": `${lineClamp}` } : {};
134
- }
135
- get el() { return index.getElement(this); }
136
- };
137
- PtcPara.style = ptcParaCss;
138
-
139
- exports.ptc_para = PtcPara;
@@ -1,185 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- const index = require('./index-63ddc79c.js');
6
- const interfaces = require('./interfaces-574e6df7.js');
7
-
8
- 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}";
9
-
10
- const PtcPicture = class {
11
- constructor(hostRef) {
12
- index.registerInstance(this, hostRef);
13
- this.src = undefined;
14
- this.alt = "image";
15
- this.sizeXs = "510x340";
16
- this.sizeSm = "1240x496";
17
- this.sizeMd = "1366x500";
18
- this.sizeLg = "1920x1080";
19
- this.disableResize = false;
20
- this.oldSrc = undefined;
21
- this.imagePosition = "static";
22
- this.borderRadius = undefined;
23
- this.height = undefined;
24
- this.width = undefined;
25
- this.objectFit = "cover";
26
- this.isFullHeight = false;
27
- this.isFullWidth = false;
28
- this.styles = undefined;
29
- this.imageAlignment = "left";
30
- this.maxWidth = undefined;
31
- this.displayImage = "block";
32
- }
33
- WindowResize() {
34
- this.addIntersectionObserver();
35
- }
36
- componentWillLoad() {
37
- if (this.disableResize) {
38
- this.sizeXs = undefined;
39
- this.sizeSm = undefined;
40
- this.sizeMd = undefined;
41
- this.sizeLg = undefined;
42
- }
43
- }
44
- componentDidLoad() {
45
- this.addIntersectionObserver();
46
- }
47
- componentWillUpdate() {
48
- if (this.src !== this.oldSrc) {
49
- this.addIntersectionObserver();
50
- }
51
- this.oldSrc = this.src;
52
- }
53
- //lazy-loading
54
- addIntersectionObserver() {
55
- if (!this.src) {
56
- return;
57
- }
58
- if ("IntersectionObserver" in window) {
59
- let lazyLoadImages = new IntersectionObserver((entries) => {
60
- entries.forEach((entry) => {
61
- if (entry.isIntersecting) {
62
- const image = this.el.shadowRoot.querySelector("img");
63
- image.src = this.setResponsiveBg();
64
- lazyLoadImages.unobserve(image);
65
- }
66
- });
67
- });
68
- let tempImg = this.el.shadowRoot.querySelector("img");
69
- if (tempImg) {
70
- lazyLoadImages.observe(tempImg);
71
- }
72
- this.observer = lazyLoadImages;
73
- }
74
- else {
75
- // fall back to setTimeout for Safari and IE
76
- setTimeout(() => {
77
- const image = this.el.shadowRoot.querySelector("img");
78
- image.src = this.setResponsiveBg();
79
- image.onload = () => {
80
- image.removeAttribute("data-src");
81
- };
82
- }, 5000);
83
- }
84
- }
85
- //responsive image
86
- setResponsiveBg() {
87
- // Define local variables
88
- let backgrounds = (this.el.shadowRoot || document).querySelectorAll("img"), el, elData, currentBreakpoint = this.getCurrentBreakPoints();
89
- for (var i = 0, len = backgrounds.length; i < len; i++) {
90
- // Set current variables
91
- el = backgrounds[i];
92
- elData = el.getAttribute("data-" + currentBreakpoint);
93
- if (elData !== null) {
94
- return elData;
95
- }
96
- else {
97
- if (typeof console == "object") {
98
- console.warn("Data attribute: data-" +
99
- currentBreakpoint +
100
- " not found on element:\n\n" +
101
- el.outerHTML +
102
- "\n\n\n");
103
- }
104
- }
105
- }
106
- }
107
- //manually load image
108
- async LoadImage() {
109
- const image = this.el.shadowRoot.querySelector("img");
110
- if (!image) {
111
- return;
112
- }
113
- if (!image.src) {
114
- image.src = this.setResponsiveBg();
115
- image.onload = () => {
116
- image.removeAttribute("data-src");
117
- };
118
- }
119
- if (this.observer) {
120
- this.observer.unobserve(image);
121
- }
122
- }
123
- render() {
124
- const classMap = this.getCssClassMap();
125
- const classMapHost = this.getCssClassMapHost();
126
- return (index.h(index.Host, { class: classMapHost }, this.styles && index.h("style", null, this.styles), index.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
127
- ? { maxWidth: this.maxWidth + "px" }
128
- : {})) })), index.h("slot", null)));
129
- }
130
- getCurrentBreakPoints() {
131
- // Define local variables
132
- let doc = window.document, temp = doc.createElement("div"), env;
133
- // Append test node
134
- doc.body.appendChild(temp);
135
- // Loop through breakpoints
136
- for (let i = interfaces.ResponsivePictureVariables.envs.length - 1; i >= 0; i--) {
137
- env = interfaces.ResponsivePictureVariables.envs[i];
138
- // Add classes
139
- temp.className = "hidden-" + env;
140
- // Found breakpoint
141
- if (temp.offsetParent === null) {
142
- // Remove our test node
143
- doc.body.removeChild(temp);
144
- // Return current breakpoint
145
- return env;
146
- }
147
- }
148
- // Breakpoint not found, try fallback
149
- doc.body.removeChild(temp);
150
- return this.getFallbackBreakpoint();
151
- }
152
- getFallbackBreakpoint() {
153
- if (window.matchMedia("(min-width: 992px)").matches) {
154
- return "lg";
155
- }
156
- else if (window.matchMedia("(min-width: 768px)").matches) {
157
- return "md";
158
- }
159
- else if (window.matchMedia("(min-width: 576px)").matches) {
160
- return "sm";
161
- }
162
- else {
163
- return "xs";
164
- }
165
- }
166
- getCssClassMap() {
167
- return {
168
- [this.borderRadius]: this.borderRadius ? true : false,
169
- [this.objectFit]: true,
170
- [this.isFullHeight ? "is-full-height" : "is-normal-height"]: true,
171
- [this.isFullWidth ? "is-full-width" : "is-normal-width"]: true,
172
- [this.displayImage]: true,
173
- };
174
- }
175
- getCssClassMapHost() {
176
- return {
177
- [this.imagePosition]: true,
178
- [this.imageAlignment]: true,
179
- };
180
- }
181
- get el() { return index.getElement(this); }
182
- };
183
- PtcPicture.style = ptcPictureCss;
184
-
185
- exports.ptc_picture = PtcPicture;
@@ -1,61 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- const index = require('./index-63ddc79c.js');
6
-
7
- const ptcProductCardCss = "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}}a{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);text-decoration-line:underline;color:var(--color-hyperlink);transition:color var(--ptc-transition-medium) var(--ptc-ease-out);font-weight:var(--ptc-font-weight-bold)}a:visited{color:var(--color-blue-10)}a:active,a:visited:active{transition:none;color:var(--color-blue-09)}a:hover,a:visited:hover{color:var(--color-blue-08)}a.disabled{color:var(--color-gray-04) !important;cursor:not-allowed}a:focus-visible{outline:5px solid #003dd6 !important;outline-offset:0px !important;border-radius:var(--ptc-border-radius-standard)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a),.light-links a.light-link,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a),.background-grey-10 a.light-link,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a),.background-plm-grey a.light-link{color:var(--color-blue-04);margin:-2px;border:2px solid transparent}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited,.light-links a.light-link:visited,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited,.background-grey-10 a.light-link:visited,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited,.background-plm-grey a.light-link:visited{color:var(--color-blue-06)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):active,.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:active,.light-links a.light-link:active,.light-links a.light-link:visited:active,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):active,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:active,.background-grey-10 a.light-link:active,.background-grey-10 a.light-link:visited:active,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):active,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:active,.background-plm-grey a.light-link:active,.background-plm-grey a.light-link:visited:active{transition:none;color:var(--color-blue-07)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):hover,.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:hover,.light-links a.light-link:hover,.light-links a.light-link:visited:hover,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):hover,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:hover,.background-grey-10 a.light-link:hover,.background-grey-10 a.light-link:visited:hover,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):hover,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:hover,.background-plm-grey a.light-link:hover,.background-plm-grey a.light-link:visited:hover{color:var(--color-blue-05)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a).disabled,.light-links a.light-link.disabled,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a).disabled,.background-grey-10 a.light-link.disabled,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a).disabled,.background-plm-grey a.light-link.disabled{color:var(--color-gray-04) !important;cursor:not-allowed}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):focus-visible,.light-links a.light-link:focus-visible,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):focus-visible,.background-grey-10 a.light-link:focus-visible,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):focus-visible,.background-plm-grey a.light-link:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}.light-links .podcast-cta-section a,.background-grey-10 .podcast-cta-section a,.background-plm-grey .podcast-cta-section a{border:2px solid transparent}.light-links .podcast-cta-section a:focus-visible,.background-grey-10 .podcast-cta-section a:focus-visible,.background-plm-grey .podcast-cta-section a:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}.white-links a{color:var(--color-white) !important}.ptc-link{color:var(--color-gray-10);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.ptc-link:hover{color:var(--color-green-06)}.ptc-link:visited{color:var(--color-gray-10)}.ptc-link:active,.ptc-link:visited:active{transition:none;color:var(--color-green-06)}.ptc-link:hover,.ptc-link:visited:hover{color:var(--color-green-06)}.ptc-link-dark{color:var(--color-white);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.ptc-link-dark:hover{color:var(--color-green-06)}.ptc-link-dark:visited{color:var(--color-white)}.ptc-link-dark:active,.ptc-link-dark:visited:active{transition:none;color:var(--color-green-06)}.ptc-link-dark:hover,.ptc-link-dark:visited:hover{color:var(--color-green-06)}.vjs-social-share-links a{color:var(--color-white)}.vjs-social-share-links a:hover{color:var(--color-white)}:host{display:block;background-color:var(--color-white);border-radius:var(--ptc-border-radius-standard);margin-bottom:var(--ptc-layout-spacing-03)}:host .card-wrap{display:flex;align-items:center}:host .card-wrap ptc-picture{display:none}@media only screen and (min-width: 768px){:host .card-wrap ptc-picture{display:block;margin-left:var(--ptc-element-spacing-06);min-width:38px;max-width:38px}}:host .card-wrap .content{padding:var(--ptc-layout-spacing-03) var(--ptc-layout-spacing-04) var(--ptc-layout-spacing-03) var(--ptc-layout-spacing-04)}@media only screen and (min-width: 768px){:host .card-wrap .content{padding:var(--ptc-layout-spacing-03) var(--ptc-layout-spacing-03) var(--ptc-layout-spacing-03) 44px}}@media only screen and (min-width: 1200px){:host .card-wrap .content{display:flex;align-items:center;justify-content:space-between;width:100%}}:host .card-wrap .content .cta-wrap{margin-left:0;margin-top:24px;min-width:146px;text-align:left}@media only screen and (min-width: 1200px){:host .card-wrap .content .cta-wrap{margin-top:0px;margin-left:44px;text-align:right}}:host .toggle-btn{padding:16px;text-align:center;border-top:1px solid var(--color-gray-04);display:block;cursor:pointer}:host .toggle-btn:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host .toggle-btn svg{margin-right:var(--ptc-element-spacing-03);vertical-align:middle;margin-top:-2px}:host .toggle-btn .toggleText::before{content:\"\";display:inline-block;width:18px;height:18px;background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><rect width=\"18\" height=\"18\" rx=\"4\" fill=\"%2300890B\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M9.953 4.23535H8.04712V8.04712H4.23535V9.953H8.04712V13.7648H9.953V9.953H13.7648V8.04712H9.953V4.23535Z\" fill=\"white\"/></svg>');margin-right:12px;vertical-align:middle;margin-top:-2px}:host .product-highlights-container{padding:0px 20px 16px 20px;display:none}:host(.has-opened) .toggleText::before{background-image:url('data:image/svg+xml,<svg width=\"19\" height=\"18\" viewBox=\"0 0 19 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><rect x=\"0.632812\" width=\"17.9798\" height=\"18\" rx=\"4\" fill=\"%2300890B\"/><g clip-path=\"url(%23clip0_220_1413)\"><path d=\"M4.86328 7.98749V10.0125H14.382V7.98749H4.86328Z\" fill=\"white\"/></g><defs><clipPath id=\"clip0_220_1413\"><rect width=\"9.51872\" height=\"9.52941\" fill=\"white\" transform=\"translate(4.86328 4.23529)\"/></clipPath></defs></svg>')}:host(.has-opened) .product-highlights-container{display:block}::slotted(.cta-group){display:flex;flex-direction:row;gap:12px;flex-wrap:wrap;-moz-column-gap:16px;column-gap:16px}@media only screen and (min-width: 1200px){::slotted(.cta-group){flex-direction:column}}";
8
-
9
- const PtcProductCard = class {
10
- constructor(hostRef) {
11
- index.registerInstance(this, hostRef);
12
- this.cardImage = undefined;
13
- this.cardImageAltText = undefined;
14
- this.cardDescription = undefined;
15
- this.cardCtaText = undefined;
16
- this.toggleCtaTitle = undefined;
17
- this.isOpen = false;
18
- this.isSlotEmpty = undefined;
19
- }
20
- togglePanel() {
21
- this.isOpen = !this.isOpen;
22
- }
23
- handleReadmoreToggle(event) {
24
- const siblingCards = Array.from(this.hostElement.querySelectorAll(".ptc-product-highlight-card"));
25
- siblingCards.forEach((card) => {
26
- var _a, _b;
27
- const readmoreComponent = card === null || card === void 0 ? void 0 : card.querySelector("ptc-readmore");
28
- const rmText = (_a = readmoreComponent.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(".read-more-text");
29
- const isReadMore = rmText.scrollHeight > rmText.clientHeight;
30
- const rmCheckbox = (_b = readmoreComponent.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector("#expanded");
31
- if (readmoreComponent &&
32
- readmoreComponent !== event.detail.sender) {
33
- // Update the sibling readmore component
34
- rmCheckbox.checked = event.detail.isExpanded;
35
- // Trigger the update programmatically
36
- const cta = readmoreComponent.shadowRoot.querySelector(".read-more-cta-label");
37
- if (cta) {
38
- event.detail.isExpanded
39
- ? (cta.innerHTML = `<span>${readmoreComponent.lessText || ""}</span>`)
40
- : (cta.innerHTML = `<span>${readmoreComponent.moreText || ""}</span>`);
41
- if (event.detail.isExpanded) {
42
- if (isReadMore) {
43
- cta.classList.add("show-less-cta");
44
- }
45
- }
46
- else {
47
- cta.classList.remove("show-less-cta");
48
- }
49
- }
50
- rmText.classList[isReadMore ? "add" : "remove"]("truncated");
51
- }
52
- });
53
- }
54
- render() {
55
- return (index.h(index.Host, null, index.h("div", { class: "card-wrap" }, this.cardImage && (index.h("ptc-picture", { alt: "image-test", src: this.cardImage, "display-image": "inline-block", width: "38" })), index.h("div", { class: "content" }, index.h("div", null, index.h("slot", { name: "title" }), index.h("ptc-spacer", { size: "x-small" }), index.h("ptc-spacer", { size: "xx-small", breakpoint: "x-small" }), index.h("div", null, index.h("slot", { name: "content" }))), index.h("div", { class: "cta-wrap" }, index.h("slot", { name: "cta" })))), this.toggleCtaTitle && (index.h("ptc-para", { class: "toggle-btn mf-listen", "font-size": "small", "para-margin": "margin-flush", "para-line-h": "line-height-p", "para-z-index": "z-auto", onClick: () => this.togglePanel(), tabIndex: 0 }, index.h("span", { class: "toggleText" }, this.toggleCtaTitle))), index.h("div", { class: "product-highlights-container" }, index.h("slot", null))));
56
- }
57
- get hostElement() { return index.getElement(this); }
58
- };
59
- PtcProductCard.style = ptcProductCardCss;
60
-
61
- exports.ptc_product_card = PtcProductCard;
@@ -1,20 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- const index = require('./index-63ddc79c.js');
6
-
7
- const ptcProductCategoryCss = "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}}a{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);text-decoration-line:underline;color:var(--color-hyperlink);transition:color var(--ptc-transition-medium) var(--ptc-ease-out);font-weight:var(--ptc-font-weight-bold)}a:visited{color:var(--color-blue-10)}a:active,a:visited:active{transition:none;color:var(--color-blue-09)}a:hover,a:visited:hover{color:var(--color-blue-08)}a.disabled{color:var(--color-gray-04) !important;cursor:not-allowed}a:focus-visible{outline:5px solid #003dd6 !important;outline-offset:0px !important;border-radius:var(--ptc-border-radius-standard)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a),.light-links a.light-link,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a),.background-grey-10 a.light-link,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a),.background-plm-grey a.light-link{color:var(--color-blue-04);margin:-2px;border:2px solid transparent}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited,.light-links a.light-link:visited,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited,.background-grey-10 a.light-link:visited,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited,.background-plm-grey a.light-link:visited{color:var(--color-blue-06)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):active,.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:active,.light-links a.light-link:active,.light-links a.light-link:visited:active,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):active,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:active,.background-grey-10 a.light-link:active,.background-grey-10 a.light-link:visited:active,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):active,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:active,.background-plm-grey a.light-link:active,.background-plm-grey a.light-link:visited:active{transition:none;color:var(--color-blue-07)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):hover,.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:hover,.light-links a.light-link:hover,.light-links a.light-link:visited:hover,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):hover,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:hover,.background-grey-10 a.light-link:hover,.background-grey-10 a.light-link:visited:hover,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):hover,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:hover,.background-plm-grey a.light-link:hover,.background-plm-grey a.light-link:visited:hover{color:var(--color-blue-05)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a).disabled,.light-links a.light-link.disabled,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a).disabled,.background-grey-10 a.light-link.disabled,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a).disabled,.background-plm-grey a.light-link.disabled{color:var(--color-gray-04) !important;cursor:not-allowed}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):focus-visible,.light-links a.light-link:focus-visible,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):focus-visible,.background-grey-10 a.light-link:focus-visible,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):focus-visible,.background-plm-grey a.light-link:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}.light-links .podcast-cta-section a,.background-grey-10 .podcast-cta-section a,.background-plm-grey .podcast-cta-section a{border:2px solid transparent}.light-links .podcast-cta-section a:focus-visible,.background-grey-10 .podcast-cta-section a:focus-visible,.background-plm-grey .podcast-cta-section a:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}.white-links a{color:var(--color-white) !important}.ptc-link{color:var(--color-gray-10);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.ptc-link:hover{color:var(--color-green-06)}.ptc-link:visited{color:var(--color-gray-10)}.ptc-link:active,.ptc-link:visited:active{transition:none;color:var(--color-green-06)}.ptc-link:hover,.ptc-link:visited:hover{color:var(--color-green-06)}.ptc-link-dark{color:var(--color-white);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.ptc-link-dark:hover{color:var(--color-green-06)}.ptc-link-dark:visited{color:var(--color-white)}.ptc-link-dark:active,.ptc-link-dark:visited:active{transition:none;color:var(--color-green-06)}.ptc-link-dark:hover,.ptc-link-dark:visited:hover{color:var(--color-green-06)}.vjs-social-share-links a{color:var(--color-white)}.vjs-social-share-links a:hover{color:var(--color-white)}:host{display:block;padding-bottom:var(--ptc-layout-spacing-03)}:host .category-header{margin-bottom:var(--ptc-layout-spacing-03)}:host .tooltip-box{visibility:visible;padding:8px;color:var(--color-white);font-size:var(--ptc-font-size-xxx-small);font-weight:var(--ptc-font-weight-semibold);background-color:var(--color-gray-09);box-shadow:0px 2px 4px rgba(0, 0, 0, 0.3);border:none;border-radius:var(--ptc-border-radius-standard);width:auto;height:auto;text-align:left;text-shadow:none;white-space:normal;position:absolute;z-index:999;line-height:1.5}@media only screen and (min-width: 480px){:host .tooltip-box{width:273px}}:host .tooltip-box.hide-tooltip-mobile{display:none !important}@media only screen and (min-width: 768px){:host .tooltip-box.hide-tooltip-mobile{display:block !important}}:host .tooltip-box.full-width{width:100%}:host .tooltip-box::after{content:\"\";position:absolute}:host .tooltip-box.bottom{bottom:-12px;transform:translateY(100%)}:host .tooltip-box.bottom::after{top:1px;left:50%;transform:translate(-50%, -100%);border:8px solid transparent;border-bottom:8px solid var(--color-gray-09)}:host .tooltip-box.left{bottom:-12px;transform:translate(-80%, 100%)}:host .tooltip-box.left::after{top:1px;right:8px;transform:translateY(-100%);border:8px solid transparent;border-bottom:8px solid var(--color-gray-09)}:host .tooltip-box.right{bottom:-12px;transform:translateY(100%);right:0px}@-moz-document url-prefix(){:host .tooltip-box.right{right:unset !important;bottom:unset !important;transform:translate(60%, 8px) !important}@media screen and (min-width: 992px){:host .tooltip-box.right{transform:translate(100%, 8px) !important}}}:host .tooltip-box.right::after{top:1px;left:8px;transform:translateY(-100%);border:8px solid transparent;border-bottom:8px solid var(--color-gray-09)}:host .tooltip-box.top{top:-8px;transform:translateY(-100%)}:host .tooltip-box.top::after{left:50%;bottom:1px;transform:translate(-50%, 100%);border:8px solid transparent;border-top:8px solid var(--color-gray-09)}:host .tooltip-box.bottom-right{bottom:-12px;transform:translate(100%, 100%)}:host .tooltip-box.bottom-right::after{top:1px;left:10%;transform:translate(-50%, -100%);border:8px solid transparent;border-bottom:8px solid var(--color-gray-09)}:host .tooltip-box.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)}:host .tooltip-box.danger a{color:var(--color-hyperlink)}@media (max-width: 768px){:host .hide-tooltip-on-mobile h1,:host .hide-tooltip-on-mobile h2,:host .hide-tooltip-on-mobile h3,:host .hide-tooltip-on-mobile h4,:host .hide-tooltip-on-mobile h5,:host .hide-tooltip-on-mobile h6{-webkit-line-clamp:initial !important}}";
8
-
9
- const PtcProductCategory = class {
10
- constructor(hostRef) {
11
- index.registerInstance(this, hostRef);
12
- this.categoryDescription = undefined;
13
- }
14
- render() {
15
- return (index.h(index.Host, null, index.h("div", { class: "category-header" }, index.h("slot", { name: "title" }), index.h("ptc-spacer", { size: "x-small" }), index.h("ptc-spacer", { size: "x-small", breakpoint: "x-small" }), index.h("ptc-para", { "para-margin": "margin-flush", "font-size": "small", "para-line-h": "line-height-p", "font-weight": "w-5", "para-z-index": "z-auto", "enable-tooltip": true, "max-lines": "9", "tooltip-z-index": "999", "tooltip-width": "full-width", "seo-compatibility-mode": true }, this.categoryDescription)), index.h("slot", null)));
16
- }
17
- };
18
- PtcProductCategory.style = ptcProductCategoryCss;
19
-
20
- exports.ptc_product_category = PtcProductCategory;
@@ -1,80 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- const index = require('./index-63ddc79c.js');
6
-
7
- const ptcProductDropdownCss = "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;margin-top:4px;background-color:var(--color-white)}:host .hidden{display:none}:host .dropdown{position:relative;display:inline-block;width:100%;font-size:16px}:host .dropdown .dropdown-toggle{padding:0.5rem;border:1px solid var(--color-gray-03);background-color:var(--color-white);cursor:pointer;display:flex;align-items:center;justify-content:space-between;min-height:34px;box-sizing:border-box}: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{font-size:14px;color:var(--color-gray-07)}:host .caret{display:inline-block;vertical-align:middle}:host .dropdown-menu{position:absolute;top:100%;left:0;min-width:10rem;border:1px solid var(--color-gray-03);background-color:var(--color-white);box-shadow:0px 2px 4px rgba(35, 43, 45, 0.3);z-index:105;max-height:400px;overflow-y:auto;width:100%;box-sizing:border-box}:host .dropdown-menu::-webkit-scrollbar{width:5px}:host .dropdown-menu::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0, 0, 0, 0.3)}:host .dropdown-menu::-webkit-scrollbar-thumb{background-color:var(--color-gray-05);outline:1px solid var(--color-gray-05)}:host .checkbox-label{display:flex;align-items:flex-start;padding:6px 16px;cursor:pointer;font-size:14px}:host .checkbox-label:first-child{padding-top:20px}:host .checkbox-label:last-child{padding-bottom:20px}:host .checkbox-label input[type=checkbox]{min-width:20px;margin-right:8px;width:20px;height:20px;margin-top:0}:host .checkbox-label input[type=checkbox]:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}";
8
-
9
- const PtcProductDropdown = class {
10
- constructor(hostRef) {
11
- index.registerInstance(this, hostRef);
12
- this.selectedValues = index.createEvent(this, "selectedValues", 7);
13
- this.dropdownTouched = index.createEvent(this, "dropdownTouched", 7);
14
- this.internalOptions = undefined;
15
- this.newOptions = undefined;
16
- this.selectedOptions = [];
17
- this.placeholder = undefined;
18
- this.isOpen = false;
19
- }
20
- parseOptions() {
21
- let options = Array.from(this.hostElement.querySelectorAll("span"));
22
- if (options) {
23
- this.internalOptions = options.map((option) => {
24
- return option.textContent;
25
- });
26
- }
27
- }
28
- toggleDropdown() {
29
- this.isOpen = !this.isOpen;
30
- this.dropdownTouched.emit({
31
- sender: this,
32
- isOpen: this.isOpen,
33
- });
34
- }
35
- handleSearchResult(event) {
36
- const { sender, searchTerm } = event.detail;
37
- if (sender) {
38
- if (searchTerm === "") {
39
- this.selectedOptions = [];
40
- this.isOpen = false;
41
- }
42
- }
43
- }
44
- handleinputChanged(event) {
45
- const { sender } = event.detail;
46
- if (sender) {
47
- this.selectedOptions = [];
48
- this.isOpen = false;
49
- }
50
- }
51
- handleCheckboxChange(option) {
52
- const index = this.selectedOptions.indexOf(option);
53
- if (index > -1) {
54
- this.selectedOptions.splice(index, 1);
55
- this.selectedValues.emit({
56
- sender: this,
57
- selectedOptions: this.selectedOptions,
58
- });
59
- }
60
- else {
61
- this.selectedOptions.push(option);
62
- this.selectedValues.emit({
63
- sender: this,
64
- selectedOptions: this.selectedOptions,
65
- });
66
- }
67
- }
68
- componentWillLoad() {
69
- this.parseOptions();
70
- }
71
- render() {
72
- return (index.h(index.Host, null, index.h("div", { class: "dropdown" }, index.h("div", { class: "dropdown-toggle", onClick: () => this.toggleDropdown(), onKeyDown: (e) => {
73
- e.key === "Enter" ? this.toggleDropdown() : null;
74
- }, tabIndex: 0 }, index.h("span", { class: "dropdown-placeholder" }, this.placeholder), index.h("span", { class: "caret" }, index.h("svg", { width: "12", height: "8", viewBox: "0 0 12 8", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { d: "M1.86537 0.917969L6.14614 4.56922L10.4269 0.917969L11.9769 2.23997L6.14614 7.21323L0.31543 2.23997L1.86537 0.917969Z", fill: "#323B42" })))), this.isOpen && (index.h("div", { class: "dropdown-menu" }, this.internalOptions.map((option) => (index.h("label", { class: "checkbox-label" }, index.h("input", { type: "checkbox", checked: this.selectedOptions.includes(option), onChange: () => this.handleCheckboxChange(option) }), option)))))), index.h("div", { class: "hidden" }, index.h("slot", null))));
75
- }
76
- get hostElement() { return index.getElement(this); }
77
- };
78
- PtcProductDropdown.style = ptcProductDropdownCss;
79
-
80
- exports.ptc_product_dropdown = PtcProductDropdown;
@@ -1,28 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- const index = require('./index-63ddc79c.js');
6
-
7
- const ptcProductHighlightCardCss = "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}}a{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);text-decoration-line:underline;color:var(--color-hyperlink);transition:color var(--ptc-transition-medium) var(--ptc-ease-out);font-weight:var(--ptc-font-weight-bold)}a:visited{color:var(--color-blue-10)}a:active,a:visited:active{transition:none;color:var(--color-blue-09)}a:hover,a:visited:hover{color:var(--color-blue-08)}a.disabled{color:var(--color-gray-04) !important;cursor:not-allowed}a:focus-visible{outline:5px solid #003dd6 !important;outline-offset:0px !important;border-radius:var(--ptc-border-radius-standard)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a),.light-links a.light-link,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a),.background-grey-10 a.light-link,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a),.background-plm-grey a.light-link{color:var(--color-blue-04);margin:-2px;border:2px solid transparent}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited,.light-links a.light-link:visited,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited,.background-grey-10 a.light-link:visited,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited,.background-plm-grey a.light-link:visited{color:var(--color-blue-06)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):active,.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:active,.light-links a.light-link:active,.light-links a.light-link:visited:active,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):active,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:active,.background-grey-10 a.light-link:active,.background-grey-10 a.light-link:visited:active,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):active,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:active,.background-plm-grey a.light-link:active,.background-plm-grey a.light-link:visited:active{transition:none;color:var(--color-blue-07)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):hover,.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:hover,.light-links a.light-link:hover,.light-links a.light-link:visited:hover,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):hover,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:hover,.background-grey-10 a.light-link:hover,.background-grey-10 a.light-link:visited:hover,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):hover,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:hover,.background-plm-grey a.light-link:hover,.background-plm-grey a.light-link:visited:hover{color:var(--color-blue-05)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a).disabled,.light-links a.light-link.disabled,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a).disabled,.background-grey-10 a.light-link.disabled,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a).disabled,.background-plm-grey a.light-link.disabled{color:var(--color-gray-04) !important;cursor:not-allowed}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):focus-visible,.light-links a.light-link:focus-visible,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):focus-visible,.background-grey-10 a.light-link:focus-visible,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):focus-visible,.background-plm-grey a.light-link:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}.light-links .podcast-cta-section a,.background-grey-10 .podcast-cta-section a,.background-plm-grey .podcast-cta-section a{border:2px solid transparent}.light-links .podcast-cta-section a:focus-visible,.background-grey-10 .podcast-cta-section a:focus-visible,.background-plm-grey .podcast-cta-section a:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}.white-links a{color:var(--color-white) !important}.ptc-link{color:var(--color-gray-10);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.ptc-link:hover{color:var(--color-green-06)}.ptc-link:visited{color:var(--color-gray-10)}.ptc-link:active,.ptc-link:visited:active{transition:none;color:var(--color-green-06)}.ptc-link:hover,.ptc-link:visited:hover{color:var(--color-green-06)}.ptc-link-dark{color:var(--color-white);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.ptc-link-dark:hover{color:var(--color-green-06)}.ptc-link-dark:visited{color:var(--color-white)}.ptc-link-dark:active,.ptc-link-dark:visited:active{transition:none;color:var(--color-green-06)}.ptc-link-dark:hover,.ptc-link-dark:visited:hover{color:var(--color-green-06)}.vjs-social-share-links a{color:var(--color-white)}.vjs-social-share-links a:hover{color:var(--color-white)}:host{max-width:300px;display:block;padding:18px 10px 12px 10px;border:1px solid var(--color-gray-04);border-radius:var(--ptc-border-radius-standard);margin:auto;height:100%}:host ptc-picture{min-height:100px}:host ptc-para ptc-readmore .box input~label{margin-right:0px}:host ptc-para a{color:var(--color-hyperlink)}";
8
-
9
- const PtcProductHighlightCard = class {
10
- constructor(hostRef) {
11
- index.registerInstance(this, hostRef);
12
- this.cardTitle = undefined;
13
- this.cardImage = undefined;
14
- this.cardImageAltText = undefined;
15
- this.moreText = "More";
16
- this.lessText = "Less";
17
- this.cardDescription = undefined;
18
- this.browserFirefox = false;
19
- this.currentLanguage = undefined;
20
- }
21
- render() {
22
- return (index.h(index.Host, null, index.h("ptc-title", { type: "h4", upperline: "no-upperline", "title-margin": "margin-flush", "title-size": "small", "text-align": "center" }, index.h("ptc-tooltip", { "text-display": "block", "text-lines": "2", "z-index": "z-999", description: this.cardTitle, position: "bottom", width: "full-width" })), index.h("ptc-picture", { alt: this.cardImageAltText, src: this.cardImage, "image-alignment": "center", width: "69", "display-image": "inline-block", styles: "img{margin: 12px auto 18px auto}" }), index.h("ptc-para", { "font-size": "x-small", "para-margin": "margin-flush", "para-line-h": "line-height-densest", "para-align": "left", "para-z-index": "z-auto" }, this.browserFirefox &&
23
- this.currentLanguage.toLowerCase().includes("ja") ? (index.h("slot", null)) : (index.h("ptc-readmore", { "more-text": this.moreText, "less-text": this.lessText, "visible-lines-custom": "8", "read-more-position": "left" }, index.h("slot", null))))));
24
- }
25
- };
26
- PtcProductHighlightCard.style = ptcProductHighlightCardCss;
27
-
28
- exports.ptc_product_highlight_card = PtcProductHighlightCard;