@ptcwebops/ptcw-design 6.3.26-beta → 6.3.26

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 (341) hide show
  1. package/dist/cjs/component-1b8ad4d2.js +1819 -0
  2. package/dist/cjs/{component-4dd13907.js → component-35540bfb.js} +1494 -3305
  3. package/dist/cjs/featured-list.cjs.entry.js +1 -1
  4. package/dist/cjs/global-92142fb4.js +28 -0
  5. package/dist/cjs/innovator-toggle-container.cjs.entry.js +1 -1
  6. package/dist/cjs/jumbotron-sub-menu.cjs.entry.js +1 -1
  7. package/dist/cjs/list-item.cjs.entry.js +1 -1
  8. package/dist/cjs/loader.cjs.js +2 -1
  9. package/dist/cjs/ptc-back-to-top.cjs.entry.js +16 -1
  10. package/dist/cjs/ptc-bio-card.cjs.entry.js +20 -3
  11. package/dist/cjs/ptc-button_5.cjs.entry.js +540 -0
  12. package/dist/cjs/ptc-card_2.cjs.entry.js +13 -5
  13. package/dist/cjs/ptc-case-studies-slider.cjs.entry.js +2 -6
  14. package/dist/cjs/ptc-close-icon_2.cjs.entry.js +32 -17
  15. package/dist/cjs/ptc-data-lookup.cjs.entry.js +2 -1
  16. package/dist/cjs/ptc-dynamic-card.cjs.entry.js +1 -1
  17. package/dist/cjs/ptc-enhanced-product-listing-card.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 +40 -9
  20. package/dist/cjs/ptc-filter-level-theater.cjs.entry.js +18 -3
  21. package/dist/cjs/{ptc-form-checkbox_4.cjs.entry.js → ptc-form-checkbox_2.cjs.entry.js} +5 -787
  22. package/dist/cjs/ptc-icon-list.cjs.entry.js +1 -1
  23. package/dist/cjs/ptc-info-tile.cjs.entry.js +2 -1
  24. package/dist/cjs/ptc-jumbotron.cjs.entry.js +1 -1
  25. package/dist/cjs/ptc-multi-select_2.cjs.entry.js +670 -0
  26. package/dist/cjs/ptc-nav-link.cjs.entry.js +1 -1
  27. package/dist/cjs/ptc-nav-skip-to-content.cjs.entry.js +28 -3
  28. package/dist/cjs/ptc-podcast-card.cjs.entry.js +1 -1
  29. package/dist/cjs/ptc-previous-url.cjs.entry.js +2 -10
  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 +11 -1
  36. package/dist/cjs/ptc-product-sidebar.cjs.entry.js +38 -6
  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 +90 -32
  41. package/dist/cjs/ptc-sticky-icons.cjs.entry.js +9 -0
  42. package/dist/cjs/ptc-text-copy-with-background.cjs.entry.js +7 -0
  43. package/dist/cjs/ptc-theater-video-modal.cjs.entry.js +42 -8
  44. package/dist/cjs/ptc-tooltip-v2.cjs.entry.js +1 -1
  45. package/dist/cjs/ptc-value-led-speed-bump.cjs.entry.js +1 -1
  46. package/dist/cjs/ptc-white-paper.cjs.entry.js +6 -10
  47. package/dist/cjs/ptcw-design.cjs.js +2 -1
  48. package/dist/cjs/tab-header.cjs.entry.js +1 -1
  49. package/dist/cjs/validation-messages-33a4f26b.js +126 -0
  50. package/dist/collection/collection-manifest.json +2 -2
  51. package/dist/collection/components/icon-asset/media/designer-v6.0.6.svg +2 -30
  52. package/dist/collection/components/innovator-toggle-container/innovator-toggle-container.css +6 -6
  53. package/dist/collection/components/jumbotron-sub-menu/jumbotron-sub-menu.css +1 -0
  54. package/dist/collection/components/list-item/list-item.css +4 -0
  55. package/dist/collection/components/organism-bundles/bundle-featured-list/featured-list.css +3 -3
  56. package/dist/collection/components/ptc-back-to-top/ptc-back-to-top.css +4 -0
  57. package/dist/collection/components/ptc-back-to-top/ptc-back-to-top.js +15 -0
  58. package/dist/collection/components/ptc-bio-card/ptc-bio-card.css +10 -6
  59. package/dist/collection/components/ptc-bio-card/ptc-bio-card.js +19 -2
  60. package/dist/collection/components/ptc-case-studies-slider/ptc-case-studies-slider.css +6 -6
  61. package/dist/collection/components/ptc-case-studies-slider/ptc-case-studies-slider.js +1 -5
  62. package/dist/collection/components/ptc-container/ptc-container.js +2 -2
  63. package/dist/collection/components/ptc-dynamic-card/ptc-dynamic-card.css +1 -1
  64. package/dist/collection/components/ptc-enhanced-product-listing-card/ptc-enhanced-product-listing-card.css +13 -2
  65. package/dist/collection/components/ptc-enhanced-product-listing-card/ptc-enhanced-product-listing-card.js +2 -2
  66. package/dist/collection/components/ptc-featured-list/ptc-featured-list.css +6 -6
  67. package/dist/collection/components/ptc-filter-dropdown/ptc-filter-dropdown.css +12 -0
  68. package/dist/collection/components/ptc-filter-dropdown/ptc-filter-dropdown.js +29 -3
  69. package/dist/collection/components/ptc-filter-level-theater/ptc-filter-level-theater.css +34 -13
  70. package/dist/collection/components/ptc-filter-level-theater/ptc-filter-level-theater.js +17 -2
  71. package/dist/collection/components/ptc-icon-list/ptc-icon-list.css +3 -0
  72. package/dist/collection/components/ptc-info-tile/ptc-info-tile.js +20 -1
  73. package/dist/collection/components/ptc-jumbotron/ptc-jumbotron.css +6 -6
  74. package/dist/collection/components/ptc-modal/ptc-modal.css +0 -4
  75. package/dist/collection/components/ptc-modal/ptc-modal.js +50 -18
  76. package/dist/collection/components/ptc-nav-skip-to-content/ptc-nav-skip-to-content.css +7 -0
  77. package/dist/collection/components/ptc-nav-skip-to-content/ptc-nav-skip-to-content.js +78 -2
  78. package/dist/collection/components/ptc-para/ptc-para.css +0 -3
  79. package/dist/collection/components/ptc-para/ptc-para.js +2 -2
  80. package/dist/collection/components/ptc-podcast-card/ptc-podcast-card.css +6 -6
  81. package/dist/collection/components/ptc-preloader-section/ptc-preloader-section.css +528 -0
  82. package/dist/collection/components/ptc-preloader-section/ptc-preloader-section.js +12 -4
  83. package/dist/collection/components/ptc-previous-url/ptc-previous-url.css +0 -16
  84. package/dist/collection/components/ptc-previous-url/ptc-previous-url.js +1 -27
  85. package/dist/collection/components/ptc-pricing-tabs/ptc-pricing-tabs.js +1 -1
  86. package/dist/collection/components/ptc-product-card/ptc-product-card.css +10 -6
  87. package/dist/collection/components/ptc-product-card/ptc-product-card.js +1 -1
  88. package/dist/collection/components/ptc-product-category/ptc-product-category.css +6 -6
  89. package/dist/collection/components/ptc-product-dropdown/ptc-product-dropdown.css +8 -0
  90. package/dist/collection/components/ptc-product-dropdown/ptc-product-dropdown.js +1 -1
  91. package/dist/collection/components/ptc-product-highlight-card/ptc-product-highlight-card.css +6 -6
  92. package/dist/collection/components/ptc-product-list/ptc-product-list.js +11 -1
  93. package/dist/collection/components/ptc-product-sidebar/ptc-product-sidebar.css +12 -0
  94. package/dist/collection/components/ptc-product-sidebar/ptc-product-sidebar.js +37 -5
  95. package/dist/collection/components/ptc-quote/ptc-quote.js +1 -1
  96. package/dist/collection/components/ptc-readmore-char/ptc-readmore-char.css +6 -6
  97. package/dist/collection/components/ptc-readmore-v3/ptc-readmore-v3.css +6 -6
  98. package/dist/collection/components/ptc-related-card-rail/ptc-related-card-rail.css +1 -2
  99. package/dist/collection/components/ptc-related-card-rail/ptc-related-card-rail.js +113 -33
  100. package/dist/collection/components/ptc-sticky-icons/ptc-sticky-icons.js +9 -0
  101. package/dist/collection/components/ptc-text-copy-with-background/ptc-text-copy-with-background.js +7 -0
  102. package/dist/collection/components/ptc-textfield/ptc-textfield.js +19 -19
  103. package/dist/collection/components/ptc-theater-video/ptc-theater-video.css +6 -0
  104. package/dist/collection/components/ptc-theater-video/ptc-theater-video.js +1 -1
  105. package/dist/collection/components/ptc-theater-video-modal/ptc-theater-video-modal.css +15 -0
  106. package/dist/collection/components/ptc-theater-video-modal/ptc-theater-video-modal.js +67 -9
  107. package/dist/collection/components/ptc-theater-video-playlist/ptc-theater-video-playlist.js +8 -3
  108. package/dist/collection/components/ptc-tooltip-v2/ptc-tooltip-v2.css +6 -6
  109. package/dist/collection/components/ptc-value-led-speed-bump/ptc-value-led-speed-bump.css +6 -6
  110. package/dist/collection/components/ptc-white-paper/ptc-white-paper.css +6 -6
  111. package/dist/collection/components/ptc-white-paper/ptc-white-paper.js +5 -9
  112. package/dist/collection/components/subnav/ptc-nav-link/ptc-nav-link.js +1 -1
  113. package/dist/collection/components/tab-header/tab-header.js +1 -1
  114. package/dist/collection/global/global.js +3 -0
  115. package/dist/collection/stories/Card.stories.js +3 -148
  116. package/dist/collection/stories/Jumbotron.stories.js +727 -0
  117. package/dist/collection/stories/Link.stories.js +25 -13
  118. package/dist/collection/stories/Paragraph.stories.js +18 -10
  119. package/dist/collection/stories/Select.stories.js +5 -8
  120. package/dist/collection/stories/Textfield.stories.js +71 -28
  121. package/dist/collection/stories/Title.stories.js +28 -16
  122. package/dist/collection/utils/fef-logger.js +23 -0
  123. package/dist/custom-elements/index.d.ts +0 -6
  124. package/dist/custom-elements/index.js +435 -239
  125. package/dist/esm/blog-detail-content_2.entry.js +1 -1
  126. package/dist/esm/blog-detail-layout.entry.js +1 -1
  127. package/dist/esm/blogs-search-section.entry.js +1 -1
  128. package/dist/esm/{component-9c921cc6.js → component-8c53e377.js} +1482 -3281
  129. package/dist/esm/component-9beac35b.js +1802 -0
  130. package/dist/esm/featured-list.entry.js +1 -1
  131. package/dist/esm/global-c58db4a9.js +26 -0
  132. package/dist/esm/homepage-jumbotron.entry.js +1 -1
  133. package/dist/esm/homepage-toggled-content.entry.js +1 -1
  134. package/dist/esm/innovator-toggle-container.entry.js +1 -1
  135. package/dist/esm/{interfaces-4caedd26.js → interfaces-7c0243be.js} +1 -1
  136. package/dist/esm/jumbotron-sub-menu.entry.js +1 -1
  137. package/dist/esm/list-item.entry.js +1 -1
  138. package/dist/esm/loader.js +2 -1
  139. package/dist/esm/most-popular-news.entry.js +1 -1
  140. package/dist/esm/my-component.entry.js +1 -1
  141. package/dist/esm/ptc-accordion-item.entry.js +1 -1
  142. package/dist/esm/ptc-back-to-top.entry.js +16 -1
  143. package/dist/esm/ptc-background-video.entry.js +1 -1
  144. package/dist/esm/ptc-bio-card.entry.js +20 -3
  145. package/dist/esm/ptc-button_5.entry.js +532 -0
  146. package/dist/esm/ptc-card_2.entry.js +13 -5
  147. package/dist/esm/ptc-case-studies-slider.entry.js +2 -6
  148. package/dist/esm/ptc-close-icon_2.entry.js +32 -17
  149. package/dist/esm/ptc-collapse-list.entry.js +1 -1
  150. package/dist/esm/ptc-data-lookup.entry.js +2 -1
  151. package/dist/esm/ptc-dynamic-card.entry.js +1 -1
  152. package/dist/esm/ptc-enhanced-product-listing-card.entry.js +1 -1
  153. package/dist/esm/ptc-featured-list.entry.js +1 -1
  154. package/dist/esm/ptc-filter-dropdown_4.entry.js +40 -9
  155. package/dist/esm/ptc-filter-level-theater.entry.js +18 -3
  156. package/dist/esm/{ptc-form-checkbox_4.entry.js → ptc-form-checkbox_2.entry.js} +5 -785
  157. package/dist/esm/ptc-homepage-image-feature.entry.js +1 -1
  158. package/dist/esm/ptc-homepage-video-background.entry.js +1 -1
  159. package/dist/esm/ptc-icon-card.entry.js +1 -1
  160. package/dist/esm/ptc-icon-list.entry.js +1 -1
  161. package/dist/esm/ptc-img.entry.js +1 -1
  162. package/dist/esm/ptc-info-tile.entry.js +2 -1
  163. package/dist/esm/ptc-jumbotron.entry.js +1 -1
  164. package/dist/esm/ptc-link.entry.js +1 -1
  165. package/dist/esm/ptc-media-card.entry.js +1 -1
  166. package/dist/esm/ptc-multi-select_2.entry.js +665 -0
  167. package/dist/esm/ptc-nav-link.entry.js +1 -1
  168. package/dist/esm/ptc-nav-skip-to-content.entry.js +28 -3
  169. package/dist/esm/ptc-podcast-card.entry.js +1 -1
  170. package/dist/esm/ptc-previous-url.entry.js +2 -10
  171. package/dist/esm/ptc-pricing-packaging-table.entry.js +1 -1
  172. package/dist/esm/ptc-pricing-tabs.entry.js +2 -2
  173. package/dist/esm/ptc-product-card.entry.js +2 -2
  174. package/dist/esm/ptc-product-category.entry.js +1 -1
  175. package/dist/esm/ptc-product-dropdown.entry.js +2 -2
  176. package/dist/esm/ptc-product-highlight-card.entry.js +1 -1
  177. package/dist/esm/ptc-product-list.entry.js +11 -1
  178. package/dist/esm/ptc-product-sidebar.entry.js +38 -6
  179. package/dist/esm/ptc-quote.entry.js +1 -1
  180. package/dist/esm/ptc-readmore-char.entry.js +1 -1
  181. package/dist/esm/ptc-readmore-v3.entry.js +1 -1
  182. package/dist/esm/ptc-related-card-rail.entry.js +90 -32
  183. package/dist/esm/ptc-social-icons-footer.entry.js +1 -1
  184. package/dist/esm/ptc-sticky-icons.entry.js +9 -0
  185. package/dist/esm/ptc-text-copy-with-background.entry.js +8 -1
  186. package/dist/esm/ptc-theater-video-modal.entry.js +43 -9
  187. package/dist/esm/ptc-tooltip-v2.entry.js +1 -1
  188. package/dist/esm/ptc-value-led-speed-bump.entry.js +1 -1
  189. package/dist/esm/ptc-white-paper.entry.js +6 -10
  190. package/dist/esm/ptcw-design.js +2 -1
  191. package/dist/esm/tab-header.entry.js +1 -1
  192. package/dist/esm/{utils-2f12c081.js → utils-7c68b88a.js} +1 -1
  193. package/dist/esm/validation-messages-adbb6518.js +124 -0
  194. package/dist/ptcw-design/media/designer-v6.0.6.svg +2 -30
  195. package/dist/ptcw-design/p-00e21489.entry.js +1 -0
  196. package/dist/ptcw-design/{p-901c31b3.entry.js → p-0252726c.entry.js} +1 -1
  197. package/dist/ptcw-design/p-02822616.entry.js +1 -0
  198. package/dist/ptcw-design/p-05c29cc2.entry.js +1 -0
  199. package/dist/ptcw-design/{p-f867ebe6.entry.js → p-0ddf2a09.entry.js} +1 -1
  200. package/dist/ptcw-design/p-13e338a5.entry.js +1 -0
  201. package/dist/ptcw-design/p-1454ba84.entry.js +1 -0
  202. package/dist/ptcw-design/{p-45b1f3fc.entry.js → p-16d47ac5.entry.js} +1 -1
  203. package/dist/ptcw-design/p-18851303.entry.js +1 -0
  204. package/dist/ptcw-design/p-18a5a338.js +1 -0
  205. package/dist/ptcw-design/{p-d73cc053.entry.js → p-18ac526f.entry.js} +1 -1
  206. package/dist/ptcw-design/p-1feb2812.entry.js +1 -0
  207. package/dist/ptcw-design/{p-a5fc048f.entry.js → p-24a6eefa.entry.js} +1 -1
  208. package/dist/ptcw-design/{p-9df7489b.entry.js → p-27c26d50.entry.js} +1 -1
  209. package/dist/ptcw-design/{p-9dbcfcee.entry.js → p-2ba1ef9d.entry.js} +1 -1
  210. package/dist/ptcw-design/{p-1eb40265.entry.js → p-30bfb2f9.entry.js} +1 -1
  211. package/dist/ptcw-design/p-352e87c0.entry.js +1 -0
  212. package/dist/ptcw-design/{p-297a14cb.entry.js → p-4056c365.entry.js} +1 -1
  213. package/dist/ptcw-design/{p-b647f7a1.entry.js → p-50770cc0.entry.js} +1 -1
  214. package/dist/ptcw-design/{p-4ca956c1.entry.js → p-531caca4.entry.js} +1 -1
  215. package/dist/ptcw-design/{p-52e17d34.entry.js → p-55e344bc.entry.js} +1 -1
  216. package/dist/ptcw-design/p-58b974e7.entry.js +68 -0
  217. package/dist/ptcw-design/p-593b8eff.entry.js +1 -0
  218. package/dist/ptcw-design/{p-8cea8943.entry.js → p-5bd8b4be.entry.js} +1 -1
  219. package/dist/ptcw-design/{p-3ed4a7ed.entry.js → p-5ca42138.entry.js} +1 -1
  220. package/dist/ptcw-design/p-66ecd7b9.entry.js +1 -0
  221. package/dist/ptcw-design/{p-257267e3.entry.js → p-673cfd2e.entry.js} +1 -1
  222. package/dist/ptcw-design/{p-1570353c.entry.js → p-68ed2afe.entry.js} +1 -1
  223. package/dist/ptcw-design/p-73a853fc.entry.js +1 -0
  224. package/dist/ptcw-design/{p-0529caaa.entry.js → p-752bba1c.entry.js} +1 -1
  225. package/dist/ptcw-design/{p-b570e9a5.entry.js → p-757954b2.entry.js} +1 -1
  226. package/dist/ptcw-design/{p-8e42a22d.entry.js → p-757e3edb.entry.js} +1 -1
  227. package/dist/ptcw-design/p-77fb3a86.entry.js +1 -0
  228. package/dist/ptcw-design/{p-d51438de.entry.js → p-80588c84.entry.js} +1 -1
  229. package/dist/ptcw-design/{p-4702c233.entry.js → p-81e65926.entry.js} +1 -1
  230. package/dist/ptcw-design/{p-80122e26.js → p-826c17e8.js} +1 -1
  231. package/dist/ptcw-design/p-92ccc93c.entry.js +1 -0
  232. package/dist/ptcw-design/p-98426799.js +203 -0
  233. package/dist/ptcw-design/p-98844b50.js +134 -0
  234. package/dist/ptcw-design/p-a2c7df64.entry.js +1 -0
  235. package/dist/ptcw-design/p-a36f147a.js +1 -0
  236. package/dist/ptcw-design/p-a58698ca.entry.js +1 -0
  237. package/dist/ptcw-design/{p-8c121480.entry.js → p-a5ad0eff.entry.js} +1 -1
  238. package/dist/ptcw-design/{p-0b515839.entry.js → p-a791c53a.entry.js} +1 -1
  239. package/dist/ptcw-design/p-acdd9a1d.entry.js +1 -0
  240. package/dist/ptcw-design/p-ad821a01.entry.js +1 -0
  241. package/dist/ptcw-design/p-b6255525.entry.js +1 -0
  242. package/dist/ptcw-design/p-b7fa9f2c.entry.js +1 -0
  243. package/dist/ptcw-design/p-bb9a879f.entry.js +1 -0
  244. package/dist/ptcw-design/p-bf84ecc0.entry.js +1 -0
  245. package/dist/ptcw-design/p-c82eaf9d.entry.js +1 -0
  246. package/dist/ptcw-design/p-cad4b517.entry.js +1 -0
  247. package/dist/ptcw-design/{p-3dd0ded9.entry.js → p-d089dc37.entry.js} +1 -1
  248. package/dist/ptcw-design/p-d6845e91.entry.js +1 -0
  249. package/dist/ptcw-design/p-db1dcce0.entry.js +1 -0
  250. package/dist/ptcw-design/p-dd76bc11.entry.js +1 -0
  251. package/dist/ptcw-design/p-ddb898c7.entry.js +1 -0
  252. package/dist/ptcw-design/{p-14b7693f.entry.js → p-dffcfa42.entry.js} +1 -1
  253. package/dist/ptcw-design/p-e3867512.entry.js +1 -0
  254. package/dist/ptcw-design/{p-7793babb.entry.js → p-e3b1af2b.entry.js} +1 -1
  255. package/dist/ptcw-design/p-e6619d63.entry.js +1 -0
  256. package/dist/ptcw-design/{p-76dab076.entry.js → p-e813ea2b.entry.js} +1 -1
  257. package/dist/ptcw-design/p-e8c275a1.entry.js +1 -0
  258. package/dist/ptcw-design/p-eaa0597a.entry.js +1 -0
  259. package/dist/ptcw-design/{p-711bcdad.js → p-ee1183b2.js} +1 -1
  260. package/dist/ptcw-design/p-f9256e3d.entry.js +1 -0
  261. package/dist/ptcw-design/p-fbd9c8fc.entry.js +1 -0
  262. package/dist/ptcw-design/ptcw-design.css +2 -2
  263. package/dist/ptcw-design/ptcw-design.esm.js +1 -1
  264. package/dist/types/components/ptc-bio-card/ptc-bio-card.d.ts +1 -1
  265. package/dist/types/components/ptc-container/ptc-container.d.ts +1 -1
  266. package/dist/types/components/ptc-enhanced-product-listing-card/ptc-enhanced-product-listing-card.d.ts +1 -1
  267. package/dist/types/components/ptc-filter-dropdown/ptc-filter-dropdown.d.ts +2 -1
  268. package/dist/types/components/ptc-info-tile/ptc-info-tile.d.ts +1 -0
  269. package/dist/types/components/ptc-modal/ptc-modal.d.ts +2 -2
  270. package/dist/types/components/ptc-nav-skip-to-content/ptc-nav-skip-to-content.d.ts +6 -0
  271. package/dist/types/components/ptc-para/ptc-para.d.ts +1 -1
  272. package/dist/types/components/ptc-previous-url/ptc-previous-url.d.ts +0 -2
  273. package/dist/types/components/ptc-product-list/ptc-product-list.d.ts +1 -1
  274. package/dist/types/components/ptc-product-sidebar/ptc-product-sidebar.d.ts +6 -3
  275. package/dist/types/components/ptc-related-card-rail/ptc-related-card-rail.d.ts +12 -5
  276. package/dist/types/components/ptc-text-copy-with-background/ptc-text-copy-with-background.d.ts +2 -0
  277. package/dist/types/components/ptc-textfield/ptc-textfield.d.ts +54 -0
  278. package/dist/types/components/ptc-theater-video-modal/ptc-theater-video-modal.d.ts +6 -1
  279. package/dist/types/components/ptc-theater-video-playlist/ptc-theater-video-playlist.d.ts +1 -1
  280. package/dist/types/components.d.ts +134 -24
  281. package/dist/types/global/global.d.ts +4 -0
  282. package/dist/types/utils/fef-logger.d.ts +10 -0
  283. package/package.json +6 -2
  284. package/readme.md +1 -5
  285. package/dist/cjs/modal-form-example.cjs.entry.js +0 -94
  286. package/dist/cjs/ptc-button.cjs.entry.js +0 -87
  287. package/dist/cjs/ptc-para.cjs.entry.js +0 -127
  288. package/dist/cjs/ptc-picture.cjs.entry.js +0 -162
  289. package/dist/cjs/ptc-spacer.cjs.entry.js +0 -38
  290. package/dist/cjs/ptc-title.cjs.entry.js +0 -152
  291. package/dist/collection/components/organism-bundles/form/modal-from-example/modal-form-example.css +0 -26
  292. package/dist/collection/components/organism-bundles/form/modal-from-example/modal-form-example.js +0 -99
  293. package/dist/collection/stories/organisms/eSupport/CaseTracker/preview.stories.js +0 -45
  294. package/dist/collection/stories/organisms/eSupport/SupportArticle/preview.stories.js +0 -47
  295. package/dist/collection/stories/organisms/eSupport/SupportPage/preview.stories.js +0 -157
  296. package/dist/esm/modal-form-example.entry.js +0 -90
  297. package/dist/esm/ptc-button.entry.js +0 -83
  298. package/dist/esm/ptc-para.entry.js +0 -123
  299. package/dist/esm/ptc-picture.entry.js +0 -158
  300. package/dist/esm/ptc-spacer.entry.js +0 -34
  301. package/dist/esm/ptc-title.entry.js +0 -148
  302. package/dist/ptcw-design/p-072a76d3.entry.js +0 -1
  303. package/dist/ptcw-design/p-077839d5.entry.js +0 -1
  304. package/dist/ptcw-design/p-0c69ea52.entry.js +0 -1
  305. package/dist/ptcw-design/p-0d223232.entry.js +0 -1
  306. package/dist/ptcw-design/p-0de4cd11.entry.js +0 -1
  307. package/dist/ptcw-design/p-0e5932f0.entry.js +0 -1
  308. package/dist/ptcw-design/p-21aa746d.entry.js +0 -1
  309. package/dist/ptcw-design/p-282b7d4e.entry.js +0 -1
  310. package/dist/ptcw-design/p-2cc7e2a8.entry.js +0 -1
  311. package/dist/ptcw-design/p-32f64f48.entry.js +0 -1
  312. package/dist/ptcw-design/p-3dac861d.entry.js +0 -1
  313. package/dist/ptcw-design/p-3ee2a531.entry.js +0 -1
  314. package/dist/ptcw-design/p-445329ed.entry.js +0 -1
  315. package/dist/ptcw-design/p-4b192f5e.entry.js +0 -1
  316. package/dist/ptcw-design/p-4f93c631.entry.js +0 -1
  317. package/dist/ptcw-design/p-5311c6e1.entry.js +0 -1
  318. package/dist/ptcw-design/p-58e91cb8.entry.js +0 -1
  319. package/dist/ptcw-design/p-5db7f70b.entry.js +0 -1
  320. package/dist/ptcw-design/p-71fbb799.entry.js +0 -1
  321. package/dist/ptcw-design/p-75390f63.entry.js +0 -1
  322. package/dist/ptcw-design/p-799afee5.entry.js +0 -1
  323. package/dist/ptcw-design/p-7bdf1e64.entry.js +0 -1
  324. package/dist/ptcw-design/p-8038bf31.entry.js +0 -1
  325. package/dist/ptcw-design/p-85b3ca2b.entry.js +0 -1
  326. package/dist/ptcw-design/p-9501995f.entry.js +0 -1
  327. package/dist/ptcw-design/p-97b9f41b.entry.js +0 -1
  328. package/dist/ptcw-design/p-99ee8a0e.entry.js +0 -1
  329. package/dist/ptcw-design/p-9d612f1f.entry.js +0 -1
  330. package/dist/ptcw-design/p-a8872ce3.entry.js +0 -1
  331. package/dist/ptcw-design/p-a89b986a.entry.js +0 -68
  332. package/dist/ptcw-design/p-b50f71dd.entry.js +0 -1
  333. package/dist/ptcw-design/p-baff4d44.entry.js +0 -1
  334. package/dist/ptcw-design/p-bcab66bf.js +0 -336
  335. package/dist/ptcw-design/p-de960790.entry.js +0 -1
  336. package/dist/ptcw-design/p-e4eb925f.entry.js +0 -1
  337. package/dist/ptcw-design/p-e6a272d9.entry.js +0 -1
  338. package/dist/ptcw-design/p-f1734520.entry.js +0 -1
  339. package/dist/ptcw-design/p-fe40421e.entry.js +0 -1
  340. package/dist/ptcw-design/p-fe907670.entry.js +0 -1
  341. package/dist/types/components/organism-bundles/form/modal-from-example/modal-form-example.d.ts +0 -25
@@ -47,7 +47,19 @@ export class PtcFilterLevelTheater {
47
47
  }
48
48
  }
49
49
  render() {
50
- return (h(Host, null, this.renderBackgroundImage(), h("div", { class: "ptc-container flt-wrapper" }, h("div", { class: "flt-actions-container" }, this.renderFilterSection(), this.selectedTabGroup !== 'landing-tab' && this.renderBackButton()), h("div", { class: "content-tab-wrapper" }, h("div", { class: "flt-tab-wrapper" }, h("div", { class: "tab-list" }, h("div", { class: { 'tab-box': true, 'active-box': (this.selectedTab === 1 && this.selectedTabGroup === 'side-tabs') }, onClick: () => this.selectTab(1, 'side-tabs') }, "Manufacturing excellence through insight"), h("div", { class: { 'tab-box': true, 'active-box': (this.selectedTab === 2 && this.selectedTabGroup === 'side-tabs') }, onClick: () => this.selectTab(2, 'side-tabs') }, "Deliver transformational impact"), h("div", { class: { 'tab-box': true, 'active-box': (this.selectedTab === 3 && this.selectedTabGroup === 'side-tabs') }, onClick: () => this.selectTab(3, 'side-tabs') }, "Aligning to your business strategy"), h("div", { class: { 'tab-box': true, 'active-box': (this.selectedTab === 4 && this.selectedTabGroup === 'side-tabs') }, onClick: () => this.selectTab(4, 'side-tabs') }, "Prove and scale value"), h("ptc-button", { type: "button", color: "ptc-quaternary", "link-href": "#form-section", "text-align": 'center', styles: "a{display:block}" }, "Get Started"), this.renderSocialMediaIcon())), h("div", { class: "flt-content-wrap" }, h("div", Object.assign({}, (!(this.selectedTab === 1 && this.selectedTabGroup === 'landing-tab') && { hidden: 'until-found' }), { class: { 'flt-content': true, 'landing-slide': true, 'active-tab': (this.selectedTab === 1 && this.selectedTabGroup === 'landing-tab') }, onBeforeMatch: () => this.selectTab(1, 'landing-tab') }), h("ptc-title", { type: 'h1', upperline: "no-upperline", "title-margin": "margin-flush", "title-color": "white" }, "ThingWorx Digital Performance Management Title DPM Main Item Rechtsschutzversicherungsgesellschaften"), h("p", null, "What could you do with more production time? Drive revenue? Reduce costs?"), h("p", null, "Description Tab Item Rechtsschutzversicherungsgesellschaften ", h("a", { href: "/en/" }, "internal link"), ", ", h("a", { href: "http://www.google.com" }, "External Link"), ", ", h("a", { href: "/en/resources/digital-download/Part-1-Cummins-Drives-Sustainability-Using-Creo-Generative-Design" }, "slug url"), ", ", h("strong", null, "bold"), ", ", h("em", null, "italics")), h("p", null, "Gaining the insight to key initiatives that remove production constraints can be challenging. Data is spread across systems and bottleneck reporting is manual, late, and error-prone. ThingWorx delivers the insight you need to make digital transformation possible. It provides real-time, closed-loop problem-solving which empowers your team with timely insights about bottlenecks, root causes, and the improvements that your initiatives actually deliver."), h("p", null, "We invite you to discover more with the videos and material in this microsite. Simply click on the options to the right to get started."), h("p", null, "Key Features:"), h("ul", null, h("li", null, "Real-time Production Dashboard"), h("li", null, "Bottleneck Analytics"), h("li", null, "Action Tracker"), h("li", null, "Scorecard")), h("ptc-theater-video-playlist", null, h("ptc-theater-video", { "thumb-img": "https://www.ptc.com/-/media/Images/dpm/posterVideo1.jpg", "card-number": 0, "video-id": "6275116780001", "modal-type": "only-video" }))), h("div", Object.assign({}, (!(this.selectedTab === 1 && this.selectedTabGroup === 'side-tabs') && { hidden: 'until-found' }), { class: { 'flt-content': true, 'active-tab': (this.selectedTab === 1 && this.selectedTabGroup === 'side-tabs') }, onBeforeMatch: () => this.selectTab(1, 'side-tabs') }), h("ptc-title", { type: 'h2', upperline: "no-upperline", "title-margin": "margin-flush", "title-color": "white" }, "Accelerate operational impact and sustain excellence"), h("p", null, "What if you could use your existing data to improve performance throughput by up to 20%? Depending on your business, this might drive your site capacity by up to 50%\u2014which you could use to increase revenue or reduce operating costs. You might also reinvest that capacity to further drive flexibility or focus on additional continuous improvement."), h("p", null, "Digital Performance Management provides manufacturers with the solution for closed-loop operational excellence. It can help your team realize the promise of Industry 4.0 to deliver true transformational impact, and enable you to identify and resolve manufacturing constraints more rapidly\u2014all to rapidly advance your productivity."), h("ptc-theater-video-playlist", null, h("ptc-theater-video", { "vtag-name": 'manager-tag', "thumb-img": "https://www.ptc.com/-/media/Images/dpm/posterVideo1.jpg", "card-title": "Accelerate Operational Impact and Sustain Excellence", "card-number": 0, "video-id": "6275116780001", "card-description": 'Description DPM Main Item Rechtsschutzversicherungsgesellschaften <a href="/en/">internal link</a>, <a href="http://www.google.com">External Link</a>, <a href="/en/resources/digital-download/Part-1-Cummins-Drives-Sustainability-Using-Creo-Generative-Design">slug url</a>, <strong>bold</strong>, <em>italics</em>' }, h("ptc-title", { type: 'h3', upperline: 'no-upperline', "title-color": "white", "title-size": "x-large", "title-margin": 'margin-flush' }, "Accelerate Operational Impact and Sustain Excellence"), h("ptc-spacer", null), h("p", { class: "dpm-v-p" }, "Since the beginning of manufacturing, companies have pursued world-class performance through continuous improvement. Digital is the paradigm shift that offers a huge new advantage."), h("p", null, "Manufacturing environments are extraordinarily complex with a multitude of variables and disparate data sources. There are functionally siloed people, shared and dedicated processes, and multiple products\u2014and they all need to be harmoniously synchronized to effectively problem solve."), h("p", null, "These challenges often mean that thousands of variables are managed through inefficient, incomplete, and\u2014unfortunately\u2014out-of-date reporting efforts."), h("p", null, "These realities make world class performance difficult to attain. While best in class factories can operate at 85% ", h("a", { href: "/en/solutions/improving-efficiency/increasing-asset-efficiency/capacity-utilization", tabindex: "0" }, "capacity utilization"), ", or ", h("a", { href: "/en/solutions/digital-manufacturing/overall-equipment-effectiveness", tabindex: "0" }, "OEE (overall equipment effectiveness)"), ", most companies still fall short of this performance level. Instead, they operate closer to an average of 40\u201360% OEE."), h("h3", { class: "dpm-v-h3" }, "Digital Performance Management provides manufacturers with an industry solution for closed-loop operational excellence. "), h("ul", { class: "dpm-v-ul" }, h("li", null, "Achieve true transformational impact by capturing and sustaining double-digit efficiency improvements at scale. "), h("li", null, "Identify and resolve manufacturing constraints more rapidly, understanding the dynamics between bottlenecks and the prioritized order of bottlenecks to address. "))), h("ptc-theater-video", { "vtag-name": 'leader-tag, vp-tag', "thumb-img": "https://www.ptc.com/-/media/Images/dpm/posterVideoNew1.jpg", "card-title": "Introduction to Digital Performance Management", "card-number": 1, "video-id": "6275114763001", "card-description": "Identify, prioritize, and resolve the biggest bottlenecks that constrain manufacturing productivity." }, h("ptc-title", { type: 'h3', upperline: 'no-upperline', "title-color": "white", "title-size": "x-large", "title-margin": 'margin-flush' }, "Introduction to Digital Performance Management"), h("ptc-spacer", null), h("p", { class: "dpm-v-p" }, "Digital Performance Management replaces out-of-date, siloed reporting tools with a closed-loop solution that drives operational excellence, by helping to identify, prioritize, and solve the biggest issues that constrain production efficiency. The solution systematically identifies bottlenecks and prioritizes actions for improvement. It collects and normalizes production data to a standard metric: time lost. This helps customers engage every level of the organization to help solve problems and regain lost hours of production."), h("p", null, "The solution creates a closed-loop cycle that manufacturers can use to monitor current performance, prioritize areas to improve production, analyze production losses to determine root cause loss reasons, improve performance with prescriptive, targeted actions, and confirm performance levels within and across facilities."), h("p", null, "For the first time, Digital Performance Management links frontline, operational data to bottom line financial impact."), h("h3", { class: "dpm-v-h3" }, "Digital Performance Management closed loop approach to operational excellence"), h("ul", { class: "dpm-v-ul" }, h("ul", null, h("li", null, "Prioritize production improvement with Bottleneck Analysis"), h("li", null, "Analyze production losses with Performance Analysis"), h("li", null, "Track performance improvements with Action Tracker"), h("li", null, "View site-level performance and compare across similar manufacturing sites with Scorecard"), h("li", null, "Monitor current performance with Production Dashboard")))))), h("div", Object.assign({}, (!(this.selectedTab === 2 && this.selectedTabGroup === 'side-tabs') && { hidden: 'until-found' }), { class: { 'flt-content': true, 'active-tab': (this.selectedTab === 2 && this.selectedTabGroup === 'side-tabs') }, onBeforeMatch: () => this.selectTab(2, 'side-tabs') }), h("ptc-title", { type: 'h2', upperline: "no-upperline", "title-margin": "margin-flush", "title-color": "white" }, " Deliver transformational impact ThingWorx Digital Performance Management"), h("p", null, "What could you do with?"), h("p", null, "Gaining the insight to key initiatives that remove production constraints can be challenging. Data is spread across systems and bottleneck reporting is manual, late, and error-prone. ThingWorx delivers the insight you need to make digital transformation possible. It provides real-time, closed-loop problem-solving which empowers your team with timely insights about bottlenecks, root causes, and the improvements that your initiatives actually deliver."), h("p", null, "We invite you to discover more with the videos and material in this microsite. Simply click on the options to the right to get started."), h("ptc-theater-video-playlist", null, h("ptc-theater-video", { "vtag-name": 'manager-tag', "thumb-img": "https://www.ptc.com/-/media/Images/dpm/posterVideoNew5.jpg", "card-title": "Title Video Item Rechtsschutzversicherungsgesellschaften", "card-number": 0, "video-id": "6275116783001", "card-description": "Test Industry 4.0 technology can help drive true transformational impact, but leading manufacturers let business and financial impact prioritize the transformation." }, h("ptc-title", { type: 'h3', upperline: 'no-upperline', "title-color": "white", "title-size": "x-large", "title-margin": 'margin-flush' }, "Deliver transformational impact ThingWorx Digital Drive improvement from the ground up to engage the full organization"), h("ptc-spacer", null), h("p", null, "As a large manufacturer, with 30+ sites, what would it mean if you could unlock up to 20% additional productivity time at each of these sites?"), h("p", null, "How would you take advantage of this opportunity? You could drive more revenue but hold costs the same, reduce costs but maintain your current output, increase service levels, decrease lead times\u2014or some combination to drive measurable and sustainable P&L impact for your company. Time truly is the universal language of value in manufacturing."), h("p", null, "A $5 billion company with 50 sites that adopts Digital Performance Management can fulfill an additional $2 million in orders with the additional capacity without additional CapEx. Or the company could cut $2 million in operating costs. Either way, margins improve while the costs per unit decrease. While these numbers sound good on their own, at enterprise scale across 50 sites this yields an additional $100 million to the bottom line that can be reinvested in any number of ways including R&D, employee training, or capital improvements."), h("p", null, "PTC\u2019s customers have utilized additional capacity to improve their product mix, drive down order backlogs, increase service levels, improve morale, and even drive down inventories to lower their working capital. With PTC\u2019s Digital Performance Management solution, manufacturers can realize the true value of time across their enterprise. "), h("h3", { class: "dpm-v-h3" }, "Operationally, these improvements are driven by reductions in: "), h("ul", { class: "dpm-v-ul" }, h("li", null, "Planned and unplanned downtime "), h("li", null, "Changeover time "), h("li", null, "Speed losses based on best demonstrated speeds by SKU "), h("li", null, "Small stops or micro stops "), h("li", null, "Scrap losses "))), h("ptc-theater-video", { "vtag-name": 'leader-tag, vp-tag', "thumb-img": "https://www.ptc.com/-/media/Images/dpm/posterVideoNew3.jpg", "card-title": "Deliver transformational impact ThingWorx Digital PTC 2 ", "card-number": 1, "video-id": "6275111939001", "card-description": "Industry 4.0 technology can help drive true transformational impact, but leading manufacturers let business and financial impact prioritize the transformation." }, h("h3", null, " Deliver transformational impact ThingWorx Digitaltest 2", h("a", { href: "#" }, " link test 2"), " Some test content")), h("ptc-theater-video", { "vtag-name": 'leader-tag, vp-tag', "thumb-img": "https://www.ptc.com/-/media/Images/dpm/imagebc.jpg", "card-title": "Deliver transformational impact ThingWorx Digital PTC 3", "card-number": 2, "video-id": "6275114998001", "card-description": "Industry 4.0 technology can help drive true transformational impact, but leading manufacturers let business and financial impact prioritize the transformation." }, h("h3", null, "Deliver transformational impact ThingWorx Digital test 3", h("a", { href: "#" }, " link test 3"), " Some test content")))), h("div", Object.assign({}, (!(this.selectedTab === 3 && this.selectedTabGroup === 'side-tabs') && { hidden: 'until-found' }), { class: { 'flt-content': true, 'active-tab': (this.selectedTab === 3 && this.selectedTabGroup === 'side-tabs') }, onBeforeMatch: () => this.selectTab(3, 'side-tabs') }), h("ptc-title", { type: 'h2', upperline: "no-upperline", "title-margin": "margin-flush", "title-color": "white" }, "Aligning to your business strategy ThingWorx Digital Performance Management"), h("p", null, "Drive revenue? Reduce costs?"), h("p", null, "We invite you to discover more with the videos and material in this microsite. Simply click on the options to the right to get started."), h("p", null, "Key Features:"), h("ul", null, h("li", null, "Real-time Production Dashboard"), h("li", null, "Bottleneck Analytics"), h("li", null, "Action Tracker"), h("li", null, "Scorecard")), h("ptc-theater-video-playlist", null, h("ptc-theater-video", { "vtag-name": 'manager-tag', "thumb-img": "https://www.ptc.com/-/media/Images/dpm/posterVideo1.jpg", "card-title": "Test Why Digital Performance Management from PTC 1", "card-number": 0, "video-id": "6275116780001", "card-description": "Test Industry 4.0 technology can help drive true transformational impact, but leading manufacturers let business and financial impact prioritize the transformation." }, h("ptc-title", { type: 'h3', upperline: 'no-upperline', "title-color": "white", "title-size": "x-large", "title-margin": 'margin-flush' }, "Drive improvement from the ground up to engage the full organization"), h("ptc-spacer", null), h("p", null, "As a large manufacturer, with 30+ sites, what would it mean if you could unlock up to 20% additional productivity time at each of these sites?"), h("p", null, "How would you take advantage of this opportunity? You could drive more revenue but hold costs the same, reduce costs but maintain your current output, increase service levels, decrease lead times\u2014or some combination to drive measurable and sustainable P&L impact for your company. Time truly is the universal language of value in manufacturing."), h("p", null, "A $5 billion company with 50 sites that adopts Digital Performance Management can fulfill an additional $2 million in orders with the additional capacity without additional CapEx. Or the company could cut $2 million in operating costs. Either way, margins improve while the costs per unit decrease. While these numbers sound good on their own, at enterprise scale across 50 sites this yields an additional $100 million to the bottom line that can be reinvested in any number of ways including R&D, employee training, or capital improvements."), h("p", null, "PTC\u2019s customers have utilized additional capacity to improve their product mix, drive down order backlogs, increase service levels, improve morale, and even drive down inventories to lower their working capital. With PTC\u2019s Digital Performance Management solution, manufacturers can realize the true value of time across their enterprise. "), h("h3", { class: "dpm-v-h3" }, "Operationally, these improvements are driven by reductions in: "), h("ul", { class: "dpm-v-ul" }, h("li", null, "Planned and unplanned downtime "), h("li", null, "Changeover time "), h("li", null, "Speed losses based on best demonstrated speeds by SKU "), h("li", null, "Small stops or micro stops "), h("li", null, "Scrap losses "))), h("ptc-theater-video", { "vtag-name": 'leader-tag, vp-tag', "thumb-img": "https://www.ptc.com/-/media/Images/dpm/posterVideo1.jpg", "card-title": "Why Digital Performance Management from PTC 2 ", "card-number": 1, "video-id": "6275114763001", "card-description": "Industry 4.0 technology can help drive true transformational impact, but leading manufacturers let business and financial impact prioritize the transformation." }, h("h3", null, "test 2", h("a", { href: "#" }, " link test 2"), " Some test content")), h("ptc-theater-video", { "vtag-name": 'leader-tag, vp-tag', "thumb-img": "https://www.ptc.com/-/media/Images/dpm/posterVideo1.jpg", "card-title": "Why Digital Performance Management from PTC 3", "card-number": 2, "video-id": "6275114998001", "card-description": "Industry 4.0 technology can help drive true transformational impact, but leading manufacturers let business and financial impact prioritize the transformation." }, h("h3", null, "test 3", h("a", { href: "#" }, " link test 3"), " Some test content")), h("ptc-theater-video", { "vtag-name": 'leader-tag, vp-tag, manager-tag', "thumb-img": "https://www.ptc.com/-/media/Images/dpm/posterVideo1.jpg", "card-title": "Why Digital Performance Management from PTC 2 ", "card-number": 3, "video-id": "6275114763001", "card-description": "Industry 4.0 technology can help drive true transformational impact, but leading manufacturers let business and financial impact prioritize the transformation." }, h("h3", null, "test 2", h("a", { href: "#" }, " link test 2"), " Some test content")))), h("div", Object.assign({}, (!(this.selectedTab === 4 && this.selectedTabGroup === 'side-tabs') && { hidden: 'until-found' }), { class: { 'flt-content': true, 'active-tab': (this.selectedTab === 4 && this.selectedTabGroup === 'side-tabs') }, onBeforeMatch: () => this.selectTab(4, 'side-tabs') }), h("ptc-title", { type: 'h2', upperline: "no-upperline", "title-margin": "margin-flush", "title-color": "white" }, " Prove and scale value ThingWorx Digital Performance Management"), h("p", null, "What could you do with more production time? Reduce costs?"), h("p", null, "Gaining the insight to key initiatives that remove production constraints can be challenging. Data is spread across systems and bottleneck reporting is manual, late, and error-prone. ThingWorx delivers the insight you need to make digital transformation possible. It provides real-time, closed-loop problem-solving which empowers your team with timely insights about bottlenecks, root causes, and the improvements that your initiatives actually deliver."), h("p", null, "Key Features:"), h("ul", null, h("li", null, "Real-time Production Dashboard"), h("li", null, "Bottleneck Analytics"))), h("div", Object.assign({}, (!(this.selectedTab === 1 && this.selectedTabGroup === 'filter-tabs') && { hidden: 'until-found' }), { class: { 'flt-content': true, 'active-tab': (this.selectedTab === 1 && this.selectedTabGroup === 'filter-tabs') }, onBeforeMatch: () => this.selectTab(1, 'filter-tabs') }), h("ptc-title", { type: 'h2', upperline: "no-upperline", "title-margin": "margin-flush", "title-color": "white" }, "Landing slide from filter option"), h("p", null, "What could you do with more production time? Reduce costs?"), h("p", null, "Gaining the insight to key initiatives that remove production constraints can be challenging. Data is spread across systems and bottleneck reporting is manual, late, and error-prone. ThingWorx delivers the insight you need to make digital transformation possible. It provides real-time, closed-loop problem"), h("ptc-theater-video-playlist", null, h("ptc-theater-video", { "thumb-img": "https://www.ptc.com/-/media/Images/dpm/posterVideo1.jpg", "card-number": 0, "video-id": "6275116780001", "modal-type": "only-video" }))), h("div", Object.assign({}, (!(this.selectedTab === 2 && this.selectedTabGroup === 'filter-tabs') && { hidden: 'until-found' }), { class: { 'flt-content': true, 'active-tab': (this.selectedTab === 2 && this.selectedTabGroup === 'filter-tabs') }, onBeforeMatch: () => this.selectTab(2, 'filter-tabs') }), h("ptc-title", { type: 'h2', upperline: "no-upperline", "title-margin": "margin-flush", "title-color": "white" }, "Landing slide from filter option 2"), h("p", null, "What could you do with more production time? Reduce costs?"), h("p", null, "Gaining the insight to key initiatives that remove production constraints can be challenging. Data is spread across systems and bottleneck reporting is manual, late, and error-prone. ThingWorx delivers the insight you need to make digital transformation possible. It provides real-time, closed-loop problem"), h("ptc-theater-video-playlist", null, h("ptc-theater-video", { "thumb-img": "https://www.ptc.com/-/media/Images/dpm/posterVideoNew1.jpg", "card-number": 0, "video-id": "6275116780001", "modal-type": "only-video" }))), h("div", Object.assign({}, (!(this.selectedTab === 3 && this.selectedTabGroup === 'filter-tabs') && { hidden: 'until-found' }), { class: { 'flt-content': true, 'active-tab': (this.selectedTab === 3 && this.selectedTabGroup === 'filter-tabs') }, onBeforeMatch: () => this.selectTab(3, 'filter-tabs') }), h("ptc-title", { type: 'h2', upperline: "no-upperline", "title-margin": "margin-flush", "title-color": "white" }, "Landing slide from filter option 3"), h("p", null, "What could you do with more production time? Reduce costs?"), h("p", null, "Gaining the insight to key initiatives that remove production constraints can be challenging. Data is spread across systems and bottleneck reporting is manual, late, and error-prone. ThingWorx delivers the insight you need to make digital transformation possible. It provides real-time, closed-loop problem"), h("ptc-theater-video-playlist", null, h("ptc-theater-video", { "thumb-img": "https://www.ptc.com/-/media/Images/dpm/posterVideo1.jpg", "card-number": 0, "video-id": "6275116780001", "modal-type": "only-video" }))))))));
50
+ return (h(Host, null, this.renderBackgroundImage(), h("div", { class: "ptc-container flt-wrapper" }, h("div", { class: "flt-actions-container" }, this.renderFilterSection()), h("div", { class: "content-tab-wrapper" }, h("div", { class: "flt-content-wrap" }, h("div", Object.assign({}, (!(this.selectedTab === 1 && this.selectedTabGroup === 'landing-tab') && { hidden: 'until-found' }), { class: { 'flt-content': true, 'landing-slide': true, 'active-tab': (this.selectedTab === 1 && this.selectedTabGroup === 'landing-tab') }, onBeforeMatch: () => this.selectTab(1, 'landing-tab') }), h("ptc-title", { type: 'h1', upperline: "no-upperline", "title-margin": "margin-flush", "title-color": "white" }, "ThingWorx Digital Performance Management Title DPM Main Item Rechtsschutzversicherungsgesellschaften"), h("p", null, "What could you do with more production time? Drive revenue? Reduce costs?"), h("p", null, "Description Tab Item Rechtsschutzversicherungsgesellschaften ", h("a", { href: "/en/" }, "internal link"), ", ", h("a", { href: "http://www.google.com" }, "External Link"), ", ", h("a", { href: "/en/resources/digital-download/Part-1-Cummins-Drives-Sustainability-Using-Creo-Generative-Design" }, "slug url"), ", ", h("strong", null, "bold"), ", ", h("em", null, "italics")), h("p", null, "Gaining the insight to key initiatives that remove production constraints can be challenging. Data is spread across systems and bottleneck reporting is manual, late, and error-prone. ThingWorx delivers the insight you need to make digital transformation possible. It provides real-time, closed-loop problem-solving which empowers your team with timely insights about bottlenecks, root causes, and the improvements that your initiatives actually deliver."), h("p", null, "We invite you to discover more with the videos and material in this microsite. Simply click on the options to the right to get started."), h("p", null, "Key Features:"), h("ul", null, h("li", null, "Real-time Production Dashboard"), h("li", null, "Bottleneck Analytics"), h("li", null, "Action Tracker"), h("li", null, "Scorecard")), h("ptc-theater-video-playlist", null, h("ptc-theater-video", { "thumb-img": "https://www.ptc.com/-/media/Images/dpm/posterVideo1.jpg", "card-number": 0, "video-id": "6275116780001", "modal-type": "only-video" }))), h("div", Object.assign({}, (!(this.selectedTab === 1 && this.selectedTabGroup === 'side-tabs') && { hidden: 'until-found' }), { class: { 'flt-content': true, 'active-tab': (this.selectedTab === 1 && this.selectedTabGroup === 'side-tabs') }, onBeforeMatch: () => this.selectTab(1, 'side-tabs') }), h("ptc-title", { type: 'h2', upperline: "no-upperline", "title-margin": "margin-flush", "title-color": "white" }, "Accelerate operational impact and sustain excellence"), h("p", null, "What if you could use your existing data to improve performance throughput by up to 20%? Depending on your business, this might drive your site capacity by up to 50%\u2014which you could use to increase revenue or reduce operating costs. You might also reinvest that capacity to further drive flexibility or focus on additional continuous improvement."), h("p", null, "Digital Performance Management provides manufacturers with the solution for closed-loop operational excellence. It can help your team realize the promise of Industry 4.0 to deliver true transformational impact, and enable you to identify and resolve manufacturing constraints more rapidly\u2014all to rapidly advance your productivity."), h("ptc-theater-video-playlist", null, h("ptc-theater-video", { "vtag-name": 'manager-tag', "thumb-img": "https://www.ptc.com/-/media/Images/dpm/posterVideo1.jpg", "card-title": "Accelerate Operational Impact and Sustain Excellence", "card-number": 0, "video-id": "6275116780001", "card-description": 'Description DPM Main Item Rechtsschutzversicherungsgesellschaften <a href="/en/">internal link</a>, <a href="http://www.google.com">External Link</a>, <a href="/en/resources/digital-download/Part-1-Cummins-Drives-Sustainability-Using-Creo-Generative-Design">slug url</a>, <strong>bold</strong>, <em>italics</em>' }, h("ptc-title", { type: 'h3', upperline: 'no-upperline', "title-color": "white", "title-size": "x-large", "title-margin": 'margin-flush' }, "Accelerate Operational Impact and Sustain Excellence"), h("ptc-spacer", null), h("p", { class: "dpm-v-p" }, "Since the beginning of manufacturing, companies have pursued world-class performance through continuous improvement. Digital is the paradigm shift that offers a huge new advantage."), h("p", null, "Manufacturing environments are extraordinarily complex with a multitude of variables and disparate data sources. There are functionally siloed people, shared and dedicated processes, and multiple products\u2014and they all need to be harmoniously synchronized to effectively problem solve."), h("p", null, "These challenges often mean that thousands of variables are managed through inefficient, incomplete, and\u2014unfortunately\u2014out-of-date reporting efforts."), h("p", null, "These realities make world class performance difficult to attain. While best in class factories can operate at 85% ", h("a", { href: "/en/solutions/improving-efficiency/increasing-asset-efficiency/capacity-utilization", tabindex: "0" }, "capacity utilization"), ", or ", h("a", { href: "/en/solutions/digital-manufacturing/overall-equipment-effectiveness", tabindex: "0" }, "OEE (overall equipment effectiveness)"), ", most companies still fall short of this performance level. Instead, they operate closer to an average of 40\u201360% OEE."), h("h3", { class: "dpm-v-h3" }, "Digital Performance Management provides manufacturers with an industry solution for closed-loop operational excellence. "), h("ul", { class: "dpm-v-ul" }, h("li", null, "Achieve true transformational impact by capturing and sustaining double-digit efficiency improvements at scale. "), h("li", null, "Identify and resolve manufacturing constraints more rapidly, understanding the dynamics between bottlenecks and the prioritized order of bottlenecks to address. "))), h("ptc-theater-video", { "vtag-name": 'leader-tag, vp-tag', "thumb-img": "https://www.ptc.com/-/media/Images/dpm/posterVideoNew1.jpg", "card-title": "Introduction to Digital Performance Management", "card-number": 1, "video-id": "6275114763001", "card-description": "Identify, prioritize, and resolve the biggest bottlenecks that constrain manufacturing productivity." }, h("ptc-title", { type: 'h3', upperline: 'no-upperline', "title-color": "white", "title-size": "x-large", "title-margin": 'margin-flush' }, "Introduction to Digital Performance Management"), h("ptc-spacer", null), h("p", { class: "dpm-v-p" }, "Digital Performance Management replaces out-of-date, siloed reporting tools with a closed-loop solution that drives operational excellence, by helping to identify, prioritize, and solve the biggest issues that constrain production efficiency. The solution systematically identifies bottlenecks and prioritizes actions for improvement. It collects and normalizes production data to a standard metric: time lost. This helps customers engage every level of the organization to help solve problems and regain lost hours of production."), h("p", null, "The solution creates a closed-loop cycle that manufacturers can use to monitor current performance, prioritize areas to improve production, analyze production losses to determine root cause loss reasons, improve performance with prescriptive, targeted actions, and confirm performance levels within and across facilities."), h("p", null, "For the first time, Digital Performance Management links frontline, operational data to bottom line financial impact."), h("h3", { class: "dpm-v-h3" }, "Digital Performance Management closed loop approach to operational excellence"), h("ul", { class: "dpm-v-ul" }, h("ul", null, h("li", null, "Prioritize production improvement with Bottleneck Analysis"), h("li", null, "Analyze production losses with Performance Analysis"), h("li", null, "Track performance improvements with Action Tracker"), h("li", null, "View site-level performance and compare across similar manufacturing sites with Scorecard"), h("li", null, "Monitor current performance with Production Dashboard")))))), h("div", Object.assign({}, (!(this.selectedTab === 2 && this.selectedTabGroup === 'side-tabs') && { hidden: 'until-found' }), { class: { 'flt-content': true, 'active-tab': (this.selectedTab === 2 && this.selectedTabGroup === 'side-tabs') }, onBeforeMatch: () => this.selectTab(2, 'side-tabs') }), h("ptc-title", { type: 'h2', upperline: "no-upperline", "title-margin": "margin-flush", "title-color": "white" }, " Deliver transformational impact ThingWorx Digital Performance Management"), h("p", null, "What could you do with?"), h("p", null, "Gaining the insight to key initiatives that remove production constraints can be challenging. Data is spread across systems and bottleneck reporting is manual, late, and error-prone. ThingWorx delivers the insight you need to make digital transformation possible. It provides real-time, closed-loop problem-solving which empowers your team with timely insights about bottlenecks, root causes, and the improvements that your initiatives actually deliver."), h("p", null, "We invite you to discover more with the videos and material in this microsite. Simply click on the options to the right to get started."), h("ptc-theater-video-playlist", null, h("ptc-theater-video", { "vtag-name": 'manager-tag', "thumb-img": "https://www.ptc.com/-/media/Images/dpm/posterVideoNew5.jpg", "card-title": "Title Video Item Rechtsschutzversicherungsgesellschaften", "card-number": 0, "video-id": "6275116783001", "card-description": "Test Industry 4.0 technology can help drive true transformational impact, but leading manufacturers let business and financial impact prioritize the transformation." }, h("ptc-title", { type: 'h3', upperline: 'no-upperline', "title-color": "white", "title-size": "x-large", "title-margin": 'margin-flush' }, "Deliver transformational impact ThingWorx Digital Drive improvement from the ground up to engage the full organization"), h("ptc-spacer", null), h("p", null, "As a large manufacturer, with 30+ sites, what would it mean if you could unlock up to 20% additional productivity time at each of these sites?"), h("p", null, "How would you take advantage of this opportunity? You could drive more revenue but hold costs the same, reduce costs but maintain your current output, increase service levels, decrease lead times\u2014or some combination to drive measurable and sustainable P&L impact for your company. Time truly is the universal language of value in manufacturing."), h("p", null, "A $5 billion company with 50 sites that adopts Digital Performance Management can fulfill an additional $2 million in orders with the additional capacity without additional CapEx. Or the company could cut $2 million in operating costs. Either way, margins improve while the costs per unit decrease. While these numbers sound good on their own, at enterprise scale across 50 sites this yields an additional $100 million to the bottom line that can be reinvested in any number of ways including R&D, employee training, or capital improvements."), h("p", null, "PTC\u2019s customers have utilized additional capacity to improve their product mix, drive down order backlogs, increase service levels, improve morale, and even drive down inventories to lower their working capital. With PTC\u2019s Digital Performance Management solution, manufacturers can realize the true value of time across their enterprise. "), h("h3", { class: "dpm-v-h3" }, "Operationally, these improvements are driven by reductions in: "), h("ul", { class: "dpm-v-ul" }, h("li", null, "Planned and unplanned downtime "), h("li", null, "Changeover time "), h("li", null, "Speed losses based on best demonstrated speeds by SKU "), h("li", null, "Small stops or micro stops "), h("li", null, "Scrap losses "))), h("ptc-theater-video", { "vtag-name": 'leader-tag, vp-tag', "thumb-img": "https://www.ptc.com/-/media/Images/dpm/posterVideoNew3.jpg", "card-title": "Deliver transformational impact ThingWorx Digital PTC 2 ", "card-number": 1, "video-id": "6275111939001", "card-description": "Industry 4.0 technology can help drive true transformational impact, but leading manufacturers let business and financial impact prioritize the transformation." }, h("h3", null, " Deliver transformational impact ThingWorx Digitaltest 2", h("a", { href: "#" }, " link test 2"), " Some test content")), h("ptc-theater-video", { "vtag-name": 'leader-tag, vp-tag', "thumb-img": "https://www.ptc.com/-/media/Images/dpm/imagebc.jpg", "card-title": "Deliver transformational impact ThingWorx Digital PTC 3", "card-number": 2, "video-id": "6275114998001", "card-description": "Industry 4.0 technology can help drive true transformational impact, but leading manufacturers let business and financial impact prioritize the transformation." }, h("h3", null, "Deliver transformational impact ThingWorx Digital test 3", h("a", { href: "#" }, " link test 3"), " Some test content")))), h("div", Object.assign({}, (!(this.selectedTab === 3 && this.selectedTabGroup === 'side-tabs') && { hidden: 'until-found' }), { class: { 'flt-content': true, 'active-tab': (this.selectedTab === 3 && this.selectedTabGroup === 'side-tabs') }, onBeforeMatch: () => this.selectTab(3, 'side-tabs') }), h("ptc-title", { type: 'h2', upperline: "no-upperline", "title-margin": "margin-flush", "title-color": "white" }, "Aligning to your business strategy ThingWorx Digital Performance Management"), h("p", null, "Drive revenue? Reduce costs?"), h("p", null, "We invite you to discover more with the videos and material in this microsite. Simply click on the options to the right to get started."), h("p", null, "Key Features:"), h("ul", null, h("li", null, "Real-time Production Dashboard"), h("li", null, "Bottleneck Analytics"), h("li", null, "Action Tracker"), h("li", null, "Scorecard")), h("ptc-theater-video-playlist", null, h("ptc-theater-video", { "vtag-name": 'manager-tag', "thumb-img": "https://www.ptc.com/-/media/Images/dpm/posterVideo1.jpg", "card-title": "Test Why Digital Performance Management from PTC 1", "card-number": 0, "video-id": "6275116780001", "card-description": "Test Industry 4.0 technology can help drive true transformational impact, but leading manufacturers let business and financial impact prioritize the transformation." }, h("ptc-title", { type: 'h3', upperline: 'no-upperline', "title-color": "white", "title-size": "x-large", "title-margin": 'margin-flush' }, "Drive improvement from the ground up to engage the full organization"), h("ptc-spacer", null), h("p", null, "As a large manufacturer, with 30+ sites, what would it mean if you could unlock up to 20% additional productivity time at each of these sites?"), h("p", null, "How would you take advantage of this opportunity? You could drive more revenue but hold costs the same, reduce costs but maintain your current output, increase service levels, decrease lead times\u2014or some combination to drive measurable and sustainable P&L impact for your company. Time truly is the universal language of value in manufacturing."), h("p", null, "A $5 billion company with 50 sites that adopts Digital Performance Management can fulfill an additional $2 million in orders with the additional capacity without additional CapEx. Or the company could cut $2 million in operating costs. Either way, margins improve while the costs per unit decrease. While these numbers sound good on their own, at enterprise scale across 50 sites this yields an additional $100 million to the bottom line that can be reinvested in any number of ways including R&D, employee training, or capital improvements."), h("p", null, "PTC\u2019s customers have utilized additional capacity to improve their product mix, drive down order backlogs, increase service levels, improve morale, and even drive down inventories to lower their working capital. With PTC\u2019s Digital Performance Management solution, manufacturers can realize the true value of time across their enterprise. "), h("h3", { class: "dpm-v-h3" }, "Operationally, these improvements are driven by reductions in: "), h("ul", { class: "dpm-v-ul" }, h("li", null, "Planned and unplanned downtime "), h("li", null, "Changeover time "), h("li", null, "Speed losses based on best demonstrated speeds by SKU "), h("li", null, "Small stops or micro stops "), h("li", null, "Scrap losses "))), h("ptc-theater-video", { "vtag-name": 'leader-tag, vp-tag', "thumb-img": "https://www.ptc.com/-/media/Images/dpm/posterVideo1.jpg", "card-title": "Why Digital Performance Management from PTC 2 ", "card-number": 1, "video-id": "6275114763001", "card-description": "Industry 4.0 technology can help drive true transformational impact, but leading manufacturers let business and financial impact prioritize the transformation." }, h("h3", null, "test 2", h("a", { href: "#" }, " link test 2"), " Some test content")), h("ptc-theater-video", { "vtag-name": 'leader-tag, vp-tag', "thumb-img": "https://www.ptc.com/-/media/Images/dpm/posterVideo1.jpg", "card-title": "Why Digital Performance Management from PTC 3", "card-number": 2, "video-id": "6275114998001", "card-description": "Industry 4.0 technology can help drive true transformational impact, but leading manufacturers let business and financial impact prioritize the transformation." }, h("h3", null, "test 3", h("a", { href: "#" }, " link test 3"), " Some test content")), h("ptc-theater-video", { "vtag-name": 'leader-tag, vp-tag, manager-tag', "thumb-img": "https://www.ptc.com/-/media/Images/dpm/posterVideo1.jpg", "card-title": "Why Digital Performance Management from PTC 2 ", "card-number": 3, "video-id": "6275114763001", "card-description": "Industry 4.0 technology can help drive true transformational impact, but leading manufacturers let business and financial impact prioritize the transformation." }, h("h3", null, "test 2", h("a", { href: "#" }, " link test 2"), " Some test content")))), h("div", Object.assign({}, (!(this.selectedTab === 4 && this.selectedTabGroup === 'side-tabs') && { hidden: 'until-found' }), { class: { 'flt-content': true, 'active-tab': (this.selectedTab === 4 && this.selectedTabGroup === 'side-tabs') }, onBeforeMatch: () => this.selectTab(4, 'side-tabs') }), h("ptc-title", { type: 'h2', upperline: "no-upperline", "title-margin": "margin-flush", "title-color": "white" }, " Prove and scale value ThingWorx Digital Performance Management"), h("p", null, "What could you do with more production time? Reduce costs?"), h("p", null, "Gaining the insight to key initiatives that remove production constraints can be challenging. Data is spread across systems and bottleneck reporting is manual, late, and error-prone. ThingWorx delivers the insight you need to make digital transformation possible. It provides real-time, closed-loop problem-solving which empowers your team with timely insights about bottlenecks, root causes, and the improvements that your initiatives actually deliver."), h("p", null, "Key Features:"), h("ul", null, h("li", null, "Real-time Production Dashboard"), h("li", null, "Bottleneck Analytics"))), h("div", Object.assign({}, (!(this.selectedTab === 1 && this.selectedTabGroup === 'filter-tabs') && { hidden: 'until-found' }), { class: { 'flt-content': true, 'active-tab': (this.selectedTab === 1 && this.selectedTabGroup === 'filter-tabs') }, onBeforeMatch: () => this.selectTab(1, 'filter-tabs') }), h("ptc-title", { type: 'h2', upperline: "no-upperline", "title-margin": "margin-flush", "title-color": "white" }, "Landing slide from filter option"), h("p", null, "What could you do with more production time? Reduce costs?"), h("p", null, "Gaining the insight to key initiatives that remove production constraints can be challenging. Data is spread across systems and bottleneck reporting is manual, late, and error-prone. ThingWorx delivers the insight you need to make digital transformation possible. It provides real-time, closed-loop problem"), h("ptc-theater-video-playlist", null, h("ptc-theater-video", { "thumb-img": "https://www.ptc.com/-/media/Images/dpm/posterVideo1.jpg", "card-number": 0, "video-id": "6275116780001", "modal-type": "only-video" }))), h("div", Object.assign({}, (!(this.selectedTab === 2 && this.selectedTabGroup === 'filter-tabs') && { hidden: 'until-found' }), { class: { 'flt-content': true, 'active-tab': (this.selectedTab === 2 && this.selectedTabGroup === 'filter-tabs') }, onBeforeMatch: () => this.selectTab(2, 'filter-tabs') }), h("ptc-title", { type: 'h2', upperline: "no-upperline", "title-margin": "margin-flush", "title-color": "white" }, "Landing slide from filter option 2"), h("p", null, "What could you do with more production time? Reduce costs?"), h("p", null, "Gaining the insight to key initiatives that remove production constraints can be challenging. Data is spread across systems and bottleneck reporting is manual, late, and error-prone. ThingWorx delivers the insight you need to make digital transformation possible. It provides real-time, closed-loop problem"), h("ptc-theater-video-playlist", null, h("ptc-theater-video", { "thumb-img": "https://www.ptc.com/-/media/Images/dpm/posterVideoNew1.jpg", "card-number": 0, "video-id": "6275116780001", "modal-type": "only-video" }))), h("div", Object.assign({}, (!(this.selectedTab === 3 && this.selectedTabGroup === 'filter-tabs') && { hidden: 'until-found' }), { class: { 'flt-content': true, 'active-tab': (this.selectedTab === 3 && this.selectedTabGroup === 'filter-tabs') }, onBeforeMatch: () => this.selectTab(3, 'filter-tabs') }), h("ptc-title", { type: 'h2', upperline: "no-upperline", "title-margin": "margin-flush", "title-color": "white" }, "Landing slide from filter option 3"), h("p", null, "What could you do with more production time? Reduce costs?"), h("p", null, "Gaining the insight to key initiatives that remove production constraints can be challenging. Data is spread across systems and bottleneck reporting is manual, late, and error-prone. ThingWorx delivers the insight you need to make digital transformation possible. It provides real-time, closed-loop problem"), h("ptc-theater-video-playlist", null, h("ptc-theater-video", { "thumb-img": "https://www.ptc.com/-/media/Images/dpm/posterVideo1.jpg", "card-number": 0, "video-id": "6275116780001", "modal-type": "only-video" })))), h("div", { class: "flt-tab-wrapper" }, this.selectedTabGroup !== 'landing-tab' && this.renderBackButton(), h("div", { class: "tab-list" }, h("div", { class: { 'tab-box': true, 'active-box': (this.selectedTab === 1 && this.selectedTabGroup === 'side-tabs') }, onClick: () => this.selectTab(1, 'side-tabs'), tabIndex: 0, onKeyDown: (e) => {
51
+ if (e.key === 'Enter')
52
+ this.selectTab(1, 'side-tabs');
53
+ } }, "Manufacturing excellence through insight"), h("div", { class: { 'tab-box': true, 'active-box': (this.selectedTab === 2 && this.selectedTabGroup === 'side-tabs') }, onClick: () => this.selectTab(2, 'side-tabs'), tabIndex: 0, onKeyDown: (e) => {
54
+ if (e.key === 'Enter')
55
+ this.selectTab(2, 'side-tabs');
56
+ } }, "Deliver transformational impact"), h("div", { class: { 'tab-box': true, 'active-box': (this.selectedTab === 3 && this.selectedTabGroup === 'side-tabs') }, onClick: () => this.selectTab(3, 'side-tabs'), tabIndex: 0, onKeyDown: (e) => {
57
+ if (e.key === 'Enter')
58
+ this.selectTab(3, 'side-tabs');
59
+ } }, "Aligning to your business strategy"), h("div", { class: { 'tab-box': true, 'active-box': (this.selectedTab === 4 && this.selectedTabGroup === 'side-tabs') }, onClick: () => this.selectTab(4, 'side-tabs'), tabIndex: 0, onKeyDown: (e) => {
60
+ if (e.key === 'Enter')
61
+ this.selectTab(4, 'side-tabs');
62
+ } }, "Prove and scale value"), h("ptc-button", { type: "button", color: "ptc-quaternary", "link-href": "#form-section", "text-align": 'center', styles: "a{display:block}" }, "Get Started"), this.renderSocialMediaIcon()))))));
51
63
  }
52
64
  renderFilterSection() {
53
65
  if (this.enableFilters) {
@@ -55,7 +67,10 @@ export class PtcFilterLevelTheater {
55
67
  }
56
68
  }
57
69
  renderBackButton() {
58
- return h("div", { class: "back-button", onClick: () => this.selectTab(1, 'landing-tab') }, h("icon-asset", { type: "solid", size: "xxx-small", name: "chevron-left", color: "white" }), h("span", null, this.backButtonText));
70
+ return h("div", { class: "back-button", onClick: () => this.selectTab(1, 'landing-tab'), tabIndex: 0, onKeyDown: (e) => {
71
+ if (e.key === 'Enter')
72
+ this.selectTab(1, 'landing-tab');
73
+ } }, h("icon-asset", { type: "solid", size: "xxx-small", name: "chevron-left", color: "white" }), h("span", null, this.backButtonText));
59
74
  }
60
75
  renderBackgroundImage() {
61
76
  return (h("div", { class: "flt-bg-image-wrapper" }, h("div", { class: {
@@ -134,6 +134,9 @@ ptc-link, ptc-square-card,
134
134
  margin-bottom: 0;
135
135
  }
136
136
 
137
+ :host(.feature-callout-list) {
138
+ padding-bottom: var(--ptc-element-spacing-04);
139
+ }
137
140
  :host(.feature-callout-list) .ptc-icon-list .ptc-content-simple {
138
141
  margin: 0 0 0 var(--ptc-element-spacing-03);
139
142
  font-size: var(--ptc-font-size-x-small);
@@ -6,6 +6,7 @@ export class PtcInfoTile {
6
6
  this.styles = undefined;
7
7
  this.trackerId = undefined;
8
8
  this.accessibilityIndex = 0;
9
+ this.target = "";
9
10
  }
10
11
  handleClick() {
11
12
  this.tileClick.emit();
@@ -31,7 +32,7 @@ export class PtcInfoTile {
31
32
  }
32
33
  render() {
33
34
  const content = (h("div", { class: "tile-content" }, h("span", { class: "tile-title-span" }, h("slot", { name: "tile-title" })), h("div", { class: "tile-title-desc" }, h("slot", { name: "tile-description" }))));
34
- return (h(Host, null, this.styles && h("style", null, this.styles), h("div", { id: this.trackerId, class: `tile ${this.variant}`, onClick: () => this.handleClick(), tabindex: this.accessibilityIndex }, this.variant === 'image' && (h("div", { class: "tile-image" }, h("slot", { name: "tile-image" }))), content, this.link && h("a", { href: this.link, class: "link-overlay link-press", tabindex: "-1" }))));
35
+ return (h(Host, null, this.styles && h("style", null, this.styles), h("div", { id: this.trackerId, class: `tile ${this.variant}`, onClick: () => this.handleClick(), tabindex: this.accessibilityIndex }, this.variant === 'image' && (h("div", { class: "tile-image" }, h("slot", { name: "tile-image" }))), content, this.link && h("a", { href: this.link, class: "link-overlay link-press", tabindex: "-1", target: this.target }))));
35
36
  }
36
37
  static get is() { return "ptc-info-tile"; }
37
38
  static get encapsulation() { return "shadow"; }
@@ -132,6 +133,24 @@ export class PtcInfoTile {
132
133
  "attribute": "accessibility-index",
133
134
  "reflect": false,
134
135
  "defaultValue": "0"
136
+ },
137
+ "target": {
138
+ "type": "string",
139
+ "mutable": false,
140
+ "complexType": {
141
+ "original": "string",
142
+ "resolved": "string",
143
+ "references": {}
144
+ },
145
+ "required": false,
146
+ "optional": false,
147
+ "docs": {
148
+ "tags": [],
149
+ "text": ""
150
+ },
151
+ "attribute": "target",
152
+ "reflect": false,
153
+ "defaultValue": "\"\""
135
154
  }
136
155
  };
137
156
  }
@@ -1198,26 +1198,26 @@ a:focus-visible {
1198
1198
  border-radius: var(--ptc-border-radius-standard);
1199
1199
  }
1200
1200
 
1201
- .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 {
1201
+ .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 {
1202
1202
  color: var(--color-blue-04);
1203
1203
  margin: -2px;
1204
1204
  border: 2px solid transparent;
1205
1205
  }
1206
- .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 {
1206
+ .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 {
1207
1207
  color: var(--color-blue-06);
1208
1208
  }
1209
- .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 {
1209
+ .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 {
1210
1210
  transition: none;
1211
1211
  color: var(--color-blue-07);
1212
1212
  }
1213
- .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 {
1213
+ .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 {
1214
1214
  color: var(--color-blue-05);
1215
1215
  }
1216
- .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 {
1216
+ .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 {
1217
1217
  color: var(--color-gray-04) !important;
1218
1218
  cursor: not-allowed;
1219
1219
  }
1220
- .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 {
1220
+ .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 {
1221
1221
  border-radius: var(--ptc-border-radius-standard);
1222
1222
  border: 2px solid white;
1223
1223
  outline: 5px solid var(--keyboard-nav-outline);
@@ -82,7 +82,6 @@ ptc-link, ptc-square-card,
82
82
  align-content: flex-end;
83
83
  z-index: 50020;
84
84
  transform: translateY(-100%);
85
- position: relative;
86
85
  }
87
86
  @media only screen and (min-width: 992px) {
88
87
  .wrapper .modal-popup {
@@ -98,9 +97,6 @@ ptc-link, ptc-square-card,
98
97
  .wrapper .modal-popup.xl {
99
98
  max-width: 64.0625rem;
100
99
  }
101
- .wrapper .modal-popup.fit-content {
102
- max-width: fit-content;
103
- }
104
100
  .wrapper .modal-popup.max {
105
101
  width: calc(100% - 4rem);
106
102
  max-width: 75rem;
@@ -3,28 +3,33 @@ import { createFocusTrap } from 'focus-trap';
3
3
  export class PtcModal {
4
4
  constructor() {
5
5
  this.setReturnFocus = () => {
6
- if (this.lastFocusElement instanceof HTMLElement) {
6
+ var _a, _b;
7
+ if (!this.lastFocusElement)
8
+ return;
9
+ // Try focusing the last focused element directly
10
+ if (this.lastFocusElement.tabIndex === 0) {
7
11
  this.lastFocusElement.focus();
12
+ return;
8
13
  }
9
- };
10
- this.trackLastFocusedElement = (event) => {
11
- if (event.key === "Enter") {
12
- let activeElement = document.activeElement;
13
- // Traverse shadow DOM to get the innermost focused element
14
- while (activeElement === null || activeElement === void 0 ? void 0 : activeElement.shadowRoot) {
15
- activeElement = activeElement.shadowRoot.activeElement;
16
- }
17
- if (activeElement instanceof HTMLElement) {
18
- this.lastFocusElement = activeElement;
14
+ // If it's inside a shadow DOM, try finding a focusable child
15
+ const shadowRoot = this.lastFocusElement.shadowRoot;
16
+ if (shadowRoot) {
17
+ const focusableElementList = shadowRoot.querySelectorAll('button, [tabindex]:not([tabindex="-1"])');
18
+ if (focusableElementList) {
19
+ let focusableElement = focusableElementList[focusableElementList.length - 1];
20
+ focusableElement.focus();
21
+ return;
19
22
  }
20
23
  }
24
+ // As a fallback, try to find a focusable child within the element
25
+ const fallbackElement = (_b = (_a = this.lastFocusElement).querySelector) === null || _b === void 0 ? void 0 : _b.call(_a, 'button, [tabindex]:not([tabindex="-1"])');
26
+ if (fallbackElement instanceof HTMLElement) {
27
+ fallbackElement.focus();
28
+ }
21
29
  };
22
30
  this.handleKeyPress = (event) => {
23
31
  if (event.key === 'Enter' || event.key === ' ' || event.key === 'Tab') {
24
32
  this.openedByKeyboard = true;
25
- if (event.key === 'Enter') {
26
- this.trackLastFocusedElement(event);
27
- }
28
33
  }
29
34
  };
30
35
  this.handleMouseDown = () => {
@@ -52,11 +57,12 @@ export class PtcModal {
52
57
  this.headerOnlyText2 = undefined;
53
58
  this.bottomCloseBtn = undefined;
54
59
  this.openedByKeyboard = false;
60
+ this.focusBackElement = undefined;
55
61
  this.bodyOverflowSetting = undefined;
56
62
  }
57
63
  onShowChange(newValue) {
58
64
  if (newValue) {
59
- // this.lastFocusElement = document.activeElement as HTMLElement;
65
+ this.lastFocusElement = document.activeElement;
60
66
  this.fireOnOpened(this);
61
67
  }
62
68
  else {
@@ -151,7 +157,7 @@ export class PtcModal {
151
157
  }
152
158
  componentDidLoad() {
153
159
  if (this.show) {
154
- // this.lastFocusElement = document.activeElement as HTMLElement;
160
+ this.lastFocusElement = document.activeElement;
155
161
  this.fireOnOpened(this);
156
162
  }
157
163
  if (this.showHeaderFooter) {
@@ -207,6 +213,15 @@ export class PtcModal {
207
213
  }
208
214
  close() {
209
215
  this.show = false;
216
+ setTimeout(() => {
217
+ var _a, _b;
218
+ if (this.focusBackElement) {
219
+ (_a = this.focusBackElement) === null || _a === void 0 ? void 0 : _a.focus();
220
+ if (this.focusBackElement.tagName === "PTC-BUTTON") {
221
+ (_b = this.focusBackElement.shadowRoot.querySelector('button')) === null || _b === void 0 ? void 0 : _b.focus();
222
+ }
223
+ }
224
+ }, 100);
210
225
  }
211
226
  render() {
212
227
  let content;
@@ -327,8 +342,8 @@ export class PtcModal {
327
342
  "type": "string",
328
343
  "mutable": true,
329
344
  "complexType": {
330
- "original": "'sm' | 'md' | 'lg' | 'xl' | 'fit-content' | 'max' | 'sm-modal'",
331
- "resolved": "\"fit-content\" | \"lg\" | \"max\" | \"md\" | \"sm\" | \"sm-modal\" | \"xl\"",
345
+ "original": "'sm' | 'md' | 'lg' | 'xl' | 'max' | 'sm-modal'",
346
+ "resolved": "\"lg\" | \"max\" | \"md\" | \"sm\" | \"sm-modal\" | \"xl\"",
332
347
  "references": {}
333
348
  },
334
349
  "required": false,
@@ -658,6 +673,23 @@ export class PtcModal {
658
673
  },
659
674
  "attribute": "bottom-close-btn",
660
675
  "reflect": false
676
+ },
677
+ "focusBackElement": {
678
+ "type": "any",
679
+ "mutable": true,
680
+ "complexType": {
681
+ "original": "any",
682
+ "resolved": "any",
683
+ "references": {}
684
+ },
685
+ "required": false,
686
+ "optional": false,
687
+ "docs": {
688
+ "tags": [],
689
+ "text": ""
690
+ },
691
+ "attribute": "focus-back-element",
692
+ "reflect": false
661
693
  }
662
694
  };
663
695
  }
@@ -79,4 +79,11 @@ ptc-link, ptc-square-card,
79
79
  font-style: normal;
80
80
  font-weight: var(--ptc-font-weight-bold);
81
81
  line-height: var(--ptc-line-height-p);
82
+ }
83
+
84
+ :host(.appended) {
85
+ position: relative;
86
+ }
87
+ :host(.appended) .skip-link:focus {
88
+ position: absolute;
82
89
  }
@@ -1,24 +1,49 @@
1
1
  import { Host, h } from '@stencil/core';
2
2
  export class PtcNavSkipToContent {
3
3
  constructor() {
4
+ this.escalated = false;
4
5
  this.hideOnScroll = () => {
5
6
  var _a, _b;
6
7
  let skipLink = (_b = (_a = this.hostEle) === null || _a === void 0 ? void 0 : _a.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('a.skip-link');
7
8
  skipLink === null || skipLink === void 0 ? void 0 : skipLink.blur();
8
9
  };
9
10
  this.escalateOnDom = () => {
10
- const body = document.querySelector('body');
11
- body.insertAdjacentElement('afterbegin', this.hostEle);
11
+ if (this.appendSelector) {
12
+ const elem = document.querySelector(this.appendSelector);
13
+ const host = this.hostEle;
14
+ if (elem) {
15
+ elem.insertAdjacentElement('afterbegin', this.hostEle);
16
+ host.classList.add('appended');
17
+ this.escalated = true;
18
+ }
19
+ }
20
+ if (!this.escalated) {
21
+ const body = document.querySelector('body');
22
+ body.insertAdjacentElement('afterbegin', this.hostEle);
23
+ }
24
+ };
25
+ this.offsetCta = () => {
26
+ const link = this.hostEle.shadowRoot.querySelector('.skip-link');
27
+ link.style.left = `${this.xOffset}px`;
28
+ link.style.top = `${this.yOffset}px`;
12
29
  };
13
30
  this.componentWillLoad = () => {
14
31
  this.escalateOnDom();
15
32
  window.addEventListener('scroll', this.hideOnScroll);
16
33
  };
34
+ this.componentDidLoad = () => {
35
+ if (this.appendSelector) {
36
+ this.offsetCta();
37
+ }
38
+ };
17
39
  this.disconnectedCallback = () => {
18
40
  window.removeEventListener('scroll', this.hideOnScroll);
19
41
  };
20
42
  this.buttonText = "Skip To Main Content";
21
43
  this.sectionId = "";
44
+ this.appendSelector = undefined;
45
+ this.xOffset = undefined;
46
+ this.yOffset = undefined;
22
47
  }
23
48
  scrollToSection(e) {
24
49
  e.preventDefault();
@@ -79,6 +104,57 @@ export class PtcNavSkipToContent {
79
104
  "attribute": "section-id",
80
105
  "reflect": false,
81
106
  "defaultValue": "\"\""
107
+ },
108
+ "appendSelector": {
109
+ "type": "string",
110
+ "mutable": false,
111
+ "complexType": {
112
+ "original": "string",
113
+ "resolved": "string",
114
+ "references": {}
115
+ },
116
+ "required": false,
117
+ "optional": false,
118
+ "docs": {
119
+ "tags": [],
120
+ "text": ""
121
+ },
122
+ "attribute": "append-selector",
123
+ "reflect": false
124
+ },
125
+ "xOffset": {
126
+ "type": "number",
127
+ "mutable": false,
128
+ "complexType": {
129
+ "original": "number",
130
+ "resolved": "number",
131
+ "references": {}
132
+ },
133
+ "required": false,
134
+ "optional": false,
135
+ "docs": {
136
+ "tags": [],
137
+ "text": ""
138
+ },
139
+ "attribute": "x-offset",
140
+ "reflect": false
141
+ },
142
+ "yOffset": {
143
+ "type": "number",
144
+ "mutable": false,
145
+ "complexType": {
146
+ "original": "number",
147
+ "resolved": "number",
148
+ "references": {}
149
+ },
150
+ "required": false,
151
+ "optional": false,
152
+ "docs": {
153
+ "tags": [],
154
+ "text": ""
155
+ },
156
+ "attribute": "y-offset",
157
+ "reflect": false
82
158
  }
83
159
  };
84
160
  }
@@ -104,9 +104,6 @@ p.main {
104
104
  p.primary-grey {
105
105
  color: var(--color-gray-10);
106
106
  }
107
- p.primary-green {
108
- color: var(--color-green-06);
109
- }
110
107
  p.gray-darker {
111
108
  color: var(--color-gray-11);
112
109
  }
@@ -185,8 +185,8 @@ export class PtcPara {
185
185
  "type": "string",
186
186
  "mutable": false,
187
187
  "complexType": {
188
- "original": "'primary-grey' | 'primary-green' | 'white' | 'gray-darker'",
189
- "resolved": "\"gray-darker\" | \"primary-green\" | \"primary-grey\" | \"white\"",
188
+ "original": "'primary-grey' | 'white' | 'gray-darker'",
189
+ "resolved": "\"gray-darker\" | \"primary-grey\" | \"white\"",
190
190
  "references": {}
191
191
  },
192
192
  "required": false,
@@ -5602,26 +5602,26 @@ a:focus-visible {
5602
5602
  border-radius: var(--ptc-border-radius-standard);
5603
5603
  }
5604
5604
 
5605
- .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 {
5605
+ .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 {
5606
5606
  color: var(--color-blue-04);
5607
5607
  margin: -2px;
5608
5608
  border: 2px solid transparent;
5609
5609
  }
5610
- .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 {
5610
+ .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 {
5611
5611
  color: var(--color-blue-06);
5612
5612
  }
5613
- .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 {
5613
+ .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 {
5614
5614
  transition: none;
5615
5615
  color: var(--color-blue-07);
5616
5616
  }
5617
- .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 {
5617
+ .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 {
5618
5618
  color: var(--color-blue-05);
5619
5619
  }
5620
- .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 {
5620
+ .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 {
5621
5621
  color: var(--color-gray-04) !important;
5622
5622
  cursor: not-allowed;
5623
5623
  }
5624
- .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 {
5624
+ .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 {
5625
5625
  border-radius: var(--ptc-border-radius-standard);
5626
5626
  border: 2px solid white;
5627
5627
  outline: 5px solid var(--keyboard-nav-outline);