@ptcwebops/ptcw-design 6.2.8 → 6.2.9-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 (267) hide show
  1. package/dist/cjs/blog-detail-content_2.cjs.entry.js +1 -1
  2. package/dist/cjs/blog-detail-layout.cjs.entry.js +1 -1
  3. package/dist/cjs/blogs-search-section.cjs.entry.js +1 -1
  4. package/dist/cjs/{component-06dda623.js → component-4dd13907.js} +2643 -832
  5. package/dist/cjs/event-jumbotron-example_15.cjs.entry.js +1349 -0
  6. package/dist/cjs/featured-list.cjs.entry.js +1 -1
  7. package/dist/cjs/homepage-jumbotron.cjs.entry.js +1 -1
  8. package/dist/cjs/homepage-toggled-content.cjs.entry.js +1 -1
  9. package/dist/cjs/innovator-toggle-container.cjs.entry.js +1 -1
  10. package/dist/cjs/loader.cjs.js +1 -1
  11. package/dist/cjs/modal-form-example.cjs.entry.js +94 -0
  12. package/dist/cjs/most-popular-news.cjs.entry.js +1 -1
  13. package/dist/cjs/my-component.cjs.entry.js +1 -1
  14. package/dist/cjs/ptc-accordion-item.cjs.entry.js +1 -1
  15. package/dist/cjs/ptc-background-video.cjs.entry.js +1 -1
  16. package/dist/cjs/ptc-bio-card.cjs.entry.js +1 -1
  17. package/dist/cjs/ptc-card-bottom.cjs.entry.js +46 -0
  18. package/dist/cjs/ptc-case-studies-slider.cjs.entry.js +1 -1
  19. package/dist/cjs/ptc-collapse-list.cjs.entry.js +1 -1
  20. package/dist/cjs/ptc-data-lookup.cjs.entry.js +1 -2
  21. package/dist/cjs/ptc-featured-list.cjs.entry.js +1 -1
  22. package/dist/cjs/ptc-filter-level-theater.cjs.entry.js +1 -1
  23. package/dist/cjs/ptc-footer.cjs.entry.js +1 -1
  24. package/dist/cjs/{ptc-form-checkbox_2.cjs.entry.js → ptc-form-checkbox_4.cjs.entry.js} +795 -10
  25. package/dist/cjs/ptc-homepage-image-feature.cjs.entry.js +1 -1
  26. package/dist/cjs/ptc-homepage-video-background.cjs.entry.js +1 -1
  27. package/dist/cjs/ptc-icon-card.cjs.entry.js +8 -2
  28. package/dist/cjs/ptc-jumbotron.cjs.entry.js +1 -1
  29. package/dist/cjs/ptc-media-card.cjs.entry.js +1 -1
  30. package/dist/cjs/ptc-nav-submenu.cjs.entry.js +1 -1
  31. package/dist/cjs/ptc-podcast-card.cjs.entry.js +1 -1
  32. package/dist/cjs/ptc-previous-url.cjs.entry.js +10 -2
  33. package/dist/cjs/ptc-pricing-packaging-table.cjs.entry.js +1 -1
  34. package/dist/cjs/ptc-pricing-tabs.cjs.entry.js +1 -1
  35. package/dist/cjs/ptc-product-card.cjs.entry.js +1 -1
  36. package/dist/cjs/ptc-product-category.cjs.entry.js +1 -1
  37. package/dist/cjs/ptc-product-highlight-card.cjs.entry.js +1 -1
  38. package/dist/cjs/ptc-readmore-char.cjs.entry.js +1 -1
  39. package/dist/cjs/ptc-readmore-v3.cjs.entry.js +1 -1
  40. package/dist/cjs/ptc-social-icons-footer.cjs.entry.js +7 -2
  41. package/dist/cjs/ptc-tooltip-v2.cjs.entry.js +1 -1
  42. package/dist/cjs/ptc-value-led-speed-bump.cjs.entry.js +1 -1
  43. package/dist/cjs/ptc-white-paper.cjs.entry.js +1 -1
  44. package/dist/cjs/ptcw-design.cjs.js +1 -1
  45. package/dist/cjs/{utils-87d7b99f.js → utils-ad441b07.js} +9 -0
  46. package/dist/collection/collection-manifest.json +1 -0
  47. package/dist/collection/components/icon-asset/media/designer-v6.0.6.svg +48 -2
  48. package/dist/collection/components/innovator-toggle-container/innovator-toggle-container.css +20 -5
  49. package/dist/collection/components/organism-bundles/bundle-featured-list/featured-list.css +19 -1
  50. package/dist/collection/components/organism-bundles/event-jumbotron-example/event-jumbotron-example.css +26 -0
  51. package/dist/collection/components/organism-bundles/event-jumbotron-example/event-jumbotron-example.js +23 -1
  52. package/dist/collection/components/organism-bundles/form/modal-from-example/modal-form-example.css +26 -0
  53. package/dist/collection/components/organism-bundles/form/modal-from-example/modal-form-example.js +99 -0
  54. package/dist/collection/components/ptc-bio-card/ptc-bio-card.css +20 -5
  55. package/dist/collection/components/ptc-button/ptc-button.js +4 -1
  56. package/dist/collection/components/ptc-case-studies-slider/ptc-case-studies-slider.css +20 -5
  57. package/dist/collection/components/ptc-featured-list/ptc-featured-list.css +20 -5
  58. package/dist/collection/components/ptc-filter-level-theater/ptc-filter-level-theater.css +20 -5
  59. package/dist/collection/components/ptc-footer/ptc-footer-v2.css +14 -1
  60. package/dist/collection/components/ptc-icon-card/ptc-icon-card.css +10 -0
  61. package/dist/collection/components/ptc-icon-card/ptc-icon-card.js +25 -1
  62. package/dist/collection/components/ptc-jumbotron/ptc-jumbotron.css +20 -5
  63. package/dist/collection/components/ptc-link/ptc-link.css +8 -0
  64. package/dist/collection/components/ptc-link/ptc-link.js +4 -1
  65. package/dist/collection/components/ptc-modal/ptc-modal.css +94 -0
  66. package/dist/collection/components/ptc-modal/ptc-modal.js +104 -7
  67. package/dist/collection/components/ptc-para/ptc-para.css +3 -0
  68. package/dist/collection/components/ptc-para/ptc-para.js +2 -2
  69. package/dist/collection/components/ptc-podcast-card/ptc-podcast-card.css +20 -5
  70. package/dist/collection/components/ptc-previous-url/ptc-previous-url.css +16 -0
  71. package/dist/collection/components/ptc-previous-url/ptc-previous-url.js +27 -1
  72. package/dist/collection/components/ptc-product-card/ptc-product-card.css +20 -5
  73. package/dist/collection/components/ptc-product-category/ptc-product-category.css +20 -5
  74. package/dist/collection/components/ptc-product-highlight-card/ptc-product-highlight-card.css +20 -5
  75. package/dist/collection/components/ptc-readmore-char/ptc-readmore-char.css +20 -5
  76. package/dist/collection/components/ptc-readmore-v3/ptc-readmore-v3.css +20 -5
  77. package/dist/collection/components/ptc-scroll-button/ptc-scroll-button.css +20 -1
  78. package/dist/collection/components/ptc-scroll-button/ptc-scroll-button.js +79 -2
  79. package/dist/collection/components/ptc-social-icons-footer/ptc-social-icons-footer.css +10 -0
  80. package/dist/collection/components/ptc-social-icons-footer/ptc-social-icons-footer.js +24 -1
  81. package/dist/collection/components/ptc-textfield/ptc-textfield.css +51 -0
  82. package/dist/collection/components/ptc-textfield/ptc-textfield.js +59 -4
  83. package/dist/collection/components/ptc-tooltip-v2/ptc-tooltip-v2.css +20 -5
  84. package/dist/collection/components/ptc-value-led-speed-bump/ptc-value-led-speed-bump.css +20 -5
  85. package/dist/collection/components/ptc-white-paper/ptc-white-paper.css +20 -5
  86. package/dist/collection/components/subnav/ptc-nav-submenu/ptc-nav-submenu.css +7 -0
  87. package/dist/collection/stories/organisms/eSupport/CaseTracker/preview.stories.js +45 -0
  88. package/dist/collection/stories/organisms/eSupport/SupportArticle/preview.stories.js +47 -0
  89. package/dist/collection/stories/organisms/eSupport/SupportPage/preview.stories.js +157 -0
  90. package/dist/collection/utils/utils.js +8 -0
  91. package/dist/custom-elements/index.d.ts +6 -0
  92. package/dist/custom-elements/index.js +227 -47
  93. package/dist/esm/blog-detail-content_2.entry.js +1 -1
  94. package/dist/esm/blog-detail-layout.entry.js +1 -1
  95. package/dist/esm/blogs-search-section.entry.js +1 -1
  96. package/dist/esm/{component-274da230.js → component-9c921cc6.js} +2592 -793
  97. package/dist/esm/event-jumbotron-example_15.entry.js +1331 -0
  98. package/dist/esm/featured-list.entry.js +1 -1
  99. package/dist/esm/homepage-jumbotron.entry.js +1 -1
  100. package/dist/esm/homepage-toggled-content.entry.js +1 -1
  101. package/dist/esm/innovator-toggle-container.entry.js +1 -1
  102. package/dist/esm/loader.js +1 -1
  103. package/dist/esm/modal-form-example.entry.js +90 -0
  104. package/dist/esm/most-popular-news.entry.js +1 -1
  105. package/dist/esm/my-component.entry.js +1 -1
  106. package/dist/esm/ptc-accordion-item.entry.js +1 -1
  107. package/dist/esm/ptc-background-video.entry.js +1 -1
  108. package/dist/esm/ptc-bio-card.entry.js +1 -1
  109. package/dist/esm/ptc-card-bottom.entry.js +42 -0
  110. package/dist/esm/ptc-case-studies-slider.entry.js +1 -1
  111. package/dist/esm/ptc-collapse-list.entry.js +1 -1
  112. package/dist/esm/ptc-data-lookup.entry.js +1 -2
  113. package/dist/esm/ptc-featured-list.entry.js +1 -1
  114. package/dist/esm/ptc-filter-level-theater.entry.js +1 -1
  115. package/dist/esm/ptc-footer.entry.js +1 -1
  116. package/dist/esm/{ptc-form-checkbox_2.entry.js → ptc-form-checkbox_4.entry.js} +792 -9
  117. package/dist/esm/ptc-homepage-image-feature.entry.js +1 -1
  118. package/dist/esm/ptc-homepage-video-background.entry.js +1 -1
  119. package/dist/esm/ptc-icon-card.entry.js +9 -3
  120. package/dist/esm/ptc-jumbotron.entry.js +1 -1
  121. package/dist/esm/ptc-media-card.entry.js +1 -1
  122. package/dist/esm/ptc-nav-submenu.entry.js +1 -1
  123. package/dist/esm/ptc-podcast-card.entry.js +1 -1
  124. package/dist/esm/ptc-previous-url.entry.js +10 -2
  125. package/dist/esm/ptc-pricing-packaging-table.entry.js +1 -1
  126. package/dist/esm/ptc-pricing-tabs.entry.js +1 -1
  127. package/dist/esm/ptc-product-card.entry.js +1 -1
  128. package/dist/esm/ptc-product-category.entry.js +1 -1
  129. package/dist/esm/ptc-product-highlight-card.entry.js +1 -1
  130. package/dist/esm/ptc-readmore-char.entry.js +1 -1
  131. package/dist/esm/ptc-readmore-v3.entry.js +1 -1
  132. package/dist/esm/ptc-social-icons-footer.entry.js +7 -2
  133. package/dist/esm/ptc-tooltip-v2.entry.js +1 -1
  134. package/dist/esm/ptc-value-led-speed-bump.entry.js +1 -1
  135. package/dist/esm/ptc-white-paper.entry.js +1 -1
  136. package/dist/esm/ptcw-design.js +1 -1
  137. package/dist/esm/{utils-1bbe0c30.js → utils-ff65c75b.js} +9 -1
  138. package/dist/ptcw-design/media/designer-v6.0.6.svg +48 -2
  139. package/dist/ptcw-design/{p-1cff585f.entry.js → p-0d806031.entry.js} +1 -1
  140. package/dist/ptcw-design/{p-4fc9c83b.entry.js → p-11e0edaf.entry.js} +1 -1
  141. package/dist/ptcw-design/p-1b257420.entry.js +1 -0
  142. package/dist/ptcw-design/p-1f62e213.entry.js +1 -0
  143. package/dist/ptcw-design/p-257deac0.entry.js +1 -0
  144. package/dist/ptcw-design/{p-fce2bd81.entry.js → p-2749c178.entry.js} +1 -1
  145. package/dist/ptcw-design/p-2ac5ed9c.entry.js +1 -0
  146. package/dist/ptcw-design/{p-942850e0.entry.js → p-2c6fc745.entry.js} +1 -1
  147. package/dist/ptcw-design/p-34c50b3e.entry.js +1 -0
  148. package/dist/ptcw-design/p-36007a57.entry.js +1 -0
  149. package/dist/ptcw-design/p-50d68602.entry.js +1 -0
  150. package/dist/ptcw-design/p-5ef23b5c.entry.js +1 -0
  151. package/dist/ptcw-design/{p-5602ffb4.entry.js → p-5ef88025.entry.js} +1 -1
  152. package/dist/ptcw-design/p-6c2b4fb8.entry.js +1 -0
  153. package/dist/ptcw-design/{p-f07e64f2.entry.js → p-6d3326da.entry.js} +1 -1
  154. package/dist/ptcw-design/{p-085e82b8.entry.js → p-72df6678.entry.js} +1 -1
  155. package/dist/ptcw-design/p-77b8ce07.entry.js +68 -0
  156. package/dist/ptcw-design/{p-d1857ada.entry.js → p-77cad16c.entry.js} +1 -1
  157. package/dist/ptcw-design/p-799afee5.entry.js +1 -0
  158. package/dist/ptcw-design/{p-990bcbc4.entry.js → p-7a9611b4.entry.js} +1 -1
  159. package/dist/ptcw-design/{p-2ac7e3ce.entry.js → p-808ec62a.entry.js} +1 -1
  160. package/dist/ptcw-design/p-8872161f.js +1 -0
  161. package/dist/ptcw-design/p-90c4f08b.entry.js +1 -0
  162. package/dist/ptcw-design/p-95187918.entry.js +1 -0
  163. package/dist/ptcw-design/p-a2d9831c.entry.js +1 -0
  164. package/dist/ptcw-design/p-a3b57ede.entry.js +1 -0
  165. package/dist/ptcw-design/{p-65f19054.entry.js → p-ae970a60.entry.js} +1 -1
  166. package/dist/ptcw-design/p-ba8c58a7.entry.js +1 -0
  167. package/dist/ptcw-design/{p-a3a04f4e.entry.js → p-bb902570.entry.js} +1 -1
  168. package/dist/ptcw-design/p-bcab66bf.js +336 -0
  169. package/dist/ptcw-design/{p-4036055e.entry.js → p-c37a3bd2.entry.js} +1 -1
  170. package/dist/ptcw-design/{p-717d3a75.entry.js → p-c66b8926.entry.js} +1 -1
  171. package/dist/ptcw-design/{p-56a4c6d4.entry.js → p-c95f423e.entry.js} +1 -1
  172. package/dist/ptcw-design/{p-dee4bb6c.entry.js → p-d10cb999.entry.js} +1 -1
  173. package/dist/ptcw-design/p-d2e26642.entry.js +1 -0
  174. package/dist/ptcw-design/{p-48183365.entry.js → p-d756db27.entry.js} +1 -1
  175. package/dist/ptcw-design/{p-873c711b.entry.js → p-d9abe7e8.entry.js} +1 -1
  176. package/dist/ptcw-design/{p-53f49500.entry.js → p-da82dc93.entry.js} +1 -1
  177. package/dist/ptcw-design/p-de960790.entry.js +1 -0
  178. package/dist/ptcw-design/{p-deebd138.entry.js → p-e3f8e5d5.entry.js} +1 -1
  179. package/dist/ptcw-design/{p-b4564411.entry.js → p-e4000363.entry.js} +1 -1
  180. package/dist/ptcw-design/{p-d3e5b65c.entry.js → p-ea7369e9.entry.js} +1 -1
  181. package/dist/ptcw-design/p-f8512dc9.entry.js +1 -0
  182. package/dist/ptcw-design/ptcw-design.css +2 -2
  183. package/dist/ptcw-design/ptcw-design.esm.js +1 -1
  184. package/dist/types/components/organism-bundles/event-jumbotron-example/event-jumbotron-example.d.ts +1 -0
  185. package/dist/types/components/organism-bundles/form/modal-from-example/modal-form-example.d.ts +25 -0
  186. package/dist/types/components/ptc-button/ptc-button.d.ts +1 -0
  187. package/dist/types/components/ptc-icon-card/ptc-icon-card.d.ts +6 -0
  188. package/dist/types/components/ptc-link/ptc-link.d.ts +1 -0
  189. package/dist/types/components/ptc-modal/ptc-modal.d.ts +7 -2
  190. package/dist/types/components/ptc-para/ptc-para.d.ts +1 -1
  191. package/dist/types/components/ptc-previous-url/ptc-previous-url.d.ts +2 -0
  192. package/dist/types/components/ptc-scroll-button/ptc-scroll-button.d.ts +12 -0
  193. package/dist/types/components/ptc-social-icons-footer/ptc-social-icons-footer.d.ts +5 -0
  194. package/dist/types/components/ptc-textfield/ptc-textfield.d.ts +3 -0
  195. package/dist/types/components.d.ts +59 -6
  196. package/dist/types/utils/utils.d.ts +1 -0
  197. package/package.json +1 -1
  198. package/readme.md +5 -1
  199. package/dist/cjs/component-5b5b6a98.js +0 -1819
  200. package/dist/cjs/event-jumbotron-example.cjs.entry.js +0 -127
  201. package/dist/cjs/icon-asset.cjs.entry.js +0 -65
  202. package/dist/cjs/list-item.cjs.entry.js +0 -48
  203. package/dist/cjs/ptc-breadcrumb.cjs.entry.js +0 -47
  204. package/dist/cjs/ptc-button.cjs.entry.js +0 -84
  205. package/dist/cjs/ptc-card-bottom_2.cjs.entry.js +0 -132
  206. package/dist/cjs/ptc-card-content.cjs.entry.js +0 -68
  207. package/dist/cjs/ptc-close-icon_2.cjs.entry.js +0 -211
  208. package/dist/cjs/ptc-img.cjs.entry.js +0 -133
  209. package/dist/cjs/ptc-link.cjs.entry.js +0 -95
  210. package/dist/cjs/ptc-multi-select_2.cjs.entry.js +0 -670
  211. package/dist/cjs/ptc-para.cjs.entry.js +0 -127
  212. package/dist/cjs/ptc-scroll-button.cjs.entry.js +0 -81
  213. package/dist/cjs/ptc-spacer.cjs.entry.js +0 -38
  214. package/dist/cjs/ptc-title.cjs.entry.js +0 -152
  215. package/dist/cjs/validation-messages-33a4f26b.js +0 -126
  216. package/dist/esm/component-341e4eaa.js +0 -1802
  217. package/dist/esm/event-jumbotron-example.entry.js +0 -123
  218. package/dist/esm/icon-asset.entry.js +0 -61
  219. package/dist/esm/list-item.entry.js +0 -44
  220. package/dist/esm/ptc-breadcrumb.entry.js +0 -43
  221. package/dist/esm/ptc-button.entry.js +0 -80
  222. package/dist/esm/ptc-card-bottom_2.entry.js +0 -127
  223. package/dist/esm/ptc-card-content.entry.js +0 -64
  224. package/dist/esm/ptc-close-icon_2.entry.js +0 -206
  225. package/dist/esm/ptc-img.entry.js +0 -129
  226. package/dist/esm/ptc-link.entry.js +0 -91
  227. package/dist/esm/ptc-multi-select_2.entry.js +0 -665
  228. package/dist/esm/ptc-para.entry.js +0 -123
  229. package/dist/esm/ptc-scroll-button.entry.js +0 -77
  230. package/dist/esm/ptc-spacer.entry.js +0 -34
  231. package/dist/esm/ptc-title.entry.js +0 -148
  232. package/dist/esm/validation-messages-adbb6518.js +0 -124
  233. package/dist/ptcw-design/p-00e21489.entry.js +0 -1
  234. package/dist/ptcw-design/p-0c69ea52.entry.js +0 -1
  235. package/dist/ptcw-design/p-136a91bf.entry.js +0 -1
  236. package/dist/ptcw-design/p-18a5a338.js +0 -1
  237. package/dist/ptcw-design/p-18f59395.entry.js +0 -1
  238. package/dist/ptcw-design/p-1b7087e7.entry.js +0 -1
  239. package/dist/ptcw-design/p-1ca8a5bf.entry.js +0 -1
  240. package/dist/ptcw-design/p-25a25451.entry.js +0 -1
  241. package/dist/ptcw-design/p-2e19248b.entry.js +0 -1
  242. package/dist/ptcw-design/p-3f71553e.entry.js +0 -1
  243. package/dist/ptcw-design/p-453aee98.entry.js +0 -1
  244. package/dist/ptcw-design/p-4e2bb0e0.entry.js +0 -1
  245. package/dist/ptcw-design/p-583608d9.entry.js +0 -1
  246. package/dist/ptcw-design/p-5d885144.entry.js +0 -1
  247. package/dist/ptcw-design/p-71d73712.entry.js +0 -1
  248. package/dist/ptcw-design/p-7793babb.entry.js +0 -1
  249. package/dist/ptcw-design/p-78be481f.entry.js +0 -1
  250. package/dist/ptcw-design/p-8b3ebdff.entry.js +0 -1
  251. package/dist/ptcw-design/p-8daf00ae.entry.js +0 -1
  252. package/dist/ptcw-design/p-9e9ae28c.entry.js +0 -1
  253. package/dist/ptcw-design/p-ad87bdab.js +0 -1
  254. package/dist/ptcw-design/p-b35ad9ee.entry.js +0 -1
  255. package/dist/ptcw-design/p-b3bbd17d.entry.js +0 -1
  256. package/dist/ptcw-design/p-b6e5379a.entry.js +0 -1
  257. package/dist/ptcw-design/p-b8ee8699.entry.js +0 -1
  258. package/dist/ptcw-design/p-be533f0d.js +0 -134
  259. package/dist/ptcw-design/p-c1513c3f.js +0 -203
  260. package/dist/ptcw-design/p-d734b373.entry.js +0 -1
  261. package/dist/ptcw-design/p-dc488936.entry.js +0 -1
  262. package/dist/ptcw-design/p-dd73c4d1.entry.js +0 -1
  263. package/dist/ptcw-design/p-e7937ac1.entry.js +0 -1
  264. package/dist/ptcw-design/p-e9403129.entry.js +0 -68
  265. package/dist/ptcw-design/p-e9a7475b.entry.js +0 -1
  266. package/dist/ptcw-design/p-f65adb71.entry.js +0 -1
  267. package/dist/ptcw-design/p-fcad5568.entry.js +0 -1
@@ -1 +1 @@
1
- import{r as t,c as e,h as i,H as o,g as n}from"./p-ac75c7ad.js";const s=class{constructor(i){t(this,i),this.dropdownClickEvent=e(this,"dropdownClickEvent",7),this.label=void 0,this.iconAssetName=void 0,this.iconSrc=void 0,this.labelTrackerId=void 0,this.dropdownTrackerId=void 0,this.backBtnTrackerId=void 0}calculateOffset(){var t=this.el.shadowRoot.querySelector(".submenu-container"),e=this.el.closest("ptc-subnav");if(t&&e)if(window.innerWidth>=1200){let i=e.clientHeight;i>0&&(t.style.top=`${i}px`)}else t.style.top=""}handleClick(t){this.calculateOffset(),setTimeout((()=>{this.dropdownClickEvent.emit(t)}),100)}render(){return i(o,{class:"dropdown"},i("div",{id:this.backBtnTrackerId,class:"tracker-div"},i("span",{class:"back-btn"},i("svg",{width:"10",height:"16",viewBox:"0 0 10 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M9.97852 14.12L3.82515 8L9.97852 1.88L8.08414 -8.28059e-08L0.0229606 8L8.08414 16L9.97852 14.12Z",fill:"white"})),"Back")),i("span",{class:"submenu-toggle",onClick:()=>this.handleClick(this),onMouseOver:()=>this.handleClick(this)},this.iconAssetName&&i("icon-asset",{type:"ptc",size:"xx-small",name:this.iconAssetName,color:"white"}),i("div",{id:this.labelTrackerId,class:"tracker-div"},this.label),i("div",{id:this.dropdownTrackerId,class:"tracker-div"},this.iconSrc&&i("img",{src:this.iconSrc,alt:this.label,class:"custom-icon"}),!this.iconSrc&&i("svg",{xmlns:"http://www.w3.org/2000/svg",width:"15",height:"15",viewBox:"0 0 15 15",fill:"white",class:""},i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M13.2375 2.83325L7.5 8.60203L1.7625 2.83325L-7.76305e-08 4.60923L7.5 12.1666L15 4.60923L13.2375 2.83325Z",fill:"white"})))),i("div",{class:"submenu-container"},i("div",{class:"submenu-container-lg"},i("slot",null))))}get el(){return n(this)}};s.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;position:relative;cursor:pointer}:host .back-btn{display:none;position:absolute;left:30px;top:22px;color:var(--color-white);font-size:var(--ptc-font-size-xx-small);line-height:var(--ptc-line-height-denser);font-weight:var(--ptc-font-weight-bold)}:host .back-btn svg{margin-right:4px;vertical-align:middle;width:12px;height:12px}@media only screen and (min-width: 1200px){:host{display:inline-block;position:initial}}:host::before,:host::after{content:" ";width:1600px;height:1px;background-color:var(--color-gray-08);position:absolute;right:0;bottom:0}@media only screen and (min-width: 1200px){:host::before,:host::after{display:none}}:host::after{left:0;right:auto}:host .submenu-toggle{display:inline-block;color:var(--color-gray-03);font-size:var(--ptc-font-size-xx-small);line-height:var(--ptc-line-height-denser);font-weight:var(--ptc-font-weight-bold);white-space:nowrap;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-03);margin-left:34%;position:relative}:host .submenu-toggle::after{content:"";display:block;border-bottom:2px solid transparent;margin:auto;position:absolute;width:calc(100% - 20px);left:0;right:0;bottom:14px}@media only screen and (min-width: 1200px){:host .submenu-toggle::after{bottom:20px}}@media only screen and (min-width: 480px){:host .submenu-toggle{margin-left:38%}}@media only screen and (min-width: 768px){:host .submenu-toggle{margin-left:42%}}@media only screen and (min-width: 1200px){:host .submenu-toggle{padding:22px var(--ptc-element-spacing-03);margin-left:0;display:flex;align-items:center}}:host .submenu-toggle svg{margin-left:5px;margin-top:2px;vertical-align:middle;width:12px;height:12px}:host .submenu-toggle svg path{fill:var(--color-gray-04)}:host .submenu-toggle:hover{color:var(--color-white)}:host .submenu-toggle:hover::after{border-color:var(--color-white)}:host .submenu-toggle:hover svg path{fill:var(--color-white)}:host .submenu-toggle icon-asset{margin-right:8px}:host .submenu-toggle icon-asset svg{margin:0}:host .submenu-container{background-color:var(--color-gray-12)}@media only screen and (min-width: 1200px){:host .submenu-container{position:absolute;width:100%;right:0;left:0;top:64px;z-index:10}}:host .submenu-container .submenu-container-lg{max-width:1200px;margin:auto}@media only screen and (min-width: 992px){:host .submenu-container .submenu-container-lg{padding:0 32px}}:host ::slotted(ptc-nav-link:last-child)::before,:host ::slotted(ptc-nav-link:last-child)::after{display:none}:host .tracker-div{display:inline}:host(.short-dropdown) .submenu-container{text-align:center}@media only screen and (min-width: 1200px){:host(.short-dropdown) .submenu-container{width:initial;right:3%;left:initial;top:56px;z-index:1000}}:host(.short-dropdown) .submenu-container .submenu-container-lg{padding:0;width:auto;min-width:348px;display:flex;justify-content:space-evenly}:host(.active){padding-bottom:0}:host(.active) .submenu-toggle{color:var(--color-white);border-color:var(--color-white)}:host(.active) .submenu-toggle svg path{fill:var(--color-white)}:host(.active)::before,:host(.active)::after{display:none}:host(.active.short-dropdown) .back-btn{display:inline-block}@media only screen and (min-width: 1200px){:host(.active.short-dropdown) .back-btn{display:none}}.custom-icon{object-fit:cover;width:1.5rem;height:1.5rem}.custom-icon:hover{filter:brightness(0) invert(1)}.menu-right *{color:transparent !important}';export{s as ptc_nav_submenu}
1
+ import{r as t,c as e,h as i,H as o,g as n}from"./p-ac75c7ad.js";const s=class{constructor(i){t(this,i),this.dropdownClickEvent=e(this,"dropdownClickEvent",7),this.label=void 0,this.iconAssetName=void 0,this.iconSrc=void 0,this.labelTrackerId=void 0,this.dropdownTrackerId=void 0,this.backBtnTrackerId=void 0}calculateOffset(){var t=this.el.shadowRoot.querySelector(".submenu-container"),e=this.el.closest("ptc-subnav");if(t&&e)if(window.innerWidth>=1200){let i=e.clientHeight;i>0&&(t.style.top=`${i}px`)}else t.style.top=""}handleClick(t){this.calculateOffset(),setTimeout((()=>{this.dropdownClickEvent.emit(t)}),100)}render(){return i(o,{class:"dropdown"},i("div",{id:this.backBtnTrackerId,class:"tracker-div"},i("span",{class:"back-btn"},i("svg",{width:"10",height:"16",viewBox:"0 0 10 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M9.97852 14.12L3.82515 8L9.97852 1.88L8.08414 -8.28059e-08L0.0229606 8L8.08414 16L9.97852 14.12Z",fill:"white"})),"Back")),i("span",{class:"submenu-toggle",onClick:()=>this.handleClick(this),onMouseOver:()=>this.handleClick(this)},this.iconAssetName&&i("icon-asset",{type:"ptc",size:"xx-small",name:this.iconAssetName,color:"white"}),i("div",{id:this.labelTrackerId,class:"tracker-div"},this.label),i("div",{id:this.dropdownTrackerId,class:"tracker-div"},this.iconSrc&&i("img",{src:this.iconSrc,alt:this.label,class:"custom-icon"}),!this.iconSrc&&i("svg",{xmlns:"http://www.w3.org/2000/svg",width:"15",height:"15",viewBox:"0 0 15 15",fill:"white",class:""},i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M13.2375 2.83325L7.5 8.60203L1.7625 2.83325L-7.76305e-08 4.60923L7.5 12.1666L15 4.60923L13.2375 2.83325Z",fill:"white"})))),i("div",{class:"submenu-container"},i("div",{class:"submenu-container-lg"},i("slot",null))))}get el(){return n(this)}};s.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;position:relative;cursor:pointer}:host .back-btn{display:none;position:absolute;left:30px;top:22px;color:var(--color-white);font-size:var(--ptc-font-size-xx-small);line-height:var(--ptc-line-height-denser);font-weight:var(--ptc-font-weight-bold)}:host .back-btn svg{margin-right:4px;vertical-align:middle;width:12px;height:12px}@media only screen and (min-width: 1200px){:host{display:inline-block;position:initial}}:host::before,:host::after{content:" ";width:1600px;height:1px;background-color:var(--color-gray-08);position:absolute;right:0;bottom:0}@media only screen and (min-width: 1200px){:host::before,:host::after{display:none}}:host::after{left:0;right:auto}:host .submenu-toggle{display:inline-block;color:var(--color-gray-03);font-size:var(--ptc-font-size-xx-small);line-height:var(--ptc-line-height-denser);font-weight:var(--ptc-font-weight-bold);white-space:nowrap;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-03);margin-left:34%;position:relative;border:2px solid transparent;margin:-2px}:host .submenu-toggle::after{content:"";display:block;border-bottom:2px solid transparent;margin:auto;position:absolute;width:calc(100% - 20px);left:0;right:0;bottom:14px}@media only screen and (min-width: 1200px){:host .submenu-toggle::after{bottom:20px}}@media only screen and (min-width: 480px){:host .submenu-toggle{margin-left:38%}}@media only screen and (min-width: 768px){:host .submenu-toggle{margin-left:42%}}@media only screen and (min-width: 1200px){:host .submenu-toggle{padding:22px var(--ptc-element-spacing-03);margin-left:0;display:flex;align-items:center}}:host .submenu-toggle svg{margin-left:5px;margin-top:2px;vertical-align:middle;width:12px;height:12px}:host .submenu-toggle svg path{fill:var(--color-gray-04)}:host .submenu-toggle:hover{color:var(--color-white)}:host .submenu-toggle:hover::after{border-color:var(--color-white)}:host .submenu-toggle:hover svg path{fill:var(--color-white)}:host .submenu-toggle icon-asset{margin-right:8px}:host .submenu-toggle icon-asset svg{margin:0}:host .submenu-toggle:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}:host .submenu-container{background-color:var(--color-gray-12)}@media only screen and (min-width: 1200px){:host .submenu-container{position:absolute;width:100%;right:0;left:0;top:64px;z-index:10}}:host .submenu-container .submenu-container-lg{max-width:1200px;margin:auto}@media only screen and (min-width: 992px){:host .submenu-container .submenu-container-lg{padding:0 32px}}:host ::slotted(ptc-nav-link:last-child)::before,:host ::slotted(ptc-nav-link:last-child)::after{display:none}:host .tracker-div{display:inline}:host(.short-dropdown) .submenu-container{text-align:center}@media only screen and (min-width: 1200px){:host(.short-dropdown) .submenu-container{width:initial;right:3%;left:initial;top:56px;z-index:1000}}:host(.short-dropdown) .submenu-container .submenu-container-lg{padding:0;width:auto;min-width:348px;display:flex;justify-content:space-evenly}:host(.active){padding-bottom:0}:host(.active) .submenu-toggle{color:var(--color-white);border-color:var(--color-white)}:host(.active) .submenu-toggle svg path{fill:var(--color-white)}:host(.active)::before,:host(.active)::after{display:none}:host(.active.short-dropdown) .back-btn{display:inline-block}@media only screen and (min-width: 1200px){:host(.active.short-dropdown) .back-btn{display:none}}.custom-icon{object-fit:cover;width:1.5rem;height:1.5rem}.custom-icon:hover{filter:brightness(0) invert(1)}.menu-right *{color:transparent !important}';export{s as ptc_nav_submenu}
@@ -0,0 +1 @@
1
+ import{r as t,h as e,H as a,g as i}from"./p-ac75c7ad.js";const l=class{constructor(e){t(this,e),this.formData={email:"",firstName:"",lastName:"",company:"",country:"",phone:"",inquiryReason:"",howhearselfreport:"",policyChecked:!1}}componentDidLoad(){this.formButton=this.el.querySelector(".form-submit"),this.formButton.addEventListener("click",this.handleSubmit.bind(this)),this.emailEle=this.el.querySelector('ptc-textfield[field-id="contact-email"]'),this.firstNameEle=this.el.querySelector('ptc-textfield[field-id="contact-firstname"]'),this.lastNameEle=this.el.querySelector('ptc-textfield[field-id="contact-lastname"]'),this.companyEle=this.el.querySelector('ptc-textfield[field-id="company"]'),this.phoneEle=this.el.querySelector('ptc-textfield[field-id="contact-phone"]')}handleInputChange(t,e){this.formData=Object.assign(Object.assign({},this.formData),{[t]:e})}handleSubmit(t){if(t.preventDefault(),this.formData.email=this.emailEle.inputValue,this.formData.firstName=this.firstNameEle.inputValue,this.formData.lastName=this.lastNameEle.inputValue,this.formData.company=this.companyEle.inputValue,this.formData.phone=this.phoneEle.inputValue,this.isValid()){const t=new CustomEvent("formSubmit",{detail:this.formData,bubbles:!0});this.el.dispatchEvent(t),console.log("Form Submitted: "+this.formData)}else console.log("Form validation failed"),console.log("Form Submitted: "+this.formData.email,this.formData.firstName,this.formData.lastName,this.formData.company,this.formData.phone)}isValid(){const{email:t,firstName:e,lastName:a,company:i,country:l,phone:s,inquiryReason:n,howhearselfreport:c,policyChecked:m}=this.formData,p=document.querySelectorAll(".invalid-field").length;return""!==t&&""!==s&&""!==e&&""!==a&&""!==i&&""!==l&&""!==n&&""!=c&&m&&0===p}render(){return e(a,null,e("div",{class:"ptc-container u-flex u-flex-justify-center"},e("div",{class:"form-wrapper"},e("ptc-title",{"seo-compatibility-mode":!0,"text-align":"left","title-color":"gray",upperline:"no-upperline","title-display":"inline-block","title-height":"densest","title-margin":"margin-flush","title-weight":"w-7","is-plm-hub":"false","title-size":"medium"},e("h2",null,"PTC’s PLM application suite combines the power of Windchill, the industry’s #1 PLM software with Thingworx")),e("ptc-spacer",{size:"x-small",breakpoint:"small"}),e("ptc-spacer",{size:"small",breakpoint:"x-small"}),e("ptc-para",{"seo-compatibility-mode":!0,"font-size":"x-small","font-weight":"w-4","para-margin":"margin-flush","para-style":"main","para-line-h":"line-height-densest"},"PTC’s market-leading, purpose-built IIoT platform. The suite offers a mix of Packages, Add-Ons, and Apps to best suit your business needs:"),e("ptc-spacer",{size:"x-small",breakpoint:"small"}),e("ptc-spacer",{size:"small",breakpoint:"x-small"}),e("max-width-container",{"max-width":"277",breakpoint:480},e("ptc-title",{type:"h2","text-align":"","title-size":"x-small","title-color":"gray",upperline:"no-upperline","title-display":"inline-block","title-height":"densest","title-margin":"margin-flush","title-weight":"w-6","is-plm-hub":"false"},"Please fill out the form and a PTC sales representative will be in touch."),e("ptc-spacer",{breakpoint:"x-small",size:"medium"}),e("ptc-spacer",{breakpoint:"x-small",size:"medium"}),e("ptc-spacer",{breakpoint:"small",size:"small"}),e("ptc-spacer",{breakpoint:"small",size:"small"})),e("form",{onSubmit:t=>this.handleSubmit(t)},e("ptc-textfield",{"field-id":"contact-firstname","label-text":"First Name*",type:"text","ptc-data-eloqua-name":"C_FirstName","field-name":"firstname"}),e("ptc-textfield",{"field-id":"contact-lastname","label-text":"Last Name*",type:"text","ptc-data-eloqua-name":"C_LastName","field-name":"lastname"}),e("ptc-textfield",{"field-id":"company","label-text":"Company*",type:"text","ptc-data-eloqua-name":"C_Company","field-name":"company"}),e("ptc-textfield",{"field-id":"contact-email","label-text":"Email*",type:"email","ptc-data-eloqua-name":"C_EmailAddress","field-name":"email"}),e("ptc-textfield",{"field-id":"company-email","label-text":"Company Email*",type:"email","ptc-data-eloqua-name":"C_EmailAddress","field-name":"companyemail"}),e("ptc-select",{"field-id":"contact-country",label:"Country*","ptc-data-eloqua-name":"C_Country","field-name":"country"},e("ul",{class:"mdc-list"},e("li",{class:"mdc-list-item placehoder-li","data-value":""},e("span",{class:"mdc-list-item__ripple"}),e("span",{class:"mdc-list-item__text"},"Select a country")),e("li",{class:"mdc-list-item","data-value":"USA"},e("span",{class:"mdc-list-item__ripple"}),e("span",{class:"mdc-list-item__text"},"USA")),e("li",{class:"mdc-list-item","data-value":"Canada"},e("span",{class:"mdc-list-item__ripple"}),e("span",{class:"mdc-list-item__text"},"Canada")),e("li",{class:"mdc-list-item","data-value":"China"},e("span",{class:"mdc-list-item__ripple"}),e("span",{class:"mdc-list-item__text"},"China")))),e("ptc-textfield",{"field-id":"contact-phone","label-text":"Phone*",type:"tel","ptc-data-eloqua-name":"C_BusPhone","field-name":"phone"}),e("ptc-select",{label:"What information are you interested in?*","ptc-data-eloqua-name":"Inquiry_Reason","field-name":"inquiryreason","field-id":"contact-inquiry"},e("ul",{class:"mdc-list"},e("li",{class:"mdc-list-item","data-value":"Please select a value"},e("span",{class:"mdc-list-item__ripple"})),e("li",{class:"mdc-list-item","data-value":"Augmented Reality (AR)"},e("span",{class:"mdc-list-item__ripple"}),e("span",{class:"mdc-list-item__text"},"Augmented Reality (AR)")),e("li",{class:"mdc-list-item","data-value":"CAD"},e("span",{class:"mdc-list-item__ripple"}),e("span",{class:"mdc-list-item__text"},"Computer Aided Design")),e("li",{class:"mdc-list-item","data-value":"Retail(FlexPLM)"},e("span",{class:"mdc-list-item__ripple"}),e("span",{class:"mdc-list-item__text"},"Fashion and Retail Product Lifecycle Management")))),e("ptc-multi-select",{items:[{text:"Item 1",selected:!1,ptcDataEloquaName:"item_1",ptcDataTargetEloquaName:"item_target-1"},{text:"Item 2",selected:!1,ptcDataEloquaName:"item_2",ptcDataTargetEloquaName:"item_target-2"},{text:"Item 3",selected:!1,ptcDataEloquaName:"item_3",ptcDataTargetEloquaName:"item_target-3"}],"is-required":"true"}),e("ptc-textfield",{"field-id":"Self-Reporting","label-text":"How can we help you?*",type:"text","ptc-data-eloqua-name":"HowHearSelfReport","ptc-max-length":"100","field-name":"howhearselfreport"}),e("ptc-form-checkbox",{label:"I agree to the policy","checkbox-id":"test"}),e("div",{class:"button-wrapper"},e("ptc-button",{class:"form-submit",color:"ptc-quaternary",type:"submit",styles:":host{align-self:flex-end; display:block; float: left; width: fit-content;}"},"Submit"),e("ptc-button",{class:"form-close",color:"ptc-tertiary",type:"button",styles:":host{align-self:flex-end; display:block; float: left; width: fit-content;}"},"Cancel"))))))}get el(){return i(this)}};l.style=":host {\r\n display: block;\r\n}\r\n\r\n.form-wrapper {\r\n width: 371px;\r\n display: flex;\r\n border-radius: 3px;\r\n background: #FFF;\r\n flex-direction: column;\r\n align-items: center;\r\n padding: 0px 32px;\r\n\r\n @media only screen and (min-width: 360px) and (max-width: 479.55px) {\r\n max-width: 360px;\r\n width: 360px;\r\n }\r\n\r\n .button-wrapper {\r\n display: flex;\r\n justify-content: flex-end;\r\n gap: 20px;\r\n margin-top: 48px;\r\n flex-wrap: wrap;\r\n }\r\n}\r\n";export{l as modal_form_example}
@@ -1 +1 @@
1
- import{r as t,h as e,H as l,g as i,F as a}from"./p-ac75c7ad.js";import{g as s,d as r}from"./p-ad87bdab.js";const o=class{constructor(e){t(this,e),this.verticalScrollContentClipperHeightOptions={withSubNav:{desktop:104,mobile:80},withoutSubNav:{desktop:40,mobile:24}},this.handleVerticalScroll=()=>{let t=this.el.shadowRoot.querySelector("#vertical-scroll-content-clipper"),e=this.el.shadowRoot.querySelector("#table-container"),l=this.el.shadowRoot.querySelector("#table-body"),i=this.el.shadowRoot.querySelector("#table-header-placeholder"),a=this.el.shadowRoot.querySelector("#table-header");const s=window.scrollY||document.documentElement.scrollTop;s<this.lastScrollTop?(i.getBoundingClientRect().top>=this.stickyTopAt&&(this.headerType="normal",a.style.top="0px"),"sticky"===this.headerType&&e.getBoundingClientRect().bottom>a.getBoundingClientRect().bottom&&a.getBoundingClientRect().top<this.stickyTopAt&&(a.style.top=`${Math.min(e.getBoundingClientRect().bottom-a.clientHeight,this.stickyTopAt)}px`,t.style.top=a.getBoundingClientRect().top-t.clientHeight+"px")):s>this.lastScrollTop&&(i.getBoundingClientRect().top<this.stickyTopAt&&(this.headerType="sticky",a.style.top=`${this.stickyTopAt}px`,a.style.width=`${l.getBoundingClientRect().width}px`),"sticky"===this.headerType&&e.getBoundingClientRect().bottom<=a.getBoundingClientRect().bottom&&(a.style.top=e.getBoundingClientRect().bottom-a.clientHeight+"px",t.style.top=a.getBoundingClientRect().top-t.clientHeight+"px")),this.getHashKey()||this.refreshHorizontalPosition(),this.lastScrollTop=s<=0?0:s},this.handleHorizontalScroll=()=>{this.refreshHorizontalPosition(),this.handleScrollButtonsVisibility()},this.handleScrollButtonsVisibility=()=>{let t=this.el.shadowRoot.querySelector("#table-body"),e=this.el.shadowRoot.querySelector("#previous-scroll-button"),l=this.el.shadowRoot.querySelector("#next-scroll-button"),i=this.el.shadowRoot.querySelector("#horizontal-scroll-shadow");0===t.scrollLeft?(e.style.visibility="hidden",i.style.visibility="hidden"):(e.style.visibility="visible",i.style.visibility="visible"),l.style.visibility=[-1,0,1].includes(Math.trunc(t.scrollWidth-t.scrollLeft)-Math.trunc(t.getBoundingClientRect().width))?"hidden":"visible"},this.handleForwardScroll=()=>{let t=0,e=this.el.shadowRoot.querySelector("#table-body"),l=setInterval((()=>{t+=this.scrollAmount,(t==this.scrollLimit||[-1,0,1].includes(Math.trunc(e.scrollWidth-e.scrollLeft)-Math.trunc(e.getBoundingClientRect().width)))&&clearInterval(l),e.scrollLeft+=t}),this.scrollTimeInterval)},this.handleBackwardScroll=()=>{let t=0,e=this.el.shadowRoot.querySelector("#pricing-table"),l=this.el.shadowRoot.querySelector("#table-body"),i=setInterval((()=>{t+=this.scrollAmount,(t==this.scrollLimit||e.getBoundingClientRect().left>=l.getBoundingClientRect().right)&&clearInterval(i),l.scrollLeft-=t}),this.scrollTimeInterval)},this.setFillerCellWidth=t=>{this.el.style.setProperty("--filler-cell-width",`${t}px`)},this.expandTableCells=()=>{let t=this.el.shadowRoot.querySelector("#pricing-table"),e=this.el.shadowRoot.querySelector(".desktop-header-first-cell"),l=(t.getBoundingClientRect().width-e.getBoundingClientRect().width)/this.dataCols;this.isDesktopView?(this.el.style.setProperty("--cell-width-xxs",`${this.cellWidthXXS}px`),this.el.style.setProperty("--cell-width-md",l-this.cellLeftRightPadding+"px")):(this.el.style.setProperty("--cell-width-xxs",l-this.cellLeftRightPadding+"px"),this.el.style.setProperty("--cell-width-md",`${this.cellWidthMD}px`))},this.handleFillEmptySpace=()=>{let t=this.el.shadowRoot.querySelector("#pricing-table");this.el.shadowRoot.querySelector("#table-header-placeholder").getBoundingClientRect().right<t.getBoundingClientRect().right&&(this.hasEmptySpace=!0,this.expandTableCells())},this.resetWidthVariables=()=>{this.el.style.setProperty("--cell-width-xxs",`${this.cellWidthXXS}px`),this.el.style.setProperty("--cell-width-md",`${this.cellWidthMD}px`)},this.handleTableReset=()=>{let t=this.el.shadowRoot.querySelector("#vertical-scroll-content-clipper"),e=this.el.shadowRoot.querySelector("#table-header"),l=this.el.shadowRoot.querySelector("#table-body"),i=this.el.shadowRoot.querySelector("#next-scroll-button"),a=this.el.shadowRoot.querySelector(".desktop-header-first-cell"),s=this.el.shadowRoot.querySelector("#horizontal-scroll-shadow");this.isDesktopView=window.innerWidth>=992,this.resetWidthVariables(),this.stickyTopAt=this.pageWithSubnav?this.isDesktopView?this.verticalScrollContentClipperHeightOptions.withSubNav.desktop:this.verticalScrollContentClipperHeightOptions.withSubNav.mobile:this.isDesktopView?this.verticalScrollContentClipperHeightOptions.withoutSubNav.desktop:this.verticalScrollContentClipperHeightOptions.withoutSubNav.mobile,this.el.style.setProperty("--sticky-stop-at",`${this.stickyTopAt}px`);const r=window.getComputedStyle(document.body,null).getPropertyValue("background-color");t.style.backgroundColor="rgba(0, 0, 0, 0)"===r?"white":r,t.style.width=`${l.getBoundingClientRect().width+20}px`,t.style.transform="translateX(-10px)",e.style.width=`${l.getBoundingClientRect().width}px`,e.scrollLeft=l.scrollLeft,i.style.left=`${l.getBoundingClientRect().width}px`,s.style.left=`${a.getBoundingClientRect().width}px`,this.handleScrollButtonsVisibility(),this.handleFillEmptySpace()},this.handleAutoScrollOnFocus=(t,e="")=>{var l,i;let a,s,r=t.target;a=e?null===(i=null===(l=this.el)||void 0===l?void 0:l.shadowRoot)||void 0===i?void 0:i.querySelector(`div.table-cell[data-cell-slot="${e}"]`):r.parentElement,s=a?a.getBoundingClientRect():r.getBoundingClientRect();let o=this.el.shadowRoot.querySelector("#table-body"),h=this.el.shadowRoot.querySelector("#previous-scroll-button").getBoundingClientRect(),n=this.el.shadowRoot.querySelector("#next-scroll-button").getBoundingClientRect(),c=this.el.shadowRoot.querySelector("#table-header");c&&c.classList.contains("sticky")&&a.scrollIntoView({block:"center",inline:"nearest"}),s.left+.2*s.width<h.left&&(o.scrollLeft-=h.left-s.left),s.left+.8*s.width>n.right&&(o.scrollLeft+=s.right-n.right)},this.handleScrollButtonClick=(t,e)=>{"Enter"===t.key&&(-1===e?this.handleBackwardScroll():1===e&&this.handleForwardScroll())},this.preProcessTableDescription=()=>{let t=this.el.querySelector('[slot="table-description"]');t&&(this.tableDescription=t)},this.preProcessDesktopHeaderFirstCell=()=>{let t=this.el.querySelector('[slot="desktop-header-first-cell"]');this.el.insertAdjacentHTML("afterbegin",`<span slot="placeholder-desktop-header-first-cell">${t.innerHTML}</span>`)},this.preProcessColumnHeaders=()=>{let t=this.el.querySelectorAll('[slot^="column-header"]');for(let e=0;e<this.dataCols;e++){let l=t[e].getAttribute("slot");this.el.insertAdjacentHTML("afterbegin",`<span slot="placeholder-${l}">${t[e].innerHTML}</span>`)}},this.preProcessHeaderLinks=()=>{let t;for(let e=0;e<this.dataCols;e++)if(t=this.el.querySelector(`[slot^="header-link-${e+1}"]`),t){let e=t.getAttribute("href"),l=t.innerHTML,i=t.getAttribute("target"),a=t.getAttribute("title");this.columnHeaderLinks.push({linkHref:e,linkText:l,linkTarget:i,linkTitle:a}),t.remove()}else this.columnHeaderLinks.push(null)},this.preProcessRowHeaders=()=>{let t;for(let e=0;e<this.dataRows;e++){t=this.el.querySelector(`[slot^="row-header-${e+1}"]`);let l=t.querySelectorAll(".table-row-header-p");for(let t=0;t<l.length;t++){let e=document.createElement("h4");e.setAttribute("class","row-header-h4"),e.innerHTML=l[t].innerHTML,l[t].replaceWith(e)}let i=t.getAttribute("slot"),a=t.innerHTML;this.el.insertAdjacentHTML("afterbegin",`<div slot="desktop-${i}">${a}</div><div slot="mobile-${i}">${a}</div>`),t.remove()}},this.preProcessCtaButtons=()=>{let t;this.showCtaButtonsRow=!1;for(let e=0;e<this.dataCols;e++)if(t=this.el.querySelector(`[slot^="cta-button-${e+1}"]`),t){let e=t.getAttribute("href"),l=t.innerHTML,i=t.getAttribute("target"),a=t.getAttribute("title");this.ctaButtons.push({linkHref:e,linkText:l,linkTarget:i,linkTitle:a}),t.remove(),this.showCtaButtonsRow=!0}else this.ctaButtons.push(null)},this.preProcessDisclaimers=()=>{let t=this.el.querySelectorAll('[slot^="disclaimer"]');for(let e=0;e<this.disclaimerCount;e++)this.disclaimers.push(t[e].innerHTML)},this.pageWithSubnav=!1,this.tableTitle=void 0,this.tableSubTitle="",this.dataRows=void 0,this.dataCols=void 0,this.disclaimerCount=0,this.moreText="More",this.LessText="Less",this.sectionId="",this.isDesktopView=void 0,this.hashKey=void 0,this.debouncedHashEnable=void 0,this.cellWidthXXS=180,this.cellWidthMD=225,this.cellLeftRightPadding=48,this.headerType="normal",this.lastScrollTop=void 0,this.scrollTimeInterval=25,this.scrollAmount=5,this.scrollLimit=50,this.stickyTopAt=void 0,this.columnHeaderLinks=[],this.hasEmptySpace=!1,this.showFillerCells=!1,this.showCtaButtonsRow=void 0,this.ctaButtons=[],this.disclaimers=[],this.tableDescription=void 0}refreshHorizontalPosition(){let t=0,e=this.el.shadowRoot.querySelector("#table-header"),l=this.el.shadowRoot.querySelector("#table-body"),i=()=>{e.scrollLeft=l.scrollLeft,t++,t<5&&window.requestAnimationFrame(i)};window.requestAnimationFrame(i)}getHashKey(){let t=window;return this.hashKey||(this.hashKey=s()),t.ppptHashes||(t.ppptHashes={}),1==t.ppptHashes[this.hashKey]}setHashKey(t){let e=window;this.hashKey||(this.hashKey=s()),e.ppptHashes||(e.ppptHashes={}),e.ppptHashes[this.hashKey]=t}componentWillLoad(){this.setHashKey(!1),this.preProcessTableDescription(),this.preProcessDesktopHeaderFirstCell(),this.preProcessColumnHeaders(),this.preProcessHeaderLinks(),this.preProcessRowHeaders(),this.preProcessCtaButtons(),this.preProcessDisclaimers()}componentDidLoad(){let t=this;this.handleTableReset(),this.debouncedHashEnable=r((()=>{t.setHashKey(!1)}),2e3,this),window.addEventListener("scroll",(()=>this.handleVerticalScroll())),window.addEventListener("resize",(()=>this.handleTableReset())),window.addEventListener("popstate",(()=>{t.setHashKey(!0),this.debouncedHashEnable()})),setTimeout((()=>{this.handleTableReset()}),3100)}render(){return e(l,null,e("div",{id:"pricing-table"},e((()=>this.tableTitle&&e(a,null,e("div",{class:"table-descriptor"},e("ptc-title",{type:"h2","text-align":"center","title-size":"xx-large",upperline:"no-upperline","title-height":"densest","title-margin":"margin-flush","title-weight":"w-8"},this.tableTitle)),this.tableSubTitle?e(a,null,e("ptc-spacer",{breakpoint:"small",size:"x-small"}),e("ptc-spacer",{breakpoint:"x-small",size:"small"})):this.tableDescription?e(a,null,e("ptc-spacer",{breakpoint:"small",size:"small"}),e("ptc-spacer",{breakpoint:"x-small",size:"medium"})):null)),null),e((()=>this.tableSubTitle&&e(a,null,e("div",{class:"table-descriptor"},e("ptc-title",{type:"h3","text-align":"center","title-size":"large",upperline:"no-upperline","title-height":"densest","title-margin":"margin-flush","title-weight":"w-7"},this.tableSubTitle)),e("ptc-spacer",{breakpoint:"small",size:"medium"}),e("ptc-spacer",{breakpoint:"x-small",size:"large"}))),null),e((()=>this.tableDescription&&e(a,null,e("div",{class:"table-descriptor"},e("ptc-para",{"font-size":"small","font-weight":"w-4","para-align":"center","para-line-h":"line-height-p","para-margin":"margin-flush"},this.tableDescription.innerText.length<=500?e("slot",{name:"table-description"}):e("ptc-readmore",{"is-content-slotted":!0,"more-text":this.moreText,"less-text":this.LessText},e("slot",{name:"table-description"})))))),null),e("ptc-spacer",{breakpoint:"small",size:"xx-large"}),e("ptc-spacer",{breakpoint:"small",size:"xx-small"}),e("ptc-spacer",{breakpoint:"x-small",size:"xxx-large"}),e("ptc-spacer",{breakpoint:"x-small",size:"xx-small"}),e("div",{id:"vertical-scroll-content-clipper",class:this.headerType}),e("div",{id:"table-container"},e("div",{id:"horizontal-scroll-shadow"}),e("div",{id:"table-body",onScroll:()=>this.handleHorizontalScroll()},e((()=>e("div",{id:"table-header",class:this.headerType,onScroll:()=>this.handleHorizontalScroll()},e("div",{class:"desktop-header-first-cell"},this.isDesktopView?e("ptc-para",{"font-size":"medium","font-weight":"w-7","para-align":"left","para-color":"white","para-line-h":"line-height-p","para-margin":"margin-flush"},e("slot",{name:"desktop-header-first-cell"})):null,e("div",{class:"scroll-button mf-listen",id:"previous-scroll-button"},e("div",{class:"mf-listen",onClick:()=>this.handleBackwardScroll(),onKeyDown:t=>this.handleScrollButtonClick(t,-1),tabIndex:0,id:`previous-scroll-button-${this.sectionId}`},e("icon-asset",{type:"solid",size:"medium",name:"chevron-left",color:"primary-gray"}),e("ptc-para",{"font-size":"small","font-weight":"w-6","para-align":"justify","para-color":"primary-grey","para-line-h":"line-height-p","para-margin":"margin-flush"},this.moreText))),e("div",{class:"scroll-button mf-listen",id:"next-scroll-button"},e("div",{class:"mf-listen",onClick:()=>this.handleForwardScroll(),onKeyDown:t=>this.handleScrollButtonClick(t,1),tabIndex:0,id:`next-scroll-button-${this.sectionId}`},e("ptc-para",{"font-size":"small","font-weight":"w-6","para-align":"justify","para-color":"primary-grey","para-line-h":"line-height-p","para-margin":"margin-flush"},this.moreText),e("icon-asset",{type:"solid",size:"medium",name:"chevron-right",color:"primary-gray"})))),[...Array(this.dataCols).keys()].map((t=>e("div",{class:"table-cell "+(t+1===this.dataCols?"table-last-cell":"")},e("ptc-para",{"font-size":"medium","font-weight":"w-7","para-align":"center","para-color":"white","para-line-h":"line-height-densest","para-margin":"margin-flush","para-z-index":"z-1"},e("slot",{name:`column-header-${t+1}`})),this.columnHeaderLinks.length===this.dataCols&&this.columnHeaderLinks[t]?e(a,null,e("ptc-spacer",{breakpoint:"small",size:"small"}),e("ptc-spacer",{breakpoint:"x-small",size:"medium"}),e("ptc-link",{"dark-focus-state":!0,"font-size":"medium","font-weight":"w-extrabold",href:`${this.columnHeaderLinks[t].linkHref}`,"link-area":"undefined",target:`${this.columnHeaderLinks[t].linkTarget}`,theme:"d-green-underline",styles:"a.ptc-link {line-height: var(--ptc-line-height-p);}","link-title":this.columnHeaderLinks[t].linkTitle,onFocus:t=>this.handleAutoScrollOnFocus(t),"tracker-id":`column-header-${t+1}-link-${this.sectionId}`},this.isDesktopView?e("ptc-tooltip",{class:t===this.dataCols-1?"last-column-tooltip":"","text-display":"inline","max-length":"30","z-index":"z-2",description:this.columnHeaderLinks[t].linkText,position:"top"}):this.columnHeaderLinks[t].linkText)):null))),e("div",{class:"table-filler-cell "+(this.showFillerCells?"show":"")}))),null),e((()=>e("div",{id:"table-header-placeholder",class:this.headerType},e("div",{class:"desktop-header-first-cell"},this.isDesktopView?e("ptc-para",{"font-size":"medium","font-weight":"w-7","para-align":"left","para-color":"white","para-line-h":"line-height-p","para-margin":"margin-flush"},e("slot",{name:"placeholder-desktop-header-first-cell"})):null),[...Array(this.dataCols).keys()].map((t=>e("div",{class:"table-cell "+(t+1===this.dataCols?"table-last-cell":"")},e("ptc-para",{"font-size":"medium","font-weight":"w-7","para-align":"center","para-color":"white","para-line-h":"line-height-densest","para-margin":"margin-flush","para-z-index":"z-1"},e("slot",{name:`placeholder-column-header-${t+1}`})),this.columnHeaderLinks.length===this.dataCols&&this.columnHeaderLinks[t]?e(a,null,e("ptc-spacer",{breakpoint:"small",size:"small"}),e("ptc-spacer",{breakpoint:"x-small",size:"medium"}),e("ptc-link",{"font-size":"medium","font-weight":"w-extrabold",href:`${this.columnHeaderLinks[t].linkHref}`,"link-area":"undefined",target:`${this.columnHeaderLinks[t].linkTarget}`,theme:"d-green-underline",styles:"a.ptc-link {line-height: var(--ptc-line-height-p);}","link-title":this.columnHeaderLinks[t].linkTitle,"tab-nav":"-1"},this.isDesktopView?e("ptc-tooltip",{class:t===this.dataCols-1?"last-column-tooltip":"","text-display":"inline","max-length":"30","z-index":"z-2",description:this.columnHeaderLinks[t].linkText,position:"top"}):this.columnHeaderLinks[t].linkText)):null))),e("div",{class:"table-filler-cell "+(this.showFillerCells?"show":"")}))),null),e((()=>[...Array(this.dataRows).keys()].map((t=>e(a,null,e("div",{class:"mobile-sticky-row-header"},e("slot",{name:`mobile-row-header-${t+1}`})),e("div",{class:"mf-listen table-row "+(this.isDesktopView&&t%2!=0?"desktop-alternate-row":"")},this.isDesktopView?e("div",{class:"desktop-sticky-row-header "+(this.isDesktopView&&t%2!=0?"desktop-alternate-row":"")},e("slot",{name:`desktop-row-header-${t+1}`})):null,[...Array(this.dataCols).keys()].map((l=>e("div",{class:"table-cell "+(l+1===this.dataCols?"table-last-cell":""),"data-cell-slot":`cell-r${t+1}-c${l+1}`,onFocusin:e=>this.handleAutoScrollOnFocus(e,`cell-r${t+1}-c${l+1}`)},e("slot",{name:`cell-r${t+1}-c${l+1}`})))),e("div",{class:"table-filler-cell "+(this.showFillerCells?"show":"")})))))),null),e((()=>this.showCtaButtonsRow?e("div",{class:"table-cta-row"},this.isDesktopView?e("div",{class:"desktop-sticky-row-header"}):null,[...Array(this.dataCols).keys()].map((t=>e("div",{class:"table-cell "+(t+1===this.dataCols?"table-last-cell":"")},this.ctaButtons[t]?e("ptc-button",{"tracker-id":`pricing-cta-${t}-${this.sectionId}`,type:"link",color:"ptc-tertiary","link-href":this.ctaButtons[t].linkHref,target:`${this.ctaButtons[t].linkTarget}`,"link-title":this.ctaButtons[t].linkTitle,onFocus:this.handleAutoScrollOnFocus},this.isDesktopView?e("ptc-tooltip",{class:t===this.dataCols-1?"last-column-tooltip":"","text-display":"inline","max-length":"30","z-index":"z-2",description:this.ctaButtons[t].linkText,position:"top"}):this.ctaButtons[t].linkText):null))),e("div",{class:"table-filler-cell "+(this.showFillerCells?"show":"")})):null),null))),e((()=>this.disclaimerCount>0&&e(a,null,e("ptc-spacer",{breakpoint:"small",size:"medium"}),e("ptc-spacer",{breakpoint:"x-small",size:"large"}),this.disclaimers.map(((t,l)=>e(a,null,e("ptc-para",{"font-size":"xx-small","font-weight":"w-6","para-align":"center","para-color":"primary-grey","para-line-h":"line-height-p","para-margin":"margin-flush"},e("slot",{name:`disclaimer-${l+1}`})),l!=this.disclaimerCount-1?e("ptc-spacer",{size:"xx-small"}):null))))),null)))}get el(){return i(this)}};o.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 #pricing-table{position:relative;overflow-wrap:break-word}:host #vertical-scroll-content-clipper.normal{display:none}:host #vertical-scroll-content-clipper.sticky{display:block;z-index:20;position:fixed;top:0;width:100%;height:var(--sticky-stop-at, 50px)}:host #table-container{width:100%;overflow-x:auto;border-radius:var(--ptc-border-radius-standard);box-shadow:var(--ptc-shadow-x-small);position:relative}:host #table-body{width:100%;overflow-x:scroll;position:relative}:host .scroll-button{display:flex;align-items:center;position:absolute;z-index:15;height:100%}:host .scroll-button#previous-scroll-button div{margin-right:var(--ptc-element-spacing-02);border-radius:0px var(--ptc-element-spacing-01) var(--ptc-element-spacing-01) 0px}:host .scroll-button#previous-scroll-button div ptc-para{margin-right:var(--ptc-element-spacing-04)}:host .scroll-button#next-scroll-button{transform:translateX(-100%)}:host .scroll-button#next-scroll-button div{margin-left:var(--ptc-element-spacing-02);border-radius:var(--ptc-element-spacing-01) 0px 0px var(--ptc-element-spacing-01)}:host .scroll-button#next-scroll-button div ptc-para{margin-left:var(--ptc-element-spacing-04)}:host .scroll-button div{display:inline-block;width:fit-content;height:36px;background-color:white;color:black;box-shadow:var(--ptc-shadow-x-medium);display:flex;justify-content:center;align-items:center}:host .scroll-button div icon-asset{display:flex;justify-content:center;align-items:center;width:36px;height:100%}:host .scroll-button div ptc-para{display:none;white-space:nowrap}:host .scroll-button div:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host .table-filler-cell{display:none;min-width:var(--filler-cell-width, 0px);max-width:var(--filler-cell-width, 0px);height:100%;box-sizing:content-box;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-06) var(--ptc-element-spacing-04) var(--ptc-element-spacing-06);border-bottom:1px solid var(--color-gray-02)}:host .table-filler-cell.show{display:table-cell}:host #table-header{display:table-row;background:var(--color-gray-10);color:white;z-index:10}:host #table-header.normal{position:relative}:host #table-header.sticky{position:fixed;top:var(--sticky-stop-at, 50px);border-top-left-radius:var(--ptc-border-radius-standard);border-top-right-radius:var(--ptc-border-radius-standard);overflow-x:hidden;-ms-overflow-style:none;scrollbar-width:none;box-shadow:0 16px 16px -16px grey}:host #table-header.sticky::-webkit-scrollbar{display:none}:host #table-header .table-cell{min-width:var(--cell-width-xxs, 180px);max-width:var(--cell-width-xxs, 180px);box-sizing:content-box;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-06) var(--ptc-element-spacing-04) var(--ptc-element-spacing-06);border-right:1px solid var(--color-gray-07);text-align:center;display:table-cell;vertical-align:middle}:host #table-header .table-cell.table-last-cell{border-right:none}:host #table-header .table-cell ptc-link a.ptc-link{line-height:var(--ptc-line-height-p)}:host #table-header .table-filler-cell{border-bottom:none;border-left:1px solid var(--color-gray-07)}:host #table-header-placeholder.normal{position:absolute;top:0;display:table-row;opacity:0}:host #table-header-placeholder.sticky{position:relative;display:table-row;opacity:0;overflow-x:hidden;-ms-overflow-style:none;scrollbar-width:none}:host #table-header-placeholder .table-cell{min-width:var(--cell-width-xxs, 180px);max-width:var(--cell-width-xxs, 180px);box-sizing:content-box;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-06) var(--ptc-element-spacing-04) var(--ptc-element-spacing-06);border-right:1px solid var(--color-gray-07);text-align:center;display:table-cell;vertical-align:middle}:host #table-header-placeholder .table-cell.table-last-cell{border-right:none}:host #table-header-placeholder .table-filler-cell{border-bottom:none;border-left:1px solid var(--color-gray-07)}:host .desktop-header-first-cell{display:table-cell;position:sticky;left:0;z-index:10}:host .mobile-sticky-row-header{display:block;position:sticky;left:0;background-color:var(--color-gray-01);border-bottom:1px solid var(--color-gray-02);padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-06) var(--ptc-element-spacing-04) var(--ptc-element-spacing-06)}:host .table-row{display:table-row;background-color:white}:host .table-row .table-cell{min-width:var(--cell-width-xxs, 180px);max-width:var(--cell-width-xxs, 180px);box-sizing:content-box;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-06) var(--ptc-element-spacing-04) var(--ptc-element-spacing-06);border-right:1px solid var(--color-gray-02);border-bottom:1px solid var(--color-gray-02);text-align:center;display:table-cell;vertical-align:middle}:host .table-row .table-cell.table-last-cell{border-right:none}:host .table-row .table-filler-cell{border-left:1px solid var(--color-gray-02)}:host .table-cta-row{display:table-row;background-color:white}:host .table-cta-row .table-cell{min-width:var(--cell-width-xxs, 180px);max-width:var(--cell-width-xxs, 180px);box-sizing:content-box;padding:var(--ptc-element-spacing-06);border-right:1px solid var(--color-gray-02);border-bottom:1px solid var(--color-gray-02);text-align:center;display:table-cell;vertical-align:middle}:host .table-cta-row .table-cell.table-last-cell{border-right:none}:host .table-cta-row .table-filler-cell{border-left:1px solid var(--color-gray-02)}@media only screen and (min-width: 768px){:host .table-descriptor{max-width:768px;margin:auto}}@media only screen and (min-width: 992px){:host .scroll-button{height:100%;top:0}:host .scroll-button div ptc-para{display:none}:host .scroll-button div:hover{cursor:pointer}:host .scroll-button div:hover ptc-para{display:block}:host .scroll-button#previous-scroll-button{right:0;transform:translateX(100%)}:host #horizontal-scroll-shadow{display:block;position:absolute;top:0;left:0;height:100%;width:var(--ptc-element-spacing-06);background:linear-gradient(90deg, rgba(0, 0, 0, 0.12) 0%, rgba(0, 0, 0, 0) 100%);z-index:1}:host #table-header.sticky{box-shadow:none}:host #table-header .table-cell{min-width:var(--cell-width-md, 225px);max-width:var(--cell-width-md, 225px)}:host #table-header .last-column-tooltip .tooltip{right:4px}:host #table-header-placeholder .table-cell{min-width:var(--cell-width-md, 225px);max-width:var(--cell-width-md, 225px)}:host #table-header-placeholder .last-column-tooltip .tooltip{right:-4px}:host .desktop-sticky-row-header{min-width:var(--desktop-row-header-cell-width-md, 275px);max-width:var(--desktop-row-header-cell-width-md, 275px);box-sizing:content-box;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-06) var(--ptc-element-spacing-04) var(--ptc-element-spacing-06);border-right:1px solid var(--color-gray-02);border-bottom:1px solid var(--color-gray-02);display:table-cell;vertical-align:middle;position:sticky;left:0;background-color:white;z-index:5}:host .desktop-sticky-row-header.desktop-alternate-row{background-color:var(--color-gray-01)}:host .desktop-header-first-cell{min-width:var(--desktop-row-header-cell-width-md, 275px);max-width:var(--desktop-row-header-cell-width-md, 275px);box-sizing:content-box;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-06) var(--ptc-element-spacing-04) var(--ptc-element-spacing-06);border-right:1px solid var(--color-gray-07);display:table-cell;vertical-align:middle;position:sticky;left:0;z-index:10;background:var(--color-gray-10)}:host .table-row .table-cell{min-width:var(--cell-width-md, 225px);max-width:var(--cell-width-md, 225px)}:host .table-row.desktop-alternate-row{background-color:var(--color-gray-01)}:host .mobile-sticky-row-header{display:none}:host .table-cta-row{display:table-row}:host .table-cta-row .table-cell{min-width:var(--cell-width-md, 225px);max-width:var(--cell-width-md, 225px)}:host .table-cta-row .last-column-tooltip .tooltip{right:-4px}}";export{o as ptc_pricing_packaging_table}
1
+ import{r as t,h as e,H as l,g as i,F as a}from"./p-ac75c7ad.js";import{b as s,d as r}from"./p-8872161f.js";const o=class{constructor(e){t(this,e),this.verticalScrollContentClipperHeightOptions={withSubNav:{desktop:104,mobile:80},withoutSubNav:{desktop:40,mobile:24}},this.handleVerticalScroll=()=>{let t=this.el.shadowRoot.querySelector("#vertical-scroll-content-clipper"),e=this.el.shadowRoot.querySelector("#table-container"),l=this.el.shadowRoot.querySelector("#table-body"),i=this.el.shadowRoot.querySelector("#table-header-placeholder"),a=this.el.shadowRoot.querySelector("#table-header");const s=window.scrollY||document.documentElement.scrollTop;s<this.lastScrollTop?(i.getBoundingClientRect().top>=this.stickyTopAt&&(this.headerType="normal",a.style.top="0px"),"sticky"===this.headerType&&e.getBoundingClientRect().bottom>a.getBoundingClientRect().bottom&&a.getBoundingClientRect().top<this.stickyTopAt&&(a.style.top=`${Math.min(e.getBoundingClientRect().bottom-a.clientHeight,this.stickyTopAt)}px`,t.style.top=a.getBoundingClientRect().top-t.clientHeight+"px")):s>this.lastScrollTop&&(i.getBoundingClientRect().top<this.stickyTopAt&&(this.headerType="sticky",a.style.top=`${this.stickyTopAt}px`,a.style.width=`${l.getBoundingClientRect().width}px`),"sticky"===this.headerType&&e.getBoundingClientRect().bottom<=a.getBoundingClientRect().bottom&&(a.style.top=e.getBoundingClientRect().bottom-a.clientHeight+"px",t.style.top=a.getBoundingClientRect().top-t.clientHeight+"px")),this.getHashKey()||this.refreshHorizontalPosition(),this.lastScrollTop=s<=0?0:s},this.handleHorizontalScroll=()=>{this.refreshHorizontalPosition(),this.handleScrollButtonsVisibility()},this.handleScrollButtonsVisibility=()=>{let t=this.el.shadowRoot.querySelector("#table-body"),e=this.el.shadowRoot.querySelector("#previous-scroll-button"),l=this.el.shadowRoot.querySelector("#next-scroll-button"),i=this.el.shadowRoot.querySelector("#horizontal-scroll-shadow");0===t.scrollLeft?(e.style.visibility="hidden",i.style.visibility="hidden"):(e.style.visibility="visible",i.style.visibility="visible"),l.style.visibility=[-1,0,1].includes(Math.trunc(t.scrollWidth-t.scrollLeft)-Math.trunc(t.getBoundingClientRect().width))?"hidden":"visible"},this.handleForwardScroll=()=>{let t=0,e=this.el.shadowRoot.querySelector("#table-body"),l=setInterval((()=>{t+=this.scrollAmount,(t==this.scrollLimit||[-1,0,1].includes(Math.trunc(e.scrollWidth-e.scrollLeft)-Math.trunc(e.getBoundingClientRect().width)))&&clearInterval(l),e.scrollLeft+=t}),this.scrollTimeInterval)},this.handleBackwardScroll=()=>{let t=0,e=this.el.shadowRoot.querySelector("#pricing-table"),l=this.el.shadowRoot.querySelector("#table-body"),i=setInterval((()=>{t+=this.scrollAmount,(t==this.scrollLimit||e.getBoundingClientRect().left>=l.getBoundingClientRect().right)&&clearInterval(i),l.scrollLeft-=t}),this.scrollTimeInterval)},this.setFillerCellWidth=t=>{this.el.style.setProperty("--filler-cell-width",`${t}px`)},this.expandTableCells=()=>{let t=this.el.shadowRoot.querySelector("#pricing-table"),e=this.el.shadowRoot.querySelector(".desktop-header-first-cell"),l=(t.getBoundingClientRect().width-e.getBoundingClientRect().width)/this.dataCols;this.isDesktopView?(this.el.style.setProperty("--cell-width-xxs",`${this.cellWidthXXS}px`),this.el.style.setProperty("--cell-width-md",l-this.cellLeftRightPadding+"px")):(this.el.style.setProperty("--cell-width-xxs",l-this.cellLeftRightPadding+"px"),this.el.style.setProperty("--cell-width-md",`${this.cellWidthMD}px`))},this.handleFillEmptySpace=()=>{let t=this.el.shadowRoot.querySelector("#pricing-table");this.el.shadowRoot.querySelector("#table-header-placeholder").getBoundingClientRect().right<t.getBoundingClientRect().right&&(this.hasEmptySpace=!0,this.expandTableCells())},this.resetWidthVariables=()=>{this.el.style.setProperty("--cell-width-xxs",`${this.cellWidthXXS}px`),this.el.style.setProperty("--cell-width-md",`${this.cellWidthMD}px`)},this.handleTableReset=()=>{let t=this.el.shadowRoot.querySelector("#vertical-scroll-content-clipper"),e=this.el.shadowRoot.querySelector("#table-header"),l=this.el.shadowRoot.querySelector("#table-body"),i=this.el.shadowRoot.querySelector("#next-scroll-button"),a=this.el.shadowRoot.querySelector(".desktop-header-first-cell"),s=this.el.shadowRoot.querySelector("#horizontal-scroll-shadow");this.isDesktopView=window.innerWidth>=992,this.resetWidthVariables(),this.stickyTopAt=this.pageWithSubnav?this.isDesktopView?this.verticalScrollContentClipperHeightOptions.withSubNav.desktop:this.verticalScrollContentClipperHeightOptions.withSubNav.mobile:this.isDesktopView?this.verticalScrollContentClipperHeightOptions.withoutSubNav.desktop:this.verticalScrollContentClipperHeightOptions.withoutSubNav.mobile,this.el.style.setProperty("--sticky-stop-at",`${this.stickyTopAt}px`);const r=window.getComputedStyle(document.body,null).getPropertyValue("background-color");t.style.backgroundColor="rgba(0, 0, 0, 0)"===r?"white":r,t.style.width=`${l.getBoundingClientRect().width+20}px`,t.style.transform="translateX(-10px)",e.style.width=`${l.getBoundingClientRect().width}px`,e.scrollLeft=l.scrollLeft,i.style.left=`${l.getBoundingClientRect().width}px`,s.style.left=`${a.getBoundingClientRect().width}px`,this.handleScrollButtonsVisibility(),this.handleFillEmptySpace()},this.handleAutoScrollOnFocus=(t,e="")=>{var l,i;let a,s,r=t.target;a=e?null===(i=null===(l=this.el)||void 0===l?void 0:l.shadowRoot)||void 0===i?void 0:i.querySelector(`div.table-cell[data-cell-slot="${e}"]`):r.parentElement,s=a?a.getBoundingClientRect():r.getBoundingClientRect();let o=this.el.shadowRoot.querySelector("#table-body"),h=this.el.shadowRoot.querySelector("#previous-scroll-button").getBoundingClientRect(),n=this.el.shadowRoot.querySelector("#next-scroll-button").getBoundingClientRect(),c=this.el.shadowRoot.querySelector("#table-header");c&&c.classList.contains("sticky")&&a.scrollIntoView({block:"center",inline:"nearest"}),s.left+.2*s.width<h.left&&(o.scrollLeft-=h.left-s.left),s.left+.8*s.width>n.right&&(o.scrollLeft+=s.right-n.right)},this.handleScrollButtonClick=(t,e)=>{"Enter"===t.key&&(-1===e?this.handleBackwardScroll():1===e&&this.handleForwardScroll())},this.preProcessTableDescription=()=>{let t=this.el.querySelector('[slot="table-description"]');t&&(this.tableDescription=t)},this.preProcessDesktopHeaderFirstCell=()=>{let t=this.el.querySelector('[slot="desktop-header-first-cell"]');this.el.insertAdjacentHTML("afterbegin",`<span slot="placeholder-desktop-header-first-cell">${t.innerHTML}</span>`)},this.preProcessColumnHeaders=()=>{let t=this.el.querySelectorAll('[slot^="column-header"]');for(let e=0;e<this.dataCols;e++){let l=t[e].getAttribute("slot");this.el.insertAdjacentHTML("afterbegin",`<span slot="placeholder-${l}">${t[e].innerHTML}</span>`)}},this.preProcessHeaderLinks=()=>{let t;for(let e=0;e<this.dataCols;e++)if(t=this.el.querySelector(`[slot^="header-link-${e+1}"]`),t){let e=t.getAttribute("href"),l=t.innerHTML,i=t.getAttribute("target"),a=t.getAttribute("title");this.columnHeaderLinks.push({linkHref:e,linkText:l,linkTarget:i,linkTitle:a}),t.remove()}else this.columnHeaderLinks.push(null)},this.preProcessRowHeaders=()=>{let t;for(let e=0;e<this.dataRows;e++){t=this.el.querySelector(`[slot^="row-header-${e+1}"]`);let l=t.querySelectorAll(".table-row-header-p");for(let t=0;t<l.length;t++){let e=document.createElement("h4");e.setAttribute("class","row-header-h4"),e.innerHTML=l[t].innerHTML,l[t].replaceWith(e)}let i=t.getAttribute("slot"),a=t.innerHTML;this.el.insertAdjacentHTML("afterbegin",`<div slot="desktop-${i}">${a}</div><div slot="mobile-${i}">${a}</div>`),t.remove()}},this.preProcessCtaButtons=()=>{let t;this.showCtaButtonsRow=!1;for(let e=0;e<this.dataCols;e++)if(t=this.el.querySelector(`[slot^="cta-button-${e+1}"]`),t){let e=t.getAttribute("href"),l=t.innerHTML,i=t.getAttribute("target"),a=t.getAttribute("title");this.ctaButtons.push({linkHref:e,linkText:l,linkTarget:i,linkTitle:a}),t.remove(),this.showCtaButtonsRow=!0}else this.ctaButtons.push(null)},this.preProcessDisclaimers=()=>{let t=this.el.querySelectorAll('[slot^="disclaimer"]');for(let e=0;e<this.disclaimerCount;e++)this.disclaimers.push(t[e].innerHTML)},this.pageWithSubnav=!1,this.tableTitle=void 0,this.tableSubTitle="",this.dataRows=void 0,this.dataCols=void 0,this.disclaimerCount=0,this.moreText="More",this.LessText="Less",this.sectionId="",this.isDesktopView=void 0,this.hashKey=void 0,this.debouncedHashEnable=void 0,this.cellWidthXXS=180,this.cellWidthMD=225,this.cellLeftRightPadding=48,this.headerType="normal",this.lastScrollTop=void 0,this.scrollTimeInterval=25,this.scrollAmount=5,this.scrollLimit=50,this.stickyTopAt=void 0,this.columnHeaderLinks=[],this.hasEmptySpace=!1,this.showFillerCells=!1,this.showCtaButtonsRow=void 0,this.ctaButtons=[],this.disclaimers=[],this.tableDescription=void 0}refreshHorizontalPosition(){let t=0,e=this.el.shadowRoot.querySelector("#table-header"),l=this.el.shadowRoot.querySelector("#table-body"),i=()=>{e.scrollLeft=l.scrollLeft,t++,t<5&&window.requestAnimationFrame(i)};window.requestAnimationFrame(i)}getHashKey(){let t=window;return this.hashKey||(this.hashKey=s()),t.ppptHashes||(t.ppptHashes={}),1==t.ppptHashes[this.hashKey]}setHashKey(t){let e=window;this.hashKey||(this.hashKey=s()),e.ppptHashes||(e.ppptHashes={}),e.ppptHashes[this.hashKey]=t}componentWillLoad(){this.setHashKey(!1),this.preProcessTableDescription(),this.preProcessDesktopHeaderFirstCell(),this.preProcessColumnHeaders(),this.preProcessHeaderLinks(),this.preProcessRowHeaders(),this.preProcessCtaButtons(),this.preProcessDisclaimers()}componentDidLoad(){let t=this;this.handleTableReset(),this.debouncedHashEnable=r((()=>{t.setHashKey(!1)}),2e3,this),window.addEventListener("scroll",(()=>this.handleVerticalScroll())),window.addEventListener("resize",(()=>this.handleTableReset())),window.addEventListener("popstate",(()=>{t.setHashKey(!0),this.debouncedHashEnable()})),setTimeout((()=>{this.handleTableReset()}),3100)}render(){return e(l,null,e("div",{id:"pricing-table"},e((()=>this.tableTitle&&e(a,null,e("div",{class:"table-descriptor"},e("ptc-title",{type:"h2","text-align":"center","title-size":"xx-large",upperline:"no-upperline","title-height":"densest","title-margin":"margin-flush","title-weight":"w-8"},this.tableTitle)),this.tableSubTitle?e(a,null,e("ptc-spacer",{breakpoint:"small",size:"x-small"}),e("ptc-spacer",{breakpoint:"x-small",size:"small"})):this.tableDescription?e(a,null,e("ptc-spacer",{breakpoint:"small",size:"small"}),e("ptc-spacer",{breakpoint:"x-small",size:"medium"})):null)),null),e((()=>this.tableSubTitle&&e(a,null,e("div",{class:"table-descriptor"},e("ptc-title",{type:"h3","text-align":"center","title-size":"large",upperline:"no-upperline","title-height":"densest","title-margin":"margin-flush","title-weight":"w-7"},this.tableSubTitle)),e("ptc-spacer",{breakpoint:"small",size:"medium"}),e("ptc-spacer",{breakpoint:"x-small",size:"large"}))),null),e((()=>this.tableDescription&&e(a,null,e("div",{class:"table-descriptor"},e("ptc-para",{"font-size":"small","font-weight":"w-4","para-align":"center","para-line-h":"line-height-p","para-margin":"margin-flush"},this.tableDescription.innerText.length<=500?e("slot",{name:"table-description"}):e("ptc-readmore",{"is-content-slotted":!0,"more-text":this.moreText,"less-text":this.LessText},e("slot",{name:"table-description"})))))),null),e("ptc-spacer",{breakpoint:"small",size:"xx-large"}),e("ptc-spacer",{breakpoint:"small",size:"xx-small"}),e("ptc-spacer",{breakpoint:"x-small",size:"xxx-large"}),e("ptc-spacer",{breakpoint:"x-small",size:"xx-small"}),e("div",{id:"vertical-scroll-content-clipper",class:this.headerType}),e("div",{id:"table-container"},e("div",{id:"horizontal-scroll-shadow"}),e("div",{id:"table-body",onScroll:()=>this.handleHorizontalScroll()},e((()=>e("div",{id:"table-header",class:this.headerType,onScroll:()=>this.handleHorizontalScroll()},e("div",{class:"desktop-header-first-cell"},this.isDesktopView?e("ptc-para",{"font-size":"medium","font-weight":"w-7","para-align":"left","para-color":"white","para-line-h":"line-height-p","para-margin":"margin-flush"},e("slot",{name:"desktop-header-first-cell"})):null,e("div",{class:"scroll-button mf-listen",id:"previous-scroll-button"},e("div",{class:"mf-listen",onClick:()=>this.handleBackwardScroll(),onKeyDown:t=>this.handleScrollButtonClick(t,-1),tabIndex:0,id:`previous-scroll-button-${this.sectionId}`},e("icon-asset",{type:"solid",size:"medium",name:"chevron-left",color:"primary-gray"}),e("ptc-para",{"font-size":"small","font-weight":"w-6","para-align":"justify","para-color":"primary-grey","para-line-h":"line-height-p","para-margin":"margin-flush"},this.moreText))),e("div",{class:"scroll-button mf-listen",id:"next-scroll-button"},e("div",{class:"mf-listen",onClick:()=>this.handleForwardScroll(),onKeyDown:t=>this.handleScrollButtonClick(t,1),tabIndex:0,id:`next-scroll-button-${this.sectionId}`},e("ptc-para",{"font-size":"small","font-weight":"w-6","para-align":"justify","para-color":"primary-grey","para-line-h":"line-height-p","para-margin":"margin-flush"},this.moreText),e("icon-asset",{type:"solid",size:"medium",name:"chevron-right",color:"primary-gray"})))),[...Array(this.dataCols).keys()].map((t=>e("div",{class:"table-cell "+(t+1===this.dataCols?"table-last-cell":"")},e("ptc-para",{"font-size":"medium","font-weight":"w-7","para-align":"center","para-color":"white","para-line-h":"line-height-densest","para-margin":"margin-flush","para-z-index":"z-1"},e("slot",{name:`column-header-${t+1}`})),this.columnHeaderLinks.length===this.dataCols&&this.columnHeaderLinks[t]?e(a,null,e("ptc-spacer",{breakpoint:"small",size:"small"}),e("ptc-spacer",{breakpoint:"x-small",size:"medium"}),e("ptc-link",{"dark-focus-state":!0,"font-size":"medium","font-weight":"w-extrabold",href:`${this.columnHeaderLinks[t].linkHref}`,"link-area":"undefined",target:`${this.columnHeaderLinks[t].linkTarget}`,theme:"d-green-underline",styles:"a.ptc-link {line-height: var(--ptc-line-height-p);}","link-title":this.columnHeaderLinks[t].linkTitle,onFocus:t=>this.handleAutoScrollOnFocus(t),"tracker-id":`column-header-${t+1}-link-${this.sectionId}`},this.isDesktopView?e("ptc-tooltip",{class:t===this.dataCols-1?"last-column-tooltip":"","text-display":"inline","max-length":"30","z-index":"z-2",description:this.columnHeaderLinks[t].linkText,position:"top"}):this.columnHeaderLinks[t].linkText)):null))),e("div",{class:"table-filler-cell "+(this.showFillerCells?"show":"")}))),null),e((()=>e("div",{id:"table-header-placeholder",class:this.headerType},e("div",{class:"desktop-header-first-cell"},this.isDesktopView?e("ptc-para",{"font-size":"medium","font-weight":"w-7","para-align":"left","para-color":"white","para-line-h":"line-height-p","para-margin":"margin-flush"},e("slot",{name:"placeholder-desktop-header-first-cell"})):null),[...Array(this.dataCols).keys()].map((t=>e("div",{class:"table-cell "+(t+1===this.dataCols?"table-last-cell":"")},e("ptc-para",{"font-size":"medium","font-weight":"w-7","para-align":"center","para-color":"white","para-line-h":"line-height-densest","para-margin":"margin-flush","para-z-index":"z-1"},e("slot",{name:`placeholder-column-header-${t+1}`})),this.columnHeaderLinks.length===this.dataCols&&this.columnHeaderLinks[t]?e(a,null,e("ptc-spacer",{breakpoint:"small",size:"small"}),e("ptc-spacer",{breakpoint:"x-small",size:"medium"}),e("ptc-link",{"font-size":"medium","font-weight":"w-extrabold",href:`${this.columnHeaderLinks[t].linkHref}`,"link-area":"undefined",target:`${this.columnHeaderLinks[t].linkTarget}`,theme:"d-green-underline",styles:"a.ptc-link {line-height: var(--ptc-line-height-p);}","link-title":this.columnHeaderLinks[t].linkTitle,"tab-nav":"-1"},this.isDesktopView?e("ptc-tooltip",{class:t===this.dataCols-1?"last-column-tooltip":"","text-display":"inline","max-length":"30","z-index":"z-2",description:this.columnHeaderLinks[t].linkText,position:"top"}):this.columnHeaderLinks[t].linkText)):null))),e("div",{class:"table-filler-cell "+(this.showFillerCells?"show":"")}))),null),e((()=>[...Array(this.dataRows).keys()].map((t=>e(a,null,e("div",{class:"mobile-sticky-row-header"},e("slot",{name:`mobile-row-header-${t+1}`})),e("div",{class:"mf-listen table-row "+(this.isDesktopView&&t%2!=0?"desktop-alternate-row":"")},this.isDesktopView?e("div",{class:"desktop-sticky-row-header "+(this.isDesktopView&&t%2!=0?"desktop-alternate-row":"")},e("slot",{name:`desktop-row-header-${t+1}`})):null,[...Array(this.dataCols).keys()].map((l=>e("div",{class:"table-cell "+(l+1===this.dataCols?"table-last-cell":""),"data-cell-slot":`cell-r${t+1}-c${l+1}`,onFocusin:e=>this.handleAutoScrollOnFocus(e,`cell-r${t+1}-c${l+1}`)},e("slot",{name:`cell-r${t+1}-c${l+1}`})))),e("div",{class:"table-filler-cell "+(this.showFillerCells?"show":"")})))))),null),e((()=>this.showCtaButtonsRow?e("div",{class:"table-cta-row"},this.isDesktopView?e("div",{class:"desktop-sticky-row-header"}):null,[...Array(this.dataCols).keys()].map((t=>e("div",{class:"table-cell "+(t+1===this.dataCols?"table-last-cell":"")},this.ctaButtons[t]?e("ptc-button",{"tracker-id":`pricing-cta-${t}-${this.sectionId}`,type:"link",color:"ptc-tertiary","link-href":this.ctaButtons[t].linkHref,target:`${this.ctaButtons[t].linkTarget}`,"link-title":this.ctaButtons[t].linkTitle,onFocus:this.handleAutoScrollOnFocus},this.isDesktopView?e("ptc-tooltip",{class:t===this.dataCols-1?"last-column-tooltip":"","text-display":"inline","max-length":"30","z-index":"z-2",description:this.ctaButtons[t].linkText,position:"top"}):this.ctaButtons[t].linkText):null))),e("div",{class:"table-filler-cell "+(this.showFillerCells?"show":"")})):null),null))),e((()=>this.disclaimerCount>0&&e(a,null,e("ptc-spacer",{breakpoint:"small",size:"medium"}),e("ptc-spacer",{breakpoint:"x-small",size:"large"}),this.disclaimers.map(((t,l)=>e(a,null,e("ptc-para",{"font-size":"xx-small","font-weight":"w-6","para-align":"center","para-color":"primary-grey","para-line-h":"line-height-p","para-margin":"margin-flush"},e("slot",{name:`disclaimer-${l+1}`})),l!=this.disclaimerCount-1?e("ptc-spacer",{size:"xx-small"}):null))))),null)))}get el(){return i(this)}};o.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 #pricing-table{position:relative;overflow-wrap:break-word}:host #vertical-scroll-content-clipper.normal{display:none}:host #vertical-scroll-content-clipper.sticky{display:block;z-index:20;position:fixed;top:0;width:100%;height:var(--sticky-stop-at, 50px)}:host #table-container{width:100%;overflow-x:auto;border-radius:var(--ptc-border-radius-standard);box-shadow:var(--ptc-shadow-x-small);position:relative}:host #table-body{width:100%;overflow-x:scroll;position:relative}:host .scroll-button{display:flex;align-items:center;position:absolute;z-index:15;height:100%}:host .scroll-button#previous-scroll-button div{margin-right:var(--ptc-element-spacing-02);border-radius:0px var(--ptc-element-spacing-01) var(--ptc-element-spacing-01) 0px}:host .scroll-button#previous-scroll-button div ptc-para{margin-right:var(--ptc-element-spacing-04)}:host .scroll-button#next-scroll-button{transform:translateX(-100%)}:host .scroll-button#next-scroll-button div{margin-left:var(--ptc-element-spacing-02);border-radius:var(--ptc-element-spacing-01) 0px 0px var(--ptc-element-spacing-01)}:host .scroll-button#next-scroll-button div ptc-para{margin-left:var(--ptc-element-spacing-04)}:host .scroll-button div{display:inline-block;width:fit-content;height:36px;background-color:white;color:black;box-shadow:var(--ptc-shadow-x-medium);display:flex;justify-content:center;align-items:center}:host .scroll-button div icon-asset{display:flex;justify-content:center;align-items:center;width:36px;height:100%}:host .scroll-button div ptc-para{display:none;white-space:nowrap}:host .scroll-button div:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host .table-filler-cell{display:none;min-width:var(--filler-cell-width, 0px);max-width:var(--filler-cell-width, 0px);height:100%;box-sizing:content-box;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-06) var(--ptc-element-spacing-04) var(--ptc-element-spacing-06);border-bottom:1px solid var(--color-gray-02)}:host .table-filler-cell.show{display:table-cell}:host #table-header{display:table-row;background:var(--color-gray-10);color:white;z-index:10}:host #table-header.normal{position:relative}:host #table-header.sticky{position:fixed;top:var(--sticky-stop-at, 50px);border-top-left-radius:var(--ptc-border-radius-standard);border-top-right-radius:var(--ptc-border-radius-standard);overflow-x:hidden;-ms-overflow-style:none;scrollbar-width:none;box-shadow:0 16px 16px -16px grey}:host #table-header.sticky::-webkit-scrollbar{display:none}:host #table-header .table-cell{min-width:var(--cell-width-xxs, 180px);max-width:var(--cell-width-xxs, 180px);box-sizing:content-box;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-06) var(--ptc-element-spacing-04) var(--ptc-element-spacing-06);border-right:1px solid var(--color-gray-07);text-align:center;display:table-cell;vertical-align:middle}:host #table-header .table-cell.table-last-cell{border-right:none}:host #table-header .table-cell ptc-link a.ptc-link{line-height:var(--ptc-line-height-p)}:host #table-header .table-filler-cell{border-bottom:none;border-left:1px solid var(--color-gray-07)}:host #table-header-placeholder.normal{position:absolute;top:0;display:table-row;opacity:0}:host #table-header-placeholder.sticky{position:relative;display:table-row;opacity:0;overflow-x:hidden;-ms-overflow-style:none;scrollbar-width:none}:host #table-header-placeholder .table-cell{min-width:var(--cell-width-xxs, 180px);max-width:var(--cell-width-xxs, 180px);box-sizing:content-box;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-06) var(--ptc-element-spacing-04) var(--ptc-element-spacing-06);border-right:1px solid var(--color-gray-07);text-align:center;display:table-cell;vertical-align:middle}:host #table-header-placeholder .table-cell.table-last-cell{border-right:none}:host #table-header-placeholder .table-filler-cell{border-bottom:none;border-left:1px solid var(--color-gray-07)}:host .desktop-header-first-cell{display:table-cell;position:sticky;left:0;z-index:10}:host .mobile-sticky-row-header{display:block;position:sticky;left:0;background-color:var(--color-gray-01);border-bottom:1px solid var(--color-gray-02);padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-06) var(--ptc-element-spacing-04) var(--ptc-element-spacing-06)}:host .table-row{display:table-row;background-color:white}:host .table-row .table-cell{min-width:var(--cell-width-xxs, 180px);max-width:var(--cell-width-xxs, 180px);box-sizing:content-box;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-06) var(--ptc-element-spacing-04) var(--ptc-element-spacing-06);border-right:1px solid var(--color-gray-02);border-bottom:1px solid var(--color-gray-02);text-align:center;display:table-cell;vertical-align:middle}:host .table-row .table-cell.table-last-cell{border-right:none}:host .table-row .table-filler-cell{border-left:1px solid var(--color-gray-02)}:host .table-cta-row{display:table-row;background-color:white}:host .table-cta-row .table-cell{min-width:var(--cell-width-xxs, 180px);max-width:var(--cell-width-xxs, 180px);box-sizing:content-box;padding:var(--ptc-element-spacing-06);border-right:1px solid var(--color-gray-02);border-bottom:1px solid var(--color-gray-02);text-align:center;display:table-cell;vertical-align:middle}:host .table-cta-row .table-cell.table-last-cell{border-right:none}:host .table-cta-row .table-filler-cell{border-left:1px solid var(--color-gray-02)}@media only screen and (min-width: 768px){:host .table-descriptor{max-width:768px;margin:auto}}@media only screen and (min-width: 992px){:host .scroll-button{height:100%;top:0}:host .scroll-button div ptc-para{display:none}:host .scroll-button div:hover{cursor:pointer}:host .scroll-button div:hover ptc-para{display:block}:host .scroll-button#previous-scroll-button{right:0;transform:translateX(100%)}:host #horizontal-scroll-shadow{display:block;position:absolute;top:0;left:0;height:100%;width:var(--ptc-element-spacing-06);background:linear-gradient(90deg, rgba(0, 0, 0, 0.12) 0%, rgba(0, 0, 0, 0) 100%);z-index:1}:host #table-header.sticky{box-shadow:none}:host #table-header .table-cell{min-width:var(--cell-width-md, 225px);max-width:var(--cell-width-md, 225px)}:host #table-header .last-column-tooltip .tooltip{right:4px}:host #table-header-placeholder .table-cell{min-width:var(--cell-width-md, 225px);max-width:var(--cell-width-md, 225px)}:host #table-header-placeholder .last-column-tooltip .tooltip{right:-4px}:host .desktop-sticky-row-header{min-width:var(--desktop-row-header-cell-width-md, 275px);max-width:var(--desktop-row-header-cell-width-md, 275px);box-sizing:content-box;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-06) var(--ptc-element-spacing-04) var(--ptc-element-spacing-06);border-right:1px solid var(--color-gray-02);border-bottom:1px solid var(--color-gray-02);display:table-cell;vertical-align:middle;position:sticky;left:0;background-color:white;z-index:5}:host .desktop-sticky-row-header.desktop-alternate-row{background-color:var(--color-gray-01)}:host .desktop-header-first-cell{min-width:var(--desktop-row-header-cell-width-md, 275px);max-width:var(--desktop-row-header-cell-width-md, 275px);box-sizing:content-box;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-06) var(--ptc-element-spacing-04) var(--ptc-element-spacing-06);border-right:1px solid var(--color-gray-07);display:table-cell;vertical-align:middle;position:sticky;left:0;z-index:10;background:var(--color-gray-10)}:host .table-row .table-cell{min-width:var(--cell-width-md, 225px);max-width:var(--cell-width-md, 225px)}:host .table-row.desktop-alternate-row{background-color:var(--color-gray-01)}:host .mobile-sticky-row-header{display:none}:host .table-cta-row{display:table-row}:host .table-cta-row .table-cell{min-width:var(--cell-width-md, 225px);max-width:var(--cell-width-md, 225px)}:host .table-cta-row .last-column-tooltip .tooltip{right:-4px}}";export{o as ptc_pricing_packaging_table}
@@ -1 +1 @@
1
- import{r as t,h as e,g as i}from"./p-ac75c7ad.js";import{a as o}from"./p-ad87bdab.js";const n=class{constructor(e){t(this,e),this.colors=["hp-blue","hp-red","hp-gray","hp-green","hp-orange"],this.activeTab=0,this.dropdownOpen=!1,this.tileElements=[]}componentWillLoad(){this.updateTileElements(this.activeTab),this.sliderSettings={IsMouseDown:!1,PreventAnchor:!1,Timeout:void 0,StartX:0,ScrollLeft:0}}componentDidLoad(){this.slider=this.el.shadowRoot.querySelector(".card-section")}componentDidRender(){o("homepage-clickable-tab",this.el)}handleTabSelected(t){this.activeTab=t,this.dropdownOpen=!1,this.updateTileElements(t)}toggleDropdown(){this.dropdownOpen=!this.dropdownOpen}getTabs(){return Array.from(this.el.querySelectorAll('[slot^="tab-label"]')).map(((t,e)=>({label:t.textContent,index:e})))}updateTileElements(t){this.tileElements=Array.from(this.el.querySelectorAll(`[slot^="tab-tile-${t}"]`))}onSliderScroll(){0===this.slider.scrollLeft&&this.slider.classList.contains("scroll-st")?this.slider.classList.remove("scroll-st"):0===this.slider.scrollLeft||this.slider.classList.contains("scroll-st")||this.slider.classList.add("scroll-st"),this.slider.scrollLeft===this.slider.scrollWidth-this.slider.offsetWidth&&this.slider.classList.contains("scroll-ed")?this.slider.classList.remove("scroll-ed"):this.slider.scrollLeft===this.slider.scrollWidth-this.slider.offsetWidth||this.slider.classList.contains("scroll-ed")||this.slider.classList.add("scroll-ed")}onSliderMouseDown(t,e){t.preventDefault(),this.sliderSettings.IsMouseDown=!0,e.classList.add("active"),this.sliderSettings.StartX=t.pageX-e.offsetLeft,this.sliderSettings.ScrollLeft=e.scrollLeft,this.sliderSettings.PreventAnchor=!1,this.sliderSettings.Timeout=setTimeout((()=>{this.sliderSettings.PreventAnchor=!0}),80)}onSliderMouseExit(t,e){t.preventDefault(),clearTimeout(this.sliderSettings.Timeout),this.sliderSettings.IsMouseDown=!1,e.classList.remove("active")}onSliderMouseDrag(t,e){this.sliderSettings.IsMouseDown&&(t.preventDefault(),e.scrollLeft=this.sliderSettings.ScrollLeft-(t.pageX-e.offsetLeft-this.sliderSettings.StartX))}onCardMouseDown(t){if(t&&t.currentTarget){let e=t.currentTarget;e&&e.classList.add("active")}}onCardMouseUp(t){if(t&&t.currentTarget){let e=t.currentTarget;e&&e.classList.remove("active")}}render(){const t=e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"15",height:"11",viewBox:"0 0 15 11",fill:"none"},e("path",{d:"M13 8.5L7.34315 2.71178L1.68629 8.5",stroke:"white","stroke-width":"3","stroke-linecap":"round"})),i=e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"15",height:"11",viewBox:"0 0 15 11",fill:"none"},e("path",{d:"M13 2.5L7.34315 8.28822L1.68629 2.5",stroke:"white","stroke-width":"3","stroke-linecap":"round"})),o=this.getTabs();return e("div",{class:"wrapper"},e("div",{class:"header"},e("h2",null,e("slot",{name:"title"})),e("p",null,e("slot",{name:"description"}))),e("div",{class:"tabs"},e("div",{class:"tabs-desktop"},o.map((t=>e("homepage-clickable-tab",{label:t.label,active:this.activeTab===t.index,activeColor:this.colors[t.index],onClick:()=>this.handleTabSelected(t.index)})))),e("div",{class:"tabs-mobile"},e("button",{class:`dropdown-button ${this.colors[this.activeTab]} ${this.dropdownOpen?"opened":""}`,onClick:()=>this.toggleDropdown()},o[this.activeTab].label,e("span",{class:"arrow"},this.dropdownOpen?t:i)),this.dropdownOpen&&e("div",{class:"dropdown-menu"},o.map((t=>e("div",{class:"dropdown-item "+(t.index===this.activeTab?"active-tab":""),onClick:()=>this.handleTabSelected(t.index)},e("slot",{name:`tab-label-${t.index}`}))))))),e("div",{class:"content"},o.map(((t,i)=>e("div",{class:"tab-content "+(this.activeTab===i?"active-tab":"")},e("slot",{name:`tab-image-${i}`}),e("div",{class:"content-detail"},e("div",{hidden:!0},t.label),e("h2",null,e("slot",{name:`tab-title-${i}`})),e("p",null,e("slot",{name:`tab-content-${i}`})),e("slot",{name:`tab-button-${i}`}),this.activeTab===i&&this.tileElements.length>0?e("div",Object.assign({class:"info-card-wrapper card-section"},this.getSliderBindings()),this.tileElements.map(((t,i)=>e("div",{class:`swiper-slide card-link card-link-${i+1}`,"tab-index":i+1,key:i,innerHTML:t.outerHTML,onMouseDown:t=>this.onCardMouseDown(t),onMouseUp:t=>this.onCardMouseUp(t),onMouseLeave:t=>this.onCardMouseUp(t),onTouchEnd:t=>{this.onCardMouseUp(t)}})))):null))))))}getSliderBindings(){return{onMouseDown:t=>{this.onSliderMouseDown(t,this.slider)},onMouseUp:t=>{this.onSliderMouseExit(t,this.slider)},onMouseLeave:t=>{this.onSliderMouseExit(t,this.slider)},onMouseMove:t=>{this.onSliderMouseDrag(t,this.slider)}}}get el(){return i(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}}::slotted(.title){color:var(--color-gray-10) !important;font-family:Raleway !important;font-size:20px !important;font-style:normal !important;font-weight:700 !important;line-height:30px !important;margin-top:0px !important;margin-bottom:16px !important}@media screen and (min-width: 768px){::slotted(.title){font-size:24px !important}}::slotted(.description){color:var(--color-gray-10) !important;font-family:Raleway !important;font-size:18px !important;font-style:normal !important;font-weight:400 !important;line-height:27px !important;margin-top:0px !important;margin-bottom:0px !important}::slotted(.tab-slot-image){width:auto;object-fit:contain;margin-bottom:32px}@media screen and (min-width: 480px){::slotted(.tab-slot-image){height:500px}}@media screen and (min-width: 992px){::slotted(.tab-slot-image){margin-bottom:unset;height:auto;max-width:580px;width:50%}}.header{text-align:center;margin-bottom:20px;max-width:720px}.header h2{margin-top:0px !important;margin-bottom:16px !important}.tabs{display:flex;justify-content:center;margin-bottom:40px;position:relative;z-index:99}@media screen and (min-width: 992px){.tabs{margin-bottom:64px}}.tabs-desktop{display:flex;gap:24px;flex:1}.tabs-desktop homepage-clickable-tab{flex:1 1 122px}.tabs-mobile{display:none;position:relative}.dropdown-button{color:white;padding:24px;border:none;border-radius:var(--ptc-border-radius-standard);cursor:pointer;display:flex;align-items:center;justify-content:space-between;width:100%;font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-extrabold);text-align:left}.dropdown-button.opened{border-radius:var(--ptc-border-radius-standard) var(--ptc-border-radius-standard) 0px 0px}.dropdown-button.hp-blue{background:linear-gradient(180deg, #197BC0 0%, #4795CD 100%)}.dropdown-button.hp-green{background:linear-gradient(180deg, #00890B 0%, #33A13C 100%)}.dropdown-button.hp-red{background:linear-gradient(180deg, #D33E3E 0%, #DC6565 100%)}.dropdown-button.hp-gray{background:linear-gradient(180deg, #617480 0%, #819099 100%)}.dropdown-button.hp-orange{background:linear-gradient(180deg, #C37729 0%, #CF9254 100%)}.dropdown-button .arrow{margin-left:24px}.dropdown-menu{position:absolute;width:100%;background-color:var(--color-white);color:var(--color-gray-10);display:flex;flex-direction:column;border-radius:0px 0px var(--ptc-border-radius-standard) var(--ptc-border-radius-standard);border-top:0px;box-shadow:var(--ptc-shadow-medium)}.dropdown-menu .dropdown-item{color:var(--color-gray-10);font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-regular)}.dropdown-menu .dropdown-item.active-tab ::slotted(.tab-label){font-weight:var(--ptc-font-weight-bold) !important}.dropdown-item{padding:24px 24px 0px 24px;cursor:pointer}.dropdown-item:last-of-type{padding-bottom:24px}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover ::slotted(.tab-label){font-weight:var(--ptc-font-weight-bold)}@media (max-width: 992px){.tabs-desktop{display:none}.tabs-mobile{display:block;width:100%}}.content{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap}.tab-content{display:none;opacity:0;flex-direction:column;width:100%;animation:fadeIn var(--ptc-transition-medium) ease-in-out forwards}.tab-content.active-tab{display:flex;opacity:1}@media only screen and (min-width: 992px){.tab-content{flex-wrap:nowrap;flex-direction:row;width:100%;justify-content:center;align-items:center;gap:56px}}.tab-content img{max-width:100%;width:100%;height:auto;margin-bottom:20px}@media only screen and (min-width: 992px){.tab-content img{width:580px;height:733px;flex-shrink:0}}.content-detail{text-align:left}@media only screen and (min-width: 992px){.content-detail{flex-grow:1;word-break:break-word}}.content-detail p,.content-detail h2{margin-block-start:unset;margin-block-end:unset}.content-detail h2{margin-bottom:16px}.content-detail p{margin-bottom:32px}.info-card-wrapper{margin-top:48px;display:flex;justify-content:center;align-items:center;width:calc(100% + 24px)}@media screen and (min-width: 992px){.info-card-wrapper{width:100%;margin-top:72px}}.card-section{display:flex;position:relative;flex-wrap:nowrap;flex-shrink:0;-ms-overflow-style:none;scrollbar-width:none;transition:box-shadow var(--ptc-transition-medium) var(--ptc-ease-out);justify-content:flex-start}.card-section::-webkit-scrollbar{display:none}.card-section .card-link{display:inline-flex;position:relative;text-decoration:none;z-index:10;align-items:center;gap:16px;margin-right:24px}.card-section .card-link .link-text{display:block;inline-size:190px;white-space:break-spaces}.card-section:before{position:absolute;width:32px;background:linear-gradient(85deg, rgba(255, 255, 255, 0) 0%, white 100.13%);top:16px;right:0;bottom:0;z-index:12}.card-section.scroll-st{box-shadow:inset 2px 0px 0px rgba(255, 255, 255, 0.3)}.card-section.scroll-ed{box-shadow:inset -2px 0px 0px rgba(255, 255, 255, 0.3)}.card-section.scroll-ed.scroll-st{box-shadow:inset 2px 0px 0px rgba(255, 255, 255, 0.3), inset -2px 0px 0px rgba(255, 255, 255, 0.3)}@media only screen and (min-width: 1200px){.card-section{align-items:flex-start;justify-content:flex-start;align-content:flex-start}.card-section.scroll-st,.card-section.scroll-ed,.card-section.scroll-ed.scroll-st{box-shadow:unset}.card-section .card-link{flex:unset}.card-section .card-link:first-child{margin-left:0}.card-section .card-link:last-child{margin-right:0}}.card-section{overflow:inherit;overflow-x:scroll;overflow-y:hidden;animation-duration:0ms;animation-delay:1000ms;animation-fill-mode:forwards}@media only screen and (min-width: 1200px){.card-section{overflow-x:scroll}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}";export{n as homepage_toggled_content}
1
+ import{r as t,h as e,g as i}from"./p-ac75c7ad.js";import{a as o}from"./p-8872161f.js";const n=class{constructor(e){t(this,e),this.colors=["hp-blue","hp-red","hp-gray","hp-green","hp-orange"],this.activeTab=0,this.dropdownOpen=!1,this.tileElements=[]}componentWillLoad(){this.updateTileElements(this.activeTab),this.sliderSettings={IsMouseDown:!1,PreventAnchor:!1,Timeout:void 0,StartX:0,ScrollLeft:0}}componentDidLoad(){this.slider=this.el.shadowRoot.querySelector(".card-section")}componentDidRender(){o("homepage-clickable-tab",this.el)}handleTabSelected(t){this.activeTab=t,this.dropdownOpen=!1,this.updateTileElements(t)}toggleDropdown(){this.dropdownOpen=!this.dropdownOpen}getTabs(){return Array.from(this.el.querySelectorAll('[slot^="tab-label"]')).map(((t,e)=>({label:t.textContent,index:e})))}updateTileElements(t){this.tileElements=Array.from(this.el.querySelectorAll(`[slot^="tab-tile-${t}"]`))}onSliderScroll(){0===this.slider.scrollLeft&&this.slider.classList.contains("scroll-st")?this.slider.classList.remove("scroll-st"):0===this.slider.scrollLeft||this.slider.classList.contains("scroll-st")||this.slider.classList.add("scroll-st"),this.slider.scrollLeft===this.slider.scrollWidth-this.slider.offsetWidth&&this.slider.classList.contains("scroll-ed")?this.slider.classList.remove("scroll-ed"):this.slider.scrollLeft===this.slider.scrollWidth-this.slider.offsetWidth||this.slider.classList.contains("scroll-ed")||this.slider.classList.add("scroll-ed")}onSliderMouseDown(t,e){t.preventDefault(),this.sliderSettings.IsMouseDown=!0,e.classList.add("active"),this.sliderSettings.StartX=t.pageX-e.offsetLeft,this.sliderSettings.ScrollLeft=e.scrollLeft,this.sliderSettings.PreventAnchor=!1,this.sliderSettings.Timeout=setTimeout((()=>{this.sliderSettings.PreventAnchor=!0}),80)}onSliderMouseExit(t,e){t.preventDefault(),clearTimeout(this.sliderSettings.Timeout),this.sliderSettings.IsMouseDown=!1,e.classList.remove("active")}onSliderMouseDrag(t,e){this.sliderSettings.IsMouseDown&&(t.preventDefault(),e.scrollLeft=this.sliderSettings.ScrollLeft-(t.pageX-e.offsetLeft-this.sliderSettings.StartX))}onCardMouseDown(t){if(t&&t.currentTarget){let e=t.currentTarget;e&&e.classList.add("active")}}onCardMouseUp(t){if(t&&t.currentTarget){let e=t.currentTarget;e&&e.classList.remove("active")}}render(){const t=e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"15",height:"11",viewBox:"0 0 15 11",fill:"none"},e("path",{d:"M13 8.5L7.34315 2.71178L1.68629 8.5",stroke:"white","stroke-width":"3","stroke-linecap":"round"})),i=e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"15",height:"11",viewBox:"0 0 15 11",fill:"none"},e("path",{d:"M13 2.5L7.34315 8.28822L1.68629 2.5",stroke:"white","stroke-width":"3","stroke-linecap":"round"})),o=this.getTabs();return e("div",{class:"wrapper"},e("div",{class:"header"},e("h2",null,e("slot",{name:"title"})),e("p",null,e("slot",{name:"description"}))),e("div",{class:"tabs"},e("div",{class:"tabs-desktop"},o.map((t=>e("homepage-clickable-tab",{label:t.label,active:this.activeTab===t.index,activeColor:this.colors[t.index],onClick:()=>this.handleTabSelected(t.index)})))),e("div",{class:"tabs-mobile"},e("button",{class:`dropdown-button ${this.colors[this.activeTab]} ${this.dropdownOpen?"opened":""}`,onClick:()=>this.toggleDropdown()},o[this.activeTab].label,e("span",{class:"arrow"},this.dropdownOpen?t:i)),this.dropdownOpen&&e("div",{class:"dropdown-menu"},o.map((t=>e("div",{class:"dropdown-item "+(t.index===this.activeTab?"active-tab":""),onClick:()=>this.handleTabSelected(t.index)},e("slot",{name:`tab-label-${t.index}`}))))))),e("div",{class:"content"},o.map(((t,i)=>e("div",{class:"tab-content "+(this.activeTab===i?"active-tab":"")},e("slot",{name:`tab-image-${i}`}),e("div",{class:"content-detail"},e("div",{hidden:!0},t.label),e("h2",null,e("slot",{name:`tab-title-${i}`})),e("p",null,e("slot",{name:`tab-content-${i}`})),e("slot",{name:`tab-button-${i}`}),this.activeTab===i&&this.tileElements.length>0?e("div",Object.assign({class:"info-card-wrapper card-section"},this.getSliderBindings()),this.tileElements.map(((t,i)=>e("div",{class:`swiper-slide card-link card-link-${i+1}`,"tab-index":i+1,key:i,innerHTML:t.outerHTML,onMouseDown:t=>this.onCardMouseDown(t),onMouseUp:t=>this.onCardMouseUp(t),onMouseLeave:t=>this.onCardMouseUp(t),onTouchEnd:t=>{this.onCardMouseUp(t)}})))):null))))))}getSliderBindings(){return{onMouseDown:t=>{this.onSliderMouseDown(t,this.slider)},onMouseUp:t=>{this.onSliderMouseExit(t,this.slider)},onMouseLeave:t=>{this.onSliderMouseExit(t,this.slider)},onMouseMove:t=>{this.onSliderMouseDrag(t,this.slider)}}}get el(){return i(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}}::slotted(.title){color:var(--color-gray-10) !important;font-family:Raleway !important;font-size:20px !important;font-style:normal !important;font-weight:700 !important;line-height:30px !important;margin-top:0px !important;margin-bottom:16px !important}@media screen and (min-width: 768px){::slotted(.title){font-size:24px !important}}::slotted(.description){color:var(--color-gray-10) !important;font-family:Raleway !important;font-size:18px !important;font-style:normal !important;font-weight:400 !important;line-height:27px !important;margin-top:0px !important;margin-bottom:0px !important}::slotted(.tab-slot-image){width:auto;object-fit:contain;margin-bottom:32px}@media screen and (min-width: 480px){::slotted(.tab-slot-image){height:500px}}@media screen and (min-width: 992px){::slotted(.tab-slot-image){margin-bottom:unset;height:auto;max-width:580px;width:50%}}.header{text-align:center;margin-bottom:20px;max-width:720px}.header h2{margin-top:0px !important;margin-bottom:16px !important}.tabs{display:flex;justify-content:center;margin-bottom:40px;position:relative;z-index:99}@media screen and (min-width: 992px){.tabs{margin-bottom:64px}}.tabs-desktop{display:flex;gap:24px;flex:1}.tabs-desktop homepage-clickable-tab{flex:1 1 122px}.tabs-mobile{display:none;position:relative}.dropdown-button{color:white;padding:24px;border:none;border-radius:var(--ptc-border-radius-standard);cursor:pointer;display:flex;align-items:center;justify-content:space-between;width:100%;font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-extrabold);text-align:left}.dropdown-button.opened{border-radius:var(--ptc-border-radius-standard) var(--ptc-border-radius-standard) 0px 0px}.dropdown-button.hp-blue{background:linear-gradient(180deg, #197BC0 0%, #4795CD 100%)}.dropdown-button.hp-green{background:linear-gradient(180deg, #00890B 0%, #33A13C 100%)}.dropdown-button.hp-red{background:linear-gradient(180deg, #D33E3E 0%, #DC6565 100%)}.dropdown-button.hp-gray{background:linear-gradient(180deg, #617480 0%, #819099 100%)}.dropdown-button.hp-orange{background:linear-gradient(180deg, #C37729 0%, #CF9254 100%)}.dropdown-button .arrow{margin-left:24px}.dropdown-menu{position:absolute;width:100%;background-color:var(--color-white);color:var(--color-gray-10);display:flex;flex-direction:column;border-radius:0px 0px var(--ptc-border-radius-standard) var(--ptc-border-radius-standard);border-top:0px;box-shadow:var(--ptc-shadow-medium)}.dropdown-menu .dropdown-item{color:var(--color-gray-10);font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-regular)}.dropdown-menu .dropdown-item.active-tab ::slotted(.tab-label){font-weight:var(--ptc-font-weight-bold) !important}.dropdown-item{padding:24px 24px 0px 24px;cursor:pointer}.dropdown-item:last-of-type{padding-bottom:24px}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover ::slotted(.tab-label){font-weight:var(--ptc-font-weight-bold)}@media (max-width: 992px){.tabs-desktop{display:none}.tabs-mobile{display:block;width:100%}}.content{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap}.tab-content{display:none;opacity:0;flex-direction:column;width:100%;animation:fadeIn var(--ptc-transition-medium) ease-in-out forwards}.tab-content.active-tab{display:flex;opacity:1}@media only screen and (min-width: 992px){.tab-content{flex-wrap:nowrap;flex-direction:row;width:100%;justify-content:center;align-items:center;gap:56px}}.tab-content img{max-width:100%;width:100%;height:auto;margin-bottom:20px}@media only screen and (min-width: 992px){.tab-content img{width:580px;height:733px;flex-shrink:0}}.content-detail{text-align:left}@media only screen and (min-width: 992px){.content-detail{flex-grow:1;word-break:break-word}}.content-detail p,.content-detail h2{margin-block-start:unset;margin-block-end:unset}.content-detail h2{margin-bottom:16px}.content-detail p{margin-bottom:32px}.info-card-wrapper{margin-top:48px;display:flex;justify-content:center;align-items:center;width:calc(100% + 24px)}@media screen and (min-width: 992px){.info-card-wrapper{width:100%;margin-top:72px}}.card-section{display:flex;position:relative;flex-wrap:nowrap;flex-shrink:0;-ms-overflow-style:none;scrollbar-width:none;transition:box-shadow var(--ptc-transition-medium) var(--ptc-ease-out);justify-content:flex-start}.card-section::-webkit-scrollbar{display:none}.card-section .card-link{display:inline-flex;position:relative;text-decoration:none;z-index:10;align-items:center;gap:16px;margin-right:24px}.card-section .card-link .link-text{display:block;inline-size:190px;white-space:break-spaces}.card-section:before{position:absolute;width:32px;background:linear-gradient(85deg, rgba(255, 255, 255, 0) 0%, white 100.13%);top:16px;right:0;bottom:0;z-index:12}.card-section.scroll-st{box-shadow:inset 2px 0px 0px rgba(255, 255, 255, 0.3)}.card-section.scroll-ed{box-shadow:inset -2px 0px 0px rgba(255, 255, 255, 0.3)}.card-section.scroll-ed.scroll-st{box-shadow:inset 2px 0px 0px rgba(255, 255, 255, 0.3), inset -2px 0px 0px rgba(255, 255, 255, 0.3)}@media only screen and (min-width: 1200px){.card-section{align-items:flex-start;justify-content:flex-start;align-content:flex-start}.card-section.scroll-st,.card-section.scroll-ed,.card-section.scroll-ed.scroll-st{box-shadow:unset}.card-section .card-link{flex:unset}.card-section .card-link:first-child{margin-left:0}.card-section .card-link:last-child{margin-right:0}}.card-section{overflow:inherit;overflow-x:scroll;overflow-y:hidden;animation-duration:0ms;animation-delay:1000ms;animation-fill-mode:forwards}@media only screen and (min-width: 1200px){.card-section{overflow-x:scroll}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}";export{n as homepage_toggled_content}
@@ -0,0 +1 @@
1
+ function t(t,n,e){return(t||"")+(n?` ${n}`:"")+(e?` ${e}`:"")}function n(t,n,e){let o=n?t.querySelector(n):t,i={},s=t=>t.toLowerCase().replace(/(-\w)/g,(t=>t.replace(/-/,"").toUpperCase())),r=t=>{let n=!0;return/^\s*$/.test(t.textContent)&&(n=!1),n},c=(t,n)=>{let e=t.childNodes;if(e&&e.length>0){for(let t=0;t<e.length;t++){let o=e[t];if(1==o.nodeType){let t=s(o.nodeName);n[t]||(n[t]=[]),n[t].push({}),c(o,n[t][n[t].length-1])}else 3==o.nodeType&&r(o)&&(n.text=(n.text||"")+o.textContent)}for(const t in n)Array.isArray(n[t])&&1==n[t].length&&(n[t]=n[t][0])}if(t.attributes&&t.attributes.length>0)for(let e=0;e<t.attributes.length;e++)n[s(t.attributes[e].nodeName)]=t.attributes[e].nodeValue;"true"==t.getAttribute("html")&&(n.html=t.innerHTML)};return c(o,i),e?JSON.stringify(i):i}function e(){let t=()=>Math.floor(65536*(1+Math.random())).toString(16).substring(1);return t()+t()+"-"+t()+"-"+t()+"-"+t()+"-"+t()+t()+t()}function o(t,n,o){let i=e();return globalThis.debounceTimeouts||(globalThis.debounceTimeouts={}),function(e){var s=o||this,r=e;clearTimeout(globalThis.debounceTimeouts[i]),globalThis.debounceTimeouts[i]=setTimeout((function(){t(s,r)}),n)}}function i(t){if(void 0===t)throw new Error("filePath is not defined");const n=t.lastIndexOf(".");return-1===n?"":t.substring(n)}function s(){const t=window.location.pathname.split("/")[1];return["en","cn","tw","fr","de","it","ja","ko","es","pt"].includes(t)?t:"en"}function r(t,n="span"){if(t&&t.children&&1==t.children.length){let e=t.children[0],o=e.tagName.toLowerCase();return t.removeChild(e),"font"==o&&(o=n),[o,e]}return[n,t]}function c(t){t&&t.children&&1==t.children.length&&"complete"!=t.getAttribute("data-reset")&&(t.innerHTML=t.firstElementChild.innerHTML,t.setAttribute("data-reset","complete"))}function u(t,n){let e=n.querySelectorAll(t);console.log("element: "+e[0].tagName),e.forEach((t=>{t.style.removeProperty("height")}));let o=0;e.forEach((t=>{const n=t.offsetHeight;n>o&&t.classList.contains("hydrated")&&(o=n)})),o>0&&e.forEach((t=>{t.style.height=`${o}px`}))}function l(t,n){let e;if(n instanceof DocumentFragment)e=n.querySelectorAll(t);else{if(!n.shadowRoot)return void console.error("The provided element does not have a shadowRoot.");e=n.shadowRoot.querySelectorAll(t)}let o=0;e.forEach((t=>{const n=t.offsetHeight;n>o&&(o=n)})),e.forEach((t=>{t.style.height=`${o}px`}))}function a(t,n=5e3){const o=["click","scroll","mousemove","touchstart"],i=globalThis.window,s=e();return new Promise((e=>{let r=function(t){return t.HydrationKeys||(t.HydrationKeys={}),t.HydrationKeys}(i);r[s]=!1,o.forEach((function(o){i.addEventListener(o,(function(){r[s]||(r[s]=!0,e({sender:t,interactionType:o}))}),{once:!0}),setTimeout((()=>{r[s]||(r[s]=!0,e({sender:t,interactionType:o}))}),n)}))}))}function f(t,n,e=!1){const o=new IntersectionObserver((t=>{t.forEach((t=>{if(t.isIntersecting)return t.target.classList.add("in-view"),void(e&&o.unobserve(t.target));t.target.classList.remove("in-view")}))}));t.shadowRoot.querySelectorAll(n).forEach((t=>o.observe(t)))}function h(){let t=document.createElement("div");return t.setAttribute("hidden","until-found"),"until-found"===t.hidden}class d{constructor(t){this.dependencyPromiseResolve=()=>{},this.dependencyPromiseReject=()=>{},this.resolve=()=>this.dependencyPromiseResolve(!0),this.reject=()=>this.dependencyPromiseReject();const n=new Promise(((t,n)=>{this.dependencyPromiseResolve=t,this.dependencyPromiseReject=n}));t&&t.registerDependency(n)}}function m(t,n,e=".light-links,.background-grey-10,.background-plm-grey"){t&&null!=t.darkFocusState&&0==t.darkFocusState&&n.closest(e)&&(t.darkFocusState=!0)}export{m as C,n as M,d as P,l as a,e as b,i as c,o as d,u as e,t as f,r as g,s as h,h as i,a as n,f as o,c as s}
@@ -0,0 +1 @@
1
+ import{r as o,h as t,H as a,g as r}from"./p-ac75c7ad.js";const e=class{constructor(t){o(this,t),this.sectionTitle=void 0,this.description=void 0,this.backgroundImage=void 0}componentDidLoad(){this.el.addEventListener("mousemove",(()=>{}));let o=this.el.shadowRoot.querySelector(".bgImage");onmousemove=t=>{t.target===this.el&&o.style.setProperty("transform",`translate(-${t.clientX/100}px, -${t.clientY/100}px) scale(1.1, 1.1)`)}}render(){return t(a,null,t("img",{src:this.backgroundImage,alt:"",class:"bgImage"}),t("svg",{class:"cut cut-top",xmlns:"http://www.w3.org/2000/svg",width:"320.963",height:"28.179",viewBox:"0 0 320.963 28.179"},t("path",{fill:"#F3F3F3",d:"M737.02 463.856v27.8H416.057v.378h102.38l47.607-28.179z",class:"path-1","data-name":"Path 8770",transform:"translate(-416.057 -463.856)"})),t("div",{class:"backdrop-blur light-links"},t("div",{class:"ptc-container"},t("ptc-title",{type:"h2","text-align":"center","title-color":"white","title-margin":"margin-flush"},this.sectionTitle),t("ptc-para",{"font-size":"small","para-align":"center","font-weight":"w-5","para-color":"white","para-margin":"margin-5"},this.description),t("ptc-spacer",null)),t("div",{class:"ptc-container"},t("div",{class:"content-box"},t("div",{class:"backdrop"}),t("slot",null)))),t("svg",{class:"cut cut-bottom",xmlns:"http://www.w3.org/2000/svg",width:"320.963",height:"28.179",viewBox:"0 0 320.963 28.179"},t("path",{fill:"#F3F3F3",d:"M737.02 463.856v27.8H416.057v.378h102.38l47.607-28.179z",class:"path-1","data-name":"Path 8770",transform:"translate(-416.057 -463.856)"})))}get el(){return r(this)}};e.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}}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),.light-links a.light-link,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section 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),.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):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):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):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):active,.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section 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):active,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section 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):active,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section 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):hover,.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section 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):hover,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section 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):hover,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section 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).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).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).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):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):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):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)}.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)}:host{display:block;background:linear-gradient(180deg, rgba(0, 0, 0, 0.62), rgba(0, 0, 0, 0));background-position:50%;background-size:cover;overflow:hidden;position:relative}:host .bgImage{height:100%;left:0;object-fit:cover;position:absolute;top:0;transform:scale(1.1);width:100%;z-index:-2}:host svg.cut{left:0;position:absolute;z-index:99}:host svg.cut-top{top:0;transform:rotate(180deg) translateY(5px)}:host .cut-bottom{bottom:0;transform:scaleX(-1) translateY(5px)}:host .backdrop-blur{backdrop-filter:blur(7px);padding:var(--ptc-layout-spacing-05) 0}:host .content-box{padding:var(--ptc-element-spacing-05);backdrop-filter:blur(13.7px);border:1px solid rgba(255, 255, 255, 0.54);border-radius:10px;position:relative}@media only screen and (min-width: 768px){:host .content-box{padding:var(--ptc-element-spacing-08)}}:host .content-box .backdrop{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:10px;box-shadow:0 3px 15px 0 rgba(0, 0, 0, 0.35);width:100%;height:100%;overflow:hidden;position:absolute;top:0;left:0}:host .content-box .backdrop::before{background-color:#2a2729;border-radius:10px;content:"";height:100%;opacity:0.7;position:absolute;width:100%;z-index:-1}:host .ptc-container{padding-right:24px;padding-left:24px;margin-right:auto;margin-left:auto}@media only screen and (min-width: 1200px){:host .ptc-container{padding-left:0;padding-right:0;max-width:1136px}}@media only screen and (min-width: 1440px){:host .ptc-container{padding-left:0;padding-right:0;max-width:1200px}}';export{e as innovator_toggle_container}
@@ -0,0 +1 @@
1
+ import{r as t,h as o,H as e}from"./p-ac75c7ad.js";const i=class{constructor(o){t(this,o),this.isTabMob=void 0,this.backgroundImage=void 0}handleWindowResize(){this.setEqualHeights("ptc-icon-card"),this.isTabMob=window.innerWidth<1200,this.isTabMob?document.querySelectorAll(".ft-col").forEach((t=>{t.style.height="auto"})):this.setEqualHeights(".ft-col")}componentWillLoad(){this.isTabMob=window.innerWidth<1200}componentDidLoad(){this.setEqualHeights("ptc-icon-card"),this.isTabMob?document.querySelectorAll(".ft-col").forEach((t=>{t.style.height="auto"})):this.setEqualHeights(".ft-col")}setEqualHeights(t){const o=document.querySelectorAll(t);let e=0;o.forEach((t=>{t.style.height="auto"})),o.forEach((t=>{const o=t.offsetHeight;o>e&&(e=o)})),o.forEach((t=>{t.style.height=`${e}px`}))}render(){return o(e,null,o("div",{class:"footer-bg-wrap"},o("div",{class:"footer-bg",style:{backgroundImage:`url(${this.backgroundImage})`}}),o("slot",null)),o("slot",{name:"footer-bottom-slot"}))}};i.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}}ptc-footer{display:block;color:var(--color-white);background-color:var(--color-gray-12);position:relative;z-index:2}ptc-footer ul{padding:0;margin:0;list-style:none}ptc-footer ul li a{margin:-2px;border:2px solid transparent;text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px;text-decoration-color:transparent;transition:text-decoration var(--ptc-transition-medium) var(--ptc-ease-inout);color:var(--color-white) !important}ptc-footer ul li a:hover{color:var(--color-white) !important;text-decoration-color:var(--color-white)}ptc-footer ul li a:visited{color:var(--color-white)}ptc-footer ul li a:active{color:var(--color-gray-04) !important;transition:none;text-decoration-color:var(--color-gray-04)}ptc-footer ul li a:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}ptc-footer .gap-20{grid-column-gap:20px;grid-row-gap:20px}ptc-footer .footer-bg-wrap{position:relative;border-top:1px solid var(--color-gray-10)}ptc-footer .footer-bg{position:absolute;width:100%;text-align:center;height:100%;background-repeat:no-repeat;background-position:center center;z-index:0}ptc-footer .footer-top{padding-top:48px;padding-bottom:48px;position:relative;z-index:1;max-width:500px;margin:auto;box-sizing:content-box}@media only screen and (min-width: 992px){ptc-footer .footer-top{padding:var(--ptc-layout-spacing-06) 80px;max-width:900px}}@media only screen and (min-width: 1200px){ptc-footer .footer-top{padding:var(--ptc-layout-spacing-06) 88px;max-width:1200px}}@media only screen and (min-width: 1440px){ptc-footer .footer-top{padding:var(--ptc-layout-spacing-06) 88px;max-width:1200px}}ptc-footer .footer-top ptc-title{display:block}ptc-footer .footer-top .f-menu{justify-content:space-between;width:100%;gap:16px;max-width:516px}@media only screen and (min-width: 992px){ptc-footer .footer-top .f-menu{justify-content:flex-start;max-width:419px;gap:56px}}@media only screen and (min-width: 1200px){ptc-footer .footer-top .f-menu{justify-content:flex-start;max-width:413px;gap:80px}}@media only screen and (min-width: 992px){ptc-footer .footer-top .f-menu ul,ptc-footer .footer-top .f-menu ol{max-width:initial}}@media only screen and (min-width: 1024px){ptc-footer .footer-top .f-menu ul,ptc-footer .footer-top .f-menu ol{width:50%}}ptc-footer .footer-top .f-menu ul li,ptc-footer .footer-top .f-menu ol li{padding:6px 0;font-size:var(--ptc-font-size-x-small)}ptc-footer .footer-top .f-menu ul li:first-child,ptc-footer .footer-top .f-menu ol li:first-child{padding-top:0}ptc-footer .footer-top .f-menu ul li:last-child,ptc-footer .footer-top .f-menu ol li:last-child{padding-bottom:0}ptc-footer .footer-top .f-menu ul li a,ptc-footer .footer-top .f-menu ol li a{display:inline-block;font-weight:var(--ptc-font-weight-medium);line-height:var(--ptc-line-height-p);padding-bottom:4px}ptc-footer .footer-top .f-social-wrap{display:flex;flex-direction:column;align-items:center;grid-column-gap:48px;grid-row-gap:48px}@media only screen and (min-width: 992px){ptc-footer .footer-top .f-social-wrap{flex-direction:row;justify-content:flex-start}}@media only screen and (min-width: 1200px){ptc-footer .footer-top .f-social-wrap{display:block}}ptc-footer ptc-mobile-select,ptc-footer .mobile-lang{display:block}@media only screen and (min-width: 1200px){ptc-footer ptc-mobile-select,ptc-footer .mobile-lang{display:none}}ptc-footer .footer-bottom{background-color:var(--color-gray-11);padding-top:var(--ptc-layout-spacing-02);padding-bottom:var(--ptc-layout-spacing-02);text-align:center;font-size:var(--ptc-font-size-xx-small)}@media only screen and (min-width: 992px){ptc-footer .footer-bottom{display:flex;align-items:center;justify-content:space-between}}@media only screen and (min-width: 992px){ptc-footer .footer-bottom{max-width:1136px;box-sizing:content-box}}@media only screen and (min-width: 1200px){ptc-footer .footer-bottom{padding-right:24px;padding-left:24px;max-width:1200px}}ptc-footer .footer-bottom ul li,ptc-footer .footer-bottom ol li{font-size:var(--ptc-font-size-xx-small)}ptc-footer .footer-bottom .logo{margin:-2px;margin-bottom:var(--ptc-element-spacing-06)}ptc-footer .footer-bottom .logo a{border:2px solid transparent;display:inline-block}ptc-footer .footer-bottom .logo a:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}ptc-footer .footer-bottom .logo .footer-ptc-logo{width:78px;height:28px}@media only screen and (min-width: 992px){ptc-footer .footer-bottom .logo{margin-bottom:0}}@media only screen and (min-width: 992px){ptc-footer .footer-bottom .copyright-list .copyright{margin-left:20px}}@media only screen and (min-width: 992px){ptc-footer .footer-bottom .copyright-list{display:flex;align-items:center}}ptc-footer .footer-bottom .copyright-list ul{margin-top:var(--ptc-element-spacing-04)}@media only screen and (min-width: 992px){ptc-footer .footer-bottom .copyright-list ul{margin-left:40px;margin-top:0}}ptc-footer .footer-bottom .copyright-list ul li{display:inline-block;margin:0 12px}ptc-footer .footer-bottom .copyright-list ul li:first-child{margin-left:0}ptc-footer .footer-bottom .copyright-list ul li:last-child{margin-right:0}ptc-footer .footer-bottom .copyright-list ul li a{display:block;padding:6px 0}ptc-footer .f-desktop-div{display:none}@media only screen and (min-width: 1200px){ptc-footer .f-desktop-div{display:block}}ptc-footer .f-mobile-div{display:block}@media only screen and (min-width: 1200px){ptc-footer .f-mobile-div{display:none}}ptc-footer .ft-grid{display:flex;justify-content:space-between;align-items:flex-start;align-content:flex-start;row-gap:48px;align-self:stretch;flex-flow:row wrap}@media only screen and (min-width: 992px){ptc-footer .ft-grid{row-gap:56px}}ptc-footer .ft-grid .ft-col{display:flex;flex-direction:column;align-items:flex-start;gap:24px}@media only screen and (min-width: 992px){ptc-footer .ft-grid .ft-col{padding-right:64px}}ptc-footer .ft-grid .ft-cards{padding-right:0;width:100%}@media only screen and (min-width: 992px){ptc-footer .ft-grid .ft-cards{padding-right:48px;width:auto}}@media only screen and (min-width: 1200px){ptc-footer .ft-grid .ft-cards{padding-right:64px}}ptc-footer .ft-grid .ft-cards max-width-container{width:100%;margin-top:0}@media only screen and (min-width: 992px){ptc-footer .ft-grid .ft-cards max-width-container{width:auto}}ptc-footer .ft-grid .ft-menu{padding-right:16px;width:100%}@media only screen and (min-width: 480px){ptc-footer .ft-grid .ft-menu{padding-right:56px}}@media only screen and (min-width: 992px){ptc-footer .ft-grid .ft-menu{width:auto;max-width:365px;padding-right:0}}@media (min-width: 998px){ptc-footer .ft-grid .ft-menu{min-width:360px}}@media only screen and (min-width: 1200px){ptc-footer .ft-grid .ft-menu{padding-right:64px;min-width:413px;max-width:min-content}}ptc-footer .ft-grid .ft-social{display:flex;padding-right:0;width:100%;justify-content:flex-start;align-items:center;flex-direction:column;gap:48px}@media only screen and (min-width: 992px){ptc-footer .ft-grid .ft-social{flex-direction:row}}@media only screen and (min-width: 1200px){ptc-footer .ft-grid .ft-social{width:auto;justify-content:space-between;align-items:flex-end;flex-direction:column}}ptc-footer .ft-grid .ft-cn-contact{width:100%;text-align:center}";export{i as ptc_footer}
@@ -0,0 +1 @@
1
+ import{r as t,c as e,h as a,H as o,g as i}from"./p-ac75c7ad.js";const p=class{constructor(a){t(this,a),this.hoverEvent=e(this,"hoverEvent",7),this.leaveEvent=e(this,"leaveEvent",7),this.cardType=void 0,this.styles=void 0}hoverEventHandler(){this.hoverEvent.emit(),this.el.classList.contains("card-video")||this.el.classList.contains("card-playlist")||this.el.classList.contains("extra-tall")||(this.el.previousElementSibling.classList.add("mouse-hover"),this.el.classList.add("mouse-hover-card-bottom"))}leaveEventHandler(){this.hoverEvent.emit(),this.el.classList.contains("card-video")||this.el.classList.contains("card-playlist")||this.el.classList.contains("extra-tall")||(this.el.previousElementSibling.classList.remove("mouse-hover"),this.el.classList.remove("mouse-hover-card-bottom"))}render(){const t=this.getCssClassMap();return a(o,{part:"card-bottom",class:t,onMouseEnter:this.hoverEventHandler.bind(this),onMouseLeave:this.leaveEventHandler.bind(this)},this.styles&&a("style",null,this.styles),a("slot",{name:"slot-content"}),a("div",{class:"ptc-card-bottom-wrapper"},a("slot",null)))}getCssClassMap(){return{[this.cardType]:!!this.cardType}}get el(){return i(this)}};p.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 ::slotted([slot=seo-content]){display:none}:host(.card-tall) .ptc-card-bottom-wrapper,:host(.card-wide) .ptc-card-bottom-wrapper{position:absolute;bottom:0;left:0;padding:0 var(--ptc-element-spacing-07) var(--ptc-element-spacing-07) var(--ptc-element-spacing-06);z-index:2}:host(.card-2up) .ptc-card-bottom-wrapper{position:absolute;bottom:0;left:0;padding:0px 24px 24px 16px}:host(.card-playlist){flex:72% 2 1;align-self:center}:host(.mouse-hover-card-bottom) .ptc-card-bottom-wrapper{z-index:5;cursor:pointer}:host(.extra-tall){position:absolute;top:0;left:0}:host(.extra-tall) .ptc-card-bottom-wrapper{position:relative;top:0px;left:0px;bottom:0px;right:0px;display:flex;flex-direction:column;align-items:center;width:calc(100% - 64px);padding:var(--ptc-layout-spacing-05) var(--ptc-element-spacing-07);padding-bottom:calc(var(--ptc-layout-spacing-03) + var(--ptc-layout-spacing-05));z-index:2}@media only screen and (min-width: 768px){:host(.extra-tall) .ptc-card-bottom-wrapper{padding-bottom:var(--ptc-layout-spacing-05)}}@media only screen and (min-width: 992px){:host(.extra-tall) .ptc-card-bottom-wrapper{padding-top:var(--ptc-layout-spacing-05)}}@media only screen and (min-width: 1200px){:host(.extra-tall) .ptc-card-bottom-wrapper{padding-top:calc(var(--ptc-layout-spacing-04) + var(--ptc-layout-spacing-05))}}@media only screen and (min-width: 1440px){:host(.extra-tall) .ptc-card-bottom-wrapper{padding-top:calc(var(--ptc-layout-spacing-05) * 2)}}:host(.color-outlined) .ptc-card-bottom-wrapper{position:absolute;top:50%;transform:translateY(-50%);display:flex;justify-content:center;flex-direction:column;align-items:center;width:calc(100% - 80px);height:100%;padding:0px var(--ptc-element-spacing-08)}:host(.most-popular){padding:0 16px 14px 16px}@media only screen and (min-width: 768px){:host(.card-2up) .ptc-card-bottom-wrapper{padding:0 32px 32px 24px}}@media only screen and (min-width: 1200px){:host(.card-video-intro){flex:20% 2 1;justify-content:flex-end}:host(.card-video-intro) .ptc-card-bottom-wrapper{display:flex;justify-content:flex-end}}@media only screen and (min-width: 1440px){:host(.card-2up) .ptc-card-bottom-wrapper{width:70%}}@media only screen and (min-width: 1980px){:host(.card-2up) .ptc-card-bottom-wrapper{width:60%}}";export{p as ptc_card_bottom}
@@ -0,0 +1 @@
1
+ import{r as t,h as e,g as i}from"./p-ac75c7ad.js";import{M as o}from"./p-bcab66bf.js";class n{constructor(t){this.params=t,this.url_vars={},this.visitor_elq_id=null,this.field_mappings=[],this.callback_queue=[],this.fields_populated=!1,this.user_elq_email="",this.user_elq_firstname="",this.user_elq_lastname="",this.params=Object.assign(Object.assign({},{elq_site_id:"",elq_visitor_lookup_key:"",elq_recipient_id_lookup_key:"",elq_contact_lookup_key:"",elq_subscription_lookup_key:"",elq_field_email_rec_id:"V_EmailRecipientID",elq_field_contact_email:"C_EmailAddress",elq_field_visitor_email:"V_Email_Address",elq_field_visitor_firstname:"V_First_Name",elq_field_visitor_lastname:"V_Last_Name",notme_link_id:"not-me-link-id",notme_fields_class:null,notme_message:"Not {name}? Click here.",notme_message_noname:"Not your details below? Click here."}),this.params),this.init()}init(){this.setEloquaSiteId(),this.async_load(),this.store_url_vars(),this.store_visitor_elq_id(),window.SetElqContent=this.eloqua_callback.bind(this)}setEloquaSiteId(){this.params.elq_site_id&&(n._elqQ.push(["elqSetSiteId",this.params.elq_site_id]),n._elqQ.push(["elqUseFirstPartyCookie","tracking.ptc.com"]),n._elqQ.push(["elqTrackPageView",window.location.href]))}fire_pageview(t){try{n._elqQ.push(void 0===t?["elqTrackPageView"]:["elqTrackPageView",t]),console.log("TRACKING: Eloqua pageview fired for URL: "+(t||"current page"))}catch(t){console.log("TRACKING: Could not fire Eloqua pageview: ",t)}}find_eloqua_contact(){console.log("CONTACT LOOKUP: Attempting to find Eloqua contact..."),this.callback_queue.push(this.handle_contact_lookup.bind(this)),null!==this.visitor_elq_id?this.lookup_visitor_by_recipient_id():this.lookup_contact_by_email()}add_field_mapping(t){this.field_mappings.push(t)}add_queue_action(t){this.callback_queue.push(t)}find_eloqua_subscription_info(){console.log("Subscription Lookup: running find_eloqua_subscription_info 1. push handle_visitor_lookup into callback queue, 2. push populateCheckboxes into callback queue..."),this.callback_queue.push(this.handle_visitor_lookup.bind(this)),this.callback_queue.push(this.populateCheckboxes.bind(this)),null!==this.visitor_elq_id?this.retry_visitor_by_cookie(5,1600):(console.log("visitor_elq_id is null."),this.lookup_visitor_by_cookie())}store_url_vars(){this.url_vars={},window.location.search.substring(1).split("&").forEach((t=>{let[e,i]=t.split("=");e=decodeURIComponent(e),i=decodeURIComponent(i),this.url_vars[e]=i})),console.log("URL variables stored:",this.url_vars)}store_visitor_elq_id(){console.log("INIT: Looking for visitor's Eloqua ID in URL...");const t=this.url_vars.elq;if(t){const e=t.toUpperCase().replace(/(.{8})(.{4})(.{4})(.{4})(.{12})/,"$1-$2-$3-$4-$5");this.visitor_elq_id=e,console.log(`INIT: ...visitor Eloqua ID found in URL: ${e}`)}else this.visitor_elq_id=null,console.log("INIT: ...no visitor Eloqua ID found in URL")}eloqua_callback(){console.log("LOOKUP: Eloqua lookup finished and calling setElqContent");let t=!0;for(;t&&this.callback_queue.length>0;){const e=this.callback_queue.shift();if(e){if(console.log("QUEUE: Executing action"),t=e(),!t){console.log("QUEUE: Action failed, re-adding to queue"),this.callback_queue.unshift(e);break}console.log("QUEUE: Action executed successfully, removed from queue")}}t&&null===this.visitor_elq_id&&"function"!=typeof window.GetElqGroupMembershipStatus&&(this.update_user_details(),this.populate_mapped_fields())}lookup_visitor_by_cookie(){""!=this.params.elq_visitor_lookup_key?(n._elqQ.push(["elqDataLookup",escape(this.params.elq_visitor_lookup_key),""]),console.log("LOOKUP: Visitor lookup sent using Eloqua cookie")):console.log("LOOKUP: A visitor lookup cannot be performed as no lookup key was defined")}retry_visitor_by_cookie(t=3,e=500){let i;console.log("running retry_visitor_by_cookie"),t>0?(this.lookup_visitor_by_cookie(),"function"!=typeof window.GetElqContentPersonalizationValue?(console.warn(`GetElqContentPersonalizationValue(V_Email_Address) is not available, retrying... (${t} attempts left)`),i=setTimeout((()=>{this.retry_visitor_by_cookie(t-1,e)}),e)):(console.info("found V_Email_Address!"),clearTimeout(i))):console.error("GetElqContentPersonalizationValue is still not available after 3 attempts")}lookup_visitor_by_recipient_id(){""!=this.params.elq_recipient_id_lookup_key?(n._elqQ.push(["elqDataLookup",escape(this.params.elq_recipient_id_lookup_key),"<"+this.params.elq_field_email_rec_id+">"+this.visitor_elq_id+"</"+this.params.elq_field_email_rec_id+">"]),console.log("LOOKUP: Visitor lookup sent using email recipient id: "+this.visitor_elq_id)):console.log("LOOKUP: A visitor lookup cannot be performed as no lookup key was defined")}lookup_contact_by_email(){""!=this.params.elq_contact_lookup_key?(n._elqQ.push(["elqDataLookup",escape(this.params.elq_contact_lookup_key),"<"+this.params.elq_field_contact_email+">"+this.user_elq_email+"</"+this.params.elq_field_contact_email+">"]),console.log("LOOKUP: Contact lookup sent using email address: "+this.user_elq_email)):console.log("LOOKUP: A Contact lookup cannot be performed as no lookup key was defined")}lookup_subscription_by_email(){this.params.elq_subscription_lookup_key?(n._elqQ.push(["elqDataLookup",escape(this.params.elq_subscription_lookup_key),`<${this.params.elq_field_contact_email}>${this.user_elq_email}</${this.params.elq_field_contact_email}>`]),console.log("LOOKUP: Subscription lookup sent using email address: "+this.user_elq_email)):console.log("LOOKUP: A Subscription lookup cannot be performed as no subscription lookup key or email was defined")}handle_visitor_lookup(){if("function"==typeof window.GetElqContentPersonalizationValue){const o=window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_email);if(o){console.log(`LOOKUP: Found contact email address: ${o}`),this.user_elq_email=o.trim(),this.lookup_subscription_by_email();var t=this.user_elq_email,e=new Date;e.setTime(e.getTime()+12096e5);var i="expires="+e.toUTCString();return document.cookie="elq-uid="+encodeURIComponent(t)+";"+i+";path=/;SameSite=Strict;Secure",!0}return!1}}handle_contact_lookup(){return""!=window.GetElqContentPersonalizationValue(this.params.elq_field_contact_email)&&(console.log("LOOKUP: Found contact email address: "+window.GetElqContentPersonalizationValue(this.params.elq_field_contact_email)),!0)}populate_mapped_fields(){console.log("MAPPING: Starting field mapping"),this.field_mappings.forEach((({elementId:t,elqFieldName:e})=>{const i=window.GetElqContentPersonalizationValue(e);if("contact-country"!==t){const e=document.getElementById(t);console.log("fieldValue ID of field mappings: "+i),e&&i&&(e.value=i,e.closest("ptc-textfield")?(e.closest("ptc-textfield").style.display="none",e.closest("ptc-textfield").inputValue=i):e.closest("ptc-select")&&(e.closest("ptc-select").style.display="none",e.closest("ptc-select").selectedValue=i),this.fields_populated=!0)}else{const e=document.getElementById(t),n=document.querySelector(".mdc-select"),s=new o(n);e&&i&&(e.textContent=i,e.closest("ptc-select").selectedValue=i,s.value=i),e.closest("ptc-select")&&(e.closest("ptc-select").style.display="none")}})),console.log("MAPPING: Finished "),this.fields_populated&&this.update_notme_link()}update_user_details(){console.log("displaying user info..."),""!==window.GetElqContentPersonalizationValue(this.params.elq_field_contact_email)&&document.querySelectorAll('input[type=text], input[type=tel], input[name="phonenumber"], input[name="phonenumbertwo"], input[type=email], select, textarea, span.mdc-select__selected-text').forEach((t=>{if("SPAN"===t.tagName){const e=t,i=e.getAttribute("data-eloqua-name"),n=e.closest("ptc-select"),s=new o(n.querySelector(".mdc-select"));if(null!==i){const t=window.GetElqContentPersonalizationValue(i);""!==t&&t.length>0&&(e.textContent=t,n.selectedValue=t,s.value=t)}}else if(t.className.includes("intl-tel-input")){const e=t,i=e.getAttribute("data-eloqua-name");if(null!==i){const t=window.GetElqContentPersonalizationValue(i);""!==t&&t.length>0&&setTimeout((()=>{e.placeholder=t,e.value=t,e.closest("ptc-textfield").inputValue=t}),1e3)}}else{const e=t,i=e.getAttribute("data-eloqua-name");if(null!==i){const t=window.GetElqContentPersonalizationValue(i);""!==t&&t.length>0&&(e.value=t,e.closest("ptc-textfield").inputValue=t)}}})),""==this.user_elq_email&&""!=window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_email)&&(this.user_elq_email=window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_email)),""==this.user_elq_firstname&&""!=window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_firstname)&&(this.user_elq_firstname=window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_firstname)),""==this.user_elq_lastname&&""!=window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_lastname)&&(this.user_elq_lastname=window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_lastname))}populateCheckboxes(){"function"==typeof window.GetElqGroupMembershipStatus?(console.log("populating checkboxes..."),document.querySelector(".cookie-email").innerHTML=this.user_elq_email?this.user_elq_email:"email information is not available",document.querySelectorAll("input.groupId").forEach((t=>{const e=t.getAttribute("data-sub-groupid"),i=t.getAttribute("data-unsub-groupid"),o=window.GetElqGroupMembershipStatus(e),n=window.GetElqGroupMembershipStatus(i);null==o||void 0===o||o?t.checked=!0:n&&(t.checked=!1),this.fields_populated=!0})),this.fields_populated&&this.update_notme_link()):console.log("No result from group membership web look up, cannot display membership info")}disable_submit_button(){$("#btnSubmit").prop("disabled",!0)}update_notme_link(){const t=window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_firstname),e=window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_lastname),i=document.getElementById("not-me-additional-top"),o=document.getElementById("not-me-additional-bottom");if(i){let o=i.innerHTML;o=t&&e?o.replace("{name}",t+" "+e):this.params.notme_message_noname,i.innerHTML=o,i.style.display="block"}o&&(o.style.display="block");const n=document.getElementById(this.params.notme_link_id);n&&(n.style.display="block",n.onclick=this.remove_user_details.bind(this))}remove_user_details(t){t.preventDefault(),this.user_elq_email="",this.user_elq_firstname="",this.user_elq_lastname="";const e=document.getElementById("not-me-additional-top"),i=document.getElementById("not-me-additional-bottom");return e.style.display="none",i.style.display="none",this.refreshForm(),!1}refreshForm(){this.field_mappings.forEach((({elementId:t})=>{if("contact-country"!==t){const e=document.getElementById(t);e&&(console.log("element: "+e),e.value="",e.closest("ptc-textfield")?"true"!=e.closest("ptc-textfield").getAttribute("ignore-blind-submit")&&(e.closest("ptc-textfield").style.display=""):e.closest("ptc-select")?e.closest("ptc-select").style.display="none":e.closest("ptc-form-checkbox")&&"true"==e.closest("ptc-form-checkbox").getAttribute("ignore-blind-submit")&&(e.closest("ptc-form-checkbox").style.display="none"))}else{const e=document.getElementById(t);e&&(e.textContent=""),e.closest("ptc-select")&&(e.closest("ptc-select").style.display="")}})),this.clearEloquaCookie("elq-uid"),this.fields_populated=!1}clearEloquaCookie(t){document.cookie=t+"=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;",console.log("cookie cleared")}async_load(){const t="https://img.en25.com/i/elqCfg.min.js",e=document.createElement("script");e.type="text/javascript",e.async=!0,e.src=t,e.onerror=t=>{console.log(`Error loading script: ${t}`)};const i=document.getElementsByTagName("script")[0];i&&i.parentNode?i.parentNode.insertBefore(e,i):document.head.appendChild(e),console.log(`Async loading of script ${t} initiated.`)}}n._elqQ=window._elqQ||[];const s=class{constructor(e){t(this,e),this.elqSiteId=void 0,this.elqVisitorLookupKey=void 0,this.elqRecipientIdLookupKey=void 0,this.elqContactLookupKey=void 0,this.elqSubscriptionLookupKey=void 0,this.elqFieldEmailRecId="V_EmailRecipientID",this.elqFieldContactEmail="C_EmailAddress",this.elqFieldVisitorEmail="V_Email_Address",this.elqFieldVisitorFirstname="C_FirstName",this.elqFieldVisitorLastname="C_LastName",this.notmeLinkId=void 0,this.notmeFieldsClass=void 0,this.notmeMessage=void 0,this.notmeMessageNoname=void 0,this.isBlindSubmit=!0,this.isInitialized=!1}componentWillLoad(){this.initializeElqLib(),this.isBlindSubmit&&this.populateBlindField()}componentDidLoad(){this.init_notme()}initializeElqLib(){this.elqLib=new n({elq_site_id:this.elqSiteId,elq_visitor_lookup_key:this.elqVisitorLookupKey,elq_recipient_id_lookup_key:this.elqRecipientIdLookupKey,elq_contact_lookup_key:this.elqContactLookupKey,elq_subscription_lookup_key:this.elqSubscriptionLookupKey,elq_field_email_rec_id:this.elqFieldEmailRecId,elq_field_contact_email:this.elqFieldContactEmail,elq_field_visitor_email:this.elqFieldVisitorEmail,elq_field_visitor_firstname:this.elqFieldVisitorFirstname,elq_field_visitor_lastname:this.elqFieldVisitorLastname,notme_link_id:this.notmeLinkId,notme_fields_class:this.notmeFieldsClass,notme_message:this.notmeMessage,notme_message_noname:this.notmeMessageNoname}),this.isInitialized=!0}populateBlindField(){this.elqLib.add_field_mapping({elementId:"contact-phone",elqFieldName:"C_BusPhone"}),this.elqLib.add_field_mapping({elementId:"contact-email",elqFieldName:"C_EmailAddress"}),this.elqLib.add_field_mapping({elementId:"contact-firstname",elqFieldName:"C_FirstName"}),this.elqLib.add_field_mapping({elementId:"contact-lastname",elqFieldName:"C_LastName"}),this.elqLib.add_field_mapping({elementId:"contact-country",elqFieldName:"C_Country"}),this.elqLib.add_field_mapping({elementId:"contact-phone",elqFieldName:"C_BusPhone"}),this.elqLib.add_field_mapping({elementId:"company",elqFieldName:"C_Company"}),this.elqLib.add_field_mapping({elementId:"contact-state",elqFieldName:"C_State_Prov"}),this.elqLib.add_field_mapping({elementId:"contact-zipcode",elqFieldName:"C_Zip_Postal"}),this.elqLib.add_field_mapping({elementId:"contact-job-category",elqFieldName:"C_Job_Role1"}),this.elqLib.add_field_mapping({elementId:"contact-job-function",elqFieldName:"C_Job_Function1"}),this.elqLib.add_field_mapping({elementId:"contact-jp-job-title",elqFieldName:"C_Title"})}getCookie(t){let e=null;if(document.cookie){const i=document.cookie.split(";");for(let o of i){const[i,n]=o.trim().split("=");if(i===t){e=decodeURIComponent(n);break}}}return e}init_notme(){const t=document.getElementById("not-me-additional-top"),e=document.getElementById("not-me-additional-bottom");console.log("top: "+t),t&&(t.style.display="none"),e&&(e.style.display="none")}async performDataLookup(){this.isInitialized&&(this.elqLib.user_elq_email=this.getCookie("elq-uid"),console.log("elqlib.user_elq_email: "+this.elqLib.user_elq_email),this.elqLib.find_eloqua_contact())}async performSubscriptionLookup(){this.isInitialized&&(this.elqLib.user_elq_email=this.getCookie("elq-uid"),this.elqLib.find_eloqua_subscription_info())}render(){return e("slot",null)}get el(){return i(this)}};s.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}#not-me-link-id{color:var(--color-gray-10);font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-medium);font-style:normal;font-weight:var(--ptc-font-weight-bold);line-height:normal;margin-bottom:var(--ptc-element-spacing-03);position:relative}#not-me-link-id a{color:var(--color-hyperlink);font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-medium);font-style:normal;font-weight:var(--ptc-font-weight-bold);line-height:normal;text-decoration-line:underline}.not-me-additional-text{color:var(--color-gray-10);font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-medium);font-style:normal;font-weight:var(--ptc-font-weight-regular);line-height:normal;margin-bottom:var(--ptc-element-spacing-03)}.not-me-additional-text p{font-size:var(--ptc-font-size-medium)}.not-me-additional-text#not-me-additional-bottom{margin-bottom:unset;margin-top:var(--ptc-element-spacing-03)}.ptc-embedded-form>div{max-width:273px;overflow-wrap:break-word}.ptc-embedded-form .iti__country-name{color:var(--color-gray-12)}.ptc-embedded-form .iti--separate-dial-code.iti--show-flags .iti__selected-dial-code{color:var(--color-gray-12)}.ptc-embedded-form .mdc-menu-surface--open{z-index:99999}";export{s as ptc_data_lookup}
@@ -1 +1 @@
1
- import{r as t,h as e,H as a,g as i}from"./p-ac75c7ad.js";import{P as n}from"./p-ad87bdab.js";const r=class{constructor(e){t(this,e),this.toggleStickyBarView=()=>{var t;const e=document.querySelector("ptc-jumbotron"),a=null===(t=this.hostEle)||void 0===t?void 0:t.querySelector("div#blog-header-sticky-bar");if(e&&a){let t=e.getBoundingClientRect().bottom;0===t?(a.style.opacity="1",a.style.zIndex="2"):t<0?t>=-10?a.style.opacity=""+-t/10:(a.style.opacity="1",a.style.zIndex="2"):(a.style.opacity="0",a.style.zIndex="0")}},this.connectedCallback=()=>{const t=document.querySelector("ptc-preloader-section");t&&(this.preloaderDependency=new n(t)),setTimeout((()=>{console.log("Blog detail layout resolving promise"),this.preloaderDependency.resolve()}),5e3)},this.componentWillLoad=()=>{window.addEventListener("scroll",(()=>{this.toggleStickyBarView()}))},this.disconnectedCallback=()=>{window.removeEventListener("scroll",(()=>{this.toggleStickyBarView()}))},this.preloaderDependency=void 0}render(){return e(a,null,e("div",{style:{position:"relative"},class:"ptc-section"},e((()=>e("div",{id:"blog-header-sticky-bar-container"},e("div",{id:"blog-header-sticky-bar"},e("div",{class:"ptc-container"},e("ptc-para",{"font-size":"small","font-weight":"w-8","para-color":"white","para-line-h":"line-height-densest","para-margin":"margin-flush"},e("ptc-readmore-v2",{"max-characters":"50","read-less-text":"","read-more-text":""},"The Key to Using AI to Enhance IoT Security")),e("div",{class:"button-container"},e("ptc-button",{type:"link",color:"ptc-quaternary","link-href":"https://www.ptc.com",target:"_blank","tab-nav":"-1"},"Request Free Trial"),e("ptc-button",{type:"link",color:"ptc-tertiary","link-href":"https://www.ptc.com",target:"_blank","tab-nav":"-1",styles:"\r\n\t\t\t\t\t\t\t\t\t.ptc-tertiary { \r\n\t\t\t\t\t\t\t\t\t\tborder: 2px solid var(--color-gray-08); \r\n\t\t\t\t\t\t\t\t\t\tmargin-left: var(--ptc-element-spacing-06);\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t"},"Speaking of Service Podcast")))))),null),e("div",{class:"ptc-container"},e("blog-detail-content",null,e("div",null,e("slot",{name:"content"}))))))}get hostEle(){return i(this)}};r.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}#blog-header-sticky-bar-container{display:none}#blog-header-sticky-bar{display:none}@media (min-width: 992px){#blog-header-sticky-bar-container{display:block;position:absolute;top:0;left:0;height:100%;width:100%}#blog-header-sticky-bar{display:block;width:100%;height:85px;margin-bottom:180px;background-color:var(--color-gray-08);position:sticky;top:0;opacity:0}#blog-header-sticky-bar>div{height:100%;display:flex;align-items:center;justify-content:space-between}}@media (min-width: 1440px){#blog-header-sticky-bar{padding:var(--ptc-element-spacing-02) var(--ptc-element-spacing-07) var(--ptc-element-spacing-02) var(--ptc-element-spacing-07)}}";export{r as blog_detail_layout}
1
+ import{r as t,h as e,H as i,g as a}from"./p-ac75c7ad.js";import{P as n}from"./p-8872161f.js";const r=class{constructor(e){t(this,e),this.toggleStickyBarView=()=>{var t;const e=document.querySelector("ptc-jumbotron"),i=null===(t=this.hostEle)||void 0===t?void 0:t.querySelector("div#blog-header-sticky-bar");if(e&&i){let t=e.getBoundingClientRect().bottom;0===t?(i.style.opacity="1",i.style.zIndex="2"):t<0?t>=-10?i.style.opacity=""+-t/10:(i.style.opacity="1",i.style.zIndex="2"):(i.style.opacity="0",i.style.zIndex="0")}},this.connectedCallback=()=>{const t=document.querySelector("ptc-preloader-section");t&&(this.preloaderDependency=new n(t)),setTimeout((()=>{console.log("Blog detail layout resolving promise"),this.preloaderDependency.resolve()}),5e3)},this.componentWillLoad=()=>{window.addEventListener("scroll",(()=>{this.toggleStickyBarView()}))},this.disconnectedCallback=()=>{window.removeEventListener("scroll",(()=>{this.toggleStickyBarView()}))},this.preloaderDependency=void 0}render(){return e(i,null,e("div",{style:{position:"relative"},class:"ptc-section"},e((()=>e("div",{id:"blog-header-sticky-bar-container"},e("div",{id:"blog-header-sticky-bar"},e("div",{class:"ptc-container"},e("ptc-para",{"font-size":"small","font-weight":"w-8","para-color":"white","para-line-h":"line-height-densest","para-margin":"margin-flush"},e("ptc-readmore-v2",{"max-characters":"50","read-less-text":"","read-more-text":""},"The Key to Using AI to Enhance IoT Security")),e("div",{class:"button-container"},e("ptc-button",{type:"link",color:"ptc-quaternary","link-href":"https://www.ptc.com",target:"_blank","tab-nav":"-1"},"Request Free Trial"),e("ptc-button",{type:"link",color:"ptc-tertiary","link-href":"https://www.ptc.com",target:"_blank","tab-nav":"-1",styles:"\r\n\t\t\t\t\t\t\t\t\t.ptc-tertiary { \r\n\t\t\t\t\t\t\t\t\t\tborder: 2px solid var(--color-gray-08); \r\n\t\t\t\t\t\t\t\t\t\tmargin-left: var(--ptc-element-spacing-06);\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t"},"Speaking of Service Podcast")))))),null),e("div",{class:"ptc-container"},e("blog-detail-content",null,e("div",null,e("slot",{name:"content"}))))))}get hostEle(){return a(this)}};r.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}#blog-header-sticky-bar-container{display:none}#blog-header-sticky-bar{display:none}@media (min-width: 992px){#blog-header-sticky-bar-container{display:block;position:absolute;top:0;left:0;height:100%;width:100%}#blog-header-sticky-bar{display:block;width:100%;height:85px;margin-bottom:180px;background-color:var(--color-gray-08);position:sticky;top:0;opacity:0}#blog-header-sticky-bar>div{height:100%;display:flex;align-items:center;justify-content:space-between}}@media (min-width: 1440px){#blog-header-sticky-bar{padding:var(--ptc-element-spacing-02) var(--ptc-element-spacing-07) var(--ptc-element-spacing-02) var(--ptc-element-spacing-07)}}";export{r as blog_detail_layout}
@@ -0,0 +1 @@
1
+ import{r as t,h as a,H as o,g as i}from"./p-ac75c7ad.js";const e=class{constructor(a){t(this,a),this.cardImage=void 0,this.cardImageAltText=void 0,this.cardDescription=void 0,this.cardCtaText=void 0,this.toggleCtaTitle=void 0,this.isOpen=!1,this.isSlotEmpty=void 0}togglePanel(){this.isOpen=!this.isOpen}handleReadmoreToggle(t){Array.from(this.hostElement.querySelectorAll(".ptc-product-highlight-card")).forEach((a=>{var o,i;const e=null==a?void 0:a.querySelector("ptc-readmore"),r=null===(o=e.shadowRoot)||void 0===o?void 0:o.querySelector(".read-more-text"),n=r.scrollHeight>r.clientHeight,l=null===(i=e.shadowRoot)||void 0===i?void 0:i.querySelector("#expanded");if(e&&e!==t.detail.sender){l.checked=t.detail.isExpanded;const a=e.shadowRoot.querySelector(".read-more-cta-label");a&&(a.innerHTML=t.detail.isExpanded?`<span>${e.lessText||""}</span>`:`<span>${e.moreText||""}</span>`,t.detail.isExpanded?n&&a.classList.add("show-less-cta"):a.classList.remove("show-less-cta")),r.classList[n?"add":"remove"]("truncated")}}))}render(){return a(o,null,a("div",{class:"card-wrap"},this.cardImage&&a("ptc-picture",{alt:"image-test",src:this.cardImage,"display-image":"inline-block",width:"38"}),a("div",{class:"content"},a("div",null,a("slot",{name:"title"}),a("ptc-spacer",{size:"x-small"}),a("ptc-spacer",{size:"xx-small",breakpoint:"x-small"}),a("div",null,a("slot",{name:"content"}))),a("div",{class:"cta-wrap"},a("slot",{name:"cta"})))),this.toggleCtaTitle&&a("ptc-para",{class:"toggle-btn","font-size":"small","para-margin":"margin-flush","para-line-h":"line-height-p","para-z-index":"z-auto",onClick:()=>this.togglePanel()},a("span",{class:"toggleText"},this.toggleCtaTitle)),a("div",{class:"product-highlights-container"},a("slot",null)))}get hostElement(){return i(this)}};e.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}}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),.light-links a.light-link,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section 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),.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):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):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):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):active,.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section 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):active,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section 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):active,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section 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):hover,.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section 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):hover,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section 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):hover,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section 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).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).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).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):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):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):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)}.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)}: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 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}';export{e as ptc_product_card}