@ptcwebops/ptcw-design 0.7.9 → 0.8.1

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 (305) 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 +42 -42
  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 +15 -15
  8. package/dist/cjs/ptc-accordion-item.cjs.entry.js +83 -83
  9. package/dist/cjs/ptc-accordion.cjs.entry.js +35 -35
  10. package/dist/cjs/ptc-announcement.cjs.entry.js +52 -52
  11. package/dist/cjs/ptc-breadcrumb.cjs.entry.js +12 -12
  12. package/dist/cjs/ptc-button.cjs.entry.js +35 -35
  13. package/dist/cjs/ptc-card-bottom.cjs.entry.js +36 -34
  14. package/dist/cjs/ptc-card-content.cjs.entry.js +40 -38
  15. package/dist/cjs/ptc-card-wrapper.cjs.entry.js +46 -0
  16. package/dist/cjs/ptc-card_6.cjs.entry.js +439 -427
  17. package/dist/cjs/ptc-checkbox.cjs.entry.js +33 -33
  18. package/dist/cjs/ptc-collapse-list.cjs.entry.js +346 -346
  19. package/dist/cjs/ptc-container.cjs.entry.js +32 -32
  20. package/dist/cjs/ptc-dropdown.cjs.entry.js +64 -64
  21. package/dist/cjs/ptc-dynamic-card.cjs.entry.js +47 -47
  22. package/dist/cjs/ptc-ellipsis-dropdown.cjs.entry.js +38 -38
  23. package/dist/cjs/ptc-filter-tag.cjs.entry.js +57 -57
  24. package/dist/cjs/ptc-hero-footer-cta.cjs.entry.js +11 -11
  25. package/dist/cjs/ptc-hero.cjs.entry.js +19 -17
  26. package/dist/cjs/ptc-icon-list.cjs.entry.js +20 -20
  27. package/dist/cjs/ptc-icon-minimize.cjs.entry.js +36 -36
  28. package/dist/cjs/ptc-link.cjs.entry.js +29 -27
  29. package/dist/cjs/ptc-list.cjs.entry.js +50 -50
  30. package/dist/cjs/ptc-lottie.cjs.entry.js +10 -10
  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 +53 -54
  34. package/dist/cjs/ptc-modal.cjs.entry.js +143 -137
  35. package/dist/cjs/ptc-overlay.cjs.entry.js +21 -21
  36. package/dist/cjs/ptc-pagenation.cjs.entry.js +105 -105
  37. package/dist/cjs/ptc-previous-url.cjs.entry.js +10 -10
  38. package/dist/cjs/ptc-pricing-block.cjs.entry.js +16 -16
  39. package/dist/cjs/ptc-quote.cjs.entry.js +23 -23
  40. package/dist/cjs/ptc-readmore_2.cjs.entry.js +59 -69
  41. package/dist/cjs/ptc-responsive-wrapper.cjs.entry.js +54 -54
  42. package/dist/cjs/ptc-shopping-cart.cjs.entry.js +50 -50
  43. package/dist/cjs/ptc-social-share.cjs.entry.js +59 -59
  44. package/dist/cjs/ptc-span.cjs.entry.js +18 -18
  45. package/dist/cjs/ptc-sticky-icons.cjs.entry.js +32 -32
  46. package/dist/cjs/ptc-svg-btn.cjs.entry.js +73 -73
  47. package/dist/cjs/ptc-tab-list.cjs.entry.js +125 -125
  48. package/dist/cjs/ptc-text-copy-with-background.cjs.entry.js +21 -21
  49. package/dist/cjs/ptc-title.cjs.entry.js +65 -65
  50. package/dist/cjs/ptc-two-column-media.cjs.entry.js +15 -15
  51. package/dist/cjs/ptcw-design.cjs.js +1 -1
  52. package/dist/cjs/tab-content.cjs.entry.js +27 -27
  53. package/dist/cjs/tab-header.cjs.entry.js +46 -46
  54. package/dist/cjs/{utils-2ac2a528.js → utils-5245e89c.js} +79 -79
  55. package/dist/collection/collection-manifest.json +1 -1
  56. package/dist/collection/components/dropdown-item/dropdown-item.js +61 -61
  57. package/dist/collection/components/icon-asset/icon-asset.css +4 -4
  58. package/dist/collection/components/icon-asset/icon-asset.js +199 -199
  59. package/dist/collection/components/icon-asset/media/brands.svg +1381 -1381
  60. package/dist/collection/components/icon-asset/media/designer.svg +379 -379
  61. package/dist/collection/components/icon-asset/media/regular.svg +463 -463
  62. package/dist/collection/components/icon-asset/media/solid.svg +3013 -3013
  63. package/dist/collection/components/icon-asset/media/svg-with-js.min.css +4 -4
  64. package/dist/collection/components/list-item/list-item.js +107 -107
  65. package/dist/collection/components/my-component/my-component.css +3 -3
  66. package/dist/collection/components/my-component/my-component.js +82 -82
  67. package/dist/collection/components/ptc-accordion/ptc-accordion-item/ptc-accordion-item.js +287 -287
  68. package/dist/collection/components/ptc-accordion/ptc-accordion.js +78 -78
  69. package/dist/collection/components/ptc-announcement/ptc-announcement.css +9 -1
  70. package/dist/collection/components/ptc-announcement/ptc-announcement.js +239 -239
  71. package/dist/collection/components/ptc-breadcrumb/ptc-breadcrumb.js +22 -22
  72. package/dist/collection/components/ptc-button/ptc-button.css +4 -4
  73. package/dist/collection/components/ptc-button/ptc-button.js +264 -264
  74. package/dist/collection/components/ptc-card/ptc-card.js +312 -312
  75. package/dist/collection/components/ptc-card-bottom/ptc-card-bottom.css +25 -0
  76. package/dist/collection/components/ptc-card-bottom/ptc-card-bottom.js +116 -114
  77. package/dist/collection/components/ptc-card-content/ptc-card-content.css +57 -0
  78. package/dist/collection/components/ptc-card-content/ptc-card-content.js +137 -118
  79. package/dist/collection/components/{ptc-card-plm/ptc-card-plm.css → ptc-card-wrapper/ptc-card-wrapper.css} +27 -0
  80. package/dist/collection/components/ptc-card-wrapper/ptc-card-wrapper.js +151 -0
  81. package/dist/collection/components/ptc-checkbox/ptc-checkbox.js +118 -118
  82. package/dist/collection/components/ptc-collapse-list/ptc-collapse-list.js +570 -570
  83. package/dist/collection/components/ptc-container/ptc-container.js +120 -120
  84. package/dist/collection/components/ptc-date/ptc-date.js +190 -190
  85. package/dist/collection/components/ptc-dropdown/ptc-dropdown.js +162 -162
  86. package/dist/collection/components/ptc-dynamic-card/media/nav-active-dotslick.svg +15 -15
  87. package/dist/collection/components/ptc-dynamic-card/ptc-dynamic-card.js +183 -183
  88. package/dist/collection/components/ptc-ellipsis-dropdown/ptc-ellipsis-dropdown.js +122 -122
  89. package/dist/collection/components/ptc-filter-tag/ptc-filter-tag.js +113 -113
  90. package/dist/collection/components/ptc-hero/ptc-hero.css +12 -0
  91. package/dist/collection/components/ptc-hero/ptc-hero.js +86 -67
  92. package/dist/collection/components/ptc-hero-footer-cta/ptc-hero-footer-cta.js +78 -78
  93. package/dist/collection/components/ptc-icon-list/ptc-icon-list.js +126 -126
  94. package/dist/collection/components/ptc-icon-minimize/ptc-icon-minimize.js +87 -87
  95. package/dist/collection/components/ptc-img/ptc-img.js +296 -296
  96. package/dist/collection/components/ptc-link/ptc-link.css +36 -0
  97. package/dist/collection/components/ptc-link/ptc-link.js +203 -184
  98. package/dist/collection/components/ptc-list/ptc-list.js +100 -100
  99. package/dist/collection/components/ptc-lottie/ptc-lottie.css +5 -5
  100. package/dist/collection/components/ptc-lottie/ptc-lottie.js +62 -62
  101. package/dist/collection/components/ptc-minimized-footer/ptc-minimized-footer.js +18 -18
  102. package/dist/collection/components/ptc-minimized-header/ptc-minimized-header.js +81 -81
  103. package/dist/collection/components/ptc-mobile-select/ptc-mobile-select.js +190 -209
  104. package/dist/collection/components/ptc-modal/ptc-modal.js +347 -341
  105. package/dist/collection/components/ptc-overlay/ptc-overlay.css +4 -0
  106. package/dist/collection/components/ptc-overlay/ptc-overlay.js +105 -105
  107. package/dist/collection/components/ptc-pagenation/ptc-pagenation.js +322 -322
  108. package/dist/collection/components/ptc-para/ptc-para.css +37 -0
  109. package/dist/collection/components/ptc-para/ptc-para.js +232 -186
  110. package/dist/collection/components/ptc-picture/ptc-picture.js +452 -452
  111. package/dist/collection/components/ptc-previous-url/ptc-previous-url.js +60 -60
  112. package/dist/collection/components/ptc-pricing-block/ptc-pricing-block.js +49 -49
  113. package/dist/collection/components/ptc-quote/ptc-quote.js +144 -144
  114. package/dist/collection/components/ptc-readmore/ptc-readmore.js +129 -129
  115. package/dist/collection/components/ptc-responsive-wrapper/ptc-responsive-wrapper.css +3 -3
  116. package/dist/collection/components/ptc-responsive-wrapper/ptc-responsive-wrapper.js +65 -65
  117. package/dist/collection/components/ptc-shopping-cart/ptc-shopping-cart.js +97 -97
  118. package/dist/collection/components/ptc-social-share/ptc-social-share.js +239 -239
  119. package/dist/collection/components/ptc-spacer/ptc-spacer.css +322 -322
  120. package/dist/collection/components/ptc-spacer/ptc-spacer.js +96 -96
  121. package/dist/collection/components/ptc-span/ptc-span.js +87 -87
  122. package/dist/collection/components/ptc-sticky-icons/ptc-sticky-icons.js +51 -51
  123. package/dist/collection/components/ptc-svg-btn/ptc-svg-btn.js +72 -72
  124. package/dist/collection/components/ptc-tab-list/ptc-tab-list.css +2 -2
  125. package/dist/collection/components/ptc-tab-list/ptc-tab-list.js +155 -155
  126. package/dist/collection/components/ptc-text-copy-with-background/ptc-text-copy-with-background.css +7 -1
  127. package/dist/collection/components/ptc-text-copy-with-background/ptc-text-copy-with-background.js +123 -123
  128. package/dist/collection/components/ptc-title/ptc-title.js +291 -291
  129. package/dist/collection/components/ptc-tooltip/ptc-tooltip.js +153 -163
  130. package/dist/collection/components/ptc-two-column-media/ptc-two-column-media.js +48 -48
  131. package/dist/collection/components/tab-content/tab-content.js +84 -84
  132. package/dist/collection/components/tab-header/tab-header.css +1 -0
  133. package/dist/collection/components/tab-header/tab-header.js +136 -136
  134. package/dist/collection/index.js +1 -1
  135. package/dist/collection/media/svg-imgs/Back-arrow.svg +11 -11
  136. package/dist/collection/media/svg-imgs/close.svg +10 -10
  137. package/dist/collection/media/svg-imgs/ptc-shopping-cart-black.svg +3 -3
  138. package/dist/collection/media/svg-imgs/ptc-shopping-cart-white.svg +3 -3
  139. package/dist/collection/media/svg-imgs/slider-arrow-left.svg +18 -18
  140. package/dist/collection/media/svg-imgs/slider-arrow-right.svg +18 -18
  141. package/dist/collection/media/svg-imgs/union.svg +3 -3
  142. package/dist/collection/utils/component.js +3 -3
  143. package/dist/collection/utils/interfaces.js +11 -11
  144. package/dist/collection/utils/utils.js +81 -81
  145. package/dist/custom-elements/index.d.ts +4 -4
  146. package/dist/custom-elements/index.js +3226 -3195
  147. package/dist/esm/dropdown-item.entry.js +10 -10
  148. package/dist/esm/icon-asset.entry.js +42 -42
  149. package/dist/esm/list-item.entry.js +19 -19
  150. package/dist/esm/loader.js +1 -1
  151. package/dist/esm/lottie-player.entry.js +354 -354
  152. package/dist/esm/my-component.entry.js +15 -15
  153. package/dist/esm/polyfills/core-js.js +0 -0
  154. package/dist/esm/polyfills/dom.js +0 -0
  155. package/dist/esm/polyfills/es5-html-element.js +0 -0
  156. package/dist/esm/polyfills/index.js +0 -0
  157. package/dist/esm/polyfills/system.js +0 -0
  158. package/dist/esm/ptc-accordion-item.entry.js +83 -83
  159. package/dist/esm/ptc-accordion.entry.js +35 -35
  160. package/dist/esm/ptc-announcement.entry.js +52 -52
  161. package/dist/esm/ptc-breadcrumb.entry.js +12 -12
  162. package/dist/esm/ptc-button.entry.js +35 -35
  163. package/dist/esm/ptc-card-bottom.entry.js +36 -34
  164. package/dist/esm/ptc-card-content.entry.js +40 -38
  165. package/dist/esm/ptc-card-wrapper.entry.js +42 -0
  166. package/dist/esm/ptc-card_6.entry.js +439 -427
  167. package/dist/esm/ptc-checkbox.entry.js +33 -33
  168. package/dist/esm/ptc-collapse-list.entry.js +346 -346
  169. package/dist/esm/ptc-container.entry.js +32 -32
  170. package/dist/esm/ptc-dropdown.entry.js +64 -64
  171. package/dist/esm/ptc-dynamic-card.entry.js +47 -47
  172. package/dist/esm/ptc-ellipsis-dropdown.entry.js +38 -38
  173. package/dist/esm/ptc-filter-tag.entry.js +57 -57
  174. package/dist/esm/ptc-hero-footer-cta.entry.js +11 -11
  175. package/dist/esm/ptc-hero.entry.js +19 -17
  176. package/dist/esm/ptc-icon-list.entry.js +20 -20
  177. package/dist/esm/ptc-icon-minimize.entry.js +36 -36
  178. package/dist/esm/ptc-link.entry.js +29 -27
  179. package/dist/esm/ptc-list.entry.js +50 -50
  180. package/dist/esm/ptc-lottie.entry.js +10 -10
  181. package/dist/esm/ptc-minimized-footer.entry.js +8 -8
  182. package/dist/esm/ptc-minimized-header.entry.js +11 -11
  183. package/dist/esm/ptc-mobile-select.entry.js +53 -54
  184. package/dist/esm/ptc-modal.entry.js +143 -137
  185. package/dist/esm/ptc-overlay.entry.js +21 -21
  186. package/dist/esm/ptc-pagenation.entry.js +105 -105
  187. package/dist/esm/ptc-previous-url.entry.js +10 -10
  188. package/dist/esm/ptc-pricing-block.entry.js +16 -16
  189. package/dist/esm/ptc-quote.entry.js +23 -23
  190. package/dist/esm/ptc-readmore_2.entry.js +59 -69
  191. package/dist/esm/ptc-responsive-wrapper.entry.js +54 -54
  192. package/dist/esm/ptc-shopping-cart.entry.js +50 -50
  193. package/dist/esm/ptc-social-share.entry.js +59 -59
  194. package/dist/esm/ptc-span.entry.js +18 -18
  195. package/dist/esm/ptc-sticky-icons.entry.js +32 -32
  196. package/dist/esm/ptc-svg-btn.entry.js +73 -73
  197. package/dist/esm/ptc-tab-list.entry.js +125 -125
  198. package/dist/esm/ptc-text-copy-with-background.entry.js +21 -21
  199. package/dist/esm/ptc-title.entry.js +65 -65
  200. package/dist/esm/ptc-two-column-media.entry.js +15 -15
  201. package/dist/esm/ptcw-design.js +1 -1
  202. package/dist/esm/tab-content.entry.js +27 -27
  203. package/dist/esm/tab-header.entry.js +46 -46
  204. package/dist/esm/{utils-2dbb41dc.js → utils-646cc62f.js} +79 -79
  205. package/dist/ptcw-design/media/brands.svg +1381 -1381
  206. package/dist/ptcw-design/media/designer.svg +379 -379
  207. package/dist/ptcw-design/media/nav-active-dotslick.svg +15 -15
  208. package/dist/ptcw-design/media/regular.svg +463 -463
  209. package/dist/ptcw-design/media/solid.svg +3013 -3013
  210. package/dist/ptcw-design/media/svg-with-js.min.css +4 -4
  211. package/dist/ptcw-design/{p-9fc7f308.entry.js → p-0aa91ac2.entry.js} +1 -1
  212. package/dist/ptcw-design/{p-b701bbc0.entry.js → p-14d6a40c.entry.js} +1 -1
  213. package/dist/ptcw-design/p-1b0d15aa.entry.js +1 -0
  214. package/dist/ptcw-design/p-2aeb4687.entry.js +1 -0
  215. package/dist/ptcw-design/p-2ca0340b.entry.js +1 -0
  216. package/dist/ptcw-design/{p-5005c698.entry.js → p-482a8bc9.entry.js} +1 -1
  217. package/dist/ptcw-design/p-557e8e2a.entry.js +1 -0
  218. package/dist/ptcw-design/{p-3db835e4.entry.js → p-5f782173.entry.js} +1 -1
  219. package/dist/ptcw-design/{p-6b1fdce6.entry.js → p-67af0abd.entry.js} +1 -1
  220. package/dist/ptcw-design/p-7ddea860.entry.js +1 -0
  221. package/dist/ptcw-design/{p-c9a71b4c.entry.js → p-82472007.entry.js} +1 -1
  222. package/dist/ptcw-design/{p-8b197833.entry.js → p-867c711f.entry.js} +1 -1
  223. package/dist/ptcw-design/p-88fc4011.entry.js +1 -0
  224. package/dist/ptcw-design/p-9b34acfa.entry.js +1 -0
  225. package/dist/ptcw-design/p-a14a99ce.entry.js +1 -0
  226. package/dist/ptcw-design/{p-d910c9d6.entry.js → p-c095d100.entry.js} +1 -1
  227. package/dist/ptcw-design/{p-e38a57ce.entry.js → p-f9694131.entry.js} +1 -1
  228. package/dist/ptcw-design/ptcw-design.css +1 -1
  229. package/dist/ptcw-design/ptcw-design.esm.js +1 -1
  230. package/dist/types/components/dropdown-item/dropdown-item.d.ts +5 -5
  231. package/dist/types/components/icon-asset/icon-asset.d.ts +40 -40
  232. package/dist/types/components/list-item/list-item.d.ts +8 -8
  233. package/dist/types/components/my-component/my-component.d.ts +16 -16
  234. package/dist/types/components/ptc-accordion/ptc-accordion-item/ptc-accordion-item.d.ts +59 -59
  235. package/dist/types/components/ptc-accordion/ptc-accordion.d.ts +13 -13
  236. package/dist/types/components/ptc-announcement/ptc-announcement.d.ts +51 -51
  237. package/dist/types/components/ptc-breadcrumb/ptc-breadcrumb.d.ts +4 -4
  238. package/dist/types/components/ptc-button/ptc-button.d.ts +56 -56
  239. package/dist/types/components/ptc-card/ptc-card.d.ts +62 -62
  240. package/dist/types/components/ptc-card-bottom/ptc-card-bottom.d.ts +15 -15
  241. package/dist/types/components/ptc-card-content/ptc-card-content.d.ts +16 -15
  242. package/dist/types/components/ptc-card-wrapper/ptc-card-wrapper.d.ts +18 -0
  243. package/dist/types/components/ptc-checkbox/ptc-checkbox.d.ts +11 -11
  244. package/dist/types/components/ptc-collapse-list/ptc-collapse-list.d.ts +56 -56
  245. package/dist/types/components/ptc-container/ptc-container.d.ts +12 -12
  246. package/dist/types/components/ptc-date/ptc-date.d.ts +41 -41
  247. package/dist/types/components/ptc-dropdown/ptc-dropdown.d.ts +19 -19
  248. package/dist/types/components/ptc-dynamic-card/ptc-dynamic-card.d.ts +24 -24
  249. package/dist/types/components/ptc-ellipsis-dropdown/ptc-ellipsis-dropdown.d.ts +12 -12
  250. package/dist/types/components/ptc-filter-tag/ptc-filter-tag.d.ts +17 -17
  251. package/dist/types/components/ptc-hero/ptc-hero.d.ts +16 -12
  252. package/dist/types/components/ptc-hero-footer-cta/ptc-hero-footer-cta.d.ts +6 -6
  253. package/dist/types/components/ptc-icon-list/ptc-icon-list.d.ts +21 -21
  254. package/dist/types/components/ptc-icon-minimize/ptc-icon-minimize.d.ts +9 -9
  255. package/dist/types/components/ptc-img/ptc-img.d.ts +51 -51
  256. package/dist/types/components/ptc-link/ptc-link.d.ts +40 -36
  257. package/dist/types/components/ptc-list/ptc-list.d.ts +8 -8
  258. package/dist/types/components/ptc-lottie/ptc-lottie.d.ts +12 -12
  259. package/dist/types/components/ptc-minimized-footer/ptc-minimized-footer.d.ts +3 -3
  260. package/dist/types/components/ptc-minimized-header/ptc-minimized-header.d.ts +6 -6
  261. package/dist/types/components/ptc-mobile-select/ptc-mobile-select.d.ts +36 -40
  262. package/dist/types/components/ptc-modal/ptc-modal.d.ts +59 -59
  263. package/dist/types/components/ptc-overlay/ptc-overlay.d.ts +20 -20
  264. package/dist/types/components/ptc-pagenation/ptc-pagenation.d.ts +27 -27
  265. package/dist/types/components/ptc-para/ptc-para.d.ts +43 -34
  266. package/dist/types/components/ptc-picture/ptc-picture.d.ts +93 -93
  267. package/dist/types/components/ptc-previous-url/ptc-previous-url.d.ts +5 -5
  268. package/dist/types/components/ptc-pricing-block/ptc-pricing-block.d.ts +5 -5
  269. package/dist/types/components/ptc-quote/ptc-quote.d.ts +29 -29
  270. package/dist/types/components/ptc-readmore/ptc-readmore.d.ts +27 -27
  271. package/dist/types/components/ptc-responsive-wrapper/ptc-responsive-wrapper.d.ts +8 -8
  272. package/dist/types/components/ptc-shopping-cart/ptc-shopping-cart.d.ts +6 -6
  273. package/dist/types/components/ptc-social-share/ptc-social-share.d.ts +33 -33
  274. package/dist/types/components/ptc-spacer/ptc-spacer.d.ts +16 -16
  275. package/dist/types/components/ptc-span/ptc-span.d.ts +16 -16
  276. package/dist/types/components/ptc-sticky-icons/ptc-sticky-icons.d.ts +7 -7
  277. package/dist/types/components/ptc-svg-btn/ptc-svg-btn.d.ts +12 -12
  278. package/dist/types/components/ptc-tab-list/ptc-tab-list.d.ts +15 -15
  279. package/dist/types/components/ptc-text-copy-with-background/ptc-text-copy-with-background.d.ts +25 -25
  280. package/dist/types/components/ptc-title/ptc-title.d.ts +50 -50
  281. package/dist/types/components/ptc-tooltip/ptc-tooltip.d.ts +34 -34
  282. package/dist/types/components/ptc-two-column-media/ptc-two-column-media.d.ts +9 -9
  283. package/dist/types/components/tab-content/tab-content.d.ts +12 -12
  284. package/dist/types/components/tab-header/tab-header.d.ts +14 -14
  285. package/dist/types/components.d.ts +169 -59
  286. package/dist/types/global.d.ts +1072 -1072
  287. package/dist/types/index.d.ts +1 -1
  288. package/dist/types/utils/component.d.ts +1 -1
  289. package/dist/types/utils/interfaces.d.ts +31 -31
  290. package/dist/types/utils/utils.d.ts +4 -4
  291. package/package.json +61 -61
  292. package/readme.md +11 -11
  293. package/dist/cjs/ptc-card-plm.cjs.entry.js +0 -30
  294. package/dist/collection/components/ptc-card-plm/ptc-card-plm.js +0 -104
  295. package/dist/esm/ptc-card-plm.entry.js +0 -26
  296. package/dist/ptcw-design/p-1e80c01f.entry.js +0 -1
  297. package/dist/ptcw-design/p-311bbf66.entry.js +0 -1
  298. package/dist/ptcw-design/p-4de70656.entry.js +0 -1
  299. package/dist/ptcw-design/p-5105d9e5.entry.js +0 -1
  300. package/dist/ptcw-design/p-5dbf98a9.entry.js +0 -1
  301. package/dist/ptcw-design/p-9311ee3f.entry.js +0 -1
  302. package/dist/ptcw-design/p-a0f25c98.entry.js +0 -1
  303. package/dist/ptcw-design/p-a4900673.entry.js +0 -1
  304. package/dist/types/components/ptc-card-plm/ptc-card-plm.d.ts +0 -8
  305. /package/dist/ptcw-design/{p-5e98555a.js → p-e121ff2a.js} +0 -0
@@ -1 +1 @@
1
- export { Components, JSX } from './components';
1
+ export { Components, JSX } from './components';
@@ -1 +1 @@
1
- export declare const hasSlot: (HTMLElement: any, string?: any) => boolean;
1
+ export declare const hasSlot: (HTMLElement: any, string?: any) => boolean;
@@ -1,31 +1,31 @@
1
- declare type CssClassMap = {
2
- [className: string]: boolean;
3
- };
4
- declare type StylesMap = {
5
- [key: string]: string;
6
- };
7
- declare let ResponsiveBgVariables: {
8
- envs: string[];
9
- selector: string;
10
- interval: number;
11
- };
12
- declare let ResponsivePictureVariables: {
13
- envs: string[];
14
- selector: string;
15
- interval: number;
16
- };
17
- export { StylesMap, CssClassMap, ResponsiveBgVariables, ResponsivePictureVariables };
18
- export interface ITabData {
19
- select: () => void;
20
- unselect: () => void;
21
- name: string;
22
- }
23
- export interface ITabHeaderData extends ITabData {
24
- id: string;
25
- }
26
- export interface ITabContentData extends ITabData {
27
- }
28
- export interface ITabGroup {
29
- header: ITabHeaderData;
30
- content: ITabContentData;
31
- }
1
+ declare type CssClassMap = {
2
+ [className: string]: boolean;
3
+ };
4
+ declare type StylesMap = {
5
+ [key: string]: string;
6
+ };
7
+ declare let ResponsiveBgVariables: {
8
+ envs: string[];
9
+ selector: string;
10
+ interval: number;
11
+ };
12
+ declare let ResponsivePictureVariables: {
13
+ envs: string[];
14
+ selector: string;
15
+ interval: number;
16
+ };
17
+ export { StylesMap, CssClassMap, ResponsiveBgVariables, ResponsivePictureVariables };
18
+ export interface ITabData {
19
+ select: () => void;
20
+ unselect: () => void;
21
+ name: string;
22
+ }
23
+ export interface ITabHeaderData extends ITabData {
24
+ id: string;
25
+ }
26
+ export interface ITabContentData extends ITabData {
27
+ }
28
+ export interface ITabGroup {
29
+ header: ITabHeaderData;
30
+ content: ITabContentData;
31
+ }
@@ -1,4 +1,4 @@
1
- export declare function format(first: string, middle: string, last: string): string;
2
- export declare function MapDOM(domElement: HTMLElement, selector?: string, toString?: boolean): any;
3
- export declare function generateUUID(): string;
4
- export declare function debounce(func: Function, wait: number, referer?: any): (e: any) => void;
1
+ export declare function format(first: string, middle: string, last: string): string;
2
+ export declare function MapDOM(domElement: HTMLElement, selector?: string, toString?: boolean): any;
3
+ export declare function generateUUID(): string;
4
+ export declare function debounce(func: Function, wait: number, referer?: any): (e: any) => void;
package/package.json CHANGED
@@ -1,61 +1,61 @@
1
- {
2
- "name": "@ptcwebops/ptcw-design",
3
- "version": "0.7.9",
4
- "description": "Stencil Component Starter",
5
- "main": "dist/index.cjs.js",
6
- "module": "./dist/index.js",
7
- "es2015": "dist/esm/index.mjs",
8
- "es2017": "dist/esm/index.mjs",
9
- "types": "dist/custom-elements/index.d.ts",
10
- "collection": "dist/collection/collection-manifest.json",
11
- "collection:main": "dist/collection/index.js",
12
- "unpkg": "dist/ptcw-design/ptcw-design.esm.js",
13
- "files": [
14
- "dist/",
15
- "loader/"
16
- ],
17
- "scripts": {
18
- "build": "stencil build --docs",
19
- "start": "stencil build --dev --watch --serve",
20
- "test": "stencil test --spec --e2e",
21
- "test.watch": "stencil test --spec --e2e --watchAll",
22
- "test.unit": "stencil test --spec",
23
- "test.end-to-end": "stencil test --e2e",
24
- "test.unit.watch": "stencil test --spec --watch",
25
- "generate": "stencil generate",
26
- "prepare": "stencil build --docs"
27
- },
28
- "dependencies": {
29
- "@daveberning/griddle": "^0.3.0",
30
- "@stencil/core": "^2.20.0",
31
- "@teamhive/lottie-player": "^1.0.0",
32
- "ellipsize": "^0.5.1",
33
- "enquire.js": "^2.1.6",
34
- "npmrc": "^1.1.1",
35
- "resize-observer-polyfill": "^1.5.1"
36
- },
37
- "license": "MIT",
38
- "devDependencies": {
39
- "@stencil/sass": "^1.4.1",
40
- "@types/jest": "^27.0.3",
41
- "jest": "^27.4.5",
42
- "jest-cli": "^27.4.5",
43
- "mobile-select": "^1.1.2",
44
- "puppeteer": "^10.0.0",
45
- "stencil-inline-svg": "^1.1.0"
46
- },
47
- "directories": {
48
- "doc": "docs"
49
- },
50
- "repository": {
51
- "type": "git",
52
- "url": "git+https://@bitbucket.org/ptc-sitecore-workspace/ptc-design-system.git"
53
- },
54
- "keywords": [
55
- "design system",
56
- "web components",
57
- "stenciljs"
58
- ],
59
- "author": "Yunfeng Qian",
60
- "homepage": "https://bitbucket.org/ptc-sitecore-workspace/ptc-design-system#readme"
61
- }
1
+ {
2
+ "name": "@ptcwebops/ptcw-design",
3
+ "version": "0.8.1",
4
+ "description": "Stencil Component Starter",
5
+ "main": "dist/index.cjs.js",
6
+ "module": "./dist/index.js",
7
+ "es2015": "dist/esm/index.mjs",
8
+ "es2017": "dist/esm/index.mjs",
9
+ "types": "dist/custom-elements/index.d.ts",
10
+ "collection": "dist/collection/collection-manifest.json",
11
+ "collection:main": "dist/collection/index.js",
12
+ "unpkg": "dist/ptcw-design/ptcw-design.esm.js",
13
+ "files": [
14
+ "dist/",
15
+ "loader/"
16
+ ],
17
+ "scripts": {
18
+ "build": "stencil build --docs",
19
+ "start": "stencil build --dev --watch --serve",
20
+ "test": "stencil test --spec --e2e",
21
+ "test.watch": "stencil test --spec --e2e --watchAll",
22
+ "test.unit": "stencil test --spec",
23
+ "test.end-to-end": "stencil test --e2e",
24
+ "test.unit.watch": "stencil test --spec --watch",
25
+ "generate": "stencil generate",
26
+ "prepare": "stencil build --docs"
27
+ },
28
+ "dependencies": {
29
+ "@daveberning/griddle": "^0.3.0",
30
+ "@stencil/core": "^2.20.0",
31
+ "@teamhive/lottie-player": "^1.0.0",
32
+ "ellipsize": "^0.5.1",
33
+ "enquire.js": "^2.1.6",
34
+ "npmrc": "^1.1.1",
35
+ "resize-observer-polyfill": "^1.5.1"
36
+ },
37
+ "license": "MIT",
38
+ "devDependencies": {
39
+ "@stencil/sass": "^1.4.1",
40
+ "@types/jest": "^27.0.3",
41
+ "jest": "^27.4.5",
42
+ "jest-cli": "^27.4.5",
43
+ "mobile-select": "^1.1.2",
44
+ "puppeteer": "^10.0.0",
45
+ "stencil-inline-svg": "^1.1.0"
46
+ },
47
+ "directories": {
48
+ "doc": "docs"
49
+ },
50
+ "repository": {
51
+ "type": "git",
52
+ "url": "git+https://@bitbucket.org/ptc-sitecore-workspace/ptc-design-system.git"
53
+ },
54
+ "keywords": [
55
+ "design system",
56
+ "web components",
57
+ "stenciljs"
58
+ ],
59
+ "author": "Yunfeng Qian",
60
+ "homepage": "https://bitbucket.org/ptc-sitecore-workspace/ptc-design-system#readme"
61
+ }
package/readme.md CHANGED
@@ -1,11 +1,11 @@
1
- ![Built With Stencil](https://img.shields.io/badge/-Built%20With%20Stencil-16161d.svg?logo=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI%2BCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI%2BCgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU%2BCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MjQuNywzNzMuOWMwLDM3LjYtNTUuMSw2OC42LTkyLjcsNjguNkgxODAuNGMtMzcuOSwwLTkyLjctMzAuNy05Mi43LTY4LjZ2LTMuNmgzMzYuOVYzNzMuOXoiLz4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTQyNC43LDI5Mi4xSDE4MC40Yy0zNy42LDAtOTIuNy0zMS05Mi43LTY4LjZ2LTMuNkgzMzJjMzcuNiwwLDkyLjcsMzEsOTIuNyw2OC42VjI5Mi4xeiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDI0LjcsMTQxLjdIODcuN3YtMy42YzAtMzcuNiw1NC44LTY4LjYsOTIuNy02OC42SDMzMmMzNy45LDAsOTIuNywzMC43LDkyLjcsNjguNlYxNDEuN3oiLz4KPC9zdmc%2BCg%3D%3D&colorA=16161d&style=flat-square)
2
-
3
- # PTC Design 0.7.9
4
-
5
- The site is the place for documentation on PTC Design System
6
-
7
- ## Building the Site
8
-
9
- To build the site from the source, ensure you're using the most recent versions of Node and Npm, and pull the latest from master. Next, run `npm install`, `npm run docs` to build the docs files and `npm start` to launch the site in development mode.
10
-
11
- ## License
1
+ ![Built With Stencil](https://img.shields.io/badge/-Built%20With%20Stencil-16161d.svg?logo=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI%2BCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI%2BCgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU%2BCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MjQuNywzNzMuOWMwLDM3LjYtNTUuMSw2OC42LTkyLjcsNjguNkgxODAuNGMtMzcuOSwwLTkyLjctMzAuNy05Mi43LTY4LjZ2LTMuNmgzMzYuOVYzNzMuOXoiLz4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTQyNC43LDI5Mi4xSDE4MC40Yy0zNy42LDAtOTIuNy0zMS05Mi43LTY4LjZ2LTMuNkgzMzJjMzcuNiwwLDkyLjcsMzEsOTIuNyw2OC42VjI5Mi4xeiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDI0LjcsMTQxLjdIODcuN3YtMy42YzAtMzcuNiw1NC44LTY4LjYsOTIuNy02OC42SDMzMmMzNy45LDAsOTIuNywzMC43LDkyLjcsNjguNlYxNDEuN3oiLz4KPC9zdmc%2BCg%3D%3D&colorA=16161d&style=flat-square)
2
+
3
+ # PTC Design 0.8.1
4
+
5
+ The site is the place for documentation on PTC Design System
6
+
7
+ ## Building the Site
8
+
9
+ To build the site from the source, ensure you're using the most recent versions of Node and Npm, and pull the latest from master. Next, run `npm install`, `npm run docs` to build the docs files and `npm start` to launch the site in development mode.
10
+
11
+ ## License
@@ -1,30 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- const index = require('./index-8745a0a3.js');
6
-
7
- const ptcCardPlmCss = ":host{display:block}:host(.card-tall),:host(.card-wide),:host(.card-video),:host(.card-playlist),:host(.card-2up){position:relative}:host(.card-tall) a,:host(.card-wide) a,:host(.card-video) a,:host(.card-playlist) a,:host(.card-2up) a{text-decoration:none !important}:host(.card-tall) a:hover,:host(.card-wide) a:hover,:host(.card-video) a:hover,:host(.card-playlist) a:hover,:host(.card-2up) a:hover{text-decoration:none}:host(.card-tall) a:focus,:host(.card-wide) a:focus,:host(.card-video) a:focus,:host(.card-playlist) a:focus,:host(.card-2up) a:focus{outline:none;text-decoration:none}:host(.card-tall) a:focus-visible,:host(.card-wide) a:focus-visible,:host(.card-video) a:focus-visible,:host(.card-playlist) a:focus-visible,:host(.card-2up) a:focus-visible{outline:none;text-decoration:none}:host(.card-playlist) div,:host(.card-playlist) a{display:flex;text-decoration:none;outline:none}:host(.card-playlist) div:hover,:host(.card-playlist) a:hover{text-decoration:none;outline:none}:host(.card-video-intro){border-bottom-left-radius:var(--ptc-border-radius-large);border-bottom-right-radius:var(--ptc-border-radius-large)}:host(.card-video-intro) div{display:block}:host(.card-video-shadow){box-shadow:var(--ptc-shadow-x-small)}:host(.card-video-p){padding:var(--ptc-element-spacing-05);padding-bottom:var(--ptc-element-spacing-06)}:host(.card-m-right){margin-right:var(--ptc-element-spacing-02)}:host(.card-m-left){margin-left:var(--ptc-element-spacing-02)}@media only screen and (min-width: 768px){:host(.card-m-right){margin-right:var(--ptc-element-spacing-03)}:host(.card-m-left){margin-left:var(--ptc-element-spacing-03)}}@media only screen and (min-width: 992px){:host(.card-m-right){margin-right:var(--ptc-element-spacing-04)}:host(.card-m-left){margin-left:var(--ptc-element-spacing-04)}}@media only screen and (min-width: 1200px){:host(.card-video-intro) div{display:flex}}";
8
-
9
- const PtcCardPlm = class {
10
- constructor(hostRef) {
11
- index.registerInstance(this, hostRef);
12
- this.cardType = undefined;
13
- this.cardLink = undefined;
14
- this.linkTitle = undefined;
15
- this.linkTarget = '_self';
16
- }
17
- render() {
18
- const classMap = this.getCssClassMap();
19
- const Tag = !!this.cardLink ? 'a' : 'div';
20
- return (index.h(index.Host, { class: classMap }, index.h(Tag, Object.assign({}, (!!this.cardLink ? { href: this.cardLink } : {}), (!!this.linkTarget && !!this.cardLink ? { target: this.linkTarget } : {}), (!!this.cardLink ? { title: this.linkTitle ? this.linkTitle : this.cardLink } : {})), index.h("slot", null))));
21
- }
22
- getCssClassMap() {
23
- return {
24
- [this.cardType]: this.cardType ? true : false
25
- };
26
- }
27
- };
28
- PtcCardPlm.style = ptcCardPlmCss;
29
-
30
- exports.ptc_card_plm = PtcCardPlm;
@@ -1,104 +0,0 @@
1
- import { Host, h } from '@stencil/core';
2
- export class PtcCardPlm {
3
- constructor() {
4
- this.cardType = undefined;
5
- this.cardLink = undefined;
6
- this.linkTitle = undefined;
7
- this.linkTarget = '_self';
8
- }
9
- render() {
10
- const classMap = this.getCssClassMap();
11
- const Tag = !!this.cardLink ? 'a' : 'div';
12
- return (h(Host, { class: classMap }, h(Tag, Object.assign({}, (!!this.cardLink ? { href: this.cardLink } : {}), (!!this.linkTarget && !!this.cardLink ? { target: this.linkTarget } : {}), (!!this.cardLink ? { title: this.linkTitle ? this.linkTitle : this.cardLink } : {})), h("slot", null))));
13
- }
14
- getCssClassMap() {
15
- return {
16
- [this.cardType]: this.cardType ? true : false
17
- };
18
- }
19
- static get is() { return "ptc-card-plm"; }
20
- static get encapsulation() { return "shadow"; }
21
- static get originalStyleUrls() {
22
- return {
23
- "$": ["ptc-card-plm.scss"]
24
- };
25
- }
26
- static get styleUrls() {
27
- return {
28
- "$": ["ptc-card-plm.css"]
29
- };
30
- }
31
- static get properties() {
32
- return {
33
- "cardType": {
34
- "type": "string",
35
- "mutable": false,
36
- "complexType": {
37
- "original": "'card-video'| 'card-tall' | 'card-wide' | 'speed-bump' | 'card-playlist' | 'card-video-intro'| 'card-2up'",
38
- "resolved": "\"card-2up\" | \"card-playlist\" | \"card-tall\" | \"card-video\" | \"card-video-intro\" | \"card-wide\" | \"speed-bump\"",
39
- "references": {}
40
- },
41
- "required": false,
42
- "optional": false,
43
- "docs": {
44
- "tags": [],
45
- "text": ""
46
- },
47
- "attribute": "card-type",
48
- "reflect": false
49
- },
50
- "cardLink": {
51
- "type": "string",
52
- "mutable": false,
53
- "complexType": {
54
- "original": "string",
55
- "resolved": "string",
56
- "references": {}
57
- },
58
- "required": false,
59
- "optional": false,
60
- "docs": {
61
- "tags": [],
62
- "text": ""
63
- },
64
- "attribute": "card-link",
65
- "reflect": false
66
- },
67
- "linkTitle": {
68
- "type": "string",
69
- "mutable": false,
70
- "complexType": {
71
- "original": "string",
72
- "resolved": "string",
73
- "references": {}
74
- },
75
- "required": false,
76
- "optional": false,
77
- "docs": {
78
- "tags": [],
79
- "text": ""
80
- },
81
- "attribute": "link-title",
82
- "reflect": false
83
- },
84
- "linkTarget": {
85
- "type": "string",
86
- "mutable": false,
87
- "complexType": {
88
- "original": "string",
89
- "resolved": "string",
90
- "references": {}
91
- },
92
- "required": false,
93
- "optional": false,
94
- "docs": {
95
- "tags": [],
96
- "text": ""
97
- },
98
- "attribute": "link-target",
99
- "reflect": false,
100
- "defaultValue": "'_self'"
101
- }
102
- };
103
- }
104
- }
@@ -1,26 +0,0 @@
1
- import { r as registerInstance, h, H as Host } from './index-0c73b51e.js';
2
-
3
- const ptcCardPlmCss = ":host{display:block}:host(.card-tall),:host(.card-wide),:host(.card-video),:host(.card-playlist),:host(.card-2up){position:relative}:host(.card-tall) a,:host(.card-wide) a,:host(.card-video) a,:host(.card-playlist) a,:host(.card-2up) a{text-decoration:none !important}:host(.card-tall) a:hover,:host(.card-wide) a:hover,:host(.card-video) a:hover,:host(.card-playlist) a:hover,:host(.card-2up) a:hover{text-decoration:none}:host(.card-tall) a:focus,:host(.card-wide) a:focus,:host(.card-video) a:focus,:host(.card-playlist) a:focus,:host(.card-2up) a:focus{outline:none;text-decoration:none}:host(.card-tall) a:focus-visible,:host(.card-wide) a:focus-visible,:host(.card-video) a:focus-visible,:host(.card-playlist) a:focus-visible,:host(.card-2up) a:focus-visible{outline:none;text-decoration:none}:host(.card-playlist) div,:host(.card-playlist) a{display:flex;text-decoration:none;outline:none}:host(.card-playlist) div:hover,:host(.card-playlist) a:hover{text-decoration:none;outline:none}:host(.card-video-intro){border-bottom-left-radius:var(--ptc-border-radius-large);border-bottom-right-radius:var(--ptc-border-radius-large)}:host(.card-video-intro) div{display:block}:host(.card-video-shadow){box-shadow:var(--ptc-shadow-x-small)}:host(.card-video-p){padding:var(--ptc-element-spacing-05);padding-bottom:var(--ptc-element-spacing-06)}:host(.card-m-right){margin-right:var(--ptc-element-spacing-02)}:host(.card-m-left){margin-left:var(--ptc-element-spacing-02)}@media only screen and (min-width: 768px){:host(.card-m-right){margin-right:var(--ptc-element-spacing-03)}:host(.card-m-left){margin-left:var(--ptc-element-spacing-03)}}@media only screen and (min-width: 992px){:host(.card-m-right){margin-right:var(--ptc-element-spacing-04)}:host(.card-m-left){margin-left:var(--ptc-element-spacing-04)}}@media only screen and (min-width: 1200px){:host(.card-video-intro) div{display:flex}}";
4
-
5
- const PtcCardPlm = class {
6
- constructor(hostRef) {
7
- registerInstance(this, hostRef);
8
- this.cardType = undefined;
9
- this.cardLink = undefined;
10
- this.linkTitle = undefined;
11
- this.linkTarget = '_self';
12
- }
13
- render() {
14
- const classMap = this.getCssClassMap();
15
- const Tag = !!this.cardLink ? 'a' : 'div';
16
- return (h(Host, { class: classMap }, h(Tag, Object.assign({}, (!!this.cardLink ? { href: this.cardLink } : {}), (!!this.linkTarget && !!this.cardLink ? { target: this.linkTarget } : {}), (!!this.cardLink ? { title: this.linkTitle ? this.linkTitle : this.cardLink } : {})), h("slot", null))));
17
- }
18
- getCssClassMap() {
19
- return {
20
- [this.cardType]: this.cardType ? true : false
21
- };
22
- }
23
- };
24
- PtcCardPlm.style = ptcCardPlmCss;
25
-
26
- export { PtcCardPlm as ptc_card_plm };
@@ -1 +0,0 @@
1
- import{r as t,c as e,h as r,H as a,g as o}from"./p-009001dc.js";const p=class{constructor(r){t(this,r),this.hoverEvent=e(this,"hoverEvent",7),this.leaveEvent=e(this,"leaveEvent",7),this.cardType=void 0,this.styles=void 0}hoverEventHandler(){this.el.classList.contains("speed-bump")||this.el.classList.contains("card-video-intro")||this.el.classList.contains("card-dynamic")||(this.hoverEvent.emit(),this.el.classList.add("mouse-hover"),this.el.classList.contains("card-video")||this.el.classList.contains("card-playlist")||!this.el.nextElementSibling||this.el.nextElementSibling.classList.add("mouse-hover-card-bottom"))}leaveEventHandler(){this.el.classList.contains("speed-bump")||this.el.classList.contains("card-video-intro")||this.el.classList.contains("card-dynamic")||(this.hoverEvent.emit(),this.el.classList.remove("mouse-hover"),this.el.classList.contains("card-video")||this.el.classList.contains("card-playlist")||!this.el.nextElementSibling||this.el.nextElementSibling.classList.remove("mouse-hover-card-bottom"))}render(){const t=this.getCssClassMap();return r(a,{class:t,onMouseEnter:this.hoverEventHandler.bind(this),onMouseLeave:this.leaveEventHandler.bind(this)},this.styles&&r("style",null,this.styles),r("div",{class:"ptc-card-content-wrapper"},r("slot",null)))}getCssClassMap(){return{[this.cardType]:!!this.cardType}}get el(){return o(this)}};p.style=":host{display:block;height:100%}:host(.speed-bump){border:1px solid var(--color-gray-08);border-radius:var(--ptc-border-radius-large);padding:var(--ptc-element-spacing-06) 28px var(--ptc-element-spacing-06) 28px;text-align:center}:host(.speed-bump-2){border:1px solid var(--color-gray-08);border-radius:var(--ptc-border-radius-large);padding:var(--ptc-element-spacing-07) var(--ptc-element-spacing-05);text-align:center}@media only screen and (min-width: 768px){:host(.speed-bump){text-align:left}}@media only screen and (min-width: 768px){:host(.speed-bump-2){text-align:left}}:host(.card-tall) .ptc-card-content-wrapper,:host(.card-video) .ptc-card-content-wrapper,:host(.card-wide) .ptc-card-content-wrapper,:host(.card-playlist) .ptc-card-content-wrapper{border-radius:var(--ptc-border-radius-large);position:relative}:host(.card-tall) .ptc-card-content-wrapper::before,:host(.card-video) .ptc-card-content-wrapper::before,:host(.card-wide) .ptc-card-content-wrapper::before,:host(.card-playlist) .ptc-card-content-wrapper::before{content:\"\";position:absolute;width:100%;height:100%;border-radius:var(--ptc-border-radius-large);top:0;left:0;background:transparent;z-index:1;box-shadow:var(--ptc-shadow-x-small);transition:background var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.card-tall) .ptc-card-content-wrapper::after,:host(.card-video) .ptc-card-content-wrapper::after,:host(.card-wide) .ptc-card-content-wrapper::after,:host(.card-playlist) .ptc-card-content-wrapper::after{content:url(\"data:image/svg+xml,%3Csvg width='54' height='56' viewBox='0 0 54 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_126_10476)'%3E%3Cpath d='M42 20L12 36V4L42 20Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_126_10476' x='0' y='0' width='54' height='56' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='8'/%3E%3CfeGaussianBlur stdDeviation='6'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_126_10476'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_126_10476' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A\");position:absolute;opacity:0;top:52.5%;left:50%;transform:translate(-50%, -50%);z-index:2;transition:opacity var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.card-2up) .ptc-card-content-wrapper{border-radius:var(--ptc-border-radius-large);position:relative}:host(.card-2up) .ptc-card-content-wrapper::before{content:\"\";position:absolute;width:100%;height:100%;border-radius:var(--ptc-border-radius-large);top:0;left:0;background:transparent;z-index:1;box-shadow:var(--ptc-shadow-x-small);transition:background var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.card-2up) .ptc-card-content-wrapper::after{content:\"\";position:absolute;opacity:0;top:52.5%;left:50%;transform:translate(-50%, -50%);z-index:2;transition:opacity var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.card-playlist) .ptc-card-content-wrapper{width:112px;height:112px}:host(.card-playlist) .ptc-card-content-wrapper::before{width:112px;height:112px}:host(.card-playlist) .ptc-card-content-wrapper::after{content:url(\"data:image/svg+xml,%3Csvg width='46' height='48' viewBox='0 0 46 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_126_10337)'%3E%3Cpath d='M34 16L12 28V4L34 16Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_126_10337' x='0' y='0' width='46' height='48' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='8'/%3E%3CfeGaussianBlur stdDeviation='6'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_126_10337'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_126_10337' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A\");width:40px;height:30px;top:50%}:host(.card-video) .ptc-card-content-wrapper::after{top:59.5%}:host(.mouse-hover) .ptc-card-content-wrapper::before{background:rgba(0, 0, 0, 0.6)}:host(.mouse-hover) .ptc-card-content-wrapper::after{opacity:1}:host(.card-tall) .ptc-card-content-wrapper::before,:host(.card-wide) .ptc-card-content-wrapper::before,:host(.card-2up) .ptc-card-content-wrapper::before{height:100%}:host(.card-playlist){flex:1 2 0%;margin-right:var(--ptc-element-spacing-04)}@media only screen and (min-width: 768px){:host(.card-playlist){margin-right:var(--ptc-element-spacing-03)}}@media only screen and (min-width: 992px){:host(.card-playlist) .ptc-card-content-wrapper{width:88px;height:88px}:host(.card-playlist) .ptc-card-content-wrapper::before{width:88px;height:88px}}@media only screen and (min-width: 768px){:host(.card-playlist) .ptc-card-content-wrapper{width:112px;height:112px}:host(.card-playlist) .ptc-card-content-wrapper::before{width:112px;height:112px}}@media screen and (min-width: 1981px){:host(.card-playlist){margin-right:var(--ptc-element-spacing-04)}}@media only screen and (min-width: 1200px){:host(.card-video-intro){flex:80% 8 1}}:host(.card-video) .ptc-card-content-wrapper{padding-bottom:56.25%}:host(.card-video) .ptc-card-content-wrapper ::slotted(*){position:absolute;width:100%;height:100%;top:0;left:0}:host(.card-tall) .ptc-card-content-wrapper{height:322px}:host(.card-tall) .ptc-card-content-wrapper ::slotted(*){height:322px}:host(.card-wide) .ptc-card-content-wrapper{height:268px}:host(.card-wide) .ptc-card-content-wrapper ::slotted(*){height:268px}:host(.card-2up) .ptc-card-content-wrapper{height:322px}:host(.card-2up) .ptc-card-content-wrapper ::slotted(*){height:322px}@media only screen and (min-width: 768px){:host(.card-tall) .ptc-card-content-wrapper{height:325px}:host(.card-tall) .ptc-card-content-wrapper ::slotted(*){height:325px}:host(.card-wide) .ptc-card-content-wrapper{height:268px}:host(.card-wide) .ptc-card-content-wrapper ::slotted(*){height:268px}:host(.card-2up) .ptc-card-content-wrapper{height:268px}:host(.card-2up) .ptc-card-content-wrapper ::slotted(*){height:268px}}@media only screen and (min-width: 992px){:host(.card-tall) .ptc-card-content-wrapper{height:380px}:host(.card-tall) .ptc-card-content-wrapper ::slotted(*){height:380px}}@media only screen and (min-width: 1980px){:host(.card-tall) .ptc-card-content-wrapper{height:546px}:host(.card-tall) .ptc-card-content-wrapper ::slotted(*){height:546px}:host(.card-wide) .ptc-card-content-wrapper{height:376px}:host(.card-wide) .ptc-card-content-wrapper ::slotted(*){height:376px}:host(.card-2up) .ptc-card-content-wrapper{height:376px}:host(.card-2up) .ptc-card-content-wrapper ::slotted(*){height:376px}}";export{p as ptc_card_content}
@@ -1 +0,0 @@
1
- import{r as t,h as i,H as e,g as a}from"./p-009001dc.js";const r=class{constructor(i){t(this,i),this.cardType="custom-card",this.cardHref=void 0,this.target="_self",this.rel=void 0,this.hasImage=!1,this.hasVideo=!1,this.hasLottie=!1,this.heading=void 0,this.headingTransform="none",this.cardDate=void 0,this.styles=void 0,this.ribbonText=void 0,this.eventType=void 0,this.cardLogo=void 0}render(){const t=this.cardHref?"a":"div",a=this.getCssClassMap();return i(e,Object.assign({},this.cardType?{class:this.cardType}:{}),this.styles&&i("style",null,this.styles),i("div",{class:"card-border",part:"border-wrapper"},i(t,Object.assign({class:a,part:"card-layout"},this.cardHref?{href:this.cardHref}:{},this.target&&this.cardHref?{target:this.target}:{},this.rel&&this.cardHref?{rel:this.rel}:{},this.ribbonText?{rel:this.ribbonText}:{}),this.hasImage||this.hasLottie||this.hasVideo?i("div",{class:"card-media",part:"media-wrapper"},this.getMediaSlot?i("slot",{name:this.getMediaSlot()}):null):null,this.ribbonText&&"resource-center-card"==this.cardType?i("div",{class:"ribbon-text"},`${this.ribbonText}`):null,i("div",{class:"card-body",part:"body-wrapper"},!this.cardDate||"listing-card"!==this.cardType&&"listing-card-horizontal"!==this.cardType?null:i("div",{class:"card-date-text"},...this.eventType?i("span",{class:"small"},`${this.cardDate}`,"   |   ",`${this.eventType}`):i("span",{class:"small"},`${this.cardDate}`)),"case-studies-card"===this.cardType?Object.assign({},this.cardLogo?i("div",{class:"card-logo-container"},i("ptc-picture",{alt:"","object-fit":"cover","max-width":"280",src:this.cardLogo,height:"40"})):i("div",{class:"card-logo-none"})):null,i("slot",{name:"slot-before-heading"}),this.heading?[i("h3",{class:`ptc-h3 ${this.headingTransform}`,part:"card-heading"},this.heading),i("slot",{name:"slot-after-heading"})]:null,i("slot",{name:"slot-description"}),this.cardDate&&"listing-card"!==this.cardType&&"listing-card-horizontal"!==this.cardType&&"hightlight-card"!==this.cardType?i("ptc-date",{"date-string":`${this.cardDate}`,"date-styles":"span{color:#40434a;font-size:var(--ptc-font-size-x-small);margin-top:var(--ptc-element-spacing-06);display:inline-block;}"}):null))))}getCssClassMap(){return{"card-layout":!0,"link-wrapper":!!this.cardType}}getMediaSlot(){return this.hasLottie?"slot-lottie":this.hasVideo?"slot-video":this.hasImage?"slot-image":null}};r.style=':host{display:block}:host(.lottie-card) .card-border{box-shadow:var(--ptc-shadow-small);border:1px solid var(--color-gray-03);border-radius:10px;position:relative;overflow:hidden}:host(.lottie-card) .card-border::after{content:"";height:40%;width:4px;position:absolute;top:30%;right:-2px;background-color:var(--color-green-06);z-index:2;display:block}:host(.lottie-card) .card-border:hover{box-shadow:var(--ptc-shadow-x-large)}:host(.lottie-card) .card-border:hover .card-body h3{border-bottom:2px solid var(--color-green-07)}:host(.lottie-card) .card-layout{display:block}@media only screen and (min-width: 768px){:host(.lottie-card) .card-layout{display:flex;flex-flow:nowrap row;justify-content:center}}:host(.lottie-card) .link-wrapper{outline:none;text-decoration:none}:host(.lottie-card) .link-wrapper:hover{outline:none;text-decoration:none}:host(.lottie-card) .card-media{flex-basis:40%;border-right:1px solid var(--color-gray-03);display:flex}:host(.lottie-card) .card-body{flex-basis:60%;align-self:center;padding:0 30px 10px}:host(.lottie-card) .card-body h3{display:inline-block;line-height:var(--ptc-line-height-densest);color:var(--color-gray-10);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-x-small);border-bottom:2px solid transparent;margin-bottom:var(--ptc-element-spacing-02)}:host(.simple-card) .card-layout{display:block}:host(.simple-card) .link-wrapper{outline:none;text-decoration:none}:host(.simple-card) .link-wrapper:hover{outline:none;text-decoration:none}:host(.simple-card) .link-wrapper:hover .card-body h3::before{width:100%}:host(.simple-card) .link-wrapper:hover ::slotted([slot=slot-after-heading]){margin-left:var(--ptc-element-spacing-04)}:host(.simple-card) .card-body h3{color:var(--color-gray-10);font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-black);line-height:var(--ptc-line-height-dense);position:relative;margin-bottom:var(--ptc-element-spacing-02);display:inline-block}:host(.simple-card) .card-body h3::before{display:block;position:absolute;content:"";width:var(--ptc-element-spacing-07);border-bottom:2px solid var(--color-green-06);bottom:1px;transition:width var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.simple-card) ::slotted([slot=slot-after-heading]){margin-left:var(--ptc-element-spacing-01);transition:margin-left var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.clip-edge-card) .card-border{overflow:hidden;filter:drop-shadow(rgba(0, 0, 0, 0.32) 0px 3px 6px);width:100%}:host(.clip-edge-card) .card-border:hover{filter:drop-shadow(rgba(0, 0, 0, 0.32) 0px 6px 12px)}:host(.clip-edge-card) .card-layout{display:block}:host(.clip-edge-card) .link-wrapper{outline:none;text-decoration:none}:host(.clip-edge-card) .link-wrapper:hover{outline:none;text-decoration:none}:host(.clip-edge-card) .card-media{position:relative;width:100%;height:124px;overflow:hidden;border-radius:var(--ptc-border-radius-standard)}:host(.clip-edge-card) .card-body{transform:translateY(calc((-1) * var(--ptc-element-spacing-04)));overflow:hidden;width:calc(95% - var(--ptc-element-spacing-04) - var(--ptc-element-spacing-04));font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-medium);line-height:var(--ptc-line-height-dense);color:var(--color-gray-10);clip-path:var(--ptc-clip-path-bottom-right);background-color:var(--color-white);border-radius:var(--ptc-border-radius-standard);padding:var(--ptc-element-spacing-06) var(--ptc-element-spacing-04) var(--ptc-element-spacing-03) var(--ptc-element-spacing-04)}:host(.clip-edge-card) .card-body h3{display:inline-block;margin:0px;font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-dense);color:var(--color-gray-10);text-decoration:none;border-bottom:2px solid transparent;transition:border-bottom var(--ptc-transition-medium) var(--ptc-ease-inout), margin var(--ptc-transition-medium) var(--ptc-ease-inout);margin:var(--ptc-element-spacing-03) 0 var(--ptc-element-spacing-03) 0}:host(.clip-edge-card) ::slotted([slot=slot-description]){height:0;opacity:0;transition:height var(--ptc-transition-medium) var(--ptc-ease-inout), opacity var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.clip-edge-card) ::slotted([slot=slot-image]){display:block;width:100%;height:100%;transform:scale(1);transition:transform var(--ptc-transition-medium) var(--ptc-ease-inout);transform-origin:top center}:host(.clip-edge-card) ::slotted([slot=slot-after-heading]){position:absolute;top:var(--ptc-element-spacing-03);left:var(--ptc-element-spacing-04);opacity:1;transform:scale(1);height:44px;transform-origin:bottom center;transition:opacity var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.clip-edge-card) ::slotted([slot=slot-before-heading]){display:block;opacity:0;height:24px;transition:all var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.clip-edge-card) .link-wrapper:hover .card-body h3{border-bottom:2px solid var(--color-green-06)}:host(.clip-edge-card) .link-wrapper:hover ::slotted([slot=slot-description]){height:60px;opacity:1}:host(.clip-edge-card) .link-wrapper:hover ::slotted([slot=slot-image]){transform:scale(1.1)}:host(.clip-edge-card) .link-wrapper:hover ::slotted([slot=slot-after-heading]){opacity:0;transform:scale(0);height:0}:host(.clip-edge-card) .link-wrapper:hover ::slotted([slot=slot-before-heading]){opacity:1}:host(.hightlight-card) .card-border{width:100%;border-radius:var(--ptc-border-radius-standard);overflow:hidden}:host(.hightlight-card) .card-border:hover .card-media{transform:scale(1.1)}:host(.hightlight-card) .card-layout{display:block;position:relative}:host(.hightlight-card) .link-wrapper{outline:none;text-decoration:none}:host(.hightlight-card) .link-wrapper:hover{outline:none;text-decoration:none}:host(.hightlight-card) .link-wrapper:hover ::slotted([slot=slot-description]){height:96px;opacity:1}@media only screen and (min-width: 768px){:host(.hightlight-card) .link-wrapper:hover ::slotted([slot=slot-description]){height:var(--ptc-layout-spacing-05)}}@media only screen and (min-width: 992px){:host(.hightlight-card) .link-wrapper:hover ::slotted([slot=slot-description]){height:var(--ptc-layout-spacing-06)}}@media only screen and (min-width: 1440px){:host(.hightlight-card) .link-wrapper:hover ::slotted([slot=slot-description]){height:var(--ptc-layout-spacing-05)}}:host(.hightlight-card) .card-media{width:100%;height:auto;min-height:450px;position:relative;transform:scale(1);transform-origin:center bottom;transition:transform var(--ptc-transition-medium) var(--ptc-ease-inout);transition-delay:var(--ptc-delay-5)}:host(.hightlight-card) .card-body{position:absolute;bottom:0;top:auto;left:0;right:auto;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-07);background-color:var(--color-white);box-sizing:border-box}:host(.hightlight-card) .card-body h3{font-size:var(--ptc-font-size-x-large);line-height:var(--ptc-line-height-densest);font-weight:var(--ptc-font-weight-bold);color:var(--color-gray-10);margin:var(--ptc-element-spacing-04) 0}:host(.hightlight-card) ::slotted([slot=slot-description]){height:0;opacity:0;transition:height var(--ptc-transition-medium) var(--ptc-ease-inout), opacity var(--ptc-transition-fast) var(--ptc-ease-inout);transition-delay:var(--ptc-delay-5)}:host(.horizontal-card){margin-bottom:var(--ptc-layout-spacing-02)}:host(.horizontal-card) .card-layout{position:relative}@media only screen and (min-width: 768px){:host(.horizontal-card) .card-layout{display:grid;grid-template-columns:42% 58%;direction:ltr;grid-auto-rows:1fr}}:host(.horizontal-card) .link-wrapper{outline:none;text-decoration:none;transition:var(--ptc-transition-slow) linear}:host(.horizontal-card) .link-wrapper:hover{box-shadow:var(--ptc-shadow-large);transition:var(--ptc-transition-slow) linear;background-color:var(--color-white)}:host(.horizontal-card) .link-wrapper:hover h3{border-color:var(--color-green-06);transition:var(--ptc-transition-slow) linear}:host(.horizontal-card) .card-media{display:flex;align-self:center}:host(.horizontal-card) .card-body{padding:var(--ptc-element-spacing-05) var(--ptc-element-spacing-04)}@media only screen and (min-width: 768px){:host(.horizontal-card) .card-body{padding:var(--ptc-element-spacing-06) var(--ptc-element-spacing-07)}}:host(.horizontal-card) .card-body h3{margin-top:0;font-size:var(--ptc-font-size-x-small);color:var(--color-gray-10);border-bottom:1px solid transparent;padding-bottom:var(--ptc-element-spacing-01);margin-bottom:var(--ptc-element-spacing-02);transition:var(--ptc-transition-slow) linear}:host(.horizontal-card) ::slotted([slot=slot-image]){box-shadow:var(--ptc-shadow-medium);width:100%}:host(.listing-card) .card-border{width:325px;overflow:hidden;background:var(--color-white);box-shadow:var(--ptc-shadow-small);border-radius:3px;height:487px;display:flex;flex-direction:row;margin-bottom:0.5rem}:host(.listing-card) .card-border:hover{background:var(--color-gray-02);box-shadow:var(--ptc-shadow-large)}:host(.listing-card) .card-border:hover .card-media{background:var(--color-white)}:host(.listing-card) .card-border:hover .card-media .smart-img{background:var(--color-white)}@media (min-width: 480px){:host(.listing-card) .card-border{width:432px;height:487px}}@media (min-width: 768px){:host(.listing-card) .card-border{margin-left:4px;margin-right:4px;width:348px;height:456px}}@media (min-width: 992px){:host(.listing-card) .card-border{width:288px;height:440px}}@media (min-width: 1200px){:host(.listing-card) .card-border{width:260px;height:420px}}@media (min-width: 1440px){:host(.listing-card) .card-border{width:260px;height:420px}}:host(.listing-card) .card-layout{display:block;position:relative;width:100%;height:100%}:host(.listing-card) .link-wrapper{outline:none;text-decoration:none}:host(.listing-card) .link-wrapper:hover{outline:none;text-decoration:none}:host(.listing-card) .card-media{width:100%;height:288px;transform:scale(1);transform-origin:center bottom;transition:transform var(--ptc-transition-medium) var(--ptc-standard-ease);transition-delay:var(--ptc-delay-medium)}:host(.listing-card) .card-media .smart-img{height:288px}@media (min-width: 768px){:host(.listing-card) .card-media .smart-img{height:232px}}@media (min-width: 992px){:host(.listing-card) .card-media .smart-img{height:192px}}@media (min-width: 1200px){:host(.listing-card) .card-media .smart-img{height:170px}}@media (min-width: 768px){:host(.listing-card) .card-media{height:232px}}@media (min-width: 992px){:host(.listing-card) .card-media{height:192px}}@media (min-width: 1200px){:host(.listing-card) .card-media{height:170px}}:host(.listing-card) .card-body{padding:16px 20px 0px 20px}:host(.listing-card) .card-body .card-date-text{display:flex;flex-direction:row}:host(.listing-card) .card-body .card-date-text p{font-size:var(--ptc-font-size-xx-small);font-weight:400;line-height:19px;color:#282F35;margin-bottom:16px;display:inline-block;margin-top:0rem}:host(.listing-card) .card-body .small{font-size:var(--ptc-font-size-x-small);font-weight:400;line-height:19px;color:#282F35;margin-bottom:16px;display:inline-block}:host(.listing-card) .card-body h3{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-loose);line-height:21px;color:var(--color-gray-11);margin-bottom:14px;margin-top:0rem}:host(.listing-card) ::slotted([slot=slot-date]){font-weight:400;font-size:16px;line-height:19px;color:#282F35;margin-bottom:16px;display:inline-block}:host(.listing-card) ::slotted([slot=slot-description]){font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:400;font-size:1rem;line-height:19px;color:var(--color-gray-11);margin-bottom:39px}:host(.listing-card-horizontal) .card-border{width:325px;overflow:hidden;background:var(--color-white);box-shadow:var(--ptc-shadow-small);border-radius:3px;height:220px}:host(.listing-card-horizontal) .card-border:hover{background:var(--color-gray-02);box-shadow:var(--ptc-shadow-large)}:host(.listing-card-horizontal) .card-border:hover .card-media{background:var(--color-white)}:host(.listing-card-horizontal) .card-border:hover .card-media .smart-img{background:var(--color-white)}@media (min-width: 480px){:host(.listing-card-horizontal) .card-border{width:432px;height:178px}}@media (min-width: 768px){:host(.listing-card-horizontal) .card-border{width:704px;height:184px}}@media (min-width: 992px){:host(.listing-card-horizontal) .card-border{width:688px;height:166px}}@media (min-width: 1200px){:host(.listing-card-horizontal) .card-border{width:779px;height:170px}}:host(.listing-card-horizontal) .card-layout{display:flex;flex-direction:row;width:325px;height:220px}@media (min-width: 480px){:host(.listing-card-horizontal) .card-layout{width:432px;height:178px}}@media (min-width: 768px){:host(.listing-card-horizontal) .card-layout{width:704px;height:184px}}@media (min-width: 992px){:host(.listing-card-horizontal) .card-layout{width:688px;height:166px}}@media (min-width: 1200px){:host(.listing-card-horizontal) .card-layout{width:779px;height:170px}}:host(.listing-card-horizontal) .link-wrapper{outline:none;text-decoration:none}:host(.listing-card-horizontal) .link-wrapper:hover{outline:none;text-decoration:none}:host(.listing-card-horizontal) .card-media{width:325px;height:224px;transform:scale(1);transform-origin:center bottom;transition:transform var(--ptc-transition-medium) var(--ptc-standard-ease);transition-delay:var(--ptc-delay-medium);display:none}:host(.listing-card-horizontal) .card-media .smart-img{height:224px;width:325px}@media (min-width: 768px){:host(.listing-card-horizontal) .card-media .smart-img{width:275px;height:184px}}@media (min-width: 992px){:host(.listing-card-horizontal) .card-media .smart-img{width:224px;height:166px}}@media (min-width: 1200px){:host(.listing-card-horizontal) .card-media .smart-img{width:260px;height:170px}}@media (min-width: 768px){:host(.listing-card-horizontal) .card-media{display:block;width:275px;height:184px}}@media (min-width: 992px){:host(.listing-card-horizontal) .card-media{width:224px;height:166px}}@media (min-width: 1200px){:host(.listing-card-horizontal) .card-media{width:260px;height:170px}}:host(.listing-card-horizontal) .card-body{padding:16px 24px 0px 24px}@media only screen and (min-width: 768px){:host(.listing-card-horizontal) .card-body{width:505px}}@media only screen and (min-width: 1440px){:host(.listing-card-horizontal) .card-body{padding:24px 38px 0px 31px}}:host(.listing-card-horizontal) .card-body .card-date-text{display:flex;flex-direction:row}:host(.listing-card-horizontal) .card-body .card-date-text p{font-size:var(--ptc-font-size-xx-small);font-weight:400;line-height:19px;color:#282F35;margin-bottom:12px;display:inline-block;margin-top:0rem;margin-block-start:0rem}@media only screen and (min-width: 1200px){:host(.listing-card-horizontal) .card-body .card-date-text p{margin-bottom:20px}}@media only screen and (min-width: 1440px){:host(.listing-card-horizontal) .card-body .card-date-text p{margin-bottom:24px}}@media only screen and (min-width: 1600px){:host(.listing-card-horizontal) .card-body .card-date-text p{margin-bottom:32px}}:host(.listing-card-horizontal) .card-body .small{font-weight:400;font-size:16px;line-height:19px;color:#282F35;margin-bottom:12px;display:inline-block}@media (min-width: 992px){:host(.listing-card-horizontal) .card-body .small{margin-bottom:4px}}@media (min-width: 1200px){:host(.listing-card-horizontal) .card-body .small{margin-bottom:8px}}:host(.listing-card-horizontal) .card-body h3{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-x-small);line-height:19px;color:var(--color-gray-11);margin-bottom:8px;margin-top:0rem}@media (min-width: 768px){:host(.listing-card-horizontal) .card-body h3{margin-bottom:16px}}@media (min-width: 992px){:host(.listing-card-horizontal) .card-body h3{margin-bottom:12px}}@media (min-width: 1200px){:host(.listing-card-horizontal) .card-body h3{margin-bottom:16px}}@media only screen and (min-width: 768px){:host(.listing-card-horizontal) .card-body h3{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-loose);line-height:21px;color:var(--color-gray-11);margin-bottom:8px;margin-top:0rem}}:host(.listing-card-horizontal) ::slotted([slot=slot-description]){font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:400;font-size:1rem;line-height:19px;color:var(--color-gray-11);margin-bottom:19px;margin-top:0rem;margin-block-start:0rem}:host(.listing-card-horizontal) ::slotted([slot=slot-description]) p{margin-block-start:0rem}@media only screen and (min-width: 768px){:host(.listing-card-horizontal) ::slotted([slot=slot-description]){font-weight:400;font-size:14px;line-height:16px}}:host(.resource-center-card) .card-border{width:325px;overflow:hidden;background:var(--color-white);box-shadow:var(--ptc-shadow-small);border-radius:3px;height:442px;display:flex;flex-direction:row;margin-bottom:1rem}:host(.resource-center-card) .card-border:hover{background:var(--color-gray-02);box-shadow:var(--ptc-shadow-large)}:host(.resource-center-card) .card-border:hover .card-media{background:var(--color-white)}:host(.resource-center-card) .card-border:hover .card-media .smart-img{background:var(--color-white)}@media (min-width: 480px){:host(.resource-center-card) .card-border{width:433px;height:442px}}@media (min-width: 768px){:host(.resource-center-card) .card-border{width:336px;height:396px}}@media (min-width: 992px){:host(.resource-center-card) .card-border{width:287px;height:396px}}@media (min-width: 1200px){:host(.resource-center-card) .card-border{width:260px;height:396px}}@media (min-width: 1440px){:host(.resource-center-card) .card-border{width:260px;height:396px}}@media only screen and (min-width: 768px){:host(.resource-center-card) .card-border{margin-left:4px;margin-right:4px}}:host(.resource-center-card) .card-layout{display:block;position:relative}:host(.resource-center-card) .card-layout .ribbon-text{position:absolute;top:0;left:0;margin-right:100px;margin-top:24px;background-color:var(--color-white);padding:4px 24px;max-width:80%;font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-small);color:var(--color-gray-11);border-radius:0px 3px 3px 0px;box-shadow:var(--ptc-shadow-small)}:host(.resource-center-card) .link-wrapper{outline:none;text-decoration:none}:host(.resource-center-card) .link-wrapper:hover{outline:none;text-decoration:none}:host(.resource-center-card) .card-media{width:100%;height:250px;transform:scale(1);transform-origin:center bottom;transition:transform var(--ptc-transition-medium) var(--ptc-standard-ease);transition-delay:var(--ptc-delay-medium)}:host(.resource-center-card) .card-media .smart-img{height:250px}@media (min-width: 480px){:host(.resource-center-card) .card-media .smart-img{height:285px}}@media (min-width: 768px){:host(.resource-center-card) .card-media .smart-img{height:221px}}@media (min-width: 992px){:host(.resource-center-card) .card-media .smart-img{height:189px}}@media (min-width: 1200px){:host(.resource-center-card) .card-media .smart-img{height:173px}}@media (min-width: 1440px){:host(.resource-center-card) .card-media .smart-img{height:173px}}@media (min-width: 480px){:host(.resource-center-card) .card-media{height:285px}}@media (min-width: 768px){:host(.resource-center-card) .card-media{height:221px}}@media (min-width: 992px){:host(.resource-center-card) .card-media{height:189px}}@media (min-width: 1200px){:host(.resource-center-card) .card-media{height:173px}}@media (min-width: 1440px){:host(.resource-center-card) .card-media{height:173px}}:host(.resource-center-card) .card-body{padding:14px 20px 0px 20px}:host(.resource-center-card) .card-body .small{font-size:var(--ptc-font-size-x-small);font-weight:400;line-height:19px;color:#282F35;margin-bottom:24px;display:inline-block}:host(.resource-center-card) .card-body h3{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-loose);line-height:21px;color:var(--color-gray-11);margin-bottom:12px;margin-top:0rem}:host(.resource-center-card) ::slotted([slot=slot-description]){font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:400;font-size:1rem;line-height:19px;color:var(--color-gray-11);margin-bottom:39px}:host(.case-studies-card) .card-border{width:320px;overflow:hidden;background:var(--color-white);box-shadow:var(--ptc-shadow-small);border-radius:3px;height:447px;display:flex;flex-direction:row;margin-bottom:1rem}:host(.case-studies-card) .card-border:hover{background:var(--color-gray-02);box-shadow:var(--ptc-shadow-large)}:host(.case-studies-card) .card-border:hover .card-media{background:var(--color-white)}:host(.case-studies-card) .card-border:hover .card-media .smart-img{background:var(--color-white)}@media (min-width: 480px){:host(.case-studies-card) .card-border{width:431px;height:536px}}@media (min-width: 768px){:host(.case-studies-card) .card-border{width:335px;height:452px}}@media (min-width: 992px){:host(.case-studies-card) .card-border{width:288px;height:452px}}@media (min-width: 1200px){:host(.case-studies-card) .card-border{width:260px;height:452px}}@media (min-width: 1440px){:host(.case-studies-card) .card-border{width:260px;height:452px}}@media only screen and (min-width: 768px){:host(.case-studies-card) .card-border{margin-left:4px;margin-right:4px}}:host(.case-studies-card) .card-layout{display:block;position:relative}:host(.case-studies-card) .link-wrapper{outline:none;text-decoration:none}:host(.case-studies-card) .link-wrapper:hover{outline:none;text-decoration:none}:host(.case-studies-card) .card-media{width:100%;height:200px;transform:scale(1);transform-origin:center bottom;transition:transform var(--ptc-transition-medium) var(--ptc-standard-ease);transition-delay:var(--ptc-delay-medium)}:host(.case-studies-card) .card-media .smart-img{width:100%;height:200px}@media (min-width: 480px){:host(.case-studies-card) .card-media .smart-img{height:286px}}@media (min-width: 768px){:host(.case-studies-card) .card-media .smart-img{height:224px}}@media (min-width: 992px){:host(.case-studies-card) .card-media .smart-img{height:192px}}@media (min-width: 1200px){:host(.case-studies-card) .card-media .smart-img{height:173px}}@media (min-width: 1440px){:host(.case-studies-card) .card-media .smart-img{height:170px}}@media (min-width: 480px){:host(.case-studies-card) .card-media{height:286px}}@media (min-width: 768px){:host(.case-studies-card) .card-media{height:224px}}@media (min-width: 992px){:host(.case-studies-card) .card-media{height:192px}}@media (min-width: 1200px){:host(.case-studies-card) .card-media{height:173px}}@media (min-width: 1440px){:host(.case-studies-card) .card-media{height:170px}}:host(.case-studies-card) .card-body .card-logo-container{padding:8px 20px;border-bottom:1px solid #E4E7E9}:host(.case-studies-card) .card-body .card-logo-none{padding-top:16px}:host(.case-studies-card) .card-body .card-logo{max-width:280px;width:auto;height:40px;object-fit:cover;border:1px solid #E4E7E9;margin-bottom:8px}:host(.case-studies-card) .card-body .small{font-size:var(--ptc-font-size-x-small);font-weight:400;line-height:19px;color:#282F35;margin-bottom:24px;display:inline-block}:host(.case-studies-card) .card-body h3{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-loose);line-height:21px;color:var(--color-gray-11);margin:8px 20px 12px 20px}:host(.case-studies-card) ::slotted([slot=slot-date]){font-weight:400;font-size:16px;line-height:19px;color:#282F35;margin-bottom:24px;display:inline-block}:host(.case-studies-card) ::slotted([slot=slot-description]){font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:400;font-size:1rem;line-height:19px;color:var(--color-gray-11);margin:0px 20px 39px 20px}.ptc-h3.uppercase{text-transform:uppercase}.ptc-h3.capitalize{text-transform:capitalize}.ptc-h3.lowercase{text-transform:lowercase}.ptc-h3.none{text-transform:none}';const o=class{constructor(i){t(this,i),this.year=1900,this.month=0,this.day=1,this.country="en-US",this.dateString=void 0,this.dateColor=void 0,this.dateStyles=void 0,this.dataSize="small"}render(){const t=this.getCssClassMap();return i(e,{class:t},this.dateStyles&&i("style",null,this.dateStyles),i("span",{part:"part-ptc-date"},this.getDate().toLocaleDateString(this.country,{year:"numeric",month:"short",day:"numeric"})))}getCssClassMap(){return{[this.dateColor]:!!this.dateColor,[this.dataSize]:!!this.dataSize}}getDate(){return this.dateString?new Date(this.dateString.replace(/-/g,"/")):new Date(this.year,this.month-1,this.day)}};o.style=":host{display:block}:host(.small) span{font-size:var(--ptc-font-size-xx-small)}:host(.medium) span{font-size:var(--ptc-font-size-x-small)}:host(.primary-grey){color:var(--color-primary-gray-new)}:host(.white) span{color:var(--color-white)}:host(.date-m-top){margin-top:var(--ptc-element-spacing-01)}";let s={envs:["xs","sm","md","lg"],selector:".ptc-img",interval:250},n={envs:["xs","sm","md","lg"],selector:".ptc-picture",interval:250};const d=class{constructor(i){t(this,i),this.sizeXs="510x340",this.sizeSm="1240x496",this.sizeMd="1366x500",this.sizeLg="1920x1080",this.imgUrl=void 0,this.imageType="smart-bg",this.borderRadius="",this.loadMode="lazy-bg"}WindowResize(){this.setResponsiveBg()}render(){const t=this.getCssClassMap();return i(e,null,i("div",{class:t,"data-xs":`${this.imgUrl}:${this.sizeXs}`,"data-sm":`${this.imgUrl}:${this.sizeSm}`,"data-md":`${this.imgUrl}:${this.sizeMd}`,"data-lg":`${this.imgUrl}:${this.sizeLg}`},"smart-bg"==this.imageType?i("slot",null):null))}componentDidLoad(){this.addIntersectionObserver(),this.setResponsiveBg()}componentWillUpdate(){this.addIntersectionObserver(),this.setResponsiveBg()}setResponsiveBg(){let t,i,e=(this.el||document).querySelectorAll(s.selector),a=this.getCurrentBreakPoints();for(var r=0,o=e.length;r<o;r++)t=e[r],i=t.getAttribute("data-"+a),null!==i?t.style.backgroundImage="url('"+i+"')":"object"==typeof console&&console.warn("Data attribute: data-"+a+" not found on element:\n\n"+t.outerHTML+"\n\n\n")}addIntersectionObserver(){if(this.imgUrl){if("IntersectionObserver"in window){let t=(this.el||document).querySelectorAll(".lazy-bg"),i=new IntersectionObserver((t=>{t.forEach((t=>{if(t.isIntersecting){const e=t.target;e.classList.remove("lazy-bg"),i.unobserve(e)}}))}));t.forEach((t=>{i.observe(t)}))}}else console.log("no image!")}getCssClassMap(){return{[this.imageType]:!0,"ptc-img":!0,[this.borderRadius]:!0,[this.loadMode]:!0}}getCurrentBreakPoints(){let t,i=window.document,e=i.createElement("div");i.body.appendChild(e);for(let a=s.envs.length-1;a>=0;a--)if(t=s.envs[a],e.className="hidden-"+t,null===e.offsetParent)return i.body.removeChild(e),t;return i.body.removeChild(e),this.getFallbackBreakpoint()}getFallbackBreakpoint(){return window.matchMedia("(min-width: 992px)").matches?"lg":window.matchMedia("(min-width: 768px)").matches?"md":window.matchMedia("(min-width: 576px)").matches?"sm":"xs"}get el(){return a(this)}};d.style=".smart-bg{width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:50% 50%}.smart-img{position:absolute;display:block;width:100%;height:100%;top:0;left:0;background-size:cover;background-repeat:no-repeat;background-position:50% 50%}.radius-standard{border-radius:var(--ptc-border-radius-standard)}.radius-large{border-radius:var(--ptc-border-radius-large)}.lazy-bg{background-image:none !important;background-color:var(--color-gray-03)}@media only screen and (min-width: 768px){.hidden-xs{display:none !important}}@media (min-width: 768px) and (max-width: 991px){.hidden-sm{display:none !important}}@media (min-width: 992px) and (max-width: 1199px){.hidden-md{display:none !important}}@media only screen and (min-width: 768px){.hidden-lg{display:none !important}}";const h=class{constructor(i){t(this,i),this.fontSize="x-small",this.fontWeight="w-4",this.paraStyle="default",this.paraColor="primary-grey",this.paraLineH="line-height-normal",this.paraMargin=void 0,this.ellipsisLineCutoff=void 0}render(){const t=this.getCssClassMap(),a=this.addWhiteClass(),r=this.getLineCuttoff();return i(e,{class:a},i("p",{class:t,part:"part-para",style:r},i("slot",null)))}getCssClassMap(){return{[this.fontSize]:!0,[this.fontWeight]:!0,[this.paraStyle]:!0,[this.paraMargin]:!!this.paraMargin,[this.paraColor]:!0,[this.paraLineH]:!0,"ellipsis-boxing":this.ellipsisLineCutoff&&this.ellipsisLineCutoff>0}}addWhiteClass(){if("white"==this.paraColor)return{[this.paraColor]:!0}}getLineCuttoff(){let t;return this.ellipsisLineCutoff&&this.ellipsisLineCutoff>0&&(t={"-webkit-line-clamp":`${this.ellipsisLineCutoff}`}),t}};h.style=":host{z-index:1}:host(.white){color:var(--color-white)}p.default{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;}p.main{text-shadow:0 3px 6px var(--color-white);line-height:var(--ptc-line-height-dense);color:var(--color-gray-10)}p.primary-grey{color:var(--color-gray-10)}p.white{color:var(--color-white)}p.xxx-small{font-size:var(--ptc-font-size-xxx-small)}p.xx-small{font-size:var(--ptc-font-size-xx-small)}p.x-small{font-size:var(--ptc-font-size-x-small)}p.small{font-size:var(--ptc-font-size-small)}p.medium{font-size:var(--ptc-font-size-medium)}p.large{font-size:var(--ptc-font-size-large)}p.x-large{font-size:var(--ptc-font-size-x-large)}p.xx-large{font-size:var(--ptc-font-size-xx-large)}p.xxx-large{font-size:var(--ptc-font-size-xxx-large)}p.xxxx-large{font-size:var(--ptc-font-size-xxxx-large)}p.w-3{font-weight:var(--ptc-font-weight-thin)}p.w-4{font-weight:var(--ptc-font-weight-regular)}p.w-5{font-weight:var(--ptc-font-weight-medium)}p.w-6{font-weight:var(--ptc-font-weight-semibold)}p.w-7{font-weight:var(--ptc-font-weight-bold)}p.w-8{font-weight:var(--ptc-font-weight-extrabold)}p.w-9{font-weight:var(--ptc-font-weight-black)}p.margin-flush{margin-top:0;margin-bottom:0}p.margin-top-1{margin-top:var(--ptc-element-spacing-01);margin-bottom:0}p.margin-top-2{margin-top:var(--ptc-element-spacing-02);margin-bottom:0}p.margin-top-3{margin-top:var(--ptc-element-spacing-03);margin-bottom:0}p.margin-top-4{margin-top:var(--ptc-element-spacing-04);margin-bottom:0}p.margin-top-5{margin-top:var(--ptc-element-spacing-05);margin-bottom:0}p.margin-top-6{margin-top:var(--ptc-element-spacing-06);margin-bottom:0}p.margin-bottom-1{margin-bottom:var(--ptc-element-spacing-01);margin-top:0}p.margin-bottom-2{margin-bottom:var(--ptc-element-spacing-02);margin-top:0}p.margin-bottom-3{margin-bottom:var(--ptc-element-spacing-03);margin-top:0}p.margin-bottom-4{margin-bottom:var(--ptc-element-spacing-04);margin-top:0}p.margin-bottom-5{margin-bottom:var(--ptc-element-spacing-05);margin-top:0}p.margin-bottom-6{margin-bottom:var(--ptc-element-spacing-06);margin-top:0}p.margin-1{margin-top:var(--ptc-element-spacing-01);margin-bottom:var(--ptc-element-spacing-01)}p.margin-2{margin-top:var(--ptc-element-spacing-02);margin-bottom:var(--ptc-element-spacing-02)}p.margin-3{margin-top:var(--ptc-element-spacing-03);margin-bottom:var(--ptc-element-spacing-03)}p.margin-4{margin-top:var(--ptc-element-spacing-04);margin-bottom:var(--ptc-element-spacing-04)}p.margin-5{margin-top:var(--ptc-element-spacing-05);margin-bottom:var(--ptc-element-spacing-05)}p.margin-6{margin-top:var(--ptc-element-spacing-06);margin-bottom:var(--ptc-element-spacing-06)}p.line-height-densest{line-height:var(--ptc-line-height-densest)}p.line-height-denser{line-height:var(--ptc-line-height-denser)}p.line-height-p{line-height:var(--ptc-line-height-p)}p.line-height-dense{line-height:var(--ptc-line-height-dense)}p.line-height-normal{line-height:var(--ptc-line-height-normal)}p.line-height-loose{line-height:var(--ptc-line-height-loose)}p.line-height-looser{line-height:var(--ptc-line-height-looser)}p.announcement{text-transform:uppercase;font-size:var(--ptc-font-size-small);color:var(--color-gray-07);line-height:var(--ptc-line-height-looser);letter-spacing:var(--ptc-letter-spacing-loose)}p.ellipsis-boxing{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;overflow-wrap:break-word}";const c=class{constructor(i){t(this,i),this.src=void 0,this.alt="image",this.sizeXs="510x340",this.sizeSm="1240x496",this.sizeMd="1366x500",this.sizeLg="1920x1080",this.oldSrc=void 0,this.imagePosition="static",this.borderRadius=void 0,this.height=void 0,this.width=void 0,this.objectFit="cover",this.isFullHeight=!1,this.isFullWidth=!1,this.styles=void 0,this.imageAlignment="left",this.maxWidth=void 0}WindowResize(){this.addIntersectionObserver()}componentDidLoad(){this.addIntersectionObserver()}componentWillUpdate(){this.src!==this.oldSrc&&this.addIntersectionObserver(),this.oldSrc=this.src}addIntersectionObserver(){if(this.src)if("IntersectionObserver"in window){let t=new IntersectionObserver((i=>{i.forEach((i=>{if(i.isIntersecting){const i=this.el.shadowRoot.querySelector("img");i.src=this.setResponsiveBg(),console.log("loaded"),t.unobserve(i)}}))}));t.observe(this.el.shadowRoot.querySelector("img"))}else setTimeout((()=>{const t=this.el.shadowRoot.querySelector("img");t.src=this.setResponsiveBg(),t.onload=()=>{t.removeAttribute("data-src"),console.log("loaded fallback")}}),5e3)}setResponsiveBg(){let t,i,e=(this.el.shadowRoot||document).querySelectorAll("img"),a=this.getCurrentBreakPoints();for(var r=0,o=e.length;r<o;r++){if(t=e[r],i=t.getAttribute("data-"+a),null!==i)return i;"object"==typeof console&&console.warn("Data attribute: data-"+a+" not found on element:\n\n"+t.outerHTML+"\n\n\n")}}render(){const t=this.getCssClassMap(),a=this.getCssClassMapHost();return i(e,{class:a},this.styles&&i("style",null,this.styles),i("img",Object.assign({class:t,"data-xs":this.sizeXs?`${this.src}:${this.sizeXs}`:`${this.src}`,"data-sm":this.sizeSm?`${this.src}:${this.sizeSm}`:`${this.src}`,"data-md":this.sizeMd?`${this.src}:${this.sizeMd}`:`${this.src}`,"data-lg":this.sizeLg?`${this.src}:${this.sizeLg}`:`${this.src}`},this.width?{width:this.width}:{},this.height?{height:this.height}:{},{alt:this.alt,style:Object.assign({},this.maxWidth?{maxWidth:this.maxWidth+"px"}:{})})),i("slot",null))}getCurrentBreakPoints(){let t,i=window.document,e=i.createElement("div");i.body.appendChild(e);for(let a=n.envs.length-1;a>=0;a--)if(t=n.envs[a],e.className="hidden-"+t,null===e.offsetParent)return i.body.removeChild(e),t;return i.body.removeChild(e),this.getFallbackBreakpoint()}getFallbackBreakpoint(){return window.matchMedia("(min-width: 992px)").matches?"lg":window.matchMedia("(min-width: 768px)").matches?"md":window.matchMedia("(min-width: 576px)").matches?"sm":"xs"}getCssClassMap(){return{[this.borderRadius]:!!this.borderRadius,[this.objectFit]:!0,[this.isFullHeight?"is-full-height":"is-normal-height"]:!0,[this.isFullWidth?"is-full-width":"is-normal-width"]:!0}}getCssClassMapHost(){return{[this.imagePosition]:!0,[this.imageAlignment]:!0}}get el(){return a(this)}};c.style=":host{display:block;overflow:hidden}:host img{display:block}:host(.relative){position:relative}:host(.static){position:static}:host(.absoltue){position:absolute}img{max-width:100%}.cover{object-fit:cover}.fill{object-fit:fill}.contain{object-fit:contain}.scale-down{object-fit:scale-down}.none{object-fit:none}.initial{object-fit:initial}.inherit{object-fit:inherit}.radius-standard{border-radius:var(--ptc-border-radius-standard)}.radius-large{border-radius:var(--ptc-border-radius-large)}.is-full-height{height:100%}.is-full-width{width:100%}:host(.left){text-align:left}:host(.right){text-align:right}:host(.center){text-align:center}";const l=class{constructor(i){t(this,i),this.breakpoint="",this.size="medium",this.direction="vertical"}render(){const t=this.getCssClassMap();return i(e,{class:t})}getCssClassMap(){return{[this.size]:!0,"ptc-spacer-horizontal":"horizontal"===this.direction,"ptc-spacer-vertical":"vertical"===this.direction,"ptc-spacer-xx-small":"xx-small"===this.breakpoint,"ptc-spacer-x-small":"x-small"===this.breakpoint,"ptc-spacer-small":"small"===this.breakpoint,"ptc-spacer-medium":"medium"===this.breakpoint,"ptc-spacer-large":"large"===this.breakpoint,"ptc-spacer-x-large":"x-large"===this.breakpoint,"ptc-spacer-xx-large":"xx-large"===this.breakpoint}}};l.style=":host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:relative;display:block;width:12px;min-width:12px;height:12px}@media (min-width: 36em){:host{width:16px;min-width:16px;height:16px}}:host(.ptc-spacer-horizontal){display:inline-block;height:100% !important}:host(.ptc-spacer-horizontal.xx-small){width:4px;min-width:4px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.xx-small){width:4px;min-width:4px}}:host(.ptc-spacer-horizontal.x-small){width:4px;min-width:4px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.x-small){width:8px;min-width:8px}}:host(.ptc-spacer-horizontal.small){width:8px;min-width:8px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.small){width:12px;min-width:12px}}:host(.ptc-spacer-horizontal.medium){height:100%}:host(.ptc-spacer-horizontal.large){width:16px;min-width:16px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.large){width:20px;min-width:20px}}:host(.ptc-spacer-horizontal.x-large){width:20px;min-width:20px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.x-large){width:28px;min-width:28px}}:host(.ptc-spacer-horizontal.xx-large){width:28px;min-width:28px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.xx-large){width:36px;min-width:36px}}:host(.ptc-spacer-horizontal.xxx-large){width:36px;min-width:36px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.xxx-large){width:48px;min-width:48px}}:host(.ptc-spacer-horizontal.xxxx-large){width:48px;min-width:48px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.xxxx-large){width:72px;min-width:72px}}:host(.ptc-spacer-vertical.xx-small){width:100%;height:4px;min-height:4px}:host(.ptc-spacer-vertical.x-small){width:100%;height:4px;min-height:4px}@media (min-width: 36em){:host(.ptc-spacer-vertical.x-small){height:8px;min-height:8px}}:host(.ptc-spacer-vertical.small){width:100%;height:8px;min-height:8px}@media (min-width: 36em){:host(.ptc-spacer-vertical.small){height:12px;min-height:12px}}:host(.ptc-spacer-vertical.medium){width:100%}:host(.ptc-spacer-vertical.large){width:100%;height:16px;min-height:16px}@media (min-width: 36em){:host(.ptc-spacer-vertical.large){height:20px;min-height:20px}}:host(.ptc-spacer-vertical.x-large){width:100%;height:20px;min-height:20px}@media (min-width: 36em){:host(.ptc-spacer-vertical.x-large){height:28px;min-height:28px}}:host(.ptc-spacer-vertical.xx-large){width:100%;height:28px;min-height:28px}@media (min-width: 36em){:host(.ptc-spacer-vertical.xx-large){height:36px;min-height:36px}}:host(.ptc-spacer-vertical.xxx-large){width:100%;height:36px;min-height:36px}@media (min-width: 36em){:host(.ptc-spacer-vertical.xxx-large){height:48px;min-height:48px}}:host(.ptc-spacer-vertical.xxxx-large){width:100%;height:48px;min-height:48px}@media (min-width: 36em){:host(.ptc-spacer-vertical.xxxx-large){height:72px;min-height:72px}}:host(.ptc-spacer-vertical.space-144){width:100%;height:144px;min-height:144px}:host(.ptc-spacer-vertical.space-120){width:100%;height:120px;min-height:120px}:host(.ptc-spacer-vertical.space-128){width:100%;height:128px;min-height:128px}:host(.ptc-spacer-xx-small){display:none}@media (max-width: 22.5em){:host(.ptc-spacer-xx-small){display:block}}:host(.ptc-spacer-x-small){display:none}@media (max-width: 35.9375em){:host(.ptc-spacer-x-small){display:block}}:host(.ptc-spacer-small){display:none}@media (min-width: 36em){:host(.ptc-spacer-small){display:block}}:host(.ptc-spacer-medium){display:none}@media (min-width: 48em){:host(.ptc-spacer-medium){display:block}}:host(.ptc-spacer-large){display:none}@media (min-width: 62em){:host(.ptc-spacer-large){display:block}}:host(.ptc-spacer-x-large){display:none}@media (min-width: 64.0625em){:host(.ptc-spacer-x-large){display:block}}:host(.ptc-spacer-xx-large){display:none}@media (min-width: 76.25em){:host(.ptc-spacer-xx-large){display:block}}";export{r as ptc_card,o as ptc_date,d as ptc_img,h as ptc_para,c as ptc_picture,l as ptc_spacer}
@@ -1 +0,0 @@
1
- import{r as t,h as o,H as e}from"./p-009001dc.js";const r=class{constructor(o){t(this,o),this.disabled=!1,this.external=!1,this.href=void 0,this.target="_self",this.linkTitle=void 0,this.theme="simple",this.uppercase=!1,this.fontSize="medium"}render(){const t=this.getCssClassMap();return o(e,null,o("a",{class:t,href:this.href,target:this.external?"_blank":this.target,title:this.linkTitle},"arrow"==this.theme?o("icon-asset",{type:"solid",size:"x-small",name:"arrow-right"}):"","arrow-plm"==this.theme?o("icon-asset",{type:"ptc",size:"xxx-small",name:"button-arrow-right"}):"",o("slot",null)))}getCssClassMap(){return{"ptc-link":!0,[this.theme]:!0,uppercase:this.uppercase,disabled:this.disabled,[this.fontSize]:!0}}};r.style=':host{display:block}.disabled{pointer-events:none;cursor:default;text-decoration:none}.ptc-link{display:inline-block;color:var(--color-gray-10);font-weight:var(--ptc-font-weight-black);position:relative;line-height:var(--ptc-line-height-normal);outline:none;text-decoration:none}.simple::after{content:"";position:absolute;width:100%;left:0px;bottom:2px;transition:opacity var(--ptc-transition-fast) var(--ptc-ease-inout);border-bottom:2px solid var(--color-green-07);opacity:0}.simple:hover.simple::after{opacity:1}.product-link{font-weight:var(--ptc-font-weight-extrabold)}.product-link::after{content:"";position:absolute;width:100%;left:0px;bottom:2px;transition:opacity var(--ptc-transition-fast) var(--ptc-ease-inout);border-bottom:2px solid var(--color-green-07);opacity:1;color:var(--color-green-07)}.product-link:hover.product-link{color:var(--color-green-07)}.product-link:hover.product-link::after{opacity:1}.arrow{margin-right:var(--ptc-element-spacing-01)}.arrow::after{position:absolute;display:block;content:"";width:var(--ptc-element-spacing-07);border-bottom:2px solid var(--color-green-07);bottom:1px;transition:width var(--ptc-transition-fast) var(--ptc-ease-inout)}.arrow:hover.arrow::after{width:100%}.underline{border-bottom:2px solid var(--color-green-07)}.underline:hover{color:#00890B;border-bottom:2px solid #00890B}.uppercase{text-transform:uppercase}.small{font-size:var(--ptc-font-size-xx-small)}.medium{font-size:var(--ptc-font-size-x-small)}.large{font-size:var(--ptc-font-size-medium)}.ptc-link.arrow icon-asset{position:absolute;right:-25px;transition:transform var(--ptc-transition-fast) var(--ptc-ease-inout);transform:translateY(2px)}.ptc-link.arrow icon-asset svg{fill:var(--color-green-07) !important}.ptc-link.arrow-plm icon-asset{position:absolute;right:-6.75px;transform:translate(100%, 3%)}.ptc-link.arrow-plm svg{fill:var(--color-green-07) !important}.ptc-link:hover.arrow icon-asset{transform:translate(var(--ptc-element-spacing-04), 2px)}.nav-title:focus,.nav-title-link:focus,.primary-nav-link:focus,.secondary-nav-link:focus,.footer-nav-link:focus,.copyright-link:focus{outline:3px solid var(--color-blue-07);outline-offset:2px}.nav-title{box-sizing:border-box;color:var(--color-white);display:inline-block;font-size:var(--ptc-font-size-x-small);font-stretch:100%;font-weight:var(--ptc-font-weight-extrabold);letter-spacing:var(--ptc-letter-spacing-normal);line-height:var(--ptc-line-height-dense);list-style:none;margin-bottom:var(--ptc-element-spacing-02);text-align:left}.primary-nav-link{background-color:transparent;box-sizing:border-box;color:var(--color-gray-01);display:inline-block;font-size:var(--ptc-font-size-x-small);font-stretch:100%;font-weight:var(--ptc-font-weight-extrabold);letter-spacing:var(--ptc-letter-spacing-normal);line-height:var(--ptc-line-height-dense);list-style:none;margin:var(--ptc-element-spacing-01) var(--ptc-element-spacing-03);padding:var(--ptc-element-spacing-02) var(--ptc-element-spacing-06);position:relative;text-decoration:none;transition:background-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.primary-nav-link:hover{border-radius:var(--ptc-border-radius-standard);background-color:var(--color-gray-12);text-decoration:none;outline:none}.nav-title-link{background-color:transparent;box-sizing:border-box;color:var(--color-white);font-size:var(--ptc-font-size-xxx-small);font-stretch:100%;font-weight:var(--ptc-font-weight-extrabold);line-height:var(--ptc-line-height-densest);list-style:none;text-align:left;text-decoration-color:var(--color-white);text-decoration:none;transition:border-color var(--ptc-transition-medium) var(--ptc-ease-inout);border-bottom:1.5px solid transparent;display:inline-block}.nav-title-link:hover{color:var(--color-white);border-bottom:1.5px solid var(--color-green-06)}.secondary-nav-link{display:inline-block;background-color:transparent;box-sizing:border-box;color:var(--color-white);font-size:var(--ptc-font-size-xxx-small);font-stretch:100%;font-style:normal;font-weight:var(--ptc-font-weight-semibold);letter-spacing:var(--ptc-letter-spacing-normal);line-height:var(--ptc-line-height-densest);list-style:none;margin-bottom:var(--ptc-element-spacing-03);text-align:left;text-decoration:none;transition:border-color var(--ptc-transition-medium) var(--ptc-ease-inout);border-bottom:1.5px solid transparent;white-space:nowrap}.secondary-nav-link:hover{color:var(--color-white);border-bottom:1.5px solid var(--color-green-06);border-radius:0;text-decoration:none}.footer-nav-link{color:var(--color-white);transition:border var(--ptc-transition-medium) var(--ptc-ease-inout), color var(--ptc-transition-medium) var(--ptc-ease-inout);border-bottom:1px solid transparent;outline:none;text-decoration:none;font-weight:var(--ptc-font-weight-semibold);letter-spacing:var(--ptc-letter-spacing-normal);line-height:var(--ptc-line-height-densest);text-align:left;font-size:var(--ptc-font-size-x-small)}.footer-nav-link:hover{outline:none;text-decoration:none;border-bottom:0.1rem solid var(--color-green-06);color:var(--color-green-06)}.copyright-link{color:var(--color-white);font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-normal);line-height:var(--ptc-line-height-loose);display:inline-block}.arrow-plm{color:var(--color-white);font-weight:var(--ptc-font-weight-extrabold);line-height:var(--ptc-line-height-densest);text-decoration:underline;text-decoration-thickness:1px;text-decoration-color:transparent;text-underline-offset:2px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.arrow-plm:hover{text-decoration-color:var(--color-green-07)}';export{r as ptc_link}
@@ -1 +0,0 @@
1
- import{r as o,c as r,h as a,H as e,g as t}from"./p-009001dc.js";const i=class{constructor(a){o(this,a),this.closed=r(this,"closed",7),this.opened=r(this,"opened",7),this.iframeUrl=void 0,this.size="sm",this.show=!1,this.overlay=!0,this.fixed=!1,this.closeOnBlur=!1,this.rounded=!1,this.showHeaderFooter=!1,this.overlayHeight=void 0,this.bodyOverflowSetting=void 0}fireOnClosed(o){this.closed.emit(o)}fireOnOpened(o){this.opened.emit(o)}componentWillLoad(){let o=document.querySelector("body");this.bodyOverflowSetting={overflowY:o.style.overflowY,overflowX:o.style.overflowX}}componentWillRender(){let o=document.querySelector("body");o&&(this.show?(o.style.overflowY="scroll",o.style.overflowX="hidden"):(o.style.overflowY=this.bodyOverflowSetting.overflowY,o.style.overflowX=this.bodyOverflowSetting.overflowX))}componentDidLoad(){this.show&&this.fireOnOpened(this),this.showHeaderFooter&&this.handleScroll()}componentDidUpdate(){this.show?this.fireOnOpened(this):this.fireOnClosed(this)}resizeIframe(o){let r=o.target;setTimeout((()=>{try{r.height=`${r.contentDocument.body.scrollHeight}px`}catch(o){console.log(o),r.height="616px",r.removeAttribute("scrolling")}r.classList.add("ready")}),50)}handleScroll(){let o=this.el.shadowRoot.querySelector(".shadow-scroller");if(o){let t=o.querySelector(".modal-body");var r=t.scrollHeight,a=t.scrollTop,e=t.offsetHeight;t.clientHeight<r&&(a>0?o.classList.add("scroll-top"):o.classList.remove("scroll-top"),e+a<r?o.classList.add("scroll-bottom"):o.classList.remove("scroll-bottom"))}}close(){this.show=!1}render(){let o,r,t=this.iframeUrl?"frame":"html",i=a("div",{class:"close"},a("a",{href:"#",onClick:o=>{o.preventDefault(),this.close()}},a("svg",{xmlns:"http://www.w3.org/2000/svg",width:"14",height:"14",viewBox:"0 0 14 14",fill:"none"},a("path",{d:"M1 1L13 13",stroke:"black"}),a("path",{d:"M13 1L1 13",stroke:"black"}))));return o=this.iframeUrl?a("iframe",{src:this.iframeUrl,frameBorder:0,allowFullScreen:!1,height:"100%",width:"100%",scrolling:"no",onLoad:this.resizeIframe}):a("slot",this.showHeaderFooter?{name:"body"}:null),this.overlay&&(r=a("div",this.closeOnBlur?{class:"overlay",onClick:()=>this.close()}:{class:"overlay"})),a(e,null,a("div",{class:`wrapper ${this.show?"show":"hide"} ${this.fixed?"fixed":""} `},r,a("div",{class:`modal-popup ${this.size} ${t} ${this.rounded?"rounded":""} ${this.showHeaderFooter?"shadow-scroller":""} `},this.showHeaderFooter?[a("div",{class:"modal-header"},a("slot",{name:"header"}),i),a("div",{class:"modal-body",onScroll:()=>this.handleScroll()},o),a("div",{class:"modal-footer"},a("slot",{name:"footer"}))]:[i,a("div",{class:"modal-body"},o)])))}get el(){return t(this)}};i.style=":host{display:block}.wrapper{position:absolute;width:100vw;height:100%;top:0;left:0;z-index:3000;display:none}.wrapper.fixed{position:fixed}.wrapper .modal-popup{margin:7.5rem auto 1rem;background-color:var(--color-white);box-shadow:var(--ptc-shadow-large);max-width:22.5625rem;width:80%;display:flex;flex-direction:column;align-items:flex-end;align-content:flex-end;z-index:3020;transform:translateY(-100%)}@media only screen and (min-width: 992px){.wrapper .modal-popup{max-width:29.125rem}}.wrapper .modal-popup.md{max-width:44.125rem}.wrapper .modal-popup.lg{max-width:56.25rem}.wrapper .modal-popup.xl{max-width:64.0625rem}.wrapper .modal-popup .modal-body{width:100%}.wrapper .modal-popup .modal-body iframe{opacity:0;overflow:hidden;width:100%;border:0;transition:opacity var(--ptc-ease-inout) var(--ptc-transition-medium)}.wrapper .modal-popup .modal-body iframe.ready{opacity:1}.wrapper .modal-popup .modal-body.frame{overflow:hidden}.wrapper .modal-popup .modal-body.html{overflow:hidden}.wrapper .modal-popup .close{margin-right:var(--ptc-element-spacing-03);margin-top:var(--ptc-element-spacing-03)}.wrapper .modal-popup.shadow-scroller{max-height:756px}.wrapper .modal-popup.shadow-scroller .modal-header{transition:box-shadow ease-in-out 250ms;position:relative;min-height:57px;border-bottom:1px solid var(--color-gray-02);width:100%}.wrapper .modal-popup.shadow-scroller .modal-header .close{position:absolute;top:var(--spacing-md);right:var(--spacing-md);margin:0}.wrapper .modal-popup.shadow-scroller .modal-body{min-height:200px;overflow-x:hidden;overflow-y:auto}.wrapper .modal-popup.shadow-scroller .modal-footer{transition:box-shadow ease-in-out 250ms;width:100%;min-height:72px;border-top:1px solid var(--color-gray-02);padding-top:1rem}.wrapper .modal-popup.shadow-scroller.scroll-top .modal-header{box-shadow:0px 4px 12px rgba(0, 0, 0, 0.12)}.wrapper .modal-popup.shadow-scroller.scroll-bottom .modal-footer{box-shadow:0px -8px 12px rgba(0, 0, 0, 0.12)}.wrapper.show{display:flex;align-items:flex-start}.wrapper.show .modal-popup{transform:translateY(0)}.wrapper.show .modal-popup.rounded{border-radius:var(--ptc-border-radius-standard)}.overlay{width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:3010;display:block;background-color:rgba(0, 0, 0, 0.6)}";export{i as ptc_modal}
@@ -1 +0,0 @@
1
- import{r as t,h as a,H as o}from"./p-009001dc.js";const s=class{constructor(a){t(this,a),this.cardType=void 0,this.cardLink=void 0,this.linkTitle=void 0,this.linkTarget="_self"}render(){const t=this.getCssClassMap();return a(o,{class:t},a(this.cardLink?"a":"div",Object.assign({},this.cardLink?{href:this.cardLink}:{},this.linkTarget&&this.cardLink?{target:this.linkTarget}:{},this.cardLink?{title:this.linkTitle?this.linkTitle:this.cardLink}:{}),a("slot",null)))}getCssClassMap(){return{[this.cardType]:!!this.cardType}}};s.style=":host{display:block}:host(.card-tall),:host(.card-wide),:host(.card-video),:host(.card-playlist),:host(.card-2up){position:relative}:host(.card-tall) a,:host(.card-wide) a,:host(.card-video) a,:host(.card-playlist) a,:host(.card-2up) a{text-decoration:none !important}:host(.card-tall) a:hover,:host(.card-wide) a:hover,:host(.card-video) a:hover,:host(.card-playlist) a:hover,:host(.card-2up) a:hover{text-decoration:none}:host(.card-tall) a:focus,:host(.card-wide) a:focus,:host(.card-video) a:focus,:host(.card-playlist) a:focus,:host(.card-2up) a:focus{outline:none;text-decoration:none}:host(.card-tall) a:focus-visible,:host(.card-wide) a:focus-visible,:host(.card-video) a:focus-visible,:host(.card-playlist) a:focus-visible,:host(.card-2up) a:focus-visible{outline:none;text-decoration:none}:host(.card-playlist) div,:host(.card-playlist) a{display:flex;text-decoration:none;outline:none}:host(.card-playlist) div:hover,:host(.card-playlist) a:hover{text-decoration:none;outline:none}:host(.card-video-intro){border-bottom-left-radius:var(--ptc-border-radius-large);border-bottom-right-radius:var(--ptc-border-radius-large)}:host(.card-video-intro) div{display:block}:host(.card-video-shadow){box-shadow:var(--ptc-shadow-x-small)}:host(.card-video-p){padding:var(--ptc-element-spacing-05);padding-bottom:var(--ptc-element-spacing-06)}:host(.card-m-right){margin-right:var(--ptc-element-spacing-02)}:host(.card-m-left){margin-left:var(--ptc-element-spacing-02)}@media only screen and (min-width: 768px){:host(.card-m-right){margin-right:var(--ptc-element-spacing-03)}:host(.card-m-left){margin-left:var(--ptc-element-spacing-03)}}@media only screen and (min-width: 992px){:host(.card-m-right){margin-right:var(--ptc-element-spacing-04)}:host(.card-m-left){margin-left:var(--ptc-element-spacing-04)}}@media only screen and (min-width: 1200px){:host(.card-video-intro) div{display:flex}}";export{s as ptc_card_plm}
@@ -1 +0,0 @@
1
- import{r as t,c as e,h as o,H as s,g as r}from"./p-009001dc.js";const a=class{constructor(o){t(this,o),this.hoverEvent=e(this,"hoverEvent",7),this.leaveEvent=e(this,"leaveEvent",7),this.cardType=void 0,this.styles=void 0}hoverEventHandler(){this.hoverEvent.emit(),this.el.classList.contains("card-video")||this.el.classList.contains("card-playlist")||(this.el.previousElementSibling.classList.add("mouse-hover"),this.el.classList.add("mouse-hover-card-bottom"))}leaveEventHandler(){this.hoverEvent.emit(),this.el.classList.contains("card-video")||this.el.classList.contains("card-playlist")||(this.el.previousElementSibling.classList.remove("mouse-hover"),this.el.classList.remove("mouse-hover-card-bottom"))}render(){const t=this.getCssClassMap();return o(s,{class:t,onMouseEnter:this.hoverEventHandler.bind(this),onMouseLeave:this.leaveEventHandler.bind(this)},this.styles&&o("style",null,this.styles),o("div",{class:"ptc-card-bottom-wrapper"},o("slot",null)))}getCssClassMap(){return{[this.cardType]:!!this.cardType}}get el(){return r(this)}};a.style=":host{display:block}:host(.card-tall) .ptc-card-bottom-wrapper,:host(.card-wide) .ptc-card-bottom-wrapper{position:absolute;bottom:0;left:0;padding:0 var(--ptc-element-spacing-07) var(--ptc-element-spacing-07) var(--ptc-element-spacing-06);z-index:2}:host(.card-2up) .ptc-card-bottom-wrapper{position:absolute;bottom:0;left:0;padding:0px 24px 24px 16px}:host(.card-playlist){flex:72% 2 1;align-self:center}:host(.mouse-hover-card-bottom) .ptc-card-bottom-wrapper{z-index:5;cursor:pointer}@media only screen and (min-width: 768px){:host(.card-2up) .ptc-card-bottom-wrapper{padding:0 32px 32px 24px}}@media only screen and (min-width: 1200px){:host(.card-video-intro){flex:20% 2 1;justify-content:flex-end}:host(.card-video-intro) .ptc-card-bottom-wrapper{display:flex;justify-content:flex-end}}@media only screen and (min-width: 1440px){:host(.card-2up) .ptc-card-bottom-wrapper{width:70%}}@media only screen and (min-width: 1980px){:host(.card-2up) .ptc-card-bottom-wrapper{width:60%}}";export{a as ptc_card_bottom}
@@ -1 +0,0 @@
1
- import{r as t,h as r,H as o}from"./p-009001dc.js";const s=class{constructor(r){t(this,r),this.heroType=void 0,this.bgUrl=void 0}render(){const t=this.getCssClassMap();return r(o,{class:t},r("div",{class:"ptc-hero-wrapper"},r("ptc-img",Object.assign({"image-type":"smart-bg"},this.bgUrl?{imgUrl:this.bgUrl}:{},{"size-xs":"600x450","size-sm":"1108x658","size-md":"1920x1080","size-lg":"2700x1500"}),"jumbotron"==this.heroType?[r("ptc-overlay",{"filter-color":"black-1"}),r("ptc-overlay",{"filter-color":"black-2"})]:"footer-cta"==this.heroType?r("ptc-overlay",{"filter-color":"black-3"}):null,r("slot",null))))}getCssClassMap(){return{[this.heroType]:!!this.heroType}}};s.style=":host{display:block;position:relative}:host(.jumbotron) .ptc-hero-wrapper,:host(.footer-cta) .ptc-hero-wrapper{position:relative}:host(.footer-cta) .ptc-hero-wrapper div>*{text-align:center}";export{s as ptc_hero}
@@ -1 +0,0 @@
1
- import{r as t,h as o,H as e,g as i}from"./p-009001dc.js";const r=class{constructor(o){t(this,o),this.moreText="read more",this.display="inline",this.visibleLines="line2",this.zIndex="z-auto"}addBtnTruncated(){this.el.shadowRoot.querySelectorAll(".read-more-text").forEach((t=>{t.classList[t.scrollHeight>t.clientHeight?"add":"remove"]("truncated")}))}componentDidLoad(){this.addBtnTruncated()}render(){const t=this.getCssClassMap();return o(e,{class:this.display},o("div",{class:t},o("input",{type:"checkbox",id:"expanded"}),o("p",{class:`read-more-text ${this.visibleLines}`},o("slot",null)),o("label",{htmlFor:"expanded",role:"button",class:this.zIndex},this.moreText)))}getCssClassMap(){return{box:!0}}get el(){return i(this)}};r.style=":host{display:block}.box input{opacity:0;position:absolute;pointer-events:none}.box .read-more-text{display:-webkit-box;-webkit-box-orient:vertical;margin:0;overflow:hidden}.box .line1{-webkit-line-clamp:1}.box .line2{-webkit-line-clamp:2}.box .line3{-webkit-line-clamp:3}.box .line4{-webkit-line-clamp:4}.box .line5{-webkit-line-clamp:5}.box input~label{display:block;position:relative;cursor:pointer;right:0;margin-top:var(--ptc-element-spacing-02);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-densest);text-decoration-line:underline;color:var(--color-blue-07);text-align:right;transform:translateX(-36px)}.box .z-auto{z-index:auto}.box .z-1{z-index:1}.box .z-2{z-index:2}.box .z-3{z-index:3}.box .z-999{z-index:999}.box input:checked+.read-more-text{-webkit-line-clamp:unset}.box input:checked~label,.box .read-more-text:not(.truncated)~label{display:none}";const s=class{constructor(o){t(this,o),this.textDisplay="inline",this.maxLength=45,this.description="Lorem ipsum dolor sit amet, consectetur adipiscing elit. ",this.zIndex="z-auto",this.position="bottom",this.styles=void 0}render(){const t=this.getCssClassMap();let i=this.description.substring(0,this.maxLength);return this.description.length>this.maxLength&&(i+="... "),o(e,{class:this.textDisplay},this.styles&&o("style",null,this.styles),o("div",{class:t},i),o("div",{class:`tooltip ${this.position}`},this.description))}getCssClassMap(){return{"text-ellipsis":!0,[this.zIndex]:!0,truncated:this.description.length>this.maxLength}}get el(){return i(this)}};s.style=':host{position:relative}:host(.inline){display:inline}:host(.block){display:block}.text-ellipsis{position:relative;display:inline}.text-ellipsis:not(.truncated){z-index:auto !important}.z-auto{z-index:auto}.z-1{z-index:1}.z-2{z-index:2}.z-3{z-index:3}.z-999{z-index:999}.tooltip{position:absolute;padding:8px;color:var(--color-white);font-size:var(--ptc-font-size-xxx-small);font-weight:var(--ptc-font-weight-semibold);background:var(--color-gray-09);box-shadow:0px 2px 4px rgba(0, 0, 0, 0.3);border:none;border-radius:2px;width:273px;height:auto;visibility:hidden}.tooltip.bottom{bottom:-12px;transform:translateY(100%)}.tooltip.bottom::after{top:1px;left:50%;transform:translate(-50%, -100%);border:8px solid transparent;border-bottom:8px solid var(--color-gray-09)}.tooltip.left{bottom:-12px;transform:translate(-80%, 100%)}.tooltip.left::after{top:1px;right:8px;transform:translateY(-100%);border:8px solid transparent;border-bottom:8px solid var(--color-gray-09)}.tooltip.right{bottom:-12px;transform:translateY(100%);right:0px}.tooltip.right::after{top:1px;left:8px;transform:translateY(-100%);border:8px solid transparent;border-bottom:8px solid var(--color-gray-09)}.tooltip.top{top:-8px;transform:translateY(-100%)}.tooltip.top::after{left:50%;bottom:1px;transform:translate(-50%, 100%);border:8px solid transparent;border-top:8px solid var(--color-gray-09)}.truncated{cursor:help}.truncated:hover+.tooltip{visibility:visible;z-index:9999}.tooltip::after{content:"";position:absolute}';export{r as ptc_readmore,s as ptc_tooltip}
@@ -1,8 +0,0 @@
1
- export declare class PtcCardPlm {
2
- cardType: 'card-video' | 'card-tall' | 'card-wide' | 'speed-bump' | 'card-playlist' | 'card-video-intro' | 'card-2up';
3
- cardLink: string;
4
- linkTitle: string;
5
- linkTarget: string;
6
- render(): any;
7
- private getCssClassMap;
8
- }