@ptcwebops/ptcw-design 0.7.4 → 0.7.6

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 (282) hide show
  1. package/LICENSE +21 -21
  2. package/dist/cjs/dropdown-item.cjs.entry.js +10 -10
  3. package/dist/cjs/icon-asset.cjs.entry.js +54 -54
  4. package/dist/cjs/list-item.cjs.entry.js +19 -19
  5. package/dist/cjs/loader.cjs.js +1 -1
  6. package/dist/cjs/lottie-player.cjs.entry.js +354 -354
  7. package/dist/cjs/my-component.cjs.entry.js +12 -12
  8. package/dist/cjs/ptc-accordion-item.cjs.entry.js +97 -97
  9. package/dist/cjs/ptc-accordion.cjs.entry.js +38 -38
  10. package/dist/cjs/ptc-announcement.cjs.entry.js +63 -38
  11. package/dist/cjs/ptc-breadcrumb.cjs.entry.js +12 -12
  12. package/dist/cjs/ptc-button.cjs.entry.js +65 -65
  13. package/dist/cjs/ptc-card-bottom.cjs.entry.js +31 -31
  14. package/dist/cjs/ptc-card-content.cjs.entry.js +35 -35
  15. package/dist/cjs/ptc-card-plm.cjs.entry.js +16 -16
  16. package/dist/cjs/ptc-card_6.cjs.entry.js +535 -535
  17. package/dist/cjs/ptc-checkbox.cjs.entry.js +31 -31
  18. package/dist/cjs/ptc-collapse-list.cjs.entry.js +335 -335
  19. package/dist/cjs/ptc-container.cjs.entry.js +35 -35
  20. package/dist/cjs/ptc-dropdown.cjs.entry.js +64 -64
  21. package/dist/cjs/ptc-dynamic-card.cjs.entry.js +40 -40
  22. package/dist/cjs/ptc-ellipsis-dropdown.cjs.entry.js +37 -37
  23. package/dist/cjs/ptc-filter-tag.cjs.entry.js +56 -56
  24. package/dist/cjs/ptc-hero-footer-cta.cjs.entry.js +8 -8
  25. package/dist/cjs/ptc-hero.cjs.entry.js +18 -18
  26. package/dist/cjs/ptc-icon-list.cjs.entry.js +32 -32
  27. package/dist/cjs/ptc-icon-minimize.cjs.entry.js +35 -35
  28. package/dist/cjs/ptc-link.cjs.entry.js +42 -42
  29. package/dist/cjs/ptc-list.cjs.entry.js +50 -50
  30. package/dist/cjs/ptc-lottie.cjs.entry.js +12 -12
  31. package/dist/cjs/ptc-minimized-footer.cjs.entry.js +8 -8
  32. package/dist/cjs/ptc-minimized-header.cjs.entry.js +11 -11
  33. package/dist/cjs/ptc-mobile-select.cjs.entry.js +69 -69
  34. package/dist/cjs/ptc-modal.cjs.entry.js +155 -155
  35. package/dist/cjs/ptc-nav-item.cjs.entry.js +83 -83
  36. package/dist/cjs/ptc-nav.cjs.entry.js +8 -8
  37. package/dist/cjs/ptc-overlay.cjs.entry.js +20 -20
  38. package/dist/cjs/ptc-pagenation.cjs.entry.js +105 -105
  39. package/dist/cjs/ptc-previous-url.cjs.entry.js +8 -8
  40. package/dist/cjs/ptc-pricing-block.cjs.entry.js +15 -15
  41. package/dist/cjs/ptc-quote.cjs.entry.js +25 -25
  42. package/dist/cjs/ptc-readmore_2.cjs.entry.js +118 -0
  43. package/dist/cjs/ptc-responsive-wrapper.cjs.entry.js +54 -54
  44. package/dist/cjs/ptc-shopping-cart.cjs.entry.js +49 -49
  45. package/dist/cjs/ptc-social-share.cjs.entry.js +64 -64
  46. package/dist/cjs/ptc-span.cjs.entry.js +23 -23
  47. package/dist/cjs/ptc-svg-btn.cjs.entry.js +75 -75
  48. package/dist/cjs/ptc-tab-list.cjs.entry.js +122 -122
  49. package/dist/cjs/ptc-text-copy-with-background.cjs.entry.js +24 -24
  50. package/dist/cjs/ptc-title.cjs.entry.js +74 -74
  51. package/dist/cjs/ptc-two-column-media.cjs.entry.js +14 -14
  52. package/dist/cjs/ptcw-design.cjs.js +1 -1
  53. package/dist/cjs/tab-content.cjs.entry.js +26 -26
  54. package/dist/cjs/tab-header.cjs.entry.js +43 -43
  55. package/dist/cjs/{utils-2ac2a528.js → utils-5245e89c.js} +79 -79
  56. package/dist/collection/collection-manifest.json +2 -0
  57. package/dist/collection/components/dropdown-item/dropdown-item.js +56 -56
  58. package/dist/collection/components/icon-asset/icon-asset.css +4 -4
  59. package/dist/collection/components/icon-asset/icon-asset.js +217 -217
  60. package/dist/collection/components/icon-asset/media/brands.svg +1381 -1381
  61. package/dist/collection/components/icon-asset/media/designer.svg +379 -368
  62. package/dist/collection/components/icon-asset/media/regular.svg +463 -463
  63. package/dist/collection/components/icon-asset/media/solid.svg +3013 -3013
  64. package/dist/collection/components/icon-asset/media/svg-with-js.min.css +4 -4
  65. package/dist/collection/components/list-item/list-item.js +103 -103
  66. package/dist/collection/components/my-component/my-component.css +3 -3
  67. package/dist/collection/components/my-component/my-component.js +73 -73
  68. package/dist/collection/components/ptc-accordion/ptc-accordion-item/ptc-accordion-item.js +296 -296
  69. package/dist/collection/components/ptc-accordion/ptc-accordion.js +74 -74
  70. package/dist/collection/components/ptc-announcement/ptc-announcement.css +86 -80
  71. package/dist/collection/components/ptc-announcement/ptc-announcement.js +249 -210
  72. package/dist/collection/components/ptc-breadcrumb/ptc-breadcrumb.js +21 -21
  73. package/dist/collection/components/ptc-button/ptc-button.js +293 -293
  74. package/dist/collection/components/ptc-card/ptc-card.css +137 -69
  75. package/dist/collection/components/ptc-card/ptc-card.js +342 -342
  76. package/dist/collection/components/ptc-card-bottom/ptc-card-bottom.js +105 -105
  77. package/dist/collection/components/ptc-card-content/ptc-card-content.js +109 -109
  78. package/dist/collection/components/ptc-card-plm/ptc-card-plm.js +97 -97
  79. package/dist/collection/components/ptc-checkbox/ptc-checkbox.js +114 -114
  80. package/dist/collection/components/ptc-collapse-list/ptc-collapse-list.js +557 -557
  81. package/dist/collection/components/ptc-container/ptc-container.js +119 -119
  82. package/dist/collection/components/ptc-date/ptc-date.js +201 -201
  83. package/dist/collection/components/ptc-dropdown/ptc-dropdown.js +157 -157
  84. package/dist/collection/components/ptc-dynamic-card/ptc-dynamic-card.js +156 -156
  85. package/dist/collection/components/ptc-ellipsis-dropdown/ptc-ellipsis-dropdown.js +115 -115
  86. package/dist/collection/components/ptc-filter-tag/ptc-filter-tag.js +105 -105
  87. package/dist/collection/components/ptc-hero/ptc-hero.js +67 -67
  88. package/dist/collection/components/ptc-hero-footer-cta/ptc-hero-footer-cta.js +77 -77
  89. package/dist/collection/components/ptc-icon-list/ptc-icon-list.js +145 -145
  90. package/dist/collection/components/ptc-icon-minimize/ptc-icon-minimize.js +86 -86
  91. package/dist/collection/components/ptc-img/ptc-img.js +313 -313
  92. package/dist/collection/components/ptc-link/ptc-link.js +198 -198
  93. package/dist/collection/components/ptc-list/ptc-list.js +95 -95
  94. package/dist/collection/components/ptc-lottie/ptc-lottie.css +5 -5
  95. package/dist/collection/components/ptc-lottie/ptc-lottie.js +58 -58
  96. package/dist/collection/components/ptc-minimized-footer/ptc-minimized-footer.js +17 -17
  97. package/dist/collection/components/ptc-minimized-header/ptc-minimized-header.js +80 -80
  98. package/dist/collection/components/ptc-mobile-select/ptc-mobile-select.js +221 -221
  99. package/dist/collection/components/ptc-modal/ptc-modal.js +359 -359
  100. package/dist/collection/components/ptc-nav/ptc-nav.js +21 -21
  101. package/dist/collection/components/ptc-nav-item/ptc-nav-item.js +252 -252
  102. package/dist/collection/components/ptc-overlay/ptc-overlay.js +99 -99
  103. package/dist/collection/components/ptc-pagenation/ptc-pagenation.css +10 -2
  104. package/dist/collection/components/ptc-pagenation/ptc-pagenation.js +317 -317
  105. package/dist/collection/components/ptc-para/ptc-para.js +195 -195
  106. package/dist/collection/components/ptc-picture/ptc-picture.js +473 -473
  107. package/dist/collection/components/ptc-previous-url/ptc-previous-url.js +54 -54
  108. package/dist/collection/components/ptc-pricing-block/ptc-pricing-block.js +45 -45
  109. package/dist/collection/components/ptc-quote/ptc-quote.js +154 -154
  110. package/dist/collection/components/ptc-readmore/ptc-readmore.css +66 -0
  111. package/dist/collection/components/ptc-readmore/ptc-readmore.js +139 -0
  112. package/dist/collection/components/ptc-responsive-wrapper/ptc-responsive-wrapper.css +3 -3
  113. package/dist/collection/components/ptc-responsive-wrapper/ptc-responsive-wrapper.js +62 -62
  114. package/dist/collection/components/ptc-shopping-cart/ptc-shopping-cart.js +91 -91
  115. package/dist/collection/components/ptc-social-share/ptc-social-share.js +206 -206
  116. package/dist/collection/components/ptc-spacer/ptc-spacer.css +322 -322
  117. package/dist/collection/components/ptc-spacer/ptc-spacer.js +99 -99
  118. package/dist/collection/components/ptc-span/ptc-span.js +89 -89
  119. package/dist/collection/components/ptc-svg-btn/ptc-svg-btn.js +71 -71
  120. package/dist/collection/components/ptc-tab-list/ptc-tab-list.js +149 -149
  121. package/dist/collection/components/ptc-text-copy-with-background/ptc-text-copy-with-background.js +129 -129
  122. package/dist/collection/components/ptc-title/ptc-title.css +1 -1
  123. package/dist/collection/components/ptc-title/ptc-title.js +297 -297
  124. package/dist/collection/components/ptc-tooltip/ptc-tooltip.css +112 -0
  125. package/dist/collection/components/ptc-tooltip/ptc-tooltip.js +180 -0
  126. package/dist/collection/components/ptc-two-column-media/ptc-two-column-media.js +40 -40
  127. package/dist/collection/components/tab-content/tab-content.js +74 -74
  128. package/dist/collection/components/tab-header/tab-header.js +106 -106
  129. package/dist/collection/index.js +1 -1
  130. package/dist/collection/media/svg-imgs/Back-arrow.svg +11 -11
  131. package/dist/collection/media/svg-imgs/close.svg +10 -10
  132. package/dist/collection/media/svg-imgs/ptc-shopping-cart-black.svg +3 -3
  133. package/dist/collection/media/svg-imgs/ptc-shopping-cart-white.svg +3 -3
  134. package/dist/collection/media/svg-imgs/slider-arrow-left.svg +18 -18
  135. package/dist/collection/media/svg-imgs/slider-arrow-right.svg +18 -18
  136. package/dist/collection/media/svg-imgs/union.svg +3 -3
  137. package/dist/collection/utils/component.js +3 -3
  138. package/dist/collection/utils/interfaces.js +11 -11
  139. package/dist/collection/utils/utils.js +81 -81
  140. package/dist/custom-elements/index.d.ts +12 -0
  141. package/dist/custom-elements/index.js +3522 -3379
  142. package/dist/esm/dropdown-item.entry.js +10 -10
  143. package/dist/esm/icon-asset.entry.js +54 -54
  144. package/dist/esm/list-item.entry.js +19 -19
  145. package/dist/esm/loader.js +1 -1
  146. package/dist/esm/lottie-player.entry.js +354 -354
  147. package/dist/esm/my-component.entry.js +12 -12
  148. package/dist/esm/polyfills/core-js.js +0 -0
  149. package/dist/esm/polyfills/dom.js +0 -0
  150. package/dist/esm/polyfills/es5-html-element.js +0 -0
  151. package/dist/esm/polyfills/index.js +0 -0
  152. package/dist/esm/polyfills/system.js +0 -0
  153. package/dist/esm/ptc-accordion-item.entry.js +97 -97
  154. package/dist/esm/ptc-accordion.entry.js +38 -38
  155. package/dist/esm/ptc-announcement.entry.js +63 -38
  156. package/dist/esm/ptc-breadcrumb.entry.js +12 -12
  157. package/dist/esm/ptc-button.entry.js +65 -65
  158. package/dist/esm/ptc-card-bottom.entry.js +31 -31
  159. package/dist/esm/ptc-card-content.entry.js +35 -35
  160. package/dist/esm/ptc-card-plm.entry.js +16 -16
  161. package/dist/esm/ptc-card_6.entry.js +535 -535
  162. package/dist/esm/ptc-checkbox.entry.js +31 -31
  163. package/dist/esm/ptc-collapse-list.entry.js +335 -335
  164. package/dist/esm/ptc-container.entry.js +35 -35
  165. package/dist/esm/ptc-dropdown.entry.js +64 -64
  166. package/dist/esm/ptc-dynamic-card.entry.js +40 -40
  167. package/dist/esm/ptc-ellipsis-dropdown.entry.js +37 -37
  168. package/dist/esm/ptc-filter-tag.entry.js +56 -56
  169. package/dist/esm/ptc-hero-footer-cta.entry.js +8 -8
  170. package/dist/esm/ptc-hero.entry.js +18 -18
  171. package/dist/esm/ptc-icon-list.entry.js +32 -32
  172. package/dist/esm/ptc-icon-minimize.entry.js +35 -35
  173. package/dist/esm/ptc-link.entry.js +42 -42
  174. package/dist/esm/ptc-list.entry.js +50 -50
  175. package/dist/esm/ptc-lottie.entry.js +12 -12
  176. package/dist/esm/ptc-minimized-footer.entry.js +8 -8
  177. package/dist/esm/ptc-minimized-header.entry.js +11 -11
  178. package/dist/esm/ptc-mobile-select.entry.js +69 -69
  179. package/dist/esm/ptc-modal.entry.js +155 -155
  180. package/dist/esm/ptc-nav-item.entry.js +83 -83
  181. package/dist/esm/ptc-nav.entry.js +8 -8
  182. package/dist/esm/ptc-overlay.entry.js +20 -20
  183. package/dist/esm/ptc-pagenation.entry.js +105 -105
  184. package/dist/esm/ptc-previous-url.entry.js +8 -8
  185. package/dist/esm/ptc-pricing-block.entry.js +15 -15
  186. package/dist/esm/ptc-quote.entry.js +25 -25
  187. package/dist/esm/ptc-readmore_2.entry.js +113 -0
  188. package/dist/esm/ptc-responsive-wrapper.entry.js +54 -54
  189. package/dist/esm/ptc-shopping-cart.entry.js +49 -49
  190. package/dist/esm/ptc-social-share.entry.js +64 -64
  191. package/dist/esm/ptc-span.entry.js +23 -23
  192. package/dist/esm/ptc-svg-btn.entry.js +75 -75
  193. package/dist/esm/ptc-tab-list.entry.js +122 -122
  194. package/dist/esm/ptc-text-copy-with-background.entry.js +24 -24
  195. package/dist/esm/ptc-title.entry.js +74 -74
  196. package/dist/esm/ptc-two-column-media.entry.js +14 -14
  197. package/dist/esm/ptcw-design.js +1 -1
  198. package/dist/esm/tab-content.entry.js +26 -26
  199. package/dist/esm/tab-header.entry.js +43 -43
  200. package/dist/esm/{utils-2dbb41dc.js → utils-646cc62f.js} +79 -79
  201. package/dist/ptcw-design/media/brands.svg +1381 -1381
  202. package/dist/ptcw-design/media/designer.svg +379 -368
  203. package/dist/ptcw-design/media/regular.svg +463 -463
  204. package/dist/ptcw-design/media/solid.svg +3013 -3013
  205. package/dist/ptcw-design/media/svg-with-js.min.css +4 -4
  206. package/dist/ptcw-design/p-1743d0ef.entry.js +1 -0
  207. package/dist/ptcw-design/{p-10f6d8ae.entry.js → p-2de688ba.entry.js} +1 -1
  208. package/dist/ptcw-design/p-2f6ecdf8.entry.js +1 -0
  209. package/dist/ptcw-design/p-3b87cd6f.entry.js +1 -0
  210. package/dist/ptcw-design/p-493b2571.entry.js +1 -0
  211. package/dist/ptcw-design/{p-bb4485e3.entry.js → p-87f9430f.entry.js} +1 -1
  212. package/dist/ptcw-design/p-8e2e81c8.entry.js +1 -0
  213. package/dist/ptcw-design/ptcw-design.esm.js +1 -1
  214. package/dist/types/components/dropdown-item/dropdown-item.d.ts +5 -5
  215. package/dist/types/components/icon-asset/icon-asset.d.ts +40 -40
  216. package/dist/types/components/list-item/list-item.d.ts +8 -8
  217. package/dist/types/components/my-component/my-component.d.ts +16 -16
  218. package/dist/types/components/ptc-accordion/ptc-accordion-item/ptc-accordion-item.d.ts +59 -59
  219. package/dist/types/components/ptc-accordion/ptc-accordion.d.ts +13 -13
  220. package/dist/types/components/ptc-announcement/ptc-announcement.d.ts +51 -43
  221. package/dist/types/components/ptc-breadcrumb/ptc-breadcrumb.d.ts +4 -4
  222. package/dist/types/components/ptc-button/ptc-button.d.ts +56 -56
  223. package/dist/types/components/ptc-card/ptc-card.d.ts +62 -62
  224. package/dist/types/components/ptc-card-bottom/ptc-card-bottom.d.ts +15 -15
  225. package/dist/types/components/ptc-card-content/ptc-card-content.d.ts +15 -15
  226. package/dist/types/components/ptc-card-plm/ptc-card-plm.d.ts +8 -8
  227. package/dist/types/components/ptc-checkbox/ptc-checkbox.d.ts +11 -11
  228. package/dist/types/components/ptc-collapse-list/ptc-collapse-list.d.ts +56 -56
  229. package/dist/types/components/ptc-container/ptc-container.d.ts +12 -12
  230. package/dist/types/components/ptc-date/ptc-date.d.ts +41 -41
  231. package/dist/types/components/ptc-dropdown/ptc-dropdown.d.ts +19 -19
  232. package/dist/types/components/ptc-dynamic-card/ptc-dynamic-card.d.ts +16 -16
  233. package/dist/types/components/ptc-ellipsis-dropdown/ptc-ellipsis-dropdown.d.ts +12 -12
  234. package/dist/types/components/ptc-filter-tag/ptc-filter-tag.d.ts +17 -17
  235. package/dist/types/components/ptc-hero/ptc-hero.d.ts +12 -12
  236. package/dist/types/components/ptc-hero-footer-cta/ptc-hero-footer-cta.d.ts +6 -6
  237. package/dist/types/components/ptc-icon-list/ptc-icon-list.d.ts +21 -21
  238. package/dist/types/components/ptc-icon-minimize/ptc-icon-minimize.d.ts +9 -9
  239. package/dist/types/components/ptc-img/ptc-img.d.ts +51 -51
  240. package/dist/types/components/ptc-link/ptc-link.d.ts +36 -36
  241. package/dist/types/components/ptc-list/ptc-list.d.ts +8 -8
  242. package/dist/types/components/ptc-lottie/ptc-lottie.d.ts +12 -12
  243. package/dist/types/components/ptc-minimized-footer/ptc-minimized-footer.d.ts +3 -3
  244. package/dist/types/components/ptc-minimized-header/ptc-minimized-header.d.ts +6 -6
  245. package/dist/types/components/ptc-mobile-select/ptc-mobile-select.d.ts +40 -40
  246. package/dist/types/components/ptc-modal/ptc-modal.d.ts +59 -59
  247. package/dist/types/components/ptc-nav/ptc-nav.d.ts +3 -3
  248. package/dist/types/components/ptc-nav-item/ptc-nav-item.d.ts +53 -53
  249. package/dist/types/components/ptc-overlay/ptc-overlay.d.ts +20 -20
  250. package/dist/types/components/ptc-pagenation/ptc-pagenation.d.ts +27 -27
  251. package/dist/types/components/ptc-para/ptc-para.d.ts +34 -34
  252. package/dist/types/components/ptc-picture/ptc-picture.d.ts +93 -93
  253. package/dist/types/components/ptc-previous-url/ptc-previous-url.d.ts +5 -5
  254. package/dist/types/components/ptc-pricing-block/ptc-pricing-block.d.ts +5 -5
  255. package/dist/types/components/ptc-quote/ptc-quote.d.ts +29 -29
  256. package/dist/types/components/ptc-readmore/ptc-readmore.d.ts +27 -0
  257. package/dist/types/components/ptc-responsive-wrapper/ptc-responsive-wrapper.d.ts +8 -8
  258. package/dist/types/components/ptc-shopping-cart/ptc-shopping-cart.d.ts +6 -6
  259. package/dist/types/components/ptc-social-share/ptc-social-share.d.ts +25 -25
  260. package/dist/types/components/ptc-spacer/ptc-spacer.d.ts +16 -16
  261. package/dist/types/components/ptc-span/ptc-span.d.ts +16 -16
  262. package/dist/types/components/ptc-svg-btn/ptc-svg-btn.d.ts +12 -12
  263. package/dist/types/components/ptc-tab-list/ptc-tab-list.d.ts +15 -15
  264. package/dist/types/components/ptc-text-copy-with-background/ptc-text-copy-with-background.d.ts +25 -25
  265. package/dist/types/components/ptc-title/ptc-title.d.ts +50 -50
  266. package/dist/types/components/ptc-tooltip/ptc-tooltip.d.ts +34 -0
  267. package/dist/types/components/ptc-two-column-media/ptc-two-column-media.d.ts +9 -9
  268. package/dist/types/components/tab-content/tab-content.d.ts +12 -12
  269. package/dist/types/components/tab-header/tab-header.d.ts +13 -13
  270. package/dist/types/components.d.ts +144 -38
  271. package/dist/types/global.d.ts +1072 -1072
  272. package/dist/types/index.d.ts +1 -1
  273. package/dist/types/utils/component.d.ts +1 -1
  274. package/dist/types/utils/interfaces.d.ts +31 -31
  275. package/dist/types/utils/utils.d.ts +4 -4
  276. package/package.json +60 -59
  277. package/readme.md +11 -11
  278. package/dist/ptcw-design/p-21a381bd.entry.js +0 -1
  279. package/dist/ptcw-design/p-7f044112.entry.js +0 -1
  280. package/dist/ptcw-design/p-b1bfc20f.entry.js +0 -1
  281. package/dist/ptcw-design/p-c26e343e.entry.js +0 -1
  282. /package/dist/ptcw-design/{p-5e98555a.js → p-e121ff2a.js} +0 -0
@@ -2,128 +2,128 @@ import { r as registerInstance, h, H as Host, g as getElement } from './index-5f
2
2
 
3
3
  const ptcTabListCss = "ptc-tab-list{display:block;position:relative}.tabs-header-container{width:100%;border-bottom:2px solid var(--color-gray-02);position:relative}.tabs-header{display:flex;padding-left:1.5rem;padding-right:1.5rem;transition:opacity ease-out 250ms;opacity:0;width:100%}.tabs-header.active{opacity:1}.tabs-content{padding:40px 28px 28px}.ellipsis-btn{position:absolute;top:var(--ptc-element-spacing-01);right:1rem;display:none}.ellipsis-btn.active{display:block}tab-header{margin-right:48px}";
4
4
 
5
- let PtcTabList = class {
6
- constructor(hostRef) {
7
- registerInstance(this, hostRef);
8
- }
9
- componentDidLoad() {
10
- this.createGroup();
11
- this.calculateHeaderTabsRendering();
12
- /*const [group] = this.tabGroup;
13
- this.selectGroup(group);*/
14
- }
15
- onSelectedTab(event) {
16
- let self = this;
17
- this.tabGroup.forEach(group => {
18
- event.detail.then(res => {
19
- if (group.header.name === res.name) {
20
- self.selectGroup(group);
21
- }
22
- });
23
- });
24
- }
25
- calculateHeaderTabsRendering() {
26
- let header = this.host.querySelector('.tabs-header');
27
- let dropdown = this.host.querySelector('.ellipsis-btn');
28
- let tabs = header.children;
29
- let activateDropDown = false;
30
- let hiddenTabs = [];
31
- header.classList.remove('active');
32
- for (let index = 0; index < tabs.length; index++) {
33
- tabs[index].style.removeProperty('display');
34
- }
35
- for (let index = tabs.length - 1; index >= 0; index--) {
36
- let tab = tabs[index];
37
- if (header.scrollWidth > header.clientWidth) {
38
- let isSelectedTab = tab.getAttribute('name') === this.selectedValue;
39
- if (!isSelectedTab) {
40
- tab.style.display = 'none';
41
- activateDropDown = true;
42
- hiddenTabs.push({
43
- value: tab.getAttribute('name'),
44
- text: tab.textContent,
45
- isSelected: isSelectedTab
46
- });
47
- }
48
- }
49
- }
50
- header.classList.add('active');
51
- if (activateDropDown) {
52
- dropdown.classList.add('active');
53
- dropdown.dataItems = hiddenTabs.reverse();
54
- }
55
- else {
56
- dropdown.classList.remove('active');
57
- dropdown.dataItems = [];
58
- }
59
- }
60
- createGroup() {
61
- let self = this;
62
- let headerComplete = false;
63
- let contentComplete = false;
64
- let headerCount = 0;
65
- let contentCount = 0;
66
- let headerData = [];
67
- let contentData = [];
68
- const tabsHeaderEl = Array.from(this.host.querySelectorAll('tab-header'));
69
- this.tabsHeader = tabsHeaderEl.map(el => el.getChild().then(res => {
70
- headerCount++;
71
- if (headerCount === tabsHeaderEl.length) {
72
- headerComplete = true;
73
- }
74
- headerData.push(res);
75
- }));
76
- this.tabsHeader = headerData;
77
- const tabsContentEl = Array.from(this.host.querySelectorAll('tab-content'));
78
- this.tabsContent = tabsContentEl.map(el => el.getChild().then(res => {
79
- contentCount++;
80
- if (contentCount === tabsContentEl.length) {
81
- contentComplete = true;
82
- }
83
- contentData.push(res);
84
- }));
85
- this.tabsContent = contentData;
86
- let myInterval = setInterval(() => {
87
- if (headerComplete && contentComplete) {
88
- clearInterval(myInterval);
89
- self.tabGroup = self.tabsHeader.map(header => {
90
- const content = self.tabsContent.find(content => content.name === header.name);
91
- return {
92
- header: header,
93
- content: content
94
- };
95
- });
96
- const group = self.tabGroup[0];
97
- self.selectGroup(group);
98
- }
99
- }, 100);
100
- }
101
- selectGroup(group) {
102
- let self = this;
103
- self.tabGroup.forEach(_ => {
104
- _.header.unselect();
105
- _.content.unselect();
106
- });
107
- group.header.select();
108
- group.content.select();
109
- self.selectedValue = group.header.name;
110
- this.calculateHeaderTabsRendering();
111
- }
112
- onDropdownItemSelected(selectedItem) {
113
- if (selectedItem) {
114
- let selectedTabGroub = this.tabGroup.find((group) => {
115
- return group.header.name == selectedItem.value;
116
- });
117
- if (selectedTabGroub) {
118
- this.selectGroup(selectedTabGroub);
119
- }
120
- }
121
- }
122
- render() {
123
- return (h(Host, null, h("div", { class: "tabs-header-container" }, h("div", { class: "tabs-header" }, h("slot", { name: "header" })), h("ptc-ellipsis-dropdown", { class: "ellipsis-btn", onItemSelected: (e) => { this.onDropdownItemSelected(e.detail); } })), h("div", { class: "tabs-content" }, h("slot", { name: "content" }))));
124
- }
125
- get host() { return getElement(this); }
126
- };
5
+ let PtcTabList = class {
6
+ constructor(hostRef) {
7
+ registerInstance(this, hostRef);
8
+ }
9
+ componentDidLoad() {
10
+ this.createGroup();
11
+ this.calculateHeaderTabsRendering();
12
+ /*const [group] = this.tabGroup;
13
+ this.selectGroup(group);*/
14
+ }
15
+ onSelectedTab(event) {
16
+ let self = this;
17
+ this.tabGroup.forEach(group => {
18
+ event.detail.then(res => {
19
+ if (group.header.name === res.name) {
20
+ self.selectGroup(group);
21
+ }
22
+ });
23
+ });
24
+ }
25
+ calculateHeaderTabsRendering() {
26
+ let header = this.host.querySelector('.tabs-header');
27
+ let dropdown = this.host.querySelector('.ellipsis-btn');
28
+ let tabs = header.children;
29
+ let activateDropDown = false;
30
+ let hiddenTabs = [];
31
+ header.classList.remove('active');
32
+ for (let index = 0; index < tabs.length; index++) {
33
+ tabs[index].style.removeProperty('display');
34
+ }
35
+ for (let index = tabs.length - 1; index >= 0; index--) {
36
+ let tab = tabs[index];
37
+ if (header.scrollWidth > header.clientWidth) {
38
+ let isSelectedTab = tab.getAttribute('name') === this.selectedValue;
39
+ if (!isSelectedTab) {
40
+ tab.style.display = 'none';
41
+ activateDropDown = true;
42
+ hiddenTabs.push({
43
+ value: tab.getAttribute('name'),
44
+ text: tab.textContent,
45
+ isSelected: isSelectedTab
46
+ });
47
+ }
48
+ }
49
+ }
50
+ header.classList.add('active');
51
+ if (activateDropDown) {
52
+ dropdown.classList.add('active');
53
+ dropdown.dataItems = hiddenTabs.reverse();
54
+ }
55
+ else {
56
+ dropdown.classList.remove('active');
57
+ dropdown.dataItems = [];
58
+ }
59
+ }
60
+ createGroup() {
61
+ let self = this;
62
+ let headerComplete = false;
63
+ let contentComplete = false;
64
+ let headerCount = 0;
65
+ let contentCount = 0;
66
+ let headerData = [];
67
+ let contentData = [];
68
+ const tabsHeaderEl = Array.from(this.host.querySelectorAll('tab-header'));
69
+ this.tabsHeader = tabsHeaderEl.map(el => el.getChild().then(res => {
70
+ headerCount++;
71
+ if (headerCount === tabsHeaderEl.length) {
72
+ headerComplete = true;
73
+ }
74
+ headerData.push(res);
75
+ }));
76
+ this.tabsHeader = headerData;
77
+ const tabsContentEl = Array.from(this.host.querySelectorAll('tab-content'));
78
+ this.tabsContent = tabsContentEl.map(el => el.getChild().then(res => {
79
+ contentCount++;
80
+ if (contentCount === tabsContentEl.length) {
81
+ contentComplete = true;
82
+ }
83
+ contentData.push(res);
84
+ }));
85
+ this.tabsContent = contentData;
86
+ let myInterval = setInterval(() => {
87
+ if (headerComplete && contentComplete) {
88
+ clearInterval(myInterval);
89
+ self.tabGroup = self.tabsHeader.map(header => {
90
+ const content = self.tabsContent.find(content => content.name === header.name);
91
+ return {
92
+ header: header,
93
+ content: content
94
+ };
95
+ });
96
+ const group = self.tabGroup[0];
97
+ self.selectGroup(group);
98
+ }
99
+ }, 100);
100
+ }
101
+ selectGroup(group) {
102
+ let self = this;
103
+ self.tabGroup.forEach(_ => {
104
+ _.header.unselect();
105
+ _.content.unselect();
106
+ });
107
+ group.header.select();
108
+ group.content.select();
109
+ self.selectedValue = group.header.name;
110
+ this.calculateHeaderTabsRendering();
111
+ }
112
+ onDropdownItemSelected(selectedItem) {
113
+ if (selectedItem) {
114
+ let selectedTabGroub = this.tabGroup.find((group) => {
115
+ return group.header.name == selectedItem.value;
116
+ });
117
+ if (selectedTabGroub) {
118
+ this.selectGroup(selectedTabGroub);
119
+ }
120
+ }
121
+ }
122
+ render() {
123
+ return (h(Host, null, h("div", { class: "tabs-header-container" }, h("div", { class: "tabs-header" }, h("slot", { name: "header" })), h("ptc-ellipsis-dropdown", { class: "ellipsis-btn", onItemSelected: (e) => { this.onDropdownItemSelected(e.detail); } })), h("div", { class: "tabs-content" }, h("slot", { name: "content" }))));
124
+ }
125
+ get host() { return getElement(this); }
126
+ };
127
127
  PtcTabList.style = ptcTabListCss;
128
128
 
129
129
  export { PtcTabList as ptc_tab_list };
@@ -2,30 +2,30 @@ import { r as registerInstance, h, H as Host } from './index-5ff11327.js';
2
2
 
3
3
  const ptcTextCopyWithBackgroundCss = ":host{display:block;position:relative;padding:var(--ptc-layout-spacing-05) var(--ptc-layout-spacing-01);color:var(--color-white)}@media only screen and (min-width: 768px){:host{padding:var(--ptc-layout-spacing-05) var(--ptc-layout-spacing-03)}}@media only screen and (min-width: 992px){:host{padding:var(--ptc-layout-spacing-06) 0}}@media only screen and (min-width: 1200px){:host{padding:var(--ptc-layout-spacing-06) var(--ptc-layout-spacing-03)}}:host .content-wrap{position:relative}:host .tcb-top-slit{fill:#f3f3f3;-webkit-transform:scaleX(-1);-ms-transform:scaleX(-1);transform:scale(1.5, -1);position:absolute;top:-1px;right:80px;z-index:99;display:none}@media only screen and (min-width: 992px){:host .tcb-top-slit{display:block}}:host .bg-img-filter{-webkit-filter:url(#blur);filter:url(#blur);-webkit-mask:-webkit-gradient(linear, left top, right top, color-stop(30%, var(--color-black)), to(rgba(0, 0, 0, 0)));-webkit-mask:linear-gradient(90deg, var(--color-black) 30%, rgba(0, 0, 0, 0));-webkit-filter:blur(7px)}:host .copy-bg-image{top:0;left:0;height:100%;width:100%;position:absolute;-o-object-fit:cover;object-fit:cover}@media only screen and (min-width: 992px){:host .copy-bg-image{display:block}}:host .copy-bg-overlay-layer{position:absolute;top:0;left:0;height:100%;width:100%;background:var(--color-black);opacity:0.55}@media only screen and (min-width: 1200px){:host(.hero-footer-cta){padding:calc(var(--ptc-layout-spacing-06) + var(--ptc-layout-spacing-03)) var(--ptc-layout-spacing-03)}}:host(.tab-cta-with-background){min-height:400px;padding:var(--ptc-layout-spacing-03) var(--ptc-layout-spacing-02)}@media only screen and (min-width: 1200px){:host(.tab-cta-with-background){padding:calc(var(--ptc-layout-spacing-06) + var(--ptc-layout-spacing-03)) var(--ptc-layout-spacing-05)}}:host(.tab-cta-with-background) .copy-bg-overlay-layer{background:initial;opacity:1;background-image:linear-gradient(180deg, #fff 30%, rgba(255, 255, 255, 0.9) 63%, rgba(176, 188, 194, 0) 95%)}@media only screen and (min-width: 992px){:host(.tab-cta-with-background) .copy-bg-overlay-layer{background-image:linear-gradient(90deg, rgba(255, 255, 255, 0.95) 43%, rgba(176, 188, 194, 0) 95%)}}";
4
4
 
5
- let PtcTextCopyWithBackground = class {
6
- constructor(hostRef) {
7
- registerInstance(this, hostRef);
8
- /**
9
- * Type
10
- * Specify Type, default is text-copy-with-background
11
- */
12
- this.type = 'text-copy-with-background';
13
- /**
14
- * (optional) isBackgroundBlur: If true,it will add background blur image effect
15
- */
16
- this.isBackgroundBlur = false;
17
- }
18
- render() {
19
- const classMap = this.getCssClassMap();
20
- return (h(Host, { class: classMap }, h("svg", { xmlns: "http://www.w3.org/2000/svg", class: "tcb-top-slit", width: "320.963", height: "28.179", viewBox: "0 0 320.963 28.179", style: { fill: this.topSlitBackgroundColor } }, h("path", { id: "Path_8770", d: "M737.02 463.856v27.8H416.057v.378h102.38l47.607-28.179z", class: "tcb-top-slit-cls-1", "data-name": "Path 8770", transform: "translate(-416.057 -463.856)" })), h("div", { class: "" }, h("img", { class: "copy-bg-image", alt: this.ImageAltText, src: this.backgroundImage }), this.isBackgroundBlur &&
21
- h("img", { class: "copy-bg-image bg-img-filter", alt: this.ImageAltText, src: this.backgroundImage })), h("div", { class: "copy-bg-overlay-layer" }), h("div", { class: "content-wrap" }, h("slot", null))));
22
- }
23
- getCssClassMap() {
24
- return {
25
- [this.type]: true
26
- };
27
- }
28
- };
5
+ let PtcTextCopyWithBackground = class {
6
+ constructor(hostRef) {
7
+ registerInstance(this, hostRef);
8
+ /**
9
+ * Type
10
+ * Specify Type, default is text-copy-with-background
11
+ */
12
+ this.type = 'text-copy-with-background';
13
+ /**
14
+ * (optional) isBackgroundBlur: If true,it will add background blur image effect
15
+ */
16
+ this.isBackgroundBlur = false;
17
+ }
18
+ render() {
19
+ const classMap = this.getCssClassMap();
20
+ return (h(Host, { class: classMap }, h("svg", { xmlns: "http://www.w3.org/2000/svg", class: "tcb-top-slit", width: "320.963", height: "28.179", viewBox: "0 0 320.963 28.179", style: { fill: this.topSlitBackgroundColor } }, h("path", { id: "Path_8770", d: "M737.02 463.856v27.8H416.057v.378h102.38l47.607-28.179z", class: "tcb-top-slit-cls-1", "data-name": "Path 8770", transform: "translate(-416.057 -463.856)" })), h("div", { class: "" }, h("img", { class: "copy-bg-image", alt: this.ImageAltText, src: this.backgroundImage }), this.isBackgroundBlur &&
21
+ h("img", { class: "copy-bg-image bg-img-filter", alt: this.ImageAltText, src: this.backgroundImage })), h("div", { class: "copy-bg-overlay-layer" }), h("div", { class: "content-wrap" }, h("slot", null))));
22
+ }
23
+ getCssClassMap() {
24
+ return {
25
+ [this.type]: true
26
+ };
27
+ }
28
+ };
29
29
  PtcTextCopyWithBackground.style = ptcTextCopyWithBackgroundCss;
30
30
 
31
31
  export { PtcTextCopyWithBackground as ptc_text_copy_with_background };
@@ -1,80 +1,80 @@
1
1
  import { r as registerInstance, h, H as Host } from './index-5ff11327.js';
2
2
 
3
- const ptcTitleCss = "div.center.sc-ptc-title{text-align:center}div.center.dotted.sc-ptc-title h1.sc-ptc-title::before,div.center.dotted.sc-ptc-title h2.sc-ptc-title::before,div.center.dotted.sc-ptc-title h3.sc-ptc-title::before,div.center.dotted.sc-ptc-title h4.sc-ptc-title::before,div.center.dotted.sc-ptc-title h5.sc-ptc-title::before,div.center.dotted.sc-ptc-title h6.sc-ptc-title::before{left:50%;transform:translateX(-50%)}div.left.sc-ptc-title{text-align:left}div.left.dotted.sc-ptc-title h1.sc-ptc-title::before,div.left.dotted.sc-ptc-title h2.sc-ptc-title::before,div.left.dotted.sc-ptc-title h3.sc-ptc-title::before,div.left.dotted.sc-ptc-title h4.sc-ptc-title::before,div.left.dotted.sc-ptc-title h5.sc-ptc-title::before,div.left.dotted.sc-ptc-title h6.sc-ptc-title::before{left:0%}div.right.sc-ptc-title{text-align:right}div.right.dotted.sc-ptc-title h1.sc-ptc-title::before,div.right.dotted.sc-ptc-title h2.sc-ptc-title::before,div.right.dotted.sc-ptc-title h3.sc-ptc-title::before,div.right.dotted.sc-ptc-title h4.sc-ptc-title::before,div.right.dotted.sc-ptc-title h5.sc-ptc-title::before,div.right.dotted.sc-ptc-title h6.sc-ptc-title::before{right:0%}div.inherit.sc-ptc-title{text-align:inherit}div.dotted.sc-ptc-title h1.sc-ptc-title::before,div.dotted.sc-ptc-title h2.sc-ptc-title::before,div.dotted.sc-ptc-title h3.sc-ptc-title::before,div.dotted.sc-ptc-title h4.sc-ptc-title::before,div.dotted.sc-ptc-title h5.sc-ptc-title::before,div.dotted.sc-ptc-title h6.sc-ptc-title::before{content:\"\";position:absolute;top:-6px;width:30%;display:block;border-top:3px dashed var(--color-green-07)}div.solid.sc-ptc-title h1.sc-ptc-title::before,div.solid.sc-ptc-title h2.sc-ptc-title::before,div.solid.sc-ptc-title h3.sc-ptc-title::before,div.solid.sc-ptc-title h4.sc-ptc-title::before,div.solid.sc-ptc-title h5.sc-ptc-title::before,div.solid.sc-ptc-title h6.sc-ptc-title::before{content:\"\";position:absolute;width:100%;height:0.7px;background-color:var(--color-gray-07);opacity:0.9;left:0px}div.solid.sc-ptc-title h1.sc-ptc-title::after,div.solid.sc-ptc-title h2.sc-ptc-title::after,div.solid.sc-ptc-title h3.sc-ptc-title::after,div.solid.sc-ptc-title h4.sc-ptc-title::after,div.solid.sc-ptc-title h5.sc-ptc-title::after,div.solid.sc-ptc-title h6.sc-ptc-title::after{content:\"\";position:absolute;width:20%;height:2px;background-color:var(--color-green-07);top:-2px;left:0px}div.is-standard.sc-ptc-title h1.sc-ptc-title,div.is-standard.sc-ptc-title h2.sc-ptc-title,div.is-standard.sc-ptc-title h3.sc-ptc-title,div.is-standard.sc-ptc-title h4.sc-ptc-title,div.is-standard.sc-ptc-title h5.sc-ptc-title,div.is-standard.sc-ptc-title h6.sc-ptc-title{display:inline-block;position:relative}div.is-standard.sc-ptc-title h1.sc-ptc-title{font-size:var(--ptc-font-size-xxxx-large);line-height:var(--ptc-line-height-densest);font-weight:var(--ptc-font-weight-extrabold);letter-spacing:0px;color:var(--color-gray-10)}div.is-standard.sc-ptc-title h2.sc-ptc-title{font-size:var(--ptc-font-size-x-large);line-height:var(--ptc-line-height-densest);font-weight:var(--ptc-font-weight-extrabold);color:var(--color-gray-10)}div.is-plm-hub.sc-ptc-title h1.sc-ptc-title,div.is-plm-hub.sc-ptc-title h2.sc-ptc-title,div.is-plm-hub.sc-ptc-title h3.sc-ptc-title,div.is-plm-hub.sc-ptc-title h4.sc-ptc-title,div.is-plm-hub.sc-ptc-title h5.sc-ptc-title,div.is-plm-hub.sc-ptc-title h6.sc-ptc-title{display:inline-block;position:relative;margin-block-start:0em;margin-block-end:0em;margin-inline-start:0px;margin-inline-end:0px;color:var(--color-white)}div.margin-flush.sc-ptc-title{margin-top:0;margin-bottom:0}div.margin-flush.sc-ptc-title h1.sc-ptc-title,div.margin-flush.sc-ptc-title h2.sc-ptc-title,div.margin-flush.sc-ptc-title h3.sc-ptc-title,div.margin-flush.sc-ptc-title h4.sc-ptc-title,div.margin-flush.sc-ptc-title h5.sc-ptc-title{margin-top:0;margin-bottom:0}div.margin-top-2.sc-ptc-title{margin-top:var(--ptc-element-spacing-02);margin-bottom:0}div.margin-top-3.sc-ptc-title{margin-top:var(--ptc-element-spacing-03);margin-bottom:0}div.margin-top-4.sc-ptc-title{margin-top:var(--ptc-element-spacing-04);margin-bottom:0}div.margin-top-5.sc-ptc-title{margin-top:var(--ptc-element-spacing-05);margin-bottom:0}div.margin-top-6.sc-ptc-title{margin-top:var(--ptc-element-spacing-06);margin-bottom:0}div.margin-bottom-2.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-02);margin-top:0}div.margin-bottom-3.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-03);margin-top:0}div.margin-bottom-4.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-04);margin-top:0}div.margin-bottom-5.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-05);margin-top:0}div.margin-bottom-6.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-06);margin-top:0}div.margin-2.sc-ptc-title{margin-top:var(--ptc-element-spacing-02);margin-bottom:var(--ptc-element-spacing-02)}div.margin-3.sc-ptc-title{margin-top:var(--ptc-element-spacing-03);margin-bottom:var(--ptc-element-spacing-03)}div.margin-4.sc-ptc-title{margin-top:var(--ptc-element-spacing-04);margin-bottom:var(--ptc-element-spacing-04)}div.margin-5.sc-ptc-title{margin-top:var(--ptc-element-spacing-05);margin-bottom:var(--ptc-element-spacing-05)}div.margin-5.sc-ptc-title h4.sc-ptc-title{margin-top:0;margin-bottom:0}div.margin-6.sc-ptc-title{margin-top:var(--ptc-element-spacing-06);margin-bottom:var(--ptc-element-spacing-06)}div.green.sc-ptc-title h1.sc-ptc-title,div.green.sc-ptc-title h2.sc-ptc-title,div.green.sc-ptc-title h3.sc-ptc-title,div.green.sc-ptc-title h4.sc-ptc-title,div.green.sc-ptc-title h5.sc-ptc-title,div.green.sc-ptc-title h6.sc-ptc-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-green-07)}div.blue.sc-ptc-title h1.sc-ptc-title,div.blue.sc-ptc-title h2.sc-ptc-title,div.blue.sc-ptc-title h3.sc-ptc-title,div.blue.sc-ptc-title h4.sc-ptc-title,div.blue.sc-ptc-title h5.sc-ptc-title,div.blue.sc-ptc-title h6.sc-ptc-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-blue-07)}div.red.sc-ptc-title h1.sc-ptc-title,div.red.sc-ptc-title h2.sc-ptc-title,div.red.sc-ptc-title h3.sc-ptc-title,div.red.sc-ptc-title h4.sc-ptc-title,div.red.sc-ptc-title h5.sc-ptc-title,div.red.sc-ptc-title h6.sc-ptc-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-red-07)}div.orange.sc-ptc-title h1.sc-ptc-title,div.orange.sc-ptc-title h2.sc-ptc-title,div.orange.sc-ptc-title h3.sc-ptc-title,div.orange.sc-ptc-title h4.sc-ptc-title,div.orange.sc-ptc-title h5.sc-ptc-title,div.orange.sc-ptc-title h6.sc-ptc-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-orange-07)}div.slate-grey.sc-ptc-title h1.sc-ptc-title,div.slate-grey.sc-ptc-title h2.sc-ptc-title,div.slate-grey.sc-ptc-title h3.sc-ptc-title,div.slate-grey.sc-ptc-title h4.sc-ptc-title,div.slate-grey.sc-ptc-title h5.sc-ptc-title,div.slate-grey.sc-ptc-title h6.sc-ptc-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-grey-07)}div.w-3.sc-ptc-title h1.sc-ptc-title,div.w-3.sc-ptc-title h2.sc-ptc-title,div.w-3.sc-ptc-title h3.sc-ptc-title,div.w-3.sc-ptc-title h4.sc-ptc-title,div.w-3.sc-ptc-title h5.sc-ptc-title,div.w-3.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-thin)}div.w-4.sc-ptc-title h1.sc-ptc-title,div.w-4.sc-ptc-title h2.sc-ptc-title,div.w-4.sc-ptc-title h3.sc-ptc-title,div.w-4.sc-ptc-title h4.sc-ptc-title,div.w-4.sc-ptc-title h5.sc-ptc-title,div.w-4.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-regular)}div.w-5.sc-ptc-title h1.sc-ptc-title,div.w-5.sc-ptc-title h2.sc-ptc-title,div.w-5.sc-ptc-title h3.sc-ptc-title,div.w-5.sc-ptc-title h4.sc-ptc-title,div.w-5.sc-ptc-title h5.sc-ptc-title,div.w-5.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-medium)}div.w-6.sc-ptc-title h1.sc-ptc-title,div.w-6.sc-ptc-title h2.sc-ptc-title,div.w-6.sc-ptc-title h3.sc-ptc-title,div.w-6.sc-ptc-title h4.sc-ptc-title,div.w-6.sc-ptc-title h5.sc-ptc-title,div.w-6.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-semibold)}div.w-7.sc-ptc-title h1.sc-ptc-title,div.w-7.sc-ptc-title h2.sc-ptc-title,div.w-7.sc-ptc-title h3.sc-ptc-title,div.w-7.sc-ptc-title h4.sc-ptc-title,div.w-7.sc-ptc-title h5.sc-ptc-title,div.w-7.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-bold)}div.w-8.sc-ptc-title h1.sc-ptc-title,div.w-8.sc-ptc-title h2.sc-ptc-title,div.w-8.sc-ptc-title h3.sc-ptc-title,div.w-8.sc-ptc-title h4.sc-ptc-title,div.w-8.sc-ptc-title h5.sc-ptc-title,div.w-8.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-extrabold)}div.w-9.sc-ptc-title h1.sc-ptc-title,div.w-9.sc-ptc-title h2.sc-ptc-title,div.w-9.sc-ptc-title h3.sc-ptc-title,div.w-9.sc-ptc-title h4.sc-ptc-title,div.w-9.sc-ptc-title h5.sc-ptc-title,div.w-9.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-black)}div.xx-small.sc-ptc-title h1.sc-ptc-title,div.xx-small.sc-ptc-title h2.sc-ptc-title,div.xx-small.sc-ptc-title h3.sc-ptc-title,div.xx-small.sc-ptc-title h4.sc-ptc-title,div.xx-small.sc-ptc-title h5.sc-ptc-title,div.xx-small.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xx-small)}div.x-small.sc-ptc-title h1.sc-ptc-title,div.x-small.sc-ptc-title h2.sc-ptc-title,div.x-small.sc-ptc-title h3.sc-ptc-title,div.x-small.sc-ptc-title h4.sc-ptc-title,div.x-small.sc-ptc-title h5.sc-ptc-title,div.x-small.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-x-small)}div.small.sc-ptc-title h1.sc-ptc-title,div.small.sc-ptc-title h2.sc-ptc-title,div.small.sc-ptc-title h3.sc-ptc-title,div.small.sc-ptc-title h4.sc-ptc-title,div.small.sc-ptc-title h5.sc-ptc-title,div.small.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-small)}div.medium.sc-ptc-title h1.sc-ptc-title,div.medium.sc-ptc-title h2.sc-ptc-title,div.medium.sc-ptc-title h3.sc-ptc-title,div.medium.sc-ptc-title h4.sc-ptc-title,div.medium.sc-ptc-title h5.sc-ptc-title,div.medium.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-medium)}div.large.sc-ptc-title h1.sc-ptc-title,div.large.sc-ptc-title h2.sc-ptc-title,div.large.sc-ptc-title h3.sc-ptc-title,div.large.sc-ptc-title h4.sc-ptc-title,div.large.sc-ptc-title h5.sc-ptc-title,div.large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-large)}div.x-large.sc-ptc-title h1.sc-ptc-title,div.x-large.sc-ptc-title h2.sc-ptc-title,div.x-large.sc-ptc-title h3.sc-ptc-title,div.x-large.sc-ptc-title h4.sc-ptc-title,div.x-large.sc-ptc-title h5.sc-ptc-title,div.x-large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-x-large)}div.xx-large.sc-ptc-title h1.sc-ptc-title,div.xx-large.sc-ptc-title h2.sc-ptc-title,div.xx-large.sc-ptc-title h3.sc-ptc-title,div.xx-large.sc-ptc-title h4.sc-ptc-title{font-size:var(--ptc-font-size-x-large)}@media only screen and (min-width: 768px){div.xx-large.sc-ptc-title h1.sc-ptc-title,div.xx-large.sc-ptc-title h2.sc-ptc-title,div.xx-large.sc-ptc-title h3.sc-ptc-title,div.xx-large.sc-ptc-title h4.sc-ptc-title{font-size:var(--ptc-font-size-xx-large)}}div.xxx-large.sc-ptc-title h1.sc-ptc-title,div.xxx-large.sc-ptc-title h2.sc-ptc-title,div.xxx-large.sc-ptc-title h3.sc-ptc-title,div.xxx-large.sc-ptc-title h4.sc-ptc-title,div.xxx-large.sc-ptc-title h5.sc-ptc-title,div.xxx-large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xx-large)}@media only screen and (min-width: 768px){div.xxx-large.sc-ptc-title h1.sc-ptc-title,div.xxx-large.sc-ptc-title h2.sc-ptc-title,div.xxx-large.sc-ptc-title h3.sc-ptc-title,div.xxx-large.sc-ptc-title h4.sc-ptc-title,div.xxx-large.sc-ptc-title h5.sc-ptc-title,div.xxx-large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxx-large)}}div.xxxx-large.sc-ptc-title h1.sc-ptc-title,div.xxxx-large.sc-ptc-title h2.sc-ptc-title,div.xxxx-large.sc-ptc-title h3.sc-ptc-title,div.xxxx-large.sc-ptc-title h4.sc-ptc-title,div.xxxx-large.sc-ptc-title h5.sc-ptc-title,div.xxxx-large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxx-large)}@media only screen and (min-width: 768px){div.xxxx-large.sc-ptc-title h1.sc-ptc-title,div.xxxx-large.sc-ptc-title h2.sc-ptc-title,div.xxxx-large.sc-ptc-title h3.sc-ptc-title,div.xxxx-large.sc-ptc-title h4.sc-ptc-title,div.xxxx-large.sc-ptc-title h5.sc-ptc-title,div.xxxx-large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxxx-large)}}div.densest.sc-ptc-title h1.sc-ptc-title,div.densest.sc-ptc-title h2.sc-ptc-title,div.densest.sc-ptc-title h3.sc-ptc-title,div.densest.sc-ptc-title h4.sc-ptc-title,div.densest.sc-ptc-title h5.sc-ptc-title,div.densest.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-densest)}div.denser.sc-ptc-title h1.sc-ptc-title,div.denser.sc-ptc-title h2.sc-ptc-title,div.denser.sc-ptc-title h3.sc-ptc-title,div.denser.sc-ptc-title h4.sc-ptc-title,div.denser.sc-ptc-title h5.sc-ptc-title,div.denser.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-denser)}div.dense.sc-ptc-title h1.sc-ptc-title,div.dense.sc-ptc-title h2.sc-ptc-title,div.dense.sc-ptc-title h3.sc-ptc-title,div.dense.sc-ptc-title h4.sc-ptc-title,div.dense.sc-ptc-title h5.sc-ptc-title,div.dense.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-dense)}div.normal.sc-ptc-title h1.sc-ptc-title,div.normal.sc-ptc-title h2.sc-ptc-title,div.normal.sc-ptc-title h3.sc-ptc-title,div.normal.sc-ptc-title h4.sc-ptc-title,div.normal.sc-ptc-title h5.sc-ptc-title,div.normal.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-normal)}div.loose.sc-ptc-title h1.sc-ptc-title,div.loose.sc-ptc-title h2.sc-ptc-title,div.loose.sc-ptc-title h3.sc-ptc-title,div.loose.sc-ptc-title h4.sc-ptc-title,div.loose.sc-ptc-title h5.sc-ptc-title,div.loose.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-loose)}div.looser.sc-ptc-title h1.sc-ptc-title,div.looser.sc-ptc-title h2.sc-ptc-title,div.looser.sc-ptc-title h3.sc-ptc-title,div.looser.sc-ptc-title h4.sc-ptc-title,div.looser.sc-ptc-title h5.sc-ptc-title,div.looser.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-looser)}div.paragraph.sc-ptc-title h1.sc-ptc-title,div.paragraph.sc-ptc-title h2.sc-ptc-title,div.paragraph.sc-ptc-title h3.sc-ptc-title,div.paragraph.sc-ptc-title h4.sc-ptc-title,div.paragraph.sc-ptc-title h5.sc-ptc-title,div.paragraph.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-paragraph)}div.black.sc-ptc-title h1.sc-ptc-title,div.black.sc-ptc-title h2.sc-ptc-title,div.black.sc-ptc-title h3.sc-ptc-title,div.black.sc-ptc-title h4.sc-ptc-title,div.black.sc-ptc-title h5.sc-ptc-title,div.black.sc-ptc-title h6.sc-ptc-title{color:var(--color-black)}div.white.sc-ptc-title h1.sc-ptc-title,div.white.sc-ptc-title h2.sc-ptc-title,div.white.sc-ptc-title h3.sc-ptc-title,div.white.sc-ptc-title h4.sc-ptc-title,div.white.sc-ptc-title h5.sc-ptc-title,div.white.sc-ptc-title h6.sc-ptc-title{color:var(--color-white)}div.gray.sc-ptc-title h1.sc-ptc-title,div.gray.sc-ptc-title h2.sc-ptc-title,div.gray.sc-ptc-title h3.sc-ptc-title,div.gray.sc-ptc-title h4.sc-ptc-title,div.gray.sc-ptc-title h5.sc-ptc-title,div.gray.sc-ptc-title h6.sc-ptc-title{color:var(--color-gray-10)}div.ellipsis-boxing.sc-ptc-title h1.sc-ptc-title,div.ellipsis-boxing.sc-ptc-title h2.sc-ptc-title,div.ellipsis-boxing.sc-ptc-title h3.sc-ptc-title,div.ellipsis-boxing.sc-ptc-title h4.sc-ptc-title,div.ellipsis-boxing.sc-ptc-title h5.sc-ptc-title,div.ellipsis-boxing.sc-ptc-title h6.sc-ptc-title{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;overflow-wrap:break-word}";
3
+ const ptcTitleCss = "div.center.sc-ptc-title{text-align:center}div.center.dotted.sc-ptc-title h1.sc-ptc-title::before,div.center.dotted.sc-ptc-title h2.sc-ptc-title::before,div.center.dotted.sc-ptc-title h3.sc-ptc-title::before,div.center.dotted.sc-ptc-title h4.sc-ptc-title::before,div.center.dotted.sc-ptc-title h5.sc-ptc-title::before,div.center.dotted.sc-ptc-title h6.sc-ptc-title::before{left:50%;transform:translateX(-50%)}div.left.sc-ptc-title{text-align:left}div.left.dotted.sc-ptc-title h1.sc-ptc-title::before,div.left.dotted.sc-ptc-title h2.sc-ptc-title::before,div.left.dotted.sc-ptc-title h3.sc-ptc-title::before,div.left.dotted.sc-ptc-title h4.sc-ptc-title::before,div.left.dotted.sc-ptc-title h5.sc-ptc-title::before,div.left.dotted.sc-ptc-title h6.sc-ptc-title::before{left:0%}div.right.sc-ptc-title{text-align:right}div.right.dotted.sc-ptc-title h1.sc-ptc-title::before,div.right.dotted.sc-ptc-title h2.sc-ptc-title::before,div.right.dotted.sc-ptc-title h3.sc-ptc-title::before,div.right.dotted.sc-ptc-title h4.sc-ptc-title::before,div.right.dotted.sc-ptc-title h5.sc-ptc-title::before,div.right.dotted.sc-ptc-title h6.sc-ptc-title::before{right:0%}div.inherit.sc-ptc-title{text-align:inherit}div.dotted.sc-ptc-title h1.sc-ptc-title::before,div.dotted.sc-ptc-title h2.sc-ptc-title::before,div.dotted.sc-ptc-title h3.sc-ptc-title::before,div.dotted.sc-ptc-title h4.sc-ptc-title::before,div.dotted.sc-ptc-title h5.sc-ptc-title::before,div.dotted.sc-ptc-title h6.sc-ptc-title::before{content:\"\";position:absolute;top:-6px;width:30%;display:block;border-top:3px dashed var(--color-green-07)}div.solid.sc-ptc-title h1.sc-ptc-title::before,div.solid.sc-ptc-title h2.sc-ptc-title::before,div.solid.sc-ptc-title h3.sc-ptc-title::before,div.solid.sc-ptc-title h4.sc-ptc-title::before,div.solid.sc-ptc-title h5.sc-ptc-title::before,div.solid.sc-ptc-title h6.sc-ptc-title::before{content:\"\";position:absolute;width:100%;height:0.7px;background-color:var(--color-gray-07);opacity:0.9;left:0px}div.solid.sc-ptc-title h1.sc-ptc-title::after,div.solid.sc-ptc-title h2.sc-ptc-title::after,div.solid.sc-ptc-title h3.sc-ptc-title::after,div.solid.sc-ptc-title h4.sc-ptc-title::after,div.solid.sc-ptc-title h5.sc-ptc-title::after,div.solid.sc-ptc-title h6.sc-ptc-title::after{content:\"\";position:absolute;width:20%;height:2px;background-color:var(--color-green-07);top:-2px;left:0px}div.is-standard.sc-ptc-title h1.sc-ptc-title,div.is-standard.sc-ptc-title h2.sc-ptc-title,div.is-standard.sc-ptc-title h3.sc-ptc-title,div.is-standard.sc-ptc-title h4.sc-ptc-title,div.is-standard.sc-ptc-title h5.sc-ptc-title,div.is-standard.sc-ptc-title h6.sc-ptc-title{display:inline-block;position:relative}div.is-standard.sc-ptc-title h1.sc-ptc-title{font-size:var(--ptc-font-size-xxxx-large);line-height:var(--ptc-line-height-densest);font-weight:var(--ptc-font-weight-extrabold);letter-spacing:0px;color:var(--color-gray-10)}div.is-standard.sc-ptc-title h2.sc-ptc-title{font-size:var(--ptc-font-size-x-large);line-height:var(--ptc-line-height-densest);font-weight:var(--ptc-font-weight-extrabold);color:var(--color-gray-10)}div.is-plm-hub.sc-ptc-title h1.sc-ptc-title,div.is-plm-hub.sc-ptc-title h2.sc-ptc-title,div.is-plm-hub.sc-ptc-title h3.sc-ptc-title,div.is-plm-hub.sc-ptc-title h4.sc-ptc-title,div.is-plm-hub.sc-ptc-title h5.sc-ptc-title,div.is-plm-hub.sc-ptc-title h6.sc-ptc-title{display:inline-block;position:relative;margin-block-start:0em;margin-block-end:0em;margin-inline-start:0px;margin-inline-end:0px;color:var(--color-white) !important}div.margin-flush.sc-ptc-title{margin-top:0;margin-bottom:0}div.margin-flush.sc-ptc-title h1.sc-ptc-title,div.margin-flush.sc-ptc-title h2.sc-ptc-title,div.margin-flush.sc-ptc-title h3.sc-ptc-title,div.margin-flush.sc-ptc-title h4.sc-ptc-title,div.margin-flush.sc-ptc-title h5.sc-ptc-title{margin-top:0;margin-bottom:0}div.margin-top-2.sc-ptc-title{margin-top:var(--ptc-element-spacing-02);margin-bottom:0}div.margin-top-3.sc-ptc-title{margin-top:var(--ptc-element-spacing-03);margin-bottom:0}div.margin-top-4.sc-ptc-title{margin-top:var(--ptc-element-spacing-04);margin-bottom:0}div.margin-top-5.sc-ptc-title{margin-top:var(--ptc-element-spacing-05);margin-bottom:0}div.margin-top-6.sc-ptc-title{margin-top:var(--ptc-element-spacing-06);margin-bottom:0}div.margin-bottom-2.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-02);margin-top:0}div.margin-bottom-3.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-03);margin-top:0}div.margin-bottom-4.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-04);margin-top:0}div.margin-bottom-5.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-05);margin-top:0}div.margin-bottom-6.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-06);margin-top:0}div.margin-2.sc-ptc-title{margin-top:var(--ptc-element-spacing-02);margin-bottom:var(--ptc-element-spacing-02)}div.margin-3.sc-ptc-title{margin-top:var(--ptc-element-spacing-03);margin-bottom:var(--ptc-element-spacing-03)}div.margin-4.sc-ptc-title{margin-top:var(--ptc-element-spacing-04);margin-bottom:var(--ptc-element-spacing-04)}div.margin-5.sc-ptc-title{margin-top:var(--ptc-element-spacing-05);margin-bottom:var(--ptc-element-spacing-05)}div.margin-5.sc-ptc-title h4.sc-ptc-title{margin-top:0;margin-bottom:0}div.margin-6.sc-ptc-title{margin-top:var(--ptc-element-spacing-06);margin-bottom:var(--ptc-element-spacing-06)}div.green.sc-ptc-title h1.sc-ptc-title,div.green.sc-ptc-title h2.sc-ptc-title,div.green.sc-ptc-title h3.sc-ptc-title,div.green.sc-ptc-title h4.sc-ptc-title,div.green.sc-ptc-title h5.sc-ptc-title,div.green.sc-ptc-title h6.sc-ptc-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-green-07)}div.blue.sc-ptc-title h1.sc-ptc-title,div.blue.sc-ptc-title h2.sc-ptc-title,div.blue.sc-ptc-title h3.sc-ptc-title,div.blue.sc-ptc-title h4.sc-ptc-title,div.blue.sc-ptc-title h5.sc-ptc-title,div.blue.sc-ptc-title h6.sc-ptc-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-blue-07)}div.red.sc-ptc-title h1.sc-ptc-title,div.red.sc-ptc-title h2.sc-ptc-title,div.red.sc-ptc-title h3.sc-ptc-title,div.red.sc-ptc-title h4.sc-ptc-title,div.red.sc-ptc-title h5.sc-ptc-title,div.red.sc-ptc-title h6.sc-ptc-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-red-07)}div.orange.sc-ptc-title h1.sc-ptc-title,div.orange.sc-ptc-title h2.sc-ptc-title,div.orange.sc-ptc-title h3.sc-ptc-title,div.orange.sc-ptc-title h4.sc-ptc-title,div.orange.sc-ptc-title h5.sc-ptc-title,div.orange.sc-ptc-title h6.sc-ptc-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-orange-07)}div.slate-grey.sc-ptc-title h1.sc-ptc-title,div.slate-grey.sc-ptc-title h2.sc-ptc-title,div.slate-grey.sc-ptc-title h3.sc-ptc-title,div.slate-grey.sc-ptc-title h4.sc-ptc-title,div.slate-grey.sc-ptc-title h5.sc-ptc-title,div.slate-grey.sc-ptc-title h6.sc-ptc-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-grey-07)}div.w-3.sc-ptc-title h1.sc-ptc-title,div.w-3.sc-ptc-title h2.sc-ptc-title,div.w-3.sc-ptc-title h3.sc-ptc-title,div.w-3.sc-ptc-title h4.sc-ptc-title,div.w-3.sc-ptc-title h5.sc-ptc-title,div.w-3.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-thin)}div.w-4.sc-ptc-title h1.sc-ptc-title,div.w-4.sc-ptc-title h2.sc-ptc-title,div.w-4.sc-ptc-title h3.sc-ptc-title,div.w-4.sc-ptc-title h4.sc-ptc-title,div.w-4.sc-ptc-title h5.sc-ptc-title,div.w-4.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-regular)}div.w-5.sc-ptc-title h1.sc-ptc-title,div.w-5.sc-ptc-title h2.sc-ptc-title,div.w-5.sc-ptc-title h3.sc-ptc-title,div.w-5.sc-ptc-title h4.sc-ptc-title,div.w-5.sc-ptc-title h5.sc-ptc-title,div.w-5.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-medium)}div.w-6.sc-ptc-title h1.sc-ptc-title,div.w-6.sc-ptc-title h2.sc-ptc-title,div.w-6.sc-ptc-title h3.sc-ptc-title,div.w-6.sc-ptc-title h4.sc-ptc-title,div.w-6.sc-ptc-title h5.sc-ptc-title,div.w-6.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-semibold)}div.w-7.sc-ptc-title h1.sc-ptc-title,div.w-7.sc-ptc-title h2.sc-ptc-title,div.w-7.sc-ptc-title h3.sc-ptc-title,div.w-7.sc-ptc-title h4.sc-ptc-title,div.w-7.sc-ptc-title h5.sc-ptc-title,div.w-7.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-bold)}div.w-8.sc-ptc-title h1.sc-ptc-title,div.w-8.sc-ptc-title h2.sc-ptc-title,div.w-8.sc-ptc-title h3.sc-ptc-title,div.w-8.sc-ptc-title h4.sc-ptc-title,div.w-8.sc-ptc-title h5.sc-ptc-title,div.w-8.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-extrabold)}div.w-9.sc-ptc-title h1.sc-ptc-title,div.w-9.sc-ptc-title h2.sc-ptc-title,div.w-9.sc-ptc-title h3.sc-ptc-title,div.w-9.sc-ptc-title h4.sc-ptc-title,div.w-9.sc-ptc-title h5.sc-ptc-title,div.w-9.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-black)}div.xx-small.sc-ptc-title h1.sc-ptc-title,div.xx-small.sc-ptc-title h2.sc-ptc-title,div.xx-small.sc-ptc-title h3.sc-ptc-title,div.xx-small.sc-ptc-title h4.sc-ptc-title,div.xx-small.sc-ptc-title h5.sc-ptc-title,div.xx-small.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xx-small)}div.x-small.sc-ptc-title h1.sc-ptc-title,div.x-small.sc-ptc-title h2.sc-ptc-title,div.x-small.sc-ptc-title h3.sc-ptc-title,div.x-small.sc-ptc-title h4.sc-ptc-title,div.x-small.sc-ptc-title h5.sc-ptc-title,div.x-small.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-x-small)}div.small.sc-ptc-title h1.sc-ptc-title,div.small.sc-ptc-title h2.sc-ptc-title,div.small.sc-ptc-title h3.sc-ptc-title,div.small.sc-ptc-title h4.sc-ptc-title,div.small.sc-ptc-title h5.sc-ptc-title,div.small.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-small)}div.medium.sc-ptc-title h1.sc-ptc-title,div.medium.sc-ptc-title h2.sc-ptc-title,div.medium.sc-ptc-title h3.sc-ptc-title,div.medium.sc-ptc-title h4.sc-ptc-title,div.medium.sc-ptc-title h5.sc-ptc-title,div.medium.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-medium)}div.large.sc-ptc-title h1.sc-ptc-title,div.large.sc-ptc-title h2.sc-ptc-title,div.large.sc-ptc-title h3.sc-ptc-title,div.large.sc-ptc-title h4.sc-ptc-title,div.large.sc-ptc-title h5.sc-ptc-title,div.large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-large)}div.x-large.sc-ptc-title h1.sc-ptc-title,div.x-large.sc-ptc-title h2.sc-ptc-title,div.x-large.sc-ptc-title h3.sc-ptc-title,div.x-large.sc-ptc-title h4.sc-ptc-title,div.x-large.sc-ptc-title h5.sc-ptc-title,div.x-large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-x-large)}div.xx-large.sc-ptc-title h1.sc-ptc-title,div.xx-large.sc-ptc-title h2.sc-ptc-title,div.xx-large.sc-ptc-title h3.sc-ptc-title,div.xx-large.sc-ptc-title h4.sc-ptc-title{font-size:var(--ptc-font-size-x-large)}@media only screen and (min-width: 768px){div.xx-large.sc-ptc-title h1.sc-ptc-title,div.xx-large.sc-ptc-title h2.sc-ptc-title,div.xx-large.sc-ptc-title h3.sc-ptc-title,div.xx-large.sc-ptc-title h4.sc-ptc-title{font-size:var(--ptc-font-size-xx-large)}}div.xxx-large.sc-ptc-title h1.sc-ptc-title,div.xxx-large.sc-ptc-title h2.sc-ptc-title,div.xxx-large.sc-ptc-title h3.sc-ptc-title,div.xxx-large.sc-ptc-title h4.sc-ptc-title,div.xxx-large.sc-ptc-title h5.sc-ptc-title,div.xxx-large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xx-large)}@media only screen and (min-width: 768px){div.xxx-large.sc-ptc-title h1.sc-ptc-title,div.xxx-large.sc-ptc-title h2.sc-ptc-title,div.xxx-large.sc-ptc-title h3.sc-ptc-title,div.xxx-large.sc-ptc-title h4.sc-ptc-title,div.xxx-large.sc-ptc-title h5.sc-ptc-title,div.xxx-large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxx-large)}}div.xxxx-large.sc-ptc-title h1.sc-ptc-title,div.xxxx-large.sc-ptc-title h2.sc-ptc-title,div.xxxx-large.sc-ptc-title h3.sc-ptc-title,div.xxxx-large.sc-ptc-title h4.sc-ptc-title,div.xxxx-large.sc-ptc-title h5.sc-ptc-title,div.xxxx-large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxx-large)}@media only screen and (min-width: 768px){div.xxxx-large.sc-ptc-title h1.sc-ptc-title,div.xxxx-large.sc-ptc-title h2.sc-ptc-title,div.xxxx-large.sc-ptc-title h3.sc-ptc-title,div.xxxx-large.sc-ptc-title h4.sc-ptc-title,div.xxxx-large.sc-ptc-title h5.sc-ptc-title,div.xxxx-large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxxx-large)}}div.densest.sc-ptc-title h1.sc-ptc-title,div.densest.sc-ptc-title h2.sc-ptc-title,div.densest.sc-ptc-title h3.sc-ptc-title,div.densest.sc-ptc-title h4.sc-ptc-title,div.densest.sc-ptc-title h5.sc-ptc-title,div.densest.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-densest)}div.denser.sc-ptc-title h1.sc-ptc-title,div.denser.sc-ptc-title h2.sc-ptc-title,div.denser.sc-ptc-title h3.sc-ptc-title,div.denser.sc-ptc-title h4.sc-ptc-title,div.denser.sc-ptc-title h5.sc-ptc-title,div.denser.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-denser)}div.dense.sc-ptc-title h1.sc-ptc-title,div.dense.sc-ptc-title h2.sc-ptc-title,div.dense.sc-ptc-title h3.sc-ptc-title,div.dense.sc-ptc-title h4.sc-ptc-title,div.dense.sc-ptc-title h5.sc-ptc-title,div.dense.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-dense)}div.normal.sc-ptc-title h1.sc-ptc-title,div.normal.sc-ptc-title h2.sc-ptc-title,div.normal.sc-ptc-title h3.sc-ptc-title,div.normal.sc-ptc-title h4.sc-ptc-title,div.normal.sc-ptc-title h5.sc-ptc-title,div.normal.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-normal)}div.loose.sc-ptc-title h1.sc-ptc-title,div.loose.sc-ptc-title h2.sc-ptc-title,div.loose.sc-ptc-title h3.sc-ptc-title,div.loose.sc-ptc-title h4.sc-ptc-title,div.loose.sc-ptc-title h5.sc-ptc-title,div.loose.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-loose)}div.looser.sc-ptc-title h1.sc-ptc-title,div.looser.sc-ptc-title h2.sc-ptc-title,div.looser.sc-ptc-title h3.sc-ptc-title,div.looser.sc-ptc-title h4.sc-ptc-title,div.looser.sc-ptc-title h5.sc-ptc-title,div.looser.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-looser)}div.paragraph.sc-ptc-title h1.sc-ptc-title,div.paragraph.sc-ptc-title h2.sc-ptc-title,div.paragraph.sc-ptc-title h3.sc-ptc-title,div.paragraph.sc-ptc-title h4.sc-ptc-title,div.paragraph.sc-ptc-title h5.sc-ptc-title,div.paragraph.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-paragraph)}div.black.sc-ptc-title h1.sc-ptc-title,div.black.sc-ptc-title h2.sc-ptc-title,div.black.sc-ptc-title h3.sc-ptc-title,div.black.sc-ptc-title h4.sc-ptc-title,div.black.sc-ptc-title h5.sc-ptc-title,div.black.sc-ptc-title h6.sc-ptc-title{color:var(--color-black)}div.white.sc-ptc-title h1.sc-ptc-title,div.white.sc-ptc-title h2.sc-ptc-title,div.white.sc-ptc-title h3.sc-ptc-title,div.white.sc-ptc-title h4.sc-ptc-title,div.white.sc-ptc-title h5.sc-ptc-title,div.white.sc-ptc-title h6.sc-ptc-title{color:var(--color-white)}div.gray.sc-ptc-title h1.sc-ptc-title,div.gray.sc-ptc-title h2.sc-ptc-title,div.gray.sc-ptc-title h3.sc-ptc-title,div.gray.sc-ptc-title h4.sc-ptc-title,div.gray.sc-ptc-title h5.sc-ptc-title,div.gray.sc-ptc-title h6.sc-ptc-title{color:var(--color-gray-10)}div.ellipsis-boxing.sc-ptc-title h1.sc-ptc-title,div.ellipsis-boxing.sc-ptc-title h2.sc-ptc-title,div.ellipsis-boxing.sc-ptc-title h3.sc-ptc-title,div.ellipsis-boxing.sc-ptc-title h4.sc-ptc-title,div.ellipsis-boxing.sc-ptc-title h5.sc-ptc-title,div.ellipsis-boxing.sc-ptc-title h6.sc-ptc-title{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;overflow-wrap:break-word}";
4
4
 
5
- let PtcTitle = class {
6
- constructor(hostRef) {
7
- registerInstance(this, hostRef);
8
- /**
9
- * Is this title using on the PLM Hub page
10
- */
11
- this.isPlmHub = false;
12
- /**
13
- * Title Tag Type
14
- */
15
- this.type = 'h2';
16
- /**
17
- * Upperline Style
18
- */
19
- this.upperline = 'dotted';
20
- /**
21
- * Title color
22
- */
23
- this.titleColor = 'gray';
24
- /**
25
- * Title line height
26
- */
27
- this.titleHeight = 'paragraph';
28
- }
29
- render() {
30
- const classMap = this.getCssClassMap();
31
- const cutOff = this.getLineCuttoff();
32
- let TagType;
33
- switch (this.type) {
34
- case 'h1':
35
- TagType = 'h1';
36
- break;
37
- case 'h3':
38
- TagType = 'h3';
39
- break;
40
- case 'h4':
41
- TagType = 'h4';
42
- break;
43
- case 'h5':
44
- TagType = 'h5';
45
- break;
46
- case 'h6':
47
- TagType = 'h6';
48
- break;
49
- default:
50
- TagType = 'h2';
51
- }
52
- return (h(Host, null, this.styles && h("style", null, this.styles), h("div", { class: classMap }, h(TagType, { style: cutOff }, h("slot", null)))));
53
- }
54
- getCssClassMap() {
55
- return {
56
- [this.textAlign]: !!this.textAlign ? true : false,
57
- [this.upperline]: true,
58
- [this.isPlmHub ? 'is-plm-hub' : 'is-standard']: true,
59
- [this.titleMargin]: !!this.titleMargin ? true : false,
60
- [this.titleShadow]: !!this.titleShadow ? true : false,
61
- [this.titleWeight]: !!this.titleWeight ? true : false,
62
- [this.titleSize]: !!this.titleSize ? true : false,
63
- [this.titleHeight]: !!this.titleHeight ? true : false,
64
- [this.titleColor]: !!this.titleColor ? true : false,
65
- ['ellipsis-boxing']: this.ellipsisLineCutoff && this.ellipsisLineCutoff > 0
66
- };
67
- }
68
- getLineCuttoff() {
69
- let result;
70
- if (this.ellipsisLineCutoff && this.ellipsisLineCutoff > 0) {
71
- result = {
72
- ['-webkit-line-clamp']: `${this.ellipsisLineCutoff}`
73
- };
74
- }
75
- return result;
76
- }
77
- };
5
+ let PtcTitle = class {
6
+ constructor(hostRef) {
7
+ registerInstance(this, hostRef);
8
+ /**
9
+ * Is this title using on the PLM Hub page
10
+ */
11
+ this.isPlmHub = false;
12
+ /**
13
+ * Title Tag Type
14
+ */
15
+ this.type = 'h2';
16
+ /**
17
+ * Upperline Style
18
+ */
19
+ this.upperline = 'dotted';
20
+ /**
21
+ * Title color
22
+ */
23
+ this.titleColor = 'gray';
24
+ /**
25
+ * Title line height
26
+ */
27
+ this.titleHeight = 'paragraph';
28
+ }
29
+ render() {
30
+ const classMap = this.getCssClassMap();
31
+ const cutOff = this.getLineCuttoff();
32
+ let TagType;
33
+ switch (this.type) {
34
+ case 'h1':
35
+ TagType = 'h1';
36
+ break;
37
+ case 'h3':
38
+ TagType = 'h3';
39
+ break;
40
+ case 'h4':
41
+ TagType = 'h4';
42
+ break;
43
+ case 'h5':
44
+ TagType = 'h5';
45
+ break;
46
+ case 'h6':
47
+ TagType = 'h6';
48
+ break;
49
+ default:
50
+ TagType = 'h2';
51
+ }
52
+ return (h(Host, null, this.styles && h("style", null, this.styles), h("div", { class: classMap }, h(TagType, { style: cutOff }, h("slot", null)))));
53
+ }
54
+ getCssClassMap() {
55
+ return {
56
+ [this.textAlign]: !!this.textAlign ? true : false,
57
+ [this.upperline]: true,
58
+ [this.isPlmHub ? 'is-plm-hub' : 'is-standard']: true,
59
+ [this.titleMargin]: !!this.titleMargin ? true : false,
60
+ [this.titleShadow]: !!this.titleShadow ? true : false,
61
+ [this.titleWeight]: !!this.titleWeight ? true : false,
62
+ [this.titleSize]: !!this.titleSize ? true : false,
63
+ [this.titleHeight]: !!this.titleHeight ? true : false,
64
+ [this.titleColor]: !!this.titleColor ? true : false,
65
+ ['ellipsis-boxing']: this.ellipsisLineCutoff && this.ellipsisLineCutoff > 0
66
+ };
67
+ }
68
+ getLineCuttoff() {
69
+ let result;
70
+ if (this.ellipsisLineCutoff && this.ellipsisLineCutoff > 0) {
71
+ result = {
72
+ ['-webkit-line-clamp']: `${this.ellipsisLineCutoff}`
73
+ };
74
+ }
75
+ return result;
76
+ }
77
+ };
78
78
  PtcTitle.style = ptcTitleCss;
79
79
 
80
80
  export { PtcTitle as ptc_title };
@@ -2,20 +2,20 @@ import { r as registerInstance, h, H as Host } from './index-5ff11327.js';
2
2
 
3
3
  const ptcTwoColumnMediaCss = ":host{display:block;padding:var(--ptc-layout-spacing-02) 0}@media only screen and (min-width: 992px){:host{padding:var(--ptc-layout-spacing-04) 0}}";
4
4
 
5
- let PtcTwoColumnMedia = class {
6
- constructor(hostRef) {
7
- registerInstance(this, hostRef);
8
- }
9
- render() {
10
- const classMap = this.getCssClassMap();
11
- return (h(Host, { class: classMap }, h("slot", null)));
12
- }
13
- getCssClassMap() {
14
- return {
15
- [this.componentType]: this.componentType ? true : false
16
- };
17
- }
18
- };
5
+ let PtcTwoColumnMedia = class {
6
+ constructor(hostRef) {
7
+ registerInstance(this, hostRef);
8
+ }
9
+ render() {
10
+ const classMap = this.getCssClassMap();
11
+ return (h(Host, { class: classMap }, h("slot", null)));
12
+ }
13
+ getCssClassMap() {
14
+ return {
15
+ [this.componentType]: this.componentType ? true : false
16
+ };
17
+ }
18
+ };
19
19
  PtcTwoColumnMedia.style = ptcTwoColumnMediaCss;
20
20
 
21
21
  export { PtcTwoColumnMedia as ptc_two_column_media };
@@ -13,5 +13,5 @@ const patchBrowser = () => {
13
13
  };
14
14
 
15
15
  patchBrowser().then(options => {
16
- return bootstrapLazy([["ptc-dynamic-card",[[1,"ptc-dynamic-card",{"cardType":[1,"card-type"],"cardTitle":[1,"card-title"],"cardImgSrc":[1,"card-img-src"],"cardImgAlt":[1,"card-img-alt"],"cardStatus":[32]},[[2,"click","handleClick"],[9,"resize","handleResize"]]]]],["ptc-tab-list",[[4,"ptc-tab-list",{"selectedValue":[32]},[[0,"tabClicked","onSelectedTab"],[9,"resize","calculateHeaderTabsRendering"]]]]],["ptc-breadcrumb",[[1,"ptc-breadcrumb"]]],["ptc-collapse-list",[[1,"ptc-collapse-list",{"listItems":[1040],"placeholderText":[1025,"placeholder-text"],"debounceUpdateDelay":[1026,"debounce-update-delay"],"data":[32],"searchText":[32],"header":[32],"selectedValue":[32],"selectedItems":[32],"hashMap":[32],"debouncedUpdatedEvent":[32],"refreshBuffer":[32],"removeSelectedItem":[64],"addSelectedItem":[64]}]]],["ptc-hero",[[1,"ptc-hero",{"heroType":[1,"hero-type"],"bgUrl":[1,"bg-url"]}]]],["ptc-previous-url",[[1,"ptc-previous-url",{"href":[1],"text":[1]}]]],["ptc-announcement",[[1,"ptc-announcement",{"barTitle":[1,"bar-title"],"Description":[1,"description"],"linkText":[513,"link-text"],"linkTitle":[513,"link-title"],"visible":[1540],"linkUrl":[513,"link-url"],"tempContainer":[4,"temp-container"],"target":[1]}]]],["ptc-checkbox",[[1,"ptc-checkbox",{"checked":[1025],"value":[1025],"inputName":[1,"input-name"]}]]],["ptc-dropdown",[[1,"ptc-dropdown",{"theme":[1],"label":[1],"listItems":[16],"toggle":[32],"selectedItem":[32]},[[4,"click","offClick"]]]]],["ptc-filter-tag",[[1,"ptc-filter-tag",{"theme":[1],"iconColorMap":[32]}]]],["ptc-icon-minimize",[[1,"ptc-icon-minimize",{"heading":[1025],"opened":[1028]}]]],["ptc-link",[[1,"ptc-link",{"disabled":[516],"external":[516],"href":[1],"target":[1],"linkTitle":[1,"link-title"],"theme":[1],"uppercase":[4],"fontSize":[1,"font-size"]}]]],["ptc-list",[[1,"ptc-list",{"listType":[1,"list-type"],"listItems":[16]}]]],["ptc-lottie",[[1,"ptc-lottie",{"jsonSrc":[1025,"json-src"],"speed":[1026]}]]],["ptc-mobile-select",[[0,"ptc-mobile-select",{"triggerName":[1,"trigger-name"],"selectedText":[1,"selected-text"],"wheelData":[1040],"selectedId":[1,"selected-id"],"ensureBtnText":[1,"ensure-btn-text"],"cancelBtnText":[1,"cancel-btn-text"],"listTitle":[1,"list-title"],"linkUrl":[1025,"link-url"]}]]],["ptc-quote",[[1,"ptc-quote",{"quoteType":[1025,"quote-type"],"quoteName":[1025,"quote-name"],"ctaText":[1,"cta-text"],"ctaUrl":[1,"cta-url"],"imgSrc":[1,"img-src"],"imgTitle":[1,"img-title"]}]]],["ptc-social-share",[[1,"ptc-social-share",{"display":[1],"shareType":[1,"share-type"],"shareTitle":[1,"share-title"],"text":[1],"url":[1],"source":[1],"recipient":[1],"isHover":[32]}]]],["my-component",[[1,"my-component",{"first":[1],"middle":[1],"last":[1]}]]],["ptc-accordion",[[1,"ptc-accordion",{"multiple":[4]},[[0,"opened","openHandler"]]]]],["ptc-accordion-item",[[1,"ptc-accordion-item",{"heading":[1],"headingTag":[1,"heading-tag"],"autoHeight":[4,"auto-height"],"active":[1540],"hasHeadingSlot":[32],"hasArrowSlot":[32],"toggle":[64],"close":[64],"open":[64]}]]],["ptc-card-bottom",[[1,"ptc-card-bottom",{"cardType":[1,"card-type"],"styles":[1]}]]],["ptc-card-plm",[[1,"ptc-card-plm",{"cardType":[1,"card-type"],"cardLink":[1,"card-link"],"linkTitle":[1,"link-title"],"linkTarget":[1,"link-target"]}]]],["ptc-container",[[1,"ptc-container",{"backgroundColor":[1,"background-color"],"elevation":[1],"containerType":[1,"container-type"],"spacing":[1]}]]],["ptc-hero-footer-cta",[[6,"ptc-hero-footer-cta",{"ctaTitle":[1,"cta-title"],"description":[1],"backgroundImage":[1,"background-image"]}]]],["ptc-icon-list",[[1,"ptc-icon-list",{"listType":[1,"list-type"],"valueWithUnit":[1,"value-with-unit"],"valueText":[1,"value-text"],"listContent":[1,"list-content"],"isLastItem":[4,"is-last-item"]}]]],["ptc-minimized-footer",[[1,"ptc-minimized-footer"]]],["ptc-minimized-header",[[1,"ptc-minimized-header",{"linkUrl":[513,"link-url"],"imgSrc":[513,"img-src"],"imgAlt":[513,"img-alt"]}]]],["ptc-modal",[[1,"ptc-modal",{"iframeUrl":[1025,"iframe-url"],"size":[1025],"show":[1028],"overlay":[1028],"fixed":[1028],"closeOnBlur":[1028,"close-on-blur"],"rounded":[1028],"showHeaderFooter":[1028,"show-header-footer"],"overlayHeight":[32],"bodyOverflowSetting":[32]}]]],["ptc-nav",[[1,"ptc-nav"]]],["ptc-nav-item",[[1,"ptc-nav-item",{"url":[1025],"label":[1025],"ariaExpanded":[1028,"aria-expanded"],"depth":[1538],"hasChildren":[1028,"has-children"],"parentExpanded":[1540,"parent-expanded"],"navType":[1,"nav-type"]},[[0,"handleClick","handleClick"],[9,"resize","handleResize"]]]]],["ptc-pagenation",[[1,"ptc-pagenation",{"totalCount":[2,"total-count"],"numberOfItems":[2,"number-of-items"],"previousValue":[1,"previous-value"],"lastValue":[1,"last-value"],"minPageNumber":[2,"min-page-number"],"maxPageNumber":[2,"max-page-number"],"clickedPageNumber":[2,"clicked-page-number"],"appendArray":[4,"append-array"],"prevArrowImg":[1,"prev-arrow-img"],"nextArrowImg":[1,"next-arrow-img"],"pageNumbers":[32]}]]],["ptc-pricing-block",[[1,"ptc-pricing-block",{"active":[1]}]]],["ptc-responsive-wrapper",[[1,"ptc-responsive-wrapper"]]],["ptc-shopping-cart",[[1,"ptc-shopping-cart",{"cartCount":[1,"cart-count"],"color":[1]}]]],["ptc-span",[[1,"ptc-span",{"spanStyle":[1,"span-style"],"display":[1],"styles":[1]}]]],["ptc-text-copy-with-background",[[1,"ptc-text-copy-with-background",{"type":[1],"backgroundImage":[1,"background-image"],"ImageAltText":[1,"image-alt-text"],"topSlitBackgroundColor":[1,"top-slit-background-color"],"isBackgroundBlur":[4,"is-background-blur"]}]]],["ptc-two-column-media",[[1,"ptc-two-column-media",{"componentType":[1,"component-type"]}]]],["tab-content",[[4,"tab-content",{"name":[1],"isSelected":[32],"getChild":[64]}]]],["tab-header",[[4,"tab-header",{"name":[1],"isSelected":[32],"getChild":[64]}]]],["ptc-ellipsis-dropdown",[[1,"ptc-ellipsis-dropdown",{"dataItems":[16],"selectedTab":[1,"selected-tab"],"isDropdownOpen":[32]},[[4,"click","offClick"]]]]],["lottie-player",[[1,"lottie-player",{"mode":[1],"autoplay":[4],"background":[513],"controls":[4],"count":[2],"direction":[2],"hover":[4],"loop":[516],"renderer":[1],"speed":[2],"src":[1],"currentState":[1,"current-state"],"seeker":[8],"intermission":[2],"play":[64],"pause":[64],"stop":[64],"seek":[64],"getLottie":[64],"setSpeed":[64],"setDirection":[64],"setLooping":[64],"togglePlay":[64],"toggleLooping":[64]}]]],["ptc-button",[[1,"ptc-button",{"disabled":[516],"type":[1],"color":[1],"iconAnimation":[1,"icon-animation"],"iconPosition":[1,"icon-position"],"linkHref":[1,"link-href"],"linkTitle":[1,"link-title"],"target":[1],"rel":[1],"tabNav":[2,"tab-nav"],"styles":[1]}]]],["ptc-card-content",[[1,"ptc-card-content",{"cardType":[1,"card-type"],"styles":[1]}]]],["ptc-title",[[6,"ptc-title",{"isPlmHub":[4,"is-plm-hub"],"type":[1],"textAlign":[1,"text-align"],"upperline":[1],"titleShadow":[1,"title-shadow"],"titleColor":[1,"title-color"],"titleMargin":[1,"title-margin"],"titleWeight":[1,"title-weight"],"titleSize":[1,"title-size"],"titleHeight":[1,"title-height"],"styles":[1],"ellipsisLineCutoff":[2,"ellipsis-line-cutoff"]}]]],["dropdown-item",[[4,"dropdown-item",{"linkHref":[1,"link-href"],"linkTarget":[1,"link-target"]}]]],["ptc-overlay",[[1,"ptc-overlay",{"filterColor":[1,"filter-color"],"borderRadius":[1,"border-radius"],"overlayZIndex":[1,"overlay-z-index"],"styles":[1]}]]],["ptc-svg-btn",[[1,"ptc-svg-btn",{"svgName":[1,"svg-name"],"display":[1]}]]],["list-item",[[1,"list-item",{"listType":[1,"list-type"],"linkHref":[1,"link-href"],"flushBefore":[4,"flush-before"],"linkTarget":[1,"link-target"]}]]],["ptc-card_6",[[1,"ptc-card",{"cardType":[1,"card-type"],"cardHref":[1,"card-href"],"target":[1],"rel":[1],"hasImage":[4,"has-image"],"hasVideo":[4,"has-video"],"hasLottie":[4,"has-lottie"],"heading":[1],"headingTransform":[1,"heading-transform"],"cardDate":[1,"card-date"],"styles":[1],"ribbonText":[1,"ribbon-text"],"eventType":[1,"event-type"],"cardLogo":[1,"card-logo"]}],[1,"ptc-para",{"fontSize":[1,"font-size"],"fontWeight":[1,"font-weight"],"paraStyle":[1,"para-style"],"paraColor":[1,"para-color"],"paraLineH":[1,"para-line-h"],"paraMargin":[1,"para-margin"],"ellipsisLineCutoff":[2,"ellipsis-line-cutoff"]}],[1,"ptc-spacer",{"breakpoint":[1],"size":[1],"direction":[1]}],[1,"ptc-date",{"year":[2],"month":[2],"day":[2],"country":[1],"dateString":[1,"date-string"],"dateColor":[1,"date-color"],"dateStyles":[1,"date-styles"],"dataSize":[1,"data-size"]}],[4,"ptc-img",{"sizeXs":[1025,"size-xs"],"sizeSm":[1025,"size-sm"],"sizeMd":[1025,"size-md"],"sizeLg":[1025,"size-lg"],"imgUrl":[1,"img-url"],"imageType":[1,"image-type"],"borderRadius":[1,"border-radius"],"loadMode":[1,"load-mode"]},[[9,"resize","WindowResize"]]],[1,"ptc-picture",{"src":[1],"alt":[1],"sizeXs":[1025,"size-xs"],"sizeSm":[1025,"size-sm"],"sizeMd":[1025,"size-md"],"sizeLg":[1025,"size-lg"],"imagePosition":[1,"image-position"],"borderRadius":[1,"border-radius"],"height":[1],"width":[1],"objectFit":[1,"object-fit"],"isFullHeight":[4,"is-full-height"],"isFullWidth":[4,"is-full-width"],"styles":[1],"imageAlignment":[1,"image-alignment"],"maxWidth":[1,"max-width"],"oldSrc":[32]},[[9,"resize","WindowResize"]]]]],["icon-asset",[[2,"icon-asset",{"name":[1],"size":[1],"type":[1],"spin":[1],"pulse":[1],"color":[1],"isMobileSelect":[4,"is-mobile-select"],"injectedStyle":[1,"injected-style"]}]]]], options);
16
+ return bootstrapLazy([["ptc-announcement",[[1,"ptc-announcement",{"barTitle":[1025,"bar-title"],"description":[1025],"linkText":[513,"link-text"],"linkTitle":[513,"link-title"],"visible":[1540],"linkUrl":[1537,"link-url"],"insideContainer":[4,"inside-container"],"target":[1025],"windowSize":[32]},[[9,"resize","handleResize"]]]]],["ptc-dynamic-card",[[1,"ptc-dynamic-card",{"cardType":[1,"card-type"],"cardTitle":[1,"card-title"],"cardImgSrc":[1,"card-img-src"],"cardImgAlt":[1,"card-img-alt"],"cardStatus":[32]},[[2,"click","handleClick"],[9,"resize","handleResize"]]]]],["ptc-tab-list",[[4,"ptc-tab-list",{"selectedValue":[32]},[[0,"tabClicked","onSelectedTab"],[9,"resize","calculateHeaderTabsRendering"]]]]],["ptc-breadcrumb",[[1,"ptc-breadcrumb"]]],["ptc-collapse-list",[[1,"ptc-collapse-list",{"listItems":[1040],"placeholderText":[1025,"placeholder-text"],"debounceUpdateDelay":[1026,"debounce-update-delay"],"data":[32],"searchText":[32],"header":[32],"selectedValue":[32],"selectedItems":[32],"hashMap":[32],"debouncedUpdatedEvent":[32],"refreshBuffer":[32],"removeSelectedItem":[64],"addSelectedItem":[64]}]]],["ptc-hero",[[1,"ptc-hero",{"heroType":[1,"hero-type"],"bgUrl":[1,"bg-url"]}]]],["ptc-previous-url",[[1,"ptc-previous-url",{"href":[1],"text":[1]}]]],["ptc-checkbox",[[1,"ptc-checkbox",{"checked":[1025],"value":[1025],"inputName":[1,"input-name"]}]]],["ptc-dropdown",[[1,"ptc-dropdown",{"theme":[1],"label":[1],"listItems":[16],"toggle":[32],"selectedItem":[32]},[[4,"click","offClick"]]]]],["ptc-filter-tag",[[1,"ptc-filter-tag",{"theme":[1],"iconColorMap":[32]}]]],["ptc-icon-minimize",[[1,"ptc-icon-minimize",{"heading":[1025],"opened":[1028]}]]],["ptc-link",[[1,"ptc-link",{"disabled":[516],"external":[516],"href":[1],"target":[1],"linkTitle":[1,"link-title"],"theme":[1],"uppercase":[4],"fontSize":[1,"font-size"]}]]],["ptc-list",[[1,"ptc-list",{"listType":[1,"list-type"],"listItems":[16]}]]],["ptc-lottie",[[1,"ptc-lottie",{"jsonSrc":[1025,"json-src"],"speed":[1026]}]]],["ptc-mobile-select",[[0,"ptc-mobile-select",{"triggerName":[1,"trigger-name"],"selectedText":[1,"selected-text"],"wheelData":[1040],"selectedId":[1,"selected-id"],"ensureBtnText":[1,"ensure-btn-text"],"cancelBtnText":[1,"cancel-btn-text"],"listTitle":[1,"list-title"],"linkUrl":[1025,"link-url"]}]]],["ptc-quote",[[1,"ptc-quote",{"quoteType":[1025,"quote-type"],"quoteName":[1025,"quote-name"],"ctaText":[1,"cta-text"],"ctaUrl":[1,"cta-url"],"imgSrc":[1,"img-src"],"imgTitle":[1,"img-title"]}]]],["ptc-social-share",[[1,"ptc-social-share",{"display":[1],"shareType":[1,"share-type"],"shareTitle":[1,"share-title"],"text":[1],"url":[1],"source":[1],"recipient":[1],"isHover":[32]}]]],["my-component",[[1,"my-component",{"first":[1],"middle":[1],"last":[1]}]]],["ptc-accordion",[[1,"ptc-accordion",{"multiple":[4]},[[0,"opened","openHandler"]]]]],["ptc-accordion-item",[[1,"ptc-accordion-item",{"heading":[1],"headingTag":[1,"heading-tag"],"autoHeight":[4,"auto-height"],"active":[1540],"hasHeadingSlot":[32],"hasArrowSlot":[32],"toggle":[64],"close":[64],"open":[64]}]]],["ptc-card-bottom",[[1,"ptc-card-bottom",{"cardType":[1,"card-type"],"styles":[1]}]]],["ptc-card-plm",[[1,"ptc-card-plm",{"cardType":[1,"card-type"],"cardLink":[1,"card-link"],"linkTitle":[1,"link-title"],"linkTarget":[1,"link-target"]}]]],["ptc-container",[[1,"ptc-container",{"backgroundColor":[1,"background-color"],"elevation":[1],"containerType":[1,"container-type"],"spacing":[1]}]]],["ptc-hero-footer-cta",[[6,"ptc-hero-footer-cta",{"ctaTitle":[1,"cta-title"],"description":[1],"backgroundImage":[1,"background-image"]}]]],["ptc-icon-list",[[1,"ptc-icon-list",{"listType":[1,"list-type"],"valueWithUnit":[1,"value-with-unit"],"valueText":[1,"value-text"],"listContent":[1,"list-content"],"isLastItem":[4,"is-last-item"]}]]],["ptc-minimized-footer",[[1,"ptc-minimized-footer"]]],["ptc-minimized-header",[[1,"ptc-minimized-header",{"linkUrl":[513,"link-url"],"imgSrc":[513,"img-src"],"imgAlt":[513,"img-alt"]}]]],["ptc-modal",[[1,"ptc-modal",{"iframeUrl":[1025,"iframe-url"],"size":[1025],"show":[1028],"overlay":[1028],"fixed":[1028],"closeOnBlur":[1028,"close-on-blur"],"rounded":[1028],"showHeaderFooter":[1028,"show-header-footer"],"overlayHeight":[32],"bodyOverflowSetting":[32]}]]],["ptc-nav",[[1,"ptc-nav"]]],["ptc-nav-item",[[1,"ptc-nav-item",{"url":[1025],"label":[1025],"ariaExpanded":[1028,"aria-expanded"],"depth":[1538],"hasChildren":[1028,"has-children"],"parentExpanded":[1540,"parent-expanded"],"navType":[1,"nav-type"]},[[0,"handleClick","handleClick"],[9,"resize","handleResize"]]]]],["ptc-pagenation",[[1,"ptc-pagenation",{"totalCount":[2,"total-count"],"numberOfItems":[2,"number-of-items"],"previousValue":[1,"previous-value"],"lastValue":[1,"last-value"],"minPageNumber":[2,"min-page-number"],"maxPageNumber":[2,"max-page-number"],"clickedPageNumber":[2,"clicked-page-number"],"appendArray":[4,"append-array"],"prevArrowImg":[1,"prev-arrow-img"],"nextArrowImg":[1,"next-arrow-img"],"pageNumbers":[32]}]]],["ptc-pricing-block",[[1,"ptc-pricing-block",{"active":[1]}]]],["ptc-responsive-wrapper",[[1,"ptc-responsive-wrapper"]]],["ptc-shopping-cart",[[1,"ptc-shopping-cart",{"cartCount":[1,"cart-count"],"color":[1]}]]],["ptc-span",[[1,"ptc-span",{"spanStyle":[1,"span-style"],"display":[1],"styles":[1]}]]],["ptc-text-copy-with-background",[[1,"ptc-text-copy-with-background",{"type":[1],"backgroundImage":[1,"background-image"],"ImageAltText":[1,"image-alt-text"],"topSlitBackgroundColor":[1,"top-slit-background-color"],"isBackgroundBlur":[4,"is-background-blur"]}]]],["ptc-two-column-media",[[1,"ptc-two-column-media",{"componentType":[1,"component-type"]}]]],["tab-content",[[4,"tab-content",{"name":[1],"isSelected":[32],"getChild":[64]}]]],["tab-header",[[4,"tab-header",{"name":[1],"isSelected":[32],"getChild":[64]}]]],["ptc-ellipsis-dropdown",[[1,"ptc-ellipsis-dropdown",{"dataItems":[16],"selectedTab":[1,"selected-tab"],"isDropdownOpen":[32]},[[4,"click","offClick"]]]]],["lottie-player",[[1,"lottie-player",{"mode":[1],"autoplay":[4],"background":[513],"controls":[4],"count":[2],"direction":[2],"hover":[4],"loop":[516],"renderer":[1],"speed":[2],"src":[1],"currentState":[1,"current-state"],"seeker":[8],"intermission":[2],"play":[64],"pause":[64],"stop":[64],"seek":[64],"getLottie":[64],"setSpeed":[64],"setDirection":[64],"setLooping":[64],"togglePlay":[64],"toggleLooping":[64]}]]],["ptc-button",[[1,"ptc-button",{"disabled":[516],"type":[1],"color":[1],"iconAnimation":[1,"icon-animation"],"iconPosition":[1,"icon-position"],"linkHref":[1,"link-href"],"linkTitle":[1,"link-title"],"target":[1],"rel":[1],"tabNav":[2,"tab-nav"],"styles":[1]}]]],["ptc-card-content",[[1,"ptc-card-content",{"cardType":[1,"card-type"],"styles":[1]}]]],["ptc-svg-btn",[[1,"ptc-svg-btn",{"svgName":[1,"svg-name"],"display":[1]}]]],["ptc-title",[[6,"ptc-title",{"isPlmHub":[4,"is-plm-hub"],"type":[1],"textAlign":[1,"text-align"],"upperline":[1],"titleShadow":[1,"title-shadow"],"titleColor":[1,"title-color"],"titleMargin":[1,"title-margin"],"titleWeight":[1,"title-weight"],"titleSize":[1,"title-size"],"titleHeight":[1,"title-height"],"styles":[1],"ellipsisLineCutoff":[2,"ellipsis-line-cutoff"]}]]],["ptc-readmore_2",[[1,"ptc-readmore",{"moreText":[1,"more-text"],"display":[1],"visibleLines":[1,"visible-lines"],"zIndex":[1,"z-index"]},[[9,"resize","addBtnTruncated"]]],[1,"ptc-tooltip",{"textDisplay":[1,"text-display"],"maxLength":[2,"max-length"],"description":[1],"zIndex":[1,"z-index"],"position":[1],"styles":[1]}]]],["dropdown-item",[[4,"dropdown-item",{"linkHref":[1,"link-href"],"linkTarget":[1,"link-target"]}]]],["ptc-overlay",[[1,"ptc-overlay",{"filterColor":[1,"filter-color"],"borderRadius":[1,"border-radius"],"overlayZIndex":[1,"overlay-z-index"],"styles":[1]}]]],["list-item",[[1,"list-item",{"listType":[1,"list-type"],"linkHref":[1,"link-href"],"flushBefore":[4,"flush-before"],"linkTarget":[1,"link-target"]}]]],["ptc-card_6",[[1,"ptc-card",{"cardType":[1,"card-type"],"cardHref":[1,"card-href"],"target":[1],"rel":[1],"hasImage":[4,"has-image"],"hasVideo":[4,"has-video"],"hasLottie":[4,"has-lottie"],"heading":[1],"headingTransform":[1,"heading-transform"],"cardDate":[1,"card-date"],"styles":[1],"ribbonText":[1,"ribbon-text"],"eventType":[1,"event-type"],"cardLogo":[1,"card-logo"]}],[1,"ptc-para",{"fontSize":[1,"font-size"],"fontWeight":[1,"font-weight"],"paraStyle":[1,"para-style"],"paraColor":[1,"para-color"],"paraLineH":[1,"para-line-h"],"paraMargin":[1,"para-margin"],"ellipsisLineCutoff":[2,"ellipsis-line-cutoff"]}],[1,"ptc-spacer",{"breakpoint":[1],"size":[1],"direction":[1]}],[1,"ptc-date",{"year":[2],"month":[2],"day":[2],"country":[1],"dateString":[1,"date-string"],"dateColor":[1,"date-color"],"dateStyles":[1,"date-styles"],"dataSize":[1,"data-size"]}],[4,"ptc-img",{"sizeXs":[1025,"size-xs"],"sizeSm":[1025,"size-sm"],"sizeMd":[1025,"size-md"],"sizeLg":[1025,"size-lg"],"imgUrl":[1,"img-url"],"imageType":[1,"image-type"],"borderRadius":[1,"border-radius"],"loadMode":[1,"load-mode"]},[[9,"resize","WindowResize"]]],[1,"ptc-picture",{"src":[1],"alt":[1],"sizeXs":[1025,"size-xs"],"sizeSm":[1025,"size-sm"],"sizeMd":[1025,"size-md"],"sizeLg":[1025,"size-lg"],"imagePosition":[1,"image-position"],"borderRadius":[1,"border-radius"],"height":[1],"width":[1],"objectFit":[1,"object-fit"],"isFullHeight":[4,"is-full-height"],"isFullWidth":[4,"is-full-width"],"styles":[1],"imageAlignment":[1,"image-alignment"],"maxWidth":[1,"max-width"],"oldSrc":[32]},[[9,"resize","WindowResize"]]]]],["icon-asset",[[2,"icon-asset",{"name":[1],"size":[1],"type":[1],"spin":[1],"pulse":[1],"color":[1],"isMobileSelect":[4,"is-mobile-select"],"injectedStyle":[1,"injected-style"]}]]]], options);
17
17
  });