@ptcwebops/ptcw-design 0.8.0 → 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 (296) 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 -143
  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 +124 -124
  48. package/dist/cjs/ptc-text-copy-with-background.cjs.entry.js +20 -20
  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 +45 -45
  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 -347
  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.js +155 -155
  125. package/dist/collection/components/ptc-text-copy-with-background/ptc-text-copy-with-background.js +123 -123
  126. package/dist/collection/components/ptc-title/ptc-title.js +291 -291
  127. package/dist/collection/components/ptc-tooltip/ptc-tooltip.js +153 -163
  128. package/dist/collection/components/ptc-two-column-media/ptc-two-column-media.js +48 -48
  129. package/dist/collection/components/tab-content/tab-content.js +84 -84
  130. package/dist/collection/components/tab-header/tab-header.js +136 -136
  131. package/dist/collection/index.js +1 -1
  132. package/dist/collection/media/svg-imgs/Back-arrow.svg +11 -11
  133. package/dist/collection/media/svg-imgs/close.svg +10 -10
  134. package/dist/collection/media/svg-imgs/ptc-shopping-cart-black.svg +3 -3
  135. package/dist/collection/media/svg-imgs/ptc-shopping-cart-white.svg +3 -3
  136. package/dist/collection/media/svg-imgs/slider-arrow-left.svg +18 -18
  137. package/dist/collection/media/svg-imgs/slider-arrow-right.svg +18 -18
  138. package/dist/collection/media/svg-imgs/union.svg +3 -3
  139. package/dist/collection/utils/component.js +3 -3
  140. package/dist/collection/utils/interfaces.js +11 -11
  141. package/dist/collection/utils/utils.js +81 -81
  142. package/dist/custom-elements/index.d.ts +4 -4
  143. package/dist/custom-elements/index.js +3223 -3198
  144. package/dist/esm/dropdown-item.entry.js +10 -10
  145. package/dist/esm/icon-asset.entry.js +42 -42
  146. package/dist/esm/list-item.entry.js +19 -19
  147. package/dist/esm/loader.js +1 -1
  148. package/dist/esm/lottie-player.entry.js +354 -354
  149. package/dist/esm/my-component.entry.js +15 -15
  150. package/dist/esm/polyfills/core-js.js +0 -0
  151. package/dist/esm/polyfills/dom.js +0 -0
  152. package/dist/esm/polyfills/es5-html-element.js +0 -0
  153. package/dist/esm/polyfills/index.js +0 -0
  154. package/dist/esm/polyfills/system.js +0 -0
  155. package/dist/esm/ptc-accordion-item.entry.js +83 -83
  156. package/dist/esm/ptc-accordion.entry.js +35 -35
  157. package/dist/esm/ptc-announcement.entry.js +52 -52
  158. package/dist/esm/ptc-breadcrumb.entry.js +12 -12
  159. package/dist/esm/ptc-button.entry.js +35 -35
  160. package/dist/esm/ptc-card-bottom.entry.js +36 -34
  161. package/dist/esm/ptc-card-content.entry.js +40 -38
  162. package/dist/esm/ptc-card-wrapper.entry.js +42 -0
  163. package/dist/esm/ptc-card_6.entry.js +439 -427
  164. package/dist/esm/ptc-checkbox.entry.js +33 -33
  165. package/dist/esm/ptc-collapse-list.entry.js +346 -346
  166. package/dist/esm/ptc-container.entry.js +32 -32
  167. package/dist/esm/ptc-dropdown.entry.js +64 -64
  168. package/dist/esm/ptc-dynamic-card.entry.js +47 -47
  169. package/dist/esm/ptc-ellipsis-dropdown.entry.js +38 -38
  170. package/dist/esm/ptc-filter-tag.entry.js +57 -57
  171. package/dist/esm/ptc-hero-footer-cta.entry.js +11 -11
  172. package/dist/esm/ptc-hero.entry.js +19 -17
  173. package/dist/esm/ptc-icon-list.entry.js +20 -20
  174. package/dist/esm/ptc-icon-minimize.entry.js +36 -36
  175. package/dist/esm/ptc-link.entry.js +29 -27
  176. package/dist/esm/ptc-list.entry.js +50 -50
  177. package/dist/esm/ptc-lottie.entry.js +10 -10
  178. package/dist/esm/ptc-minimized-footer.entry.js +8 -8
  179. package/dist/esm/ptc-minimized-header.entry.js +11 -11
  180. package/dist/esm/ptc-mobile-select.entry.js +53 -54
  181. package/dist/esm/ptc-modal.entry.js +143 -143
  182. package/dist/esm/ptc-overlay.entry.js +21 -21
  183. package/dist/esm/ptc-pagenation.entry.js +105 -105
  184. package/dist/esm/ptc-previous-url.entry.js +10 -10
  185. package/dist/esm/ptc-pricing-block.entry.js +16 -16
  186. package/dist/esm/ptc-quote.entry.js +23 -23
  187. package/dist/esm/ptc-readmore_2.entry.js +59 -69
  188. package/dist/esm/ptc-responsive-wrapper.entry.js +54 -54
  189. package/dist/esm/ptc-shopping-cart.entry.js +50 -50
  190. package/dist/esm/ptc-social-share.entry.js +59 -59
  191. package/dist/esm/ptc-span.entry.js +18 -18
  192. package/dist/esm/ptc-sticky-icons.entry.js +32 -32
  193. package/dist/esm/ptc-svg-btn.entry.js +73 -73
  194. package/dist/esm/ptc-tab-list.entry.js +124 -124
  195. package/dist/esm/ptc-text-copy-with-background.entry.js +20 -20
  196. package/dist/esm/ptc-title.entry.js +65 -65
  197. package/dist/esm/ptc-two-column-media.entry.js +15 -15
  198. package/dist/esm/ptcw-design.js +1 -1
  199. package/dist/esm/tab-content.entry.js +27 -27
  200. package/dist/esm/tab-header.entry.js +45 -45
  201. package/dist/esm/{utils-2dbb41dc.js → utils-646cc62f.js} +79 -79
  202. package/dist/ptcw-design/media/brands.svg +1381 -1381
  203. package/dist/ptcw-design/media/designer.svg +379 -379
  204. package/dist/ptcw-design/media/nav-active-dotslick.svg +15 -15
  205. package/dist/ptcw-design/media/regular.svg +463 -463
  206. package/dist/ptcw-design/media/solid.svg +3013 -3013
  207. package/dist/ptcw-design/media/svg-with-js.min.css +4 -4
  208. package/dist/ptcw-design/{p-b701bbc0.entry.js → p-14d6a40c.entry.js} +1 -1
  209. package/dist/ptcw-design/p-1b0d15aa.entry.js +1 -0
  210. package/dist/ptcw-design/p-2ca0340b.entry.js +1 -0
  211. package/dist/ptcw-design/{p-5005c698.entry.js → p-482a8bc9.entry.js} +1 -1
  212. package/dist/ptcw-design/p-557e8e2a.entry.js +1 -0
  213. package/dist/ptcw-design/{p-3db835e4.entry.js → p-5f782173.entry.js} +1 -1
  214. package/dist/ptcw-design/{p-b897780a.entry.js → p-7ddea860.entry.js} +1 -1
  215. package/dist/ptcw-design/{p-8b197833.entry.js → p-867c711f.entry.js} +1 -1
  216. package/dist/ptcw-design/p-88fc4011.entry.js +1 -0
  217. package/dist/ptcw-design/p-9b34acfa.entry.js +1 -0
  218. package/dist/ptcw-design/p-a14a99ce.entry.js +1 -0
  219. package/dist/ptcw-design/{p-d910c9d6.entry.js → p-c095d100.entry.js} +1 -1
  220. package/dist/ptcw-design/{p-e38a57ce.entry.js → p-f9694131.entry.js} +1 -1
  221. package/dist/ptcw-design/ptcw-design.css +1 -1
  222. package/dist/ptcw-design/ptcw-design.esm.js +1 -1
  223. package/dist/types/components/dropdown-item/dropdown-item.d.ts +5 -5
  224. package/dist/types/components/icon-asset/icon-asset.d.ts +40 -40
  225. package/dist/types/components/list-item/list-item.d.ts +8 -8
  226. package/dist/types/components/my-component/my-component.d.ts +16 -16
  227. package/dist/types/components/ptc-accordion/ptc-accordion-item/ptc-accordion-item.d.ts +59 -59
  228. package/dist/types/components/ptc-accordion/ptc-accordion.d.ts +13 -13
  229. package/dist/types/components/ptc-announcement/ptc-announcement.d.ts +51 -51
  230. package/dist/types/components/ptc-breadcrumb/ptc-breadcrumb.d.ts +4 -4
  231. package/dist/types/components/ptc-button/ptc-button.d.ts +56 -56
  232. package/dist/types/components/ptc-card/ptc-card.d.ts +62 -62
  233. package/dist/types/components/ptc-card-bottom/ptc-card-bottom.d.ts +15 -15
  234. package/dist/types/components/ptc-card-content/ptc-card-content.d.ts +16 -15
  235. package/dist/types/components/ptc-card-wrapper/ptc-card-wrapper.d.ts +18 -0
  236. package/dist/types/components/ptc-checkbox/ptc-checkbox.d.ts +11 -11
  237. package/dist/types/components/ptc-collapse-list/ptc-collapse-list.d.ts +56 -56
  238. package/dist/types/components/ptc-container/ptc-container.d.ts +12 -12
  239. package/dist/types/components/ptc-date/ptc-date.d.ts +41 -41
  240. package/dist/types/components/ptc-dropdown/ptc-dropdown.d.ts +19 -19
  241. package/dist/types/components/ptc-dynamic-card/ptc-dynamic-card.d.ts +24 -24
  242. package/dist/types/components/ptc-ellipsis-dropdown/ptc-ellipsis-dropdown.d.ts +12 -12
  243. package/dist/types/components/ptc-filter-tag/ptc-filter-tag.d.ts +17 -17
  244. package/dist/types/components/ptc-hero/ptc-hero.d.ts +16 -12
  245. package/dist/types/components/ptc-hero-footer-cta/ptc-hero-footer-cta.d.ts +6 -6
  246. package/dist/types/components/ptc-icon-list/ptc-icon-list.d.ts +21 -21
  247. package/dist/types/components/ptc-icon-minimize/ptc-icon-minimize.d.ts +9 -9
  248. package/dist/types/components/ptc-img/ptc-img.d.ts +51 -51
  249. package/dist/types/components/ptc-link/ptc-link.d.ts +40 -36
  250. package/dist/types/components/ptc-list/ptc-list.d.ts +8 -8
  251. package/dist/types/components/ptc-lottie/ptc-lottie.d.ts +12 -12
  252. package/dist/types/components/ptc-minimized-footer/ptc-minimized-footer.d.ts +3 -3
  253. package/dist/types/components/ptc-minimized-header/ptc-minimized-header.d.ts +6 -6
  254. package/dist/types/components/ptc-mobile-select/ptc-mobile-select.d.ts +36 -40
  255. package/dist/types/components/ptc-modal/ptc-modal.d.ts +59 -59
  256. package/dist/types/components/ptc-overlay/ptc-overlay.d.ts +20 -20
  257. package/dist/types/components/ptc-pagenation/ptc-pagenation.d.ts +27 -27
  258. package/dist/types/components/ptc-para/ptc-para.d.ts +43 -34
  259. package/dist/types/components/ptc-picture/ptc-picture.d.ts +93 -93
  260. package/dist/types/components/ptc-previous-url/ptc-previous-url.d.ts +5 -5
  261. package/dist/types/components/ptc-pricing-block/ptc-pricing-block.d.ts +5 -5
  262. package/dist/types/components/ptc-quote/ptc-quote.d.ts +29 -29
  263. package/dist/types/components/ptc-readmore/ptc-readmore.d.ts +27 -27
  264. package/dist/types/components/ptc-responsive-wrapper/ptc-responsive-wrapper.d.ts +8 -8
  265. package/dist/types/components/ptc-shopping-cart/ptc-shopping-cart.d.ts +6 -6
  266. package/dist/types/components/ptc-social-share/ptc-social-share.d.ts +33 -33
  267. package/dist/types/components/ptc-spacer/ptc-spacer.d.ts +16 -16
  268. package/dist/types/components/ptc-span/ptc-span.d.ts +16 -16
  269. package/dist/types/components/ptc-sticky-icons/ptc-sticky-icons.d.ts +7 -7
  270. package/dist/types/components/ptc-svg-btn/ptc-svg-btn.d.ts +12 -12
  271. package/dist/types/components/ptc-tab-list/ptc-tab-list.d.ts +15 -15
  272. package/dist/types/components/ptc-text-copy-with-background/ptc-text-copy-with-background.d.ts +25 -25
  273. package/dist/types/components/ptc-title/ptc-title.d.ts +50 -50
  274. package/dist/types/components/ptc-tooltip/ptc-tooltip.d.ts +34 -34
  275. package/dist/types/components/ptc-two-column-media/ptc-two-column-media.d.ts +9 -9
  276. package/dist/types/components/tab-content/tab-content.d.ts +12 -12
  277. package/dist/types/components/tab-header/tab-header.d.ts +14 -14
  278. package/dist/types/components.d.ts +169 -59
  279. package/dist/types/global.d.ts +1072 -1072
  280. package/dist/types/index.d.ts +1 -1
  281. package/dist/types/utils/component.d.ts +1 -1
  282. package/dist/types/utils/interfaces.d.ts +31 -31
  283. package/dist/types/utils/utils.d.ts +4 -4
  284. package/package.json +61 -61
  285. package/readme.md +11 -11
  286. package/dist/cjs/ptc-card-plm.cjs.entry.js +0 -30
  287. package/dist/collection/components/ptc-card-plm/ptc-card-plm.js +0 -104
  288. package/dist/esm/ptc-card-plm.entry.js +0 -26
  289. package/dist/ptcw-design/p-1e80c01f.entry.js +0 -1
  290. package/dist/ptcw-design/p-4de70656.entry.js +0 -1
  291. package/dist/ptcw-design/p-5dbf98a9.entry.js +0 -1
  292. package/dist/ptcw-design/p-9311ee3f.entry.js +0 -1
  293. package/dist/ptcw-design/p-a0f25c98.entry.js +0 -1
  294. package/dist/ptcw-design/p-a4900673.entry.js +0 -1
  295. package/dist/types/components/ptc-card-plm/ptc-card-plm.d.ts +0 -8
  296. /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.8.0",
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.8.0
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 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 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
- }