@ptcwebops/ptcw-design 6.3.30 → 6.3.31-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 (350) hide show
  1. package/dist/cjs/{component-35540bfb.js → component-6a178a16.js} +2643 -832
  2. package/dist/cjs/featured-list.cjs.entry.js +1 -1
  3. package/dist/cjs/icon-asset.cjs.entry.js +1 -1
  4. package/dist/cjs/innovator-toggle-container.cjs.entry.js +1 -1
  5. package/dist/cjs/jumbotron-sub-menu.cjs.entry.js +1 -1
  6. package/dist/cjs/list-item.cjs.entry.js +1 -1
  7. package/dist/cjs/loader.cjs.js +1 -3
  8. package/dist/cjs/modal-form-example.cjs.entry.js +94 -0
  9. package/dist/cjs/ptc-back-to-top.cjs.entry.js +1 -16
  10. package/dist/cjs/ptc-bio-card.cjs.entry.js +3 -20
  11. package/dist/cjs/ptc-button.cjs.entry.js +87 -0
  12. package/dist/cjs/ptc-card_2.cjs.entry.js +5 -7
  13. package/dist/cjs/ptc-case-studies-slider.cjs.entry.js +6 -2
  14. package/dist/cjs/ptc-close-icon_2.cjs.entry.js +28 -29
  15. package/dist/cjs/ptc-data-lookup.cjs.entry.js +1 -2
  16. package/dist/cjs/ptc-dynamic-card.cjs.entry.js +1 -1
  17. package/dist/cjs/ptc-embedded-quiz.cjs.entry.js +1 -1
  18. package/dist/cjs/ptc-featured-list.cjs.entry.js +1 -1
  19. package/dist/cjs/ptc-filter-dropdown_4.cjs.entry.js +9 -40
  20. package/dist/cjs/ptc-filter-level-theater.cjs.entry.js +3 -18
  21. package/dist/cjs/{ptc-form-checkbox_2.cjs.entry.js → ptc-form-checkbox_4.cjs.entry.js} +800 -18
  22. package/dist/cjs/ptc-info-tile.cjs.entry.js +1 -2
  23. package/dist/cjs/ptc-jumbotron.cjs.entry.js +1 -4
  24. package/dist/cjs/ptc-nav-link.cjs.entry.js +1 -1
  25. package/dist/cjs/ptc-nav-skip-to-content.cjs.entry.js +3 -28
  26. package/dist/cjs/ptc-para.cjs.entry.js +127 -0
  27. package/dist/cjs/ptc-picture.cjs.entry.js +162 -0
  28. package/dist/cjs/ptc-podcast-card.cjs.entry.js +1 -1
  29. package/dist/cjs/ptc-previous-url.cjs.entry.js +10 -2
  30. package/dist/cjs/ptc-pricing-tabs.cjs.entry.js +1 -1
  31. package/dist/cjs/ptc-product-card.cjs.entry.js +2 -2
  32. package/dist/cjs/ptc-product-category.cjs.entry.js +1 -1
  33. package/dist/cjs/ptc-product-dropdown.cjs.entry.js +2 -2
  34. package/dist/cjs/ptc-product-highlight-card.cjs.entry.js +1 -1
  35. package/dist/cjs/ptc-product-list.cjs.entry.js +1 -11
  36. package/dist/cjs/ptc-product-sidebar.cjs.entry.js +6 -38
  37. package/dist/cjs/ptc-quote.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-related-card-rail.cjs.entry.js +38 -42
  41. package/dist/cjs/ptc-spacer.cjs.entry.js +38 -0
  42. package/dist/cjs/ptc-sticky-icons.cjs.entry.js +0 -9
  43. package/dist/cjs/ptc-text-copy-with-background.cjs.entry.js +0 -7
  44. package/dist/cjs/ptc-theater-video-modal.cjs.entry.js +8 -42
  45. package/dist/cjs/ptc-title.cjs.entry.js +152 -0
  46. package/dist/cjs/ptc-tooltip-v2.cjs.entry.js +1 -1
  47. package/dist/cjs/ptc-value-led-speed-bump.cjs.entry.js +1 -1
  48. package/dist/cjs/ptc-white-paper.cjs.entry.js +14 -15
  49. package/dist/cjs/ptcw-design.cjs.js +1 -3
  50. package/dist/cjs/tab-header.cjs.entry.js +1 -1
  51. package/dist/collection/collection-manifest.json +2 -2
  52. package/dist/collection/components/icon-asset/icon-asset.js +1 -1
  53. package/dist/collection/components/icon-asset/media/{designer-v6.0.7.svg → designer-v6.0.6.svg} +30 -17
  54. package/dist/collection/components/innovator-toggle-container/innovator-toggle-container.css +6 -6
  55. package/dist/collection/components/jumbotron-sub-menu/jumbotron-sub-menu.css +0 -1
  56. package/dist/collection/components/list-item/list-item.css +0 -4
  57. package/dist/collection/components/organism-bundles/bundle-featured-list/featured-list.css +3 -3
  58. package/dist/collection/components/organism-bundles/form/modal-from-example/modal-form-example.css +26 -0
  59. package/dist/collection/components/organism-bundles/form/modal-from-example/modal-form-example.js +99 -0
  60. package/dist/collection/components/ptc-back-to-top/ptc-back-to-top.css +0 -4
  61. package/dist/collection/components/ptc-back-to-top/ptc-back-to-top.js +0 -15
  62. package/dist/collection/components/ptc-bio-card/ptc-bio-card.css +6 -10
  63. package/dist/collection/components/ptc-bio-card/ptc-bio-card.js +2 -19
  64. package/dist/collection/components/ptc-button/ptc-button.css +0 -100
  65. package/dist/collection/components/ptc-button/ptc-button.js +4 -24
  66. package/dist/collection/components/ptc-case-studies-slider/ptc-case-studies-slider.css +6 -6
  67. package/dist/collection/components/ptc-case-studies-slider/ptc-case-studies-slider.js +5 -1
  68. package/dist/collection/components/ptc-dynamic-card/ptc-dynamic-card.css +1 -1
  69. package/dist/collection/components/ptc-embedded-quiz/ptc-embedded-quiz.css +1 -1
  70. package/dist/collection/components/ptc-featured-list/ptc-featured-list.css +6 -6
  71. package/dist/collection/components/ptc-filter-dropdown/ptc-filter-dropdown.css +0 -12
  72. package/dist/collection/components/ptc-filter-dropdown/ptc-filter-dropdown.js +3 -29
  73. package/dist/collection/components/ptc-filter-level-theater/ptc-filter-level-theater.css +13 -34
  74. package/dist/collection/components/ptc-filter-level-theater/ptc-filter-level-theater.js +2 -17
  75. package/dist/collection/components/ptc-info-tile/ptc-info-tile.js +1 -20
  76. package/dist/collection/components/ptc-jumbotron/ptc-jumbotron.css +6 -6
  77. package/dist/collection/components/ptc-jumbotron/ptc-jumbotron.js +0 -3
  78. package/dist/collection/components/ptc-modal/ptc-modal.css +4 -0
  79. package/dist/collection/components/ptc-modal/ptc-modal.js +29 -30
  80. package/dist/collection/components/ptc-nav-skip-to-content/ptc-nav-skip-to-content.css +0 -7
  81. package/dist/collection/components/ptc-nav-skip-to-content/ptc-nav-skip-to-content.js +2 -78
  82. package/dist/collection/components/ptc-para/ptc-para.css +3 -0
  83. package/dist/collection/components/ptc-para/ptc-para.js +2 -2
  84. package/dist/collection/components/ptc-podcast-card/ptc-podcast-card.css +6 -6
  85. package/dist/collection/components/ptc-preloader-section/ptc-preloader-section.css +0 -109
  86. package/dist/collection/components/ptc-preloader-section/ptc-preloader-section.js +4 -6
  87. package/dist/collection/components/ptc-previous-url/ptc-previous-url.css +16 -0
  88. package/dist/collection/components/ptc-previous-url/ptc-previous-url.js +27 -1
  89. package/dist/collection/components/ptc-pricing-tabs/ptc-pricing-tabs.js +1 -1
  90. package/dist/collection/components/ptc-product-card/ptc-product-card.css +6 -10
  91. package/dist/collection/components/ptc-product-card/ptc-product-card.js +1 -1
  92. package/dist/collection/components/ptc-product-category/ptc-product-category.css +6 -6
  93. package/dist/collection/components/ptc-product-dropdown/ptc-product-dropdown.css +0 -8
  94. package/dist/collection/components/ptc-product-dropdown/ptc-product-dropdown.js +1 -1
  95. package/dist/collection/components/ptc-product-highlight-card/ptc-product-highlight-card.css +6 -6
  96. package/dist/collection/components/ptc-product-list/ptc-product-list.js +1 -11
  97. package/dist/collection/components/ptc-product-sidebar/ptc-product-sidebar.css +0 -12
  98. package/dist/collection/components/ptc-product-sidebar/ptc-product-sidebar.js +5 -37
  99. package/dist/collection/components/ptc-quote/ptc-quote.js +1 -1
  100. package/dist/collection/components/ptc-readmore-char/ptc-readmore-char.css +6 -6
  101. package/dist/collection/components/ptc-readmore-v3/ptc-readmore-v3.css +6 -6
  102. package/dist/collection/components/ptc-related-card-rail/ptc-related-card-rail.js +38 -63
  103. package/dist/collection/components/ptc-sticky-icons/ptc-sticky-icons.js +0 -9
  104. package/dist/collection/components/ptc-text-copy-with-background/ptc-text-copy-with-background.js +0 -7
  105. package/dist/collection/components/ptc-textfield/ptc-textfield.js +33 -52
  106. package/dist/collection/components/ptc-theater-video/ptc-theater-video.css +0 -6
  107. package/dist/collection/components/ptc-theater-video/ptc-theater-video.js +1 -1
  108. package/dist/collection/components/ptc-theater-video-modal/ptc-theater-video-modal.css +0 -15
  109. package/dist/collection/components/ptc-theater-video-modal/ptc-theater-video-modal.js +9 -67
  110. package/dist/collection/components/ptc-theater-video-playlist/ptc-theater-video-playlist.js +3 -8
  111. package/dist/collection/components/ptc-tooltip-v2/ptc-tooltip-v2.css +6 -6
  112. package/dist/collection/components/ptc-value-led-speed-bump/ptc-value-led-speed-bump.css +6 -6
  113. package/dist/collection/components/ptc-white-paper/ptc-white-paper.css +6 -6
  114. package/dist/collection/components/ptc-white-paper/ptc-white-paper.js +13 -14
  115. package/dist/collection/components/subnav/ptc-nav-link/ptc-nav-link.js +1 -1
  116. package/dist/collection/components/tab-header/tab-header.js +1 -1
  117. package/dist/collection/stories/Card.stories.js +148 -3
  118. package/dist/collection/stories/Link.stories.js +13 -25
  119. package/dist/collection/stories/Paragraph.stories.js +10 -18
  120. package/dist/collection/stories/Select.stories.js +8 -5
  121. package/dist/collection/stories/Textfield.stories.js +28 -71
  122. package/dist/collection/stories/Title.stories.js +16 -28
  123. package/dist/collection/stories/organisms/eSupport/CaseTracker/preview.stories.js +45 -0
  124. package/dist/collection/stories/organisms/eSupport/SupportArticle/preview.stories.js +47 -0
  125. package/dist/collection/stories/organisms/eSupport/SupportPage/preview.stories.js +157 -0
  126. package/dist/collection/utils/validation-messages.js +2 -49
  127. package/dist/custom-elements/index.d.ts +6 -0
  128. package/dist/custom-elements/index.js +398 -579
  129. package/dist/esm/blog-detail-content_2.entry.js +1 -1
  130. package/dist/esm/blog-detail-layout.entry.js +1 -1
  131. package/dist/esm/blogs-search-section.entry.js +1 -1
  132. package/dist/esm/{component-8c53e377.js → component-80f298b4.js} +2592 -793
  133. package/dist/esm/featured-list.entry.js +1 -1
  134. package/dist/esm/homepage-jumbotron.entry.js +1 -1
  135. package/dist/esm/homepage-toggled-content.entry.js +1 -1
  136. package/dist/esm/icon-asset.entry.js +1 -1
  137. package/dist/esm/innovator-toggle-container.entry.js +1 -1
  138. package/dist/esm/{interfaces-7c0243be.js → interfaces-4caedd26.js} +1 -1
  139. package/dist/esm/jumbotron-sub-menu.entry.js +1 -1
  140. package/dist/esm/list-item.entry.js +1 -1
  141. package/dist/esm/loader.js +1 -3
  142. package/dist/esm/modal-form-example.entry.js +90 -0
  143. package/dist/esm/most-popular-news.entry.js +1 -1
  144. package/dist/esm/my-component.entry.js +1 -1
  145. package/dist/esm/ptc-accordion-item.entry.js +1 -1
  146. package/dist/esm/ptc-back-to-top.entry.js +1 -16
  147. package/dist/esm/ptc-background-video.entry.js +1 -1
  148. package/dist/esm/ptc-bio-card.entry.js +3 -20
  149. package/dist/esm/ptc-button.entry.js +83 -0
  150. package/dist/esm/ptc-card_2.entry.js +5 -7
  151. package/dist/esm/ptc-case-studies-slider.entry.js +6 -2
  152. package/dist/esm/ptc-close-icon_2.entry.js +28 -29
  153. package/dist/esm/ptc-collapse-list.entry.js +1 -1
  154. package/dist/esm/ptc-data-lookup.entry.js +1 -2
  155. package/dist/esm/ptc-dynamic-card.entry.js +1 -1
  156. package/dist/esm/ptc-embedded-quiz.entry.js +1 -1
  157. package/dist/esm/ptc-featured-list.entry.js +1 -1
  158. package/dist/esm/ptc-filter-dropdown_4.entry.js +9 -40
  159. package/dist/esm/ptc-filter-level-theater.entry.js +3 -18
  160. package/dist/esm/{ptc-form-checkbox_2.entry.js → ptc-form-checkbox_4.entry.js} +799 -19
  161. package/dist/esm/ptc-homepage-image-feature.entry.js +1 -1
  162. package/dist/esm/ptc-homepage-video-background.entry.js +1 -1
  163. package/dist/esm/ptc-icon-card.entry.js +1 -1
  164. package/dist/esm/ptc-img.entry.js +1 -1
  165. package/dist/esm/ptc-info-tile.entry.js +1 -2
  166. package/dist/esm/ptc-jumbotron.entry.js +1 -4
  167. package/dist/esm/ptc-link.entry.js +1 -1
  168. package/dist/esm/ptc-media-card.entry.js +1 -1
  169. package/dist/esm/ptc-nav-link.entry.js +1 -1
  170. package/dist/esm/ptc-nav-skip-to-content.entry.js +3 -28
  171. package/dist/esm/ptc-para.entry.js +123 -0
  172. package/dist/esm/ptc-picture.entry.js +158 -0
  173. package/dist/esm/ptc-podcast-card.entry.js +1 -1
  174. package/dist/esm/ptc-previous-url.entry.js +10 -2
  175. package/dist/esm/ptc-pricing-packaging-table.entry.js +1 -1
  176. package/dist/esm/ptc-pricing-tabs.entry.js +2 -2
  177. package/dist/esm/ptc-product-card.entry.js +2 -2
  178. package/dist/esm/ptc-product-category.entry.js +1 -1
  179. package/dist/esm/ptc-product-dropdown.entry.js +2 -2
  180. package/dist/esm/ptc-product-highlight-card.entry.js +1 -1
  181. package/dist/esm/ptc-product-list.entry.js +1 -11
  182. package/dist/esm/ptc-product-sidebar.entry.js +6 -38
  183. package/dist/esm/ptc-quote.entry.js +1 -1
  184. package/dist/esm/ptc-readmore-char.entry.js +1 -1
  185. package/dist/esm/ptc-readmore-v3.entry.js +1 -1
  186. package/dist/esm/ptc-related-card-rail.entry.js +38 -42
  187. package/dist/esm/ptc-social-icons-footer.entry.js +1 -1
  188. package/dist/esm/ptc-spacer.entry.js +34 -0
  189. package/dist/esm/ptc-sticky-icons.entry.js +0 -9
  190. package/dist/esm/ptc-text-copy-with-background.entry.js +1 -8
  191. package/dist/esm/ptc-theater-video-modal.entry.js +9 -43
  192. package/dist/esm/ptc-title.entry.js +148 -0
  193. package/dist/esm/ptc-tooltip-v2.entry.js +1 -1
  194. package/dist/esm/ptc-value-led-speed-bump.entry.js +1 -1
  195. package/dist/esm/ptc-white-paper.entry.js +14 -15
  196. package/dist/esm/ptcw-design.js +1 -3
  197. package/dist/esm/tab-header.entry.js +1 -1
  198. package/dist/esm/{utils-7c68b88a.js → utils-2f12c081.js} +1 -1
  199. package/dist/ptcw-design/media/{designer-v6.0.7.svg → designer-v6.0.6.svg} +30 -17
  200. package/dist/ptcw-design/p-0529caaa.entry.js +1 -0
  201. package/dist/ptcw-design/p-077839d5.entry.js +1 -0
  202. package/dist/ptcw-design/{p-a791c53a.entry.js → p-0b515839.entry.js} +1 -1
  203. package/dist/ptcw-design/p-0c69ea52.entry.js +1 -0
  204. package/dist/ptcw-design/p-0d223232.entry.js +1 -0
  205. package/dist/ptcw-design/p-0e5932f0.entry.js +1 -0
  206. package/dist/ptcw-design/p-0ef61b44.entry.js +1 -0
  207. package/dist/ptcw-design/{p-dffcfa42.entry.js → p-14b7693f.entry.js} +1 -1
  208. package/dist/ptcw-design/{p-30bfb2f9.entry.js → p-1eb40265.entry.js} +1 -1
  209. package/dist/ptcw-design/p-21aa746d.entry.js +1 -0
  210. package/dist/ptcw-design/{p-673cfd2e.entry.js → p-257267e3.entry.js} +1 -1
  211. package/dist/ptcw-design/p-282b7d4e.entry.js +1 -0
  212. package/dist/ptcw-design/{p-4056c365.entry.js → p-297a14cb.entry.js} +1 -1
  213. package/dist/ptcw-design/p-2a20d4a6.entry.js +1 -0
  214. package/dist/ptcw-design/p-2cc7e2a8.entry.js +1 -0
  215. package/dist/ptcw-design/p-32f64f48.entry.js +1 -0
  216. package/dist/ptcw-design/{p-d089dc37.entry.js → p-3dd0ded9.entry.js} +1 -1
  217. package/dist/ptcw-design/{p-5ca42138.entry.js → p-3ed4a7ed.entry.js} +1 -1
  218. package/dist/ptcw-design/p-3ee2a531.entry.js +1 -0
  219. package/dist/ptcw-design/p-445329ed.entry.js +1 -0
  220. package/dist/ptcw-design/{p-16d47ac5.entry.js → p-45b1f3fc.entry.js} +1 -1
  221. package/dist/ptcw-design/{p-81e65926.entry.js → p-4702c233.entry.js} +1 -1
  222. package/dist/ptcw-design/p-4b192f5e.entry.js +1 -0
  223. package/dist/ptcw-design/{p-531caca4.entry.js → p-4ca956c1.entry.js} +1 -1
  224. package/dist/ptcw-design/p-4f93c631.entry.js +1 -0
  225. package/dist/ptcw-design/p-5245be70.entry.js +1 -0
  226. package/dist/ptcw-design/{p-55e344bc.entry.js → p-52e17d34.entry.js} +1 -1
  227. package/dist/ptcw-design/p-5311c6e1.entry.js +1 -0
  228. package/dist/ptcw-design/p-58e91cb8.entry.js +1 -0
  229. package/dist/ptcw-design/p-5db7f70b.entry.js +1 -0
  230. package/dist/ptcw-design/p-672a349f.js +336 -0
  231. package/dist/ptcw-design/{p-ee1183b2.js → p-711bcdad.js} +1 -1
  232. package/dist/ptcw-design/{p-9e4e21a4.entry.js → p-71360e29.entry.js} +1 -1
  233. package/dist/ptcw-design/p-75390f63.entry.js +1 -0
  234. package/dist/ptcw-design/{p-e813ea2b.entry.js → p-76dab076.entry.js} +1 -1
  235. package/dist/ptcw-design/{p-e3b1af2b.entry.js → p-7793babb.entry.js} +1 -1
  236. package/dist/ptcw-design/p-799afee5.entry.js +1 -0
  237. package/dist/ptcw-design/p-7bdf1e64.entry.js +1 -0
  238. package/dist/ptcw-design/{p-826c17e8.js → p-80122e26.js} +1 -1
  239. package/dist/ptcw-design/p-8038bf31.entry.js +1 -0
  240. package/dist/ptcw-design/p-85b3ca2b.entry.js +1 -0
  241. package/dist/ptcw-design/p-85bdb2d5.entry.js +68 -0
  242. package/dist/ptcw-design/{p-a5ad0eff.entry.js → p-8c121480.entry.js} +1 -1
  243. package/dist/ptcw-design/{p-5bd8b4be.entry.js → p-8cea8943.entry.js} +1 -1
  244. package/dist/ptcw-design/{p-757e3edb.entry.js → p-8e42a22d.entry.js} +1 -1
  245. package/dist/ptcw-design/p-8fb48953.entry.js +1 -0
  246. package/dist/ptcw-design/{p-0252726c.entry.js → p-901c31b3.entry.js} +1 -1
  247. package/dist/ptcw-design/p-9501995f.entry.js +1 -0
  248. package/dist/ptcw-design/p-97b9f41b.entry.js +1 -0
  249. package/dist/ptcw-design/{p-884c335c.entry.js → p-99355e65.entry.js} +1 -1
  250. package/dist/ptcw-design/p-99ee8a0e.entry.js +1 -0
  251. package/dist/ptcw-design/{p-2ba1ef9d.entry.js → p-9dbcfcee.entry.js} +1 -1
  252. package/dist/ptcw-design/{p-27c26d50.entry.js → p-9df7489b.entry.js} +1 -1
  253. package/dist/ptcw-design/{p-24a6eefa.entry.js → p-a5fc048f.entry.js} +1 -1
  254. package/dist/ptcw-design/p-a8872ce3.entry.js +1 -0
  255. package/dist/ptcw-design/p-b50f71dd.entry.js +1 -0
  256. package/dist/ptcw-design/{p-50770cc0.entry.js → p-b647f7a1.entry.js} +1 -1
  257. package/dist/ptcw-design/p-baff4d44.entry.js +1 -0
  258. package/dist/ptcw-design/{p-80588c84.entry.js → p-d51438de.entry.js} +1 -1
  259. package/dist/ptcw-design/{p-18ac526f.entry.js → p-d73cc053.entry.js} +1 -1
  260. package/dist/ptcw-design/p-de960790.entry.js +1 -0
  261. package/dist/ptcw-design/p-e4eb925f.entry.js +1 -0
  262. package/dist/ptcw-design/p-e6a272d9.entry.js +1 -0
  263. package/dist/ptcw-design/p-f0abe922.entry.js +1 -0
  264. package/dist/ptcw-design/p-f1734520.entry.js +1 -0
  265. package/dist/ptcw-design/{p-0ddf2a09.entry.js → p-f867ebe6.entry.js} +1 -1
  266. package/dist/ptcw-design/p-fe40421e.entry.js +1 -0
  267. package/dist/ptcw-design/p-fe907670.entry.js +1 -0
  268. package/dist/ptcw-design/ptcw-design.css +2 -2
  269. package/dist/ptcw-design/ptcw-design.esm.js +1 -1
  270. package/dist/types/components/organism-bundles/form/modal-from-example/modal-form-example.d.ts +25 -0
  271. package/dist/types/components/ptc-bio-card/ptc-bio-card.d.ts +1 -1
  272. package/dist/types/components/ptc-button/ptc-button.d.ts +1 -2
  273. package/dist/types/components/ptc-filter-dropdown/ptc-filter-dropdown.d.ts +1 -2
  274. package/dist/types/components/ptc-form-checkbox/ptc-form-checkbox.d.ts +1 -1
  275. package/dist/types/components/ptc-info-tile/ptc-info-tile.d.ts +0 -1
  276. package/dist/types/components/ptc-jumbotron/ptc-jumbotron.d.ts +0 -1
  277. package/dist/types/components/ptc-mobile-select/mobile-select/dist/mobile-select.d.ts +209 -0
  278. package/dist/types/components/ptc-modal/ptc-modal.d.ts +1 -1
  279. package/dist/types/components/ptc-multi-select/ptc-multi-select.d.ts +1 -1
  280. package/dist/types/components/ptc-nav-skip-to-content/ptc-nav-skip-to-content.d.ts +0 -6
  281. package/dist/types/components/ptc-para/ptc-para.d.ts +1 -1
  282. package/dist/types/components/ptc-previous-url/ptc-previous-url.d.ts +2 -0
  283. package/dist/types/components/ptc-product-list/ptc-product-list.d.ts +1 -1
  284. package/dist/types/components/ptc-product-sidebar/ptc-product-sidebar.d.ts +3 -6
  285. package/dist/types/components/ptc-related-card-rail/ptc-related-card-rail.d.ts +0 -3
  286. package/dist/types/components/ptc-select/ptc-select.d.ts +1 -1
  287. package/dist/types/components/ptc-text-copy-with-background/ptc-text-copy-with-background.d.ts +0 -2
  288. package/dist/types/components/ptc-textfield/ptc-textfield.d.ts +2 -56
  289. package/dist/types/components/ptc-theater-video-modal/ptc-theater-video-modal.d.ts +1 -6
  290. package/dist/types/components/ptc-theater-video-playlist/ptc-theater-video-playlist.d.ts +1 -1
  291. package/dist/types/components/ptc-white-paper/ptc-white-paper.d.ts +1 -1
  292. package/dist/types/components.d.ts +22 -133
  293. package/dist/types/utils/eloqua.d.ts +9 -0
  294. package/dist/types/utils/validation-messages.d.ts +123 -4
  295. package/package.json +2 -6
  296. package/readme.md +5 -1
  297. package/dist/cjs/component-1b8ad4d2.js +0 -1819
  298. package/dist/cjs/global-418c14b4.js +0 -33
  299. package/dist/cjs/ptc-button_5.cjs.entry.js +0 -542
  300. package/dist/cjs/ptc-multi-select_2.cjs.entry.js +0 -670
  301. package/dist/cjs/validation-messages-f1d373e7.js +0 -172
  302. package/dist/collection/global/global.js +0 -7
  303. package/dist/collection/stories/Jumbotron.stories.js +0 -727
  304. package/dist/collection/utils/fef-logger.js +0 -23
  305. package/dist/esm/component-9beac35b.js +0 -1802
  306. package/dist/esm/global-1a5f28d5.js +0 -31
  307. package/dist/esm/ptc-button_5.entry.js +0 -534
  308. package/dist/esm/ptc-multi-select_2.entry.js +0 -665
  309. package/dist/esm/validation-messages-1379b825.js +0 -169
  310. package/dist/ptcw-design/p-00e21489.entry.js +0 -1
  311. package/dist/ptcw-design/p-02822616.entry.js +0 -1
  312. package/dist/ptcw-design/p-05c29cc2.entry.js +0 -1
  313. package/dist/ptcw-design/p-0efedf59.js +0 -1
  314. package/dist/ptcw-design/p-13e338a5.entry.js +0 -1
  315. package/dist/ptcw-design/p-1454ba84.entry.js +0 -1
  316. package/dist/ptcw-design/p-15a40f78.entry.js +0 -1
  317. package/dist/ptcw-design/p-18851303.entry.js +0 -1
  318. package/dist/ptcw-design/p-1feb2812.entry.js +0 -1
  319. package/dist/ptcw-design/p-352e87c0.entry.js +0 -1
  320. package/dist/ptcw-design/p-3b9fbbaa.js +0 -1
  321. package/dist/ptcw-design/p-593b8eff.entry.js +0 -1
  322. package/dist/ptcw-design/p-66ecd7b9.entry.js +0 -1
  323. package/dist/ptcw-design/p-73a853fc.entry.js +0 -1
  324. package/dist/ptcw-design/p-77fb3a86.entry.js +0 -1
  325. package/dist/ptcw-design/p-7aa1faef.entry.js +0 -1
  326. package/dist/ptcw-design/p-829855f5.entry.js +0 -1
  327. package/dist/ptcw-design/p-945d3ea1.entry.js +0 -68
  328. package/dist/ptcw-design/p-98426799.js +0 -203
  329. package/dist/ptcw-design/p-98844b50.js +0 -134
  330. package/dist/ptcw-design/p-a2c7df64.entry.js +0 -1
  331. package/dist/ptcw-design/p-a58698ca.entry.js +0 -1
  332. package/dist/ptcw-design/p-acdd9a1d.entry.js +0 -1
  333. package/dist/ptcw-design/p-ad821a01.entry.js +0 -1
  334. package/dist/ptcw-design/p-b6255525.entry.js +0 -1
  335. package/dist/ptcw-design/p-bb9a879f.entry.js +0 -1
  336. package/dist/ptcw-design/p-bc146844.entry.js +0 -1
  337. package/dist/ptcw-design/p-bf84ecc0.entry.js +0 -1
  338. package/dist/ptcw-design/p-c82eaf9d.entry.js +0 -1
  339. package/dist/ptcw-design/p-cad4b517.entry.js +0 -1
  340. package/dist/ptcw-design/p-d6845e91.entry.js +0 -1
  341. package/dist/ptcw-design/p-db1dcce0.entry.js +0 -1
  342. package/dist/ptcw-design/p-ddb898c7.entry.js +0 -1
  343. package/dist/ptcw-design/p-e3867512.entry.js +0 -1
  344. package/dist/ptcw-design/p-e6619d63.entry.js +0 -1
  345. package/dist/ptcw-design/p-e8c275a1.entry.js +0 -1
  346. package/dist/ptcw-design/p-eaa0597a.entry.js +0 -1
  347. package/dist/ptcw-design/p-f9256e3d.entry.js +0 -1
  348. package/dist/ptcw-design/p-fbd9c8fc.entry.js +0 -1
  349. package/dist/types/global/global.d.ts +0 -4
  350. package/dist/types/utils/fef-logger.d.ts +0 -10
@@ -1,6 +1,6 @@
1
1
  import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-c83db688.js';
2
2
 
3
- const ptcReadmoreCharCss = "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,.vjs-social-share-links a),.light-links a.light-link,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a),.background-grey-10 a.light-link,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a),.background-plm-grey a.light-link{color:var(--color-blue-04);margin:-2px;border:2px solid transparent}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):visited,.light-links a.light-link:visited,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):visited,.background-grey-10 a.light-link:visited,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):visited,.background-plm-grey a.light-link:visited{color:var(--color-blue-06)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):active,.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):visited:active,.light-links a.light-link:active,.light-links a.light-link:visited:active,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):active,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):visited:active,.background-grey-10 a.light-link:active,.background-grey-10 a.light-link:visited:active,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):active,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):visited:active,.background-plm-grey a.light-link:active,.background-plm-grey a.light-link:visited:active{transition:none;color:var(--color-blue-07)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):hover,.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):visited:hover,.light-links a.light-link:hover,.light-links a.light-link:visited:hover,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):hover,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):visited:hover,.background-grey-10 a.light-link:hover,.background-grey-10 a.light-link:visited:hover,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):hover,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):visited:hover,.background-plm-grey a.light-link:hover,.background-plm-grey a.light-link:visited:hover{color:var(--color-blue-05)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a).disabled,.light-links a.light-link.disabled,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a).disabled,.background-grey-10 a.light-link.disabled,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a).disabled,.background-plm-grey a.light-link.disabled{color:var(--color-gray-04) !important;cursor:not-allowed}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):focus-visible,.light-links a.light-link:focus-visible,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):focus-visible,.background-grey-10 a.light-link:focus-visible,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):focus-visible,.background-plm-grey a.light-link:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}.light-links .podcast-cta-section a,.background-grey-10 .podcast-cta-section a,.background-plm-grey .podcast-cta-section a{border:2px solid transparent}.light-links .podcast-cta-section a:focus-visible,.background-grey-10 .podcast-cta-section a:focus-visible,.background-plm-grey .podcast-cta-section a:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}.ptc-link{color:var(--color-gray-10);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.ptc-link:hover{color:var(--color-green-06)}.ptc-link:visited{color:var(--color-gray-10)}.ptc-link:active,.ptc-link:visited:active{transition:none;color:var(--color-green-06)}.ptc-link:hover,.ptc-link:visited:hover{color:var(--color-green-06)}.ptc-link-dark{color:var(--color-white);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.ptc-link-dark:hover{color:var(--color-green-06)}.ptc-link-dark:visited{color:var(--color-white)}.ptc-link-dark:active,.ptc-link-dark:visited:active{transition:none;color:var(--color-green-06)}.ptc-link-dark:hover,.ptc-link-dark:visited:hover{color:var(--color-green-06)}.vjs-social-share-links a{color:var(--color-white)}.vjs-social-share-links a:hover{color:var(--color-white)}:host{display:block}:host .description{display:inline}:host .truncated-label{cursor:pointer;color:var(--color-hyperlink);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-bold);text-decoration-line:underline;line-height:var(--ptc-line-height-densest)}:host .truncated-label::before{content:\"\";padding-left:8px}:host .truncated-label:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host .tracker-div{display:inline;display:inline-block}";
3
+ const ptcReadmoreCharCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}a{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);text-decoration-line:underline;color:var(--color-hyperlink);transition:color var(--ptc-transition-medium) var(--ptc-ease-out);font-weight:var(--ptc-font-weight-bold)}a:visited{color:var(--color-blue-10)}a:active,a:visited:active{transition:none;color:var(--color-blue-09)}a:hover,a:visited:hover{color:var(--color-blue-08)}a.disabled{color:var(--color-gray-04) !important;cursor:not-allowed}a:focus-visible{outline:5px solid #003DD6 !important;outline-offset:0px !important;border-radius:var(--ptc-border-radius-standard)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a),.light-links a.light-link,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a),.background-grey-10 a.light-link,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a),.background-plm-grey a.light-link{color:var(--color-blue-04);margin:-2px;border:2px solid transparent}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited,.light-links a.light-link:visited,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited,.background-grey-10 a.light-link:visited,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited,.background-plm-grey a.light-link:visited{color:var(--color-blue-06)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):active,.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:active,.light-links a.light-link:active,.light-links a.light-link:visited:active,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):active,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:active,.background-grey-10 a.light-link:active,.background-grey-10 a.light-link:visited:active,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):active,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:active,.background-plm-grey a.light-link:active,.background-plm-grey a.light-link:visited:active{transition:none;color:var(--color-blue-07)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):hover,.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:hover,.light-links a.light-link:hover,.light-links a.light-link:visited:hover,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):hover,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:hover,.background-grey-10 a.light-link:hover,.background-grey-10 a.light-link:visited:hover,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):hover,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:hover,.background-plm-grey a.light-link:hover,.background-plm-grey a.light-link:visited:hover{color:var(--color-blue-05)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a).disabled,.light-links a.light-link.disabled,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a).disabled,.background-grey-10 a.light-link.disabled,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a).disabled,.background-plm-grey a.light-link.disabled{color:var(--color-gray-04) !important;cursor:not-allowed}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):focus-visible,.light-links a.light-link:focus-visible,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):focus-visible,.background-grey-10 a.light-link:focus-visible,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):focus-visible,.background-plm-grey a.light-link:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}.light-links .podcast-cta-section a,.background-grey-10 .podcast-cta-section a,.background-plm-grey .podcast-cta-section a{border:2px solid transparent}.light-links .podcast-cta-section a:focus-visible,.background-grey-10 .podcast-cta-section a:focus-visible,.background-plm-grey .podcast-cta-section a:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}.ptc-link{color:var(--color-gray-10);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.ptc-link:hover{color:var(--color-green-06)}.ptc-link:visited{color:var(--color-gray-10)}.ptc-link:active,.ptc-link:visited:active{transition:none;color:var(--color-green-06)}.ptc-link:hover,.ptc-link:visited:hover{color:var(--color-green-06)}.ptc-link-dark{color:var(--color-white);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.ptc-link-dark:hover{color:var(--color-green-06)}.ptc-link-dark:visited{color:var(--color-white)}.ptc-link-dark:active,.ptc-link-dark:visited:active{transition:none;color:var(--color-green-06)}.ptc-link-dark:hover,.ptc-link-dark:visited:hover{color:var(--color-green-06)}.vjs-social-share-links a{color:var(--color-white)}.vjs-social-share-links a:hover{color:var(--color-white)}:host{display:block}:host .description{display:inline}:host .truncated-label{cursor:pointer;color:var(--color-hyperlink);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-bold);text-decoration-line:underline;line-height:var(--ptc-line-height-densest)}:host .truncated-label::before{content:\"\";padding-left:8px}:host .truncated-label:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host .tracker-div{display:inline;display:inline-block}";
4
4
 
5
5
  const PtcReadmoreChar = class {
6
6
  constructor(hostRef) {
@@ -1,6 +1,6 @@
1
1
  import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-c83db688.js';
2
2
 
3
- const ptcReadmoreV3Css = "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,.vjs-social-share-links a),.light-links a.light-link,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a),.background-grey-10 a.light-link,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a),.background-plm-grey a.light-link{color:var(--color-blue-04);margin:-2px;border:2px solid transparent}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):visited,.light-links a.light-link:visited,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):visited,.background-grey-10 a.light-link:visited,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):visited,.background-plm-grey a.light-link:visited{color:var(--color-blue-06)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):active,.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):visited:active,.light-links a.light-link:active,.light-links a.light-link:visited:active,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):active,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):visited:active,.background-grey-10 a.light-link:active,.background-grey-10 a.light-link:visited:active,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):active,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):visited:active,.background-plm-grey a.light-link:active,.background-plm-grey a.light-link:visited:active{transition:none;color:var(--color-blue-07)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):hover,.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):visited:hover,.light-links a.light-link:hover,.light-links a.light-link:visited:hover,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):hover,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):visited:hover,.background-grey-10 a.light-link:hover,.background-grey-10 a.light-link:visited:hover,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):hover,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):visited:hover,.background-plm-grey a.light-link:hover,.background-plm-grey a.light-link:visited:hover{color:var(--color-blue-05)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a).disabled,.light-links a.light-link.disabled,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a).disabled,.background-grey-10 a.light-link.disabled,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a).disabled,.background-plm-grey a.light-link.disabled{color:var(--color-gray-04) !important;cursor:not-allowed}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):focus-visible,.light-links a.light-link:focus-visible,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):focus-visible,.background-grey-10 a.light-link:focus-visible,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):focus-visible,.background-plm-grey a.light-link:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}.light-links .podcast-cta-section a,.background-grey-10 .podcast-cta-section a,.background-plm-grey .podcast-cta-section a{border:2px solid transparent}.light-links .podcast-cta-section a:focus-visible,.background-grey-10 .podcast-cta-section a:focus-visible,.background-plm-grey .podcast-cta-section a:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}.ptc-link{color:var(--color-gray-10);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.ptc-link:hover{color:var(--color-green-06)}.ptc-link:visited{color:var(--color-gray-10)}.ptc-link:active,.ptc-link:visited:active{transition:none;color:var(--color-green-06)}.ptc-link:hover,.ptc-link:visited:hover{color:var(--color-green-06)}.ptc-link-dark{color:var(--color-white);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.ptc-link-dark:hover{color:var(--color-green-06)}.ptc-link-dark:visited{color:var(--color-white)}.ptc-link-dark:active,.ptc-link-dark:visited:active{transition:none;color:var(--color-green-06)}.ptc-link-dark:hover,.ptc-link-dark:visited:hover{color:var(--color-green-06)}.vjs-social-share-links a{color:var(--color-white)}.vjs-social-share-links a:hover{color:var(--color-white)}:host{display:block}:host .description{display:inline}:host .label{cursor:pointer;color:var(--color-hyperlink);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-bold);text-decoration-line:underline;line-height:var(--ptc-line-height-densest)}:host .label::before{content:\"\";padding-left:8px}:host .label:focus-visible{transition:none;border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}";
3
+ const ptcReadmoreV3Css = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}a{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);text-decoration-line:underline;color:var(--color-hyperlink);transition:color var(--ptc-transition-medium) var(--ptc-ease-out);font-weight:var(--ptc-font-weight-bold)}a:visited{color:var(--color-blue-10)}a:active,a:visited:active{transition:none;color:var(--color-blue-09)}a:hover,a:visited:hover{color:var(--color-blue-08)}a.disabled{color:var(--color-gray-04) !important;cursor:not-allowed}a:focus-visible{outline:5px solid #003DD6 !important;outline-offset:0px !important;border-radius:var(--ptc-border-radius-standard)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a),.light-links a.light-link,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a),.background-grey-10 a.light-link,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a),.background-plm-grey a.light-link{color:var(--color-blue-04);margin:-2px;border:2px solid transparent}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited,.light-links a.light-link:visited,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited,.background-grey-10 a.light-link:visited,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited,.background-plm-grey a.light-link:visited{color:var(--color-blue-06)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):active,.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:active,.light-links a.light-link:active,.light-links a.light-link:visited:active,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):active,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:active,.background-grey-10 a.light-link:active,.background-grey-10 a.light-link:visited:active,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):active,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:active,.background-plm-grey a.light-link:active,.background-plm-grey a.light-link:visited:active{transition:none;color:var(--color-blue-07)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):hover,.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:hover,.light-links a.light-link:hover,.light-links a.light-link:visited:hover,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):hover,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:hover,.background-grey-10 a.light-link:hover,.background-grey-10 a.light-link:visited:hover,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):hover,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:hover,.background-plm-grey a.light-link:hover,.background-plm-grey a.light-link:visited:hover{color:var(--color-blue-05)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a).disabled,.light-links a.light-link.disabled,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a).disabled,.background-grey-10 a.light-link.disabled,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a).disabled,.background-plm-grey a.light-link.disabled{color:var(--color-gray-04) !important;cursor:not-allowed}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):focus-visible,.light-links a.light-link:focus-visible,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):focus-visible,.background-grey-10 a.light-link:focus-visible,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):focus-visible,.background-plm-grey a.light-link:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}.light-links .podcast-cta-section a,.background-grey-10 .podcast-cta-section a,.background-plm-grey .podcast-cta-section a{border:2px solid transparent}.light-links .podcast-cta-section a:focus-visible,.background-grey-10 .podcast-cta-section a:focus-visible,.background-plm-grey .podcast-cta-section a:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}.ptc-link{color:var(--color-gray-10);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.ptc-link:hover{color:var(--color-green-06)}.ptc-link:visited{color:var(--color-gray-10)}.ptc-link:active,.ptc-link:visited:active{transition:none;color:var(--color-green-06)}.ptc-link:hover,.ptc-link:visited:hover{color:var(--color-green-06)}.ptc-link-dark{color:var(--color-white);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.ptc-link-dark:hover{color:var(--color-green-06)}.ptc-link-dark:visited{color:var(--color-white)}.ptc-link-dark:active,.ptc-link-dark:visited:active{transition:none;color:var(--color-green-06)}.ptc-link-dark:hover,.ptc-link-dark:visited:hover{color:var(--color-green-06)}.vjs-social-share-links a{color:var(--color-white)}.vjs-social-share-links a:hover{color:var(--color-white)}:host{display:block}:host .description{display:inline}:host .label{cursor:pointer;color:var(--color-hyperlink);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-bold);text-decoration-line:underline;line-height:var(--ptc-line-height-densest)}:host .label::before{content:\"\";padding-left:8px}:host .label:focus-visible{transition:none;border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}";
4
4
 
5
5
  const PtcReadmoreV3 = class {
6
6
  constructor(hostRef) {
@@ -7,32 +7,6 @@ const PtcRelatedCardRail = class {
7
7
  constructor(hostRef) {
8
8
  registerInstance(this, hostRef);
9
9
  //lastFocusElement: HTMLElement;
10
- this.setFocusTrap = () => {
11
- //console.log('this.focusTrap: ' + this.focusTrap)
12
- if (!this.focusTrap) {
13
- this.focusTrap = createFocusTrap(this.el, {
14
- escapeDeactivates: true,
15
- returnFocusOnDeactivate: true,
16
- onActivate: () => {
17
- if (!this.openedByKeyboard) {
18
- this.focusTrap.pause(); // If opened by mouse, prevent immediate focus trapping
19
- }
20
- },
21
- onDeactivate: () => {
22
- setTimeout(() => {
23
- this.closed = true;
24
- }, 0);
25
- },
26
- tabbableOptions: {
27
- getShadowRoot: true,
28
- },
29
- });
30
- }
31
- if (this.isVisible === true && this.openedByKeyboard === true) {
32
- this.focusTrap && this.focusTrap.activate();
33
- //console.log('activate focus trap');
34
- }
35
- };
36
10
  this.setScreenBasedProps = () => {
37
11
  let windowWidth = window.innerWidth;
38
12
  let props = {
@@ -109,7 +83,33 @@ const PtcRelatedCardRail = class {
109
83
  let percentageSrolled = Math.floor((scrollTop / trackLength) * 100);
110
84
  if (percentageSrolled >= 50) {
111
85
  this.el.style.display = 'block';
112
- this.isVisible = true;
86
+ if (!this.focusTrap) {
87
+ this.focusTrap = createFocusTrap(this.el, {
88
+ escapeDeactivates: true,
89
+ returnFocusOnDeactivate: true,
90
+ setReturnFocus: "#last-focus",
91
+ onActivate: () => {
92
+ if (!this.openedByKeyboard) {
93
+ this.focusTrap.pause(); // If opened by mouse, prevent immediate focus trapping
94
+ }
95
+ },
96
+ onDeactivate: () => {
97
+ // this.focusTrap?.deactivate();
98
+ // this.focusTrap = undefined;
99
+ console.log('Hello~~~ onDeactivate');
100
+ setTimeout(() => {
101
+ this.closed = true;
102
+ }, 0);
103
+ //this.setReturnFocus();
104
+ },
105
+ tabbableOptions: {
106
+ getShadowRoot: true,
107
+ },
108
+ });
109
+ if (this.openedByKeyboard && this.closed === false) {
110
+ this.focusTrap.activate();
111
+ }
112
+ }
113
113
  }
114
114
  else {
115
115
  if (this.focusTrap && this.closed === true) {
@@ -117,7 +117,6 @@ const PtcRelatedCardRail = class {
117
117
  this.focusTrap = undefined;
118
118
  }
119
119
  this.el.style.display = 'none';
120
- this.isVisible = false;
121
120
  }
122
121
  let cardRailContainer = this.el.shadowRoot.querySelector('.card-rail-container');
123
122
  let pageFooter = document.querySelector(this.footerQuerySelector);
@@ -155,7 +154,7 @@ const PtcRelatedCardRail = class {
155
154
  if (this.focusTrap && this.closed === true) {
156
155
  this.focusTrap.deactivate();
157
156
  this.focusTrap = undefined;
158
- //console.log('flag');
157
+ console.log("flag");
159
158
  }
160
159
  }
161
160
  };
@@ -164,7 +163,6 @@ const PtcRelatedCardRail = class {
164
163
  };
165
164
  this.footerQuerySelector = undefined;
166
165
  this.railTitle = 'Read More Case Studies';
167
- this.isVisible = false;
168
166
  this.closed = false;
169
167
  this.cardInView = 0;
170
168
  this.data = [];
@@ -175,16 +173,15 @@ const PtcRelatedCardRail = class {
175
173
  };
176
174
  this.openedByKeyboard = false;
177
175
  }
178
- onVisibleChanged(newValue) {
179
- if (newValue) {
180
- this.setFocusTrap();
181
- //console.log('isVisible: ' + this.isVisible);
182
- }
183
- }
184
176
  handleKeyClose(event) {
185
177
  if (event.key === 'Enter' || event.key === 'Esc') {
186
178
  event.preventDefault();
187
- this.closed = true;
179
+ if (this.focusTrap) {
180
+ this.focusTrap.deactivate();
181
+ }
182
+ else {
183
+ this.closed = true;
184
+ }
188
185
  }
189
186
  }
190
187
  connectedCallback() {
@@ -213,9 +210,9 @@ const PtcRelatedCardRail = class {
213
210
  }
214
211
  }
215
212
  this.handleOnScrollBehaviour();
216
- this.setScreenBasedProps();
217
213
  }
218
214
  componentDidLoad() {
215
+ this.setScreenBasedProps();
219
216
  window.addEventListener('scroll', this.handleOnScrollBehaviour);
220
217
  window.addEventListener('resize', this.handleOnResizeBehaviour);
221
218
  }
@@ -232,7 +229,9 @@ const PtcRelatedCardRail = class {
232
229
  if (this.focusTrap) {
233
230
  this.focusTrap.deactivate();
234
231
  }
235
- this.closed = true;
232
+ else {
233
+ this.closed = true;
234
+ }
236
235
  }, tabindex: "0" }, h("icon-asset", { type: "ptc", size: "xx-small", name: "times", color: "gray" }))), h("div", { class: "card-rail-content" }, h("icon-asset", { id: "left-arrow", class: "mf-listen", type: "ptc", size: "small", name: "previous_button_arrow", color: "gray", onClick: this.handlePrevClick }), h("icon-asset", { id: "right-arrow", class: "mf-listen", type: "ptc", size: "small", name: "next_button_arrow", color: "gray", onClick: this.handleNextClick }), h("div", { class: "content-container" }, this.data.map((item, index) => (h("div", { class: "content mf-listen", id: `card-rail-content-${index}`, onKeyDown: (event) => {
237
236
  event.key === 'Enter' && window.open(item.href);
238
237
  }, onClick: () => {
@@ -240,9 +239,6 @@ const PtcRelatedCardRail = class {
240
239
  }, tabindex: "0" }, h("div", { class: "content-image" }, h("img", { alt: item.altText, src: item.image })), h("div", { class: "content-text" }, h("ptc-para", { "ellipsis-line-cutoff": "3", "font-size": this.screenBasedProps.parahFontSize, "font-weight": "w-6", "para-align": "left", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush", "para-style": "", "para-z-index": "z-1", styles: "" }, item.text))))))))));
241
240
  }
242
241
  get el() { return getElement(this); }
243
- static get watchers() { return {
244
- "isVisible": ["onVisibleChanged"]
245
- }; }
246
242
  };
247
243
  PtcRelatedCardRail.style = ptcRelatedCardRailCss;
248
244
 
@@ -1,5 +1,5 @@
1
1
  import { r as registerInstance, h, H as Host, g as getElement } from './index-c83db688.js';
2
- import { C as CheckDarkFocusState } from './utils-7c68b88a.js';
2
+ import { C as CheckDarkFocusState } from './utils-2f12c081.js';
3
3
  import { f as facebookSVG, l as linkedinSVG, x as xSVG } from './x-cd64dee4.js';
4
4
 
5
5
  const instagramSVG = `<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
@@ -0,0 +1,34 @@
1
+ import { r as registerInstance, h, H as Host } from './index-c83db688.js';
2
+
3
+ const ptcSpacerCss = ":host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:relative;display:block;width:12px;min-width:12px;height:12px}@media (min-width: 36em){:host{width:16px;min-width:16px;height:16px}}:host(.ptc-spacer-horizontal){display:inline-block;height:100% !important}:host(.ptc-spacer-horizontal.xx-small){width:4px;min-width:4px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.xx-small){width:4px;min-width:4px}}:host(.ptc-spacer-horizontal.x-small){width:4px;min-width:4px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.x-small){width:8px;min-width:8px}}:host(.ptc-spacer-horizontal.small){width:8px;min-width:8px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.small){width:12px;min-width:12px}}:host(.ptc-spacer-horizontal.medium){height:100%}:host(.ptc-spacer-horizontal.large){width:16px;min-width:16px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.large){width:20px;min-width:20px}}:host(.ptc-spacer-horizontal.x-large){width:20px;min-width:20px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.x-large){width:28px;min-width:28px}}:host(.ptc-spacer-horizontal.xx-large){width:28px;min-width:28px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.xx-large){width:36px;min-width:36px}}:host(.ptc-spacer-horizontal.xxx-large){width:36px;min-width:36px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.xxx-large){width:48px;min-width:48px}}:host(.ptc-spacer-horizontal.xxxx-large){width:48px;min-width:48px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.xxxx-large){width:72px;min-width:72px}}:host(.ptc-spacer-vertical.xx-small){width:100%;height:4px;min-height:4px}:host(.ptc-spacer-vertical.x-small){width:100%;height:4px;min-height:4px}@media (min-width: 36em){:host(.ptc-spacer-vertical.x-small){height:8px;min-height:8px}}:host(.ptc-spacer-vertical.small){width:100%;height:8px;min-height:8px}@media (min-width: 36em){:host(.ptc-spacer-vertical.small){height:12px;min-height:12px}}:host(.ptc-spacer-vertical.medium){width:100%}:host(.ptc-spacer-vertical.large){width:100%;height:16px;min-height:16px}@media (min-width: 36em){:host(.ptc-spacer-vertical.large){height:20px;min-height:20px}}:host(.ptc-spacer-vertical.x-large){width:100%;height:20px;min-height:20px}@media (min-width: 36em){:host(.ptc-spacer-vertical.x-large){height:28px;min-height:28px}}:host(.ptc-spacer-vertical.xx-large){width:100%;height:28px;min-height:28px}@media (min-width: 36em){:host(.ptc-spacer-vertical.xx-large){height:36px;min-height:36px}}:host(.ptc-spacer-vertical.xxx-large){width:100%;height:36px;min-height:36px}@media (min-width: 36em){:host(.ptc-spacer-vertical.xxx-large){height:48px;min-height:48px}}:host(.ptc-spacer-vertical.xxxx-large){width:100%;height:48px;min-height:48px}@media (min-width: 36em){:host(.ptc-spacer-vertical.xxxx-large){height:72px;min-height:72px}}:host(.ptc-spacer-vertical.space-144){width:100%;height:144px;min-height:144px}:host(.ptc-spacer-vertical.space-120){width:100%;height:120px;min-height:120px}:host(.ptc-spacer-vertical.space-128){width:100%;height:128px;min-height:128px}:host(.ptc-spacer-xx-small){display:none}@media (max-width: 22.5em){:host(.ptc-spacer-xx-small){display:block}}:host(.ptc-spacer-x-small){display:none}@media (max-width: 35.99em){:host(.ptc-spacer-x-small){display:block}}:host(.ptc-spacer-small){display:none}@media (min-width: 36em){:host(.ptc-spacer-small){display:block}}:host(.ptc-spacer-medium){display:none}@media (min-width: 48em){:host(.ptc-spacer-medium){display:block}}:host(.ptc-spacer-large){display:none}@media (min-width: 62em){:host(.ptc-spacer-large){display:block}}:host(.ptc-spacer-x-large){display:none}@media (min-width: 64.0625em){:host(.ptc-spacer-x-large){display:block}}:host(.ptc-spacer-xx-large){display:none}@media (min-width: 75em){:host(.ptc-spacer-xx-large){display:block}}:host(.ptc-spacer-xxx-large){display:none}@media (min-width: 90em){:host(.ptc-spacer-xxx-large){display:block}}";
4
+
5
+ const PtcSpacer = class {
6
+ constructor(hostRef) {
7
+ registerInstance(this, hostRef);
8
+ this.breakpoint = '';
9
+ this.size = 'medium';
10
+ this.direction = 'vertical';
11
+ }
12
+ render() {
13
+ const classMap = this.getCssClassMap();
14
+ return (h(Host, { class: classMap }));
15
+ }
16
+ getCssClassMap() {
17
+ return {
18
+ [this.size]: true,
19
+ ['ptc-spacer-horizontal']: this.direction === 'horizontal',
20
+ ['ptc-spacer-vertical']: this.direction === 'vertical',
21
+ ['ptc-spacer-xx-small']: this.breakpoint === 'xx-small',
22
+ ['ptc-spacer-x-small']: this.breakpoint === 'x-small',
23
+ ['ptc-spacer-small']: this.breakpoint === 'small',
24
+ ['ptc-spacer-medium']: this.breakpoint === 'medium',
25
+ ['ptc-spacer-large']: this.breakpoint === 'large',
26
+ ['ptc-spacer-x-large']: this.breakpoint === 'x-large',
27
+ ['ptc-spacer-xx-large']: this.breakpoint === 'xx-large',
28
+ ['ptc-spacer-xxx-large']: this.breakpoint === 'xxx-large',
29
+ };
30
+ }
31
+ };
32
+ PtcSpacer.style = ptcSpacerCss;
33
+
34
+ export { PtcSpacer as ptc_spacer };
@@ -17,7 +17,6 @@ const PtcStickyIcons = class {
17
17
  }
18
18
  setHostLocation() {
19
19
  let width = (window.innerWidth > 0) ? window.innerWidth : screen.width;
20
- const detailSection = document.querySelector(".cs-detail-section");
21
20
  let currEle = this.el;
22
21
  // get the element
23
22
  const element = document.querySelector("ptc-sticky-icons");
@@ -26,14 +25,6 @@ const PtcStickyIcons = class {
26
25
  if (width < 992) {
27
26
  currEle.parentElement.appendChild(currEle);
28
27
  currEle.parentElement.style.paddingRight = "0px";
29
- // Code for case study page only
30
- // Moving sticky icon in the last ptc-section div
31
- if (detailSection) {
32
- const lastSection = detailSection.querySelectorAll('.content-section section.ptc-section').length ? detailSection.querySelectorAll('section.ptc-section')[detailSection.querySelectorAll('section.ptc-section').length - 1] : null;
33
- if (lastSection && !lastSection.contains(element)) {
34
- lastSection.appendChild(currEle);
35
- }
36
- }
37
28
  }
38
29
  else {
39
30
  currEle.parentElement.prepend(currEle);
@@ -1,4 +1,4 @@
1
- import { r as registerInstance, h, H as Host, g as getElement } from './index-c83db688.js';
1
+ import { r as registerInstance, h, H as Host } from './index-c83db688.js';
2
2
 
3
3
  const ptcTextCopyWithBackgroundCss = "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;width:100%;padding:var(--ptc-layout-spacing-05) var(--ptc-layout-spacing-01);color:var(--color-white)}@media only screen and (min-width: 768px){:host{padding:var(--ptc-layout-spacing-05) var(--ptc-layout-spacing-03)}}@media only screen and (min-width: 992px){:host{padding:var(--ptc-layout-spacing-06) 0}}@media only screen and (min-width: 1200px){:host{padding:var(--ptc-layout-spacing-06) var(--ptc-layout-spacing-03)}}:host .content-wrap{position:relative}:host .tcb-top-slit{fill:#f3f3f3;transform:scale(1.5, -1);position:absolute;top:-1px;right:80px;z-index:99;display:none}@media only screen and (min-width: 992px){:host .tcb-top-slit{display:block}}:host .bg-img-filter{-webkit-filter:url(#blur);filter:url(#blur);-webkit-mask:-webkit-gradient(linear, left top, right top, color-stop(30%, var(--color-black)), to(rgba(0, 0, 0, 0)));-webkit-mask:linear-gradient(90deg, var(--color-black) 30%, rgba(0, 0, 0, 0));-webkit-filter:blur(7px)}:host .copy-bg-image{top:0;left:0;height:100%;width:100%;position:absolute;-o-object-fit:cover;object-fit:cover}@media only screen and (min-width: 992px){:host .copy-bg-image{display:block}}:host .copy-bg-overlay-layer{position:absolute;top:0;left:0;height:100%;width:100%;background:var(--color-black);opacity:0.6}:host(.hero-footer-cta){padding:var(--ptc-layout-spacing-05) 0}@media only screen and (min-width: 768px){:host(.hero-footer-cta){padding:calc(var(--ptc-layout-spacing-06) + var(--ptc-layout-spacing-01)) 0}}:host(.hero-footer-cta) .copy-bg-overlay-layer{opacity:0.6}:host(.tab-cta-with-background){min-height:300px;padding:var(--ptc-layout-spacing-02)}:host(.tab-cta-with-background) .copy-bg-image{top:0;left:0;height:100%;width:100%;position:absolute;-o-object-fit:cover;object-fit:cover;display:none;border-radius:4px}@media only screen and (min-width: 992px){:host(.tab-cta-with-background){min-height:400px}:host(.tab-cta-with-background) .copy-bg-image{display:block}}@media only screen and (min-width: 992px){:host(.tab-cta-with-background){display:flex;align-items:center;padding:var(--ptc-element-spacing-09)}}:host(.tab-cta-with-background) .copy-bg-overlay-layer{background:initial;opacity:1;background-image:linear-gradient(180deg, #fff 30%, rgba(255, 255, 255, 0.9) 63%, rgba(176, 188, 194, 0) 95%)}@media only screen and (min-width: 992px){:host(.tab-cta-with-background) .copy-bg-overlay-layer{background-image:linear-gradient(90deg, rgba(255, 255, 255, 0.95) 43%, rgba(176, 188, 194, 0) 95%)}}:host(.bottom-right) .tcb-top-slit{top:auto;bottom:-1px;transform:scale(1.5, 1)}:host(.bottom-left) .tcb-top-slit{top:auto;bottom:-1px;transform:scale(1.5, 1) scaleX(-1);left:80px;right:auto}:host(.top-left) .tcb-top-slit{top:-1px;bottom:auto;transform:scale(1.5, 1) rotate(180deg);left:80px;right:auto}:host(.case-studies){min-height:25rem;height:auto;margin-bottom:10rem;display:flex;align-items:center}@media only screen and (min-width: 768px){:host(.case-studies){min-height:33.75rem;height:auto;margin-bottom:0;padding-top:var(--ptc-layout-spacing-06)}}:host(.case-studies) .card-wrap{position:relative;border:1px solid transparent;width:100%;height:100%;max-width:540px;bottom:-13rem}@media only screen and (min-width: 768px){:host(.case-studies) .card-wrap{bottom:auto}}:host(.case-studies) .card-wrap::after{position:absolute;width:0;height:1px;content:\"\";background:#fff;top:0px;left:0px;animation:widthAnimate 0.2s linear 0.2s 1 forwards}:host(.case-studies) .card-wrap::before{position:absolute;width:1px;height:0;content:\"\";background:#fff;top:0px;right:0px;animation:heightAnimate 0.2s linear 0.4s 1 forwards}:host(.case-studies) .card-wrap .card-animated-border{border:1px solid transparent;position:absolute;left:-1px;right:0;bottom:0px;top:-1px;width:100%;height:100%;box-shadow:var(--ptc-shadow-x-small)}:host(.case-studies) .card-wrap .card-animated-border::after{position:absolute;width:0;height:1px;content:\"\";background:#fff;bottom:0px;right:0px;animation:widthAnimate 0.2s linear 0.6s 1 forwards}:host(.case-studies) .card-wrap .card-animated-border::before{position:absolute;width:1px;height:0;content:\"\";background:#fff;bottom:0px;left:0px;animation:heightAnimate 0.2s linear 0.8s 1 forwards}:host(.case-studies) .card-wrap .card-content{opacity:0;animation:fadeIn 0.5s ease-in 0.9s 1 forwards;background-color:transparent;width:100%;height:100%}:host(.case-studies) .card-wrap .card-content .card-layout{padding:var(--ptc-layout-spacing-04);background-color:#fff}@keyframes widthAnimate{0%{width:0}100%{width:100%}}@keyframes heightAnimate{0%{height:0}100%{height:100%}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}:host(.case-studies) .content-wrap{width:100%}:host(.case-studies) .ptc-container{padding-right:24px;padding-left:24px;margin-right:auto;margin-left:auto}@media only screen and (min-width: 1200px){:host(.case-studies) .ptc-container{padding-left:0;padding-right:0;max-width:1136px}}@media only screen and (min-width: 1440px){:host(.case-studies) .ptc-container{padding-left:0;padding-right:0;max-width:1200px}}:host(.bg-image-absent){padding:0rem}";
4
4
 
@@ -15,12 +15,6 @@ const PtcTextCopyWithBackground = class {
15
15
  this.disableLightLinks = false;
16
16
  this.styles = undefined;
17
17
  }
18
- componentDidLoad() {
19
- var _a;
20
- if (this.hostEle.getAttribute('type') === 'hero-footer-cta') {
21
- (_a = this.hostEle.parentElement) === null || _a === void 0 ? void 0 : _a.classList.add('text-copy-footer-cta');
22
- }
23
- }
24
18
  render() {
25
19
  const classMap = this.getCssClassMap();
26
20
  const slitFill = this.getSlitFillColor();
@@ -52,7 +46,6 @@ const PtcTextCopyWithBackground = class {
52
46
  ['bg-image-absent']: !this.backgroundImage && this.type == "text-copy-with-background"
53
47
  };
54
48
  }
55
- get hostEle() { return getElement(this); }
56
49
  };
57
50
  PtcTextCopyWithBackground.style = ptcTextCopyWithBackgroundCss;
58
51