@ptcwebops/ptcw-design 2.8.0 → 2.8.2

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 (579) hide show
  1. package/LICENSE +21 -21
  2. package/dist/cjs/author-listing-example.cjs.entry.js +232 -232
  3. package/dist/cjs/bundle-example.cjs.entry.js +43 -43
  4. package/dist/cjs/bundle-jumbotron-example.cjs.entry.js +39 -39
  5. package/dist/cjs/dropdown-item.cjs.entry.js +10 -10
  6. package/dist/cjs/dynamic-box-bundle.cjs.entry.js +25 -25
  7. package/dist/cjs/embedded-form.cjs.entry.js +82 -82
  8. package/dist/cjs/featured-list.cjs.entry.js +90 -90
  9. package/dist/cjs/fl-tab-content_3.cjs.entry.js +44 -44
  10. package/dist/cjs/footer-form.cjs.entry.js +54 -0
  11. package/dist/cjs/icon-asset.cjs.entry.js +42 -42
  12. package/dist/cjs/innovator-toggle-container.cjs.entry.js +21 -21
  13. package/dist/cjs/{interfaces-574e6df7.js → interfaces-0ecd8027.js} +9 -9
  14. package/dist/cjs/list-item.cjs.entry.js +22 -22
  15. package/dist/cjs/loader.cjs.js +1 -1
  16. package/dist/cjs/max-width-container.cjs.entry.js +43 -43
  17. package/dist/cjs/my-component.cjs.entry.js +15 -15
  18. package/dist/cjs/ptc-accordion-item.cjs.entry.js +84 -84
  19. package/dist/cjs/ptc-accordion.cjs.entry.js +39 -39
  20. package/dist/cjs/ptc-announcement.cjs.entry.js +52 -52
  21. package/dist/cjs/ptc-back-to-top.cjs.entry.js +35 -35
  22. package/dist/cjs/ptc-background-video.cjs.entry.js +57 -57
  23. package/dist/cjs/ptc-bio-card.cjs.entry.js +24 -24
  24. package/dist/cjs/ptc-breadcrumb_2.cjs.entry.js +133 -133
  25. package/dist/cjs/ptc-brightcov-video.cjs.entry.js +46 -46
  26. package/dist/cjs/ptc-button.cjs.entry.js +39 -39
  27. package/dist/cjs/ptc-card-bottom_3.cjs.entry.js +130 -130
  28. package/dist/cjs/ptc-card-content.cjs.entry.js +57 -57
  29. package/dist/cjs/ptc-card.cjs.entry.js +74 -74
  30. package/dist/cjs/ptc-case-studies-slider.cjs.entry.js +77 -77
  31. package/dist/cjs/ptc-checkbox.cjs.entry.js +50 -50
  32. package/dist/cjs/ptc-collapse-list.cjs.entry.js +397 -397
  33. package/dist/cjs/ptc-container.cjs.entry.js +33 -33
  34. package/dist/cjs/ptc-date.cjs.entry.js +50 -50
  35. package/dist/cjs/ptc-dropdown.cjs.entry.js +64 -64
  36. package/dist/cjs/ptc-dynamic-card.cjs.entry.js +47 -47
  37. package/dist/cjs/ptc-ellipsis-dropdown.cjs.entry.js +46 -46
  38. package/dist/cjs/ptc-embedded-quiz.cjs.entry.js +89 -89
  39. package/dist/cjs/ptc-featured-list.cjs.entry.js +95 -95
  40. package/dist/cjs/ptc-filter-dropdown_4.cjs.entry.js +268 -268
  41. package/dist/cjs/ptc-filter-level-theater.cjs.entry.js +52 -52
  42. package/dist/cjs/ptc-filter-tag.cjs.entry.js +57 -57
  43. package/dist/cjs/ptc-form-checkbox_3.cjs.entry.js +224 -220
  44. package/dist/cjs/ptc-form.cjs.entry.js +78 -78
  45. package/dist/cjs/ptc-hero-footer-cta.cjs.entry.js +11 -11
  46. package/dist/cjs/ptc-hero.cjs.entry.js +18 -18
  47. package/dist/cjs/ptc-icon-component.cjs.entry.js +60 -60
  48. package/dist/cjs/ptc-icon-list.cjs.entry.js +21 -21
  49. package/dist/cjs/ptc-icon-minimize.cjs.entry.js +43 -43
  50. package/dist/cjs/ptc-image-download-strip.cjs.entry.js +18 -18
  51. package/dist/cjs/ptc-img.cjs.entry.js +122 -122
  52. package/dist/cjs/ptc-link.cjs.entry.js +48 -48
  53. package/dist/cjs/ptc-list.cjs.entry.js +49 -49
  54. package/dist/cjs/ptc-media-card.cjs.entry.js +58 -58
  55. package/dist/cjs/ptc-minimized-nav.cjs.entry.js +12 -12
  56. package/dist/cjs/ptc-mobile-select.cjs.entry.js +62 -62
  57. package/dist/cjs/ptc-modal-quiz.cjs.entry.js +115 -115
  58. package/dist/cjs/ptc-modal.cjs.entry.js +150 -150
  59. package/dist/cjs/ptc-nav-card.cjs.entry.js +36 -36
  60. package/dist/cjs/ptc-nav-link.cjs.entry.js +40 -40
  61. package/dist/cjs/ptc-nav-pills.cjs.entry.js +8 -8
  62. package/dist/cjs/ptc-nav-slider.cjs.entry.js +90 -90
  63. package/dist/cjs/ptc-nav-submenu.cjs.entry.js +37 -37
  64. package/dist/cjs/ptc-news.cjs.entry.js +24 -24
  65. package/dist/cjs/ptc-overlay.cjs.entry.js +23 -23
  66. package/dist/cjs/ptc-pagenation.cjs.entry.js +306 -306
  67. package/dist/cjs/ptc-para.cjs.entry.js +51 -51
  68. package/dist/cjs/ptc-picture.cjs.entry.js +152 -152
  69. package/dist/cjs/ptc-podcast-card.cjs.entry.js +11 -11
  70. package/dist/cjs/ptc-previous-url.cjs.entry.js +11 -11
  71. package/dist/cjs/ptc-pricing-add-on-card.cjs.entry.js +17 -17
  72. package/dist/cjs/ptc-pricing-add-on-section.cjs.entry.js +38 -38
  73. package/dist/cjs/ptc-pricing-block.cjs.entry.js +20 -20
  74. package/dist/cjs/ptc-pricing-packaging-table.cjs.entry.js +330 -330
  75. package/dist/cjs/ptc-pricing-table.cjs.entry.js +525 -525
  76. package/dist/cjs/ptc-pricing-tabs.cjs.entry.js +125 -125
  77. package/dist/cjs/ptc-product-card.cjs.entry.js +23 -23
  78. package/dist/cjs/ptc-product-category.cjs.entry.js +10 -10
  79. package/dist/cjs/ptc-product-dropdown.cjs.entry.js +69 -69
  80. package/dist/cjs/ptc-product-highlight-card.cjs.entry.js +12 -12
  81. package/dist/cjs/ptc-product-list.cjs.entry.js +140 -140
  82. package/dist/cjs/ptc-product-sidebar.cjs.entry.js +128 -128
  83. package/dist/cjs/ptc-progress-bar.cjs.entry.js +16 -16
  84. package/dist/cjs/ptc-quote.cjs.entry.js +23 -23
  85. package/dist/cjs/ptc-readmore-char.cjs.entry.js +24 -24
  86. package/dist/cjs/ptc-readmore.cjs.entry.js +82 -82
  87. package/dist/cjs/ptc-related-card-rail.cjs.entry.js +149 -149
  88. package/dist/cjs/ptc-responsive-wrapper.cjs.entry.js +54 -54
  89. package/dist/cjs/ptc-search-field.cjs.entry.js +71 -71
  90. package/dist/cjs/ptc-shopping-cart.cjs.entry.js +50 -50
  91. package/dist/cjs/ptc-slit-card.cjs.entry.js +25 -25
  92. package/dist/cjs/ptc-spacer.cjs.entry.js +27 -27
  93. package/dist/cjs/ptc-span.cjs.entry.js +20 -20
  94. package/dist/cjs/ptc-square-card.cjs.entry.js +10 -10
  95. package/dist/cjs/ptc-sticky-icons.cjs.entry.js +32 -32
  96. package/dist/cjs/ptc-sticky-section.cjs.entry.js +30 -30
  97. package/dist/cjs/ptc-sticky-title.cjs.entry.js +23 -23
  98. package/dist/cjs/ptc-subnav-card.cjs.entry.js +15 -15
  99. package/dist/cjs/ptc-subnav.cjs.entry.js +24 -24
  100. package/dist/cjs/ptc-svg-btn.cjs.entry.js +95 -95
  101. package/dist/cjs/ptc-tab-list.cjs.entry.js +143 -143
  102. package/dist/cjs/ptc-tab.cjs.entry.js +20 -20
  103. package/dist/cjs/ptc-tabs.cjs.entry.js +47 -47
  104. package/dist/cjs/ptc-text-copy-with-background.cjs.entry.js +43 -43
  105. package/dist/cjs/ptc-theater-video-modal.cjs.entry.js +81 -81
  106. package/dist/cjs/ptc-title.cjs.entry.js +67 -67
  107. package/dist/cjs/ptc-tooltip.cjs.entry.js +95 -95
  108. package/dist/cjs/ptc-two-column-media.cjs.entry.js +15 -15
  109. package/dist/cjs/ptc-value-prop-card.cjs.entry.js +13 -13
  110. package/dist/cjs/ptcw-design.cjs.js +1 -1
  111. package/dist/cjs/sequential-bundle-example.cjs.entry.js +108 -108
  112. package/dist/cjs/sequential-bundle.cjs.entry.js +88 -88
  113. package/dist/cjs/tab-content.cjs.entry.js +27 -27
  114. package/dist/cjs/tab-header.cjs.entry.js +65 -65
  115. package/dist/cjs/{utils-9eb22041.js → utils-416c94fe.js} +90 -90
  116. package/dist/collection/collection-manifest.json +1 -0
  117. package/dist/collection/components/dropdown-item/dropdown-item.js +61 -61
  118. package/dist/collection/components/dynamic-box-bundle/dynamic-box-bundle.js +114 -114
  119. package/dist/collection/components/icon-asset/icon-asset.css +4 -4
  120. package/dist/collection/components/icon-asset/icon-asset.js +199 -199
  121. package/dist/collection/components/icon-asset/media/brands.svg +1381 -1381
  122. package/dist/collection/components/icon-asset/media/designer.svg +489 -489
  123. package/dist/collection/components/icon-asset/media/regular.svg +463 -463
  124. package/dist/collection/components/icon-asset/media/solid.svg +3016 -3016
  125. package/dist/collection/components/icon-asset/media/svg-with-js.min.css +4 -4
  126. package/dist/collection/components/innovator-toggle-container/innovator-toggle-container.js +89 -89
  127. package/dist/collection/components/list-item/list-item.js +144 -144
  128. package/dist/collection/components/max-width-container/max-width-container.css +11 -11
  129. package/dist/collection/components/max-width-container/max-width-container.js +146 -146
  130. package/dist/collection/components/my-component/my-component.css +3 -3
  131. package/dist/collection/components/my-component/my-component.js +82 -82
  132. package/dist/collection/components/organism-bundles/author-listing-example/author-listing-example.css +69 -69
  133. package/dist/collection/components/organism-bundles/author-listing-example/author-listing-example.js +282 -282
  134. package/dist/collection/components/organism-bundles/bundle-example/bundle-example.css +25 -25
  135. package/dist/collection/components/organism-bundles/bundle-example/bundle-example.js +79 -79
  136. package/dist/collection/components/organism-bundles/bundle-featured-list/featured-list.css +218 -218
  137. package/dist/collection/components/organism-bundles/bundle-featured-list/featured-list.js +122 -122
  138. package/dist/collection/components/organism-bundles/bundle-jumbotron-example/bundle-jumbotron-example.css +3 -3
  139. package/dist/collection/components/organism-bundles/bundle-jumbotron-example/bundle-jumbotron-example.js +91 -91
  140. package/dist/collection/components/organism-bundles/form/embedded-form/embedded-form.js +98 -98
  141. package/dist/collection/components/organism-bundles/form/footer-form/footer-form.css +33 -0
  142. package/dist/collection/components/organism-bundles/form/footer-form/footer-form.js +59 -0
  143. package/dist/collection/components/organism-bundles/form/ptc-form/ptc-form.css +13 -13
  144. package/dist/collection/components/organism-bundles/form/ptc-form/ptc-form.js +94 -94
  145. package/dist/collection/components/organism-bundles/sequential-bundle/sequential-bundle.js +116 -116
  146. package/dist/collection/components/organism-bundles/sequential-bundle-example/sequential-bundle-example.css +90 -90
  147. package/dist/collection/components/organism-bundles/sequential-bundle-example/sequential-bundle-example.js +160 -160
  148. package/dist/collection/components/ptc-accordion/ptc-accordion-item/ptc-accordion-item.js +306 -306
  149. package/dist/collection/components/ptc-accordion/ptc-accordion.js +100 -100
  150. package/dist/collection/components/ptc-announcement/ptc-announcement.js +274 -274
  151. package/dist/collection/components/ptc-back-to-top/ptc-back-to-top.js +61 -61
  152. package/dist/collection/components/ptc-background-video/ptc-background-video.js +200 -200
  153. package/dist/collection/components/ptc-bio-card/ptc-bio-card.js +130 -130
  154. package/dist/collection/components/ptc-breadcrumb/ptc-breadcrumb.js +105 -105
  155. package/dist/collection/components/ptc-brightcov-video/ptc-brightcov-video.js +79 -79
  156. package/dist/collection/components/ptc-button/ptc-button.js +304 -304
  157. package/dist/collection/components/ptc-card/ptc-card.js +439 -439
  158. package/dist/collection/components/ptc-card-bottom/ptc-card-bottom.js +116 -116
  159. package/dist/collection/components/ptc-card-content/ptc-card-content.js +212 -212
  160. package/dist/collection/components/ptc-card-wrapper/ptc-card-wrapper.js +253 -253
  161. package/dist/collection/components/ptc-case-studies-slider/ptc-case-studies-slider.js +91 -91
  162. package/dist/collection/components/ptc-checkbox/ptc-checkbox.js +152 -152
  163. package/dist/collection/components/ptc-collapse-list/ptc-collapse-list.js +639 -639
  164. package/dist/collection/components/ptc-container/ptc-container.js +138 -138
  165. package/dist/collection/components/ptc-date/ptc-date.js +224 -224
  166. package/dist/collection/components/ptc-dropdown/ptc-dropdown.js +162 -162
  167. package/dist/collection/components/ptc-dynamic-card/media/nav-active-dotslick.svg +15 -15
  168. package/dist/collection/components/ptc-dynamic-card/ptc-dynamic-card.js +174 -174
  169. package/dist/collection/components/ptc-ellipsis-dropdown/ptc-ellipsis-dropdown.js +137 -137
  170. package/dist/collection/components/ptc-embedded-quiz/ptc-embedded-quiz.js +146 -146
  171. package/dist/collection/components/ptc-featured-list/fl-tab-content/fl-tab-content.js +61 -61
  172. package/dist/collection/components/ptc-featured-list/fl-tab-header/fl-tab-header.js +114 -114
  173. package/dist/collection/components/ptc-featured-list/fl-tab-image/fl-tab-image.js +61 -61
  174. package/dist/collection/components/ptc-featured-list/ptc-featured-list.js +128 -128
  175. package/dist/collection/components/ptc-filter-dropdown/ptc-filter-dropdown.js +134 -134
  176. package/dist/collection/components/ptc-filter-level-theater/ptc-filter-level-theater.js +98 -98
  177. package/dist/collection/components/ptc-filter-tag/ptc-filter-tag.js +113 -113
  178. package/dist/collection/components/ptc-form-checkbox/ptc-form-checkbox.js +209 -209
  179. package/dist/collection/components/ptc-hero/ptc-hero.js +86 -86
  180. package/dist/collection/components/ptc-hero-footer-cta/ptc-hero-footer-cta.js +78 -78
  181. package/dist/collection/components/ptc-icon-component/ptc-icon-component.js +87 -87
  182. package/dist/collection/components/ptc-icon-list/ptc-icon-list.js +127 -127
  183. package/dist/collection/components/ptc-icon-minimize/ptc-icon-minimize.js +119 -119
  184. package/dist/collection/components/ptc-image-download-strip/ptc-image-download-strip.js +51 -51
  185. package/dist/collection/components/ptc-img/ptc-img.js +311 -311
  186. package/dist/collection/components/ptc-jumbotron/ptc-jumbotron.css +4 -0
  187. package/dist/collection/components/ptc-jumbotron/ptc-jumbotron.js +355 -355
  188. package/dist/collection/components/ptc-link/ptc-link.js +239 -239
  189. package/dist/collection/components/ptc-list/ptc-list.js +99 -99
  190. package/dist/collection/components/ptc-media-card/ptc-media-card.js +240 -240
  191. package/dist/collection/components/ptc-minimized-nav/ptc-minimized-nav.js +100 -100
  192. package/dist/collection/components/ptc-mobile-select/ptc-mobile-select.js +199 -199
  193. package/dist/collection/components/ptc-modal/ptc-modal.js +407 -407
  194. package/dist/collection/components/ptc-modal-quiz/ptc-modal-quiz.js +191 -191
  195. package/dist/collection/components/ptc-nav-card/ptc-nav-card.js +224 -224
  196. package/dist/collection/components/ptc-nav-pills/ptc-nav-pills.js +18 -18
  197. package/dist/collection/components/ptc-news/ptc-news.js +176 -176
  198. package/dist/collection/components/ptc-overlay/ptc-overlay.js +131 -131
  199. package/dist/collection/components/ptc-pagenation/ptc-pagenation.js +573 -573
  200. package/dist/collection/components/ptc-para/ptc-para.js +242 -242
  201. package/dist/collection/components/ptc-picture/ptc-picture.js +500 -500
  202. package/dist/collection/components/ptc-podcast-card/ptc-podcast-card.js +78 -78
  203. package/dist/collection/components/ptc-previous-url/ptc-previous-url.js +78 -78
  204. package/dist/collection/components/ptc-pricing-add-on-card/ptc-pricing-add-on-card.js +139 -139
  205. package/dist/collection/components/ptc-pricing-add-on-section/ptc-pricing-add-on-section.js +75 -75
  206. package/dist/collection/components/ptc-pricing-block/ptc-pricing-block.js +70 -70
  207. package/dist/collection/components/ptc-pricing-packaging-table/ptc-pricing-packaging-table.js +471 -471
  208. package/dist/collection/components/ptc-pricing-table/ptc-pricing-table.js +680 -680
  209. package/dist/collection/components/ptc-pricing-tabs/ptc-pricing-tabs.css +4 -0
  210. package/dist/collection/components/ptc-pricing-tabs/ptc-pricing-tabs.js +272 -272
  211. package/dist/collection/components/ptc-product-card/ptc-product-card.css +2 -0
  212. package/dist/collection/components/ptc-product-card/ptc-product-card.js +162 -162
  213. package/dist/collection/components/ptc-product-category/ptc-product-category.js +60 -60
  214. package/dist/collection/components/ptc-product-dropdown/ptc-product-dropdown.js +185 -185
  215. package/dist/collection/components/ptc-product-highlight-card/ptc-product-highlight-card.js +96 -96
  216. package/dist/collection/components/ptc-product-list/ptc-product-list.js +194 -194
  217. package/dist/collection/components/ptc-product-sidebar/ptc-product-sidebar.js +252 -252
  218. package/dist/collection/components/ptc-progress-bar/ptc-progress-bar.js +42 -42
  219. package/dist/collection/components/ptc-quote/ptc-quote.js +144 -144
  220. package/dist/collection/components/ptc-readmore/ptc-readmore.js +326 -326
  221. package/dist/collection/components/ptc-readmore-char/ptc-readmore-char.js +133 -133
  222. package/dist/collection/components/ptc-related-card-rail/ptc-related-card-rail.js +190 -190
  223. package/dist/collection/components/ptc-responsive-wrapper/ptc-responsive-wrapper.css +3 -3
  224. package/dist/collection/components/ptc-responsive-wrapper/ptc-responsive-wrapper.js +65 -65
  225. package/dist/collection/components/ptc-search-field/ptc-search-field.js +247 -247
  226. package/dist/collection/components/ptc-select/ptc-select.js +190 -190
  227. package/dist/collection/components/ptc-shopping-cart/ptc-shopping-cart.js +97 -97
  228. package/dist/collection/components/ptc-skeleton/ptc-skeleton.js +139 -139
  229. package/dist/collection/components/ptc-slit-card/ptc-slit-card.js +181 -181
  230. package/dist/collection/components/ptc-social-share/ptc-social-share.js +267 -267
  231. package/dist/collection/components/ptc-spacer/ptc-spacer.css +332 -332
  232. package/dist/collection/components/ptc-spacer/ptc-spacer.js +97 -97
  233. package/dist/collection/components/ptc-span/ptc-span.js +107 -107
  234. package/dist/collection/components/ptc-square-card/ptc-square-card.js +60 -60
  235. package/dist/collection/components/ptc-sticky-icons/ptc-sticky-icons.js +51 -51
  236. package/dist/collection/components/ptc-sticky-section/ptc-sticky-section.js +49 -49
  237. package/dist/collection/components/ptc-sticky-title/ptc-sticky-title.js +89 -89
  238. package/dist/collection/components/ptc-svg-btn/ptc-svg-btn.js +109 -109
  239. package/dist/collection/components/ptc-tab-list/ptc-tab-list.js +214 -214
  240. package/dist/collection/components/ptc-tabs/ptc-tab.js +121 -121
  241. package/dist/collection/components/ptc-tabs/ptc-tabs.js +104 -104
  242. package/dist/collection/components/ptc-text-copy-with-background/ptc-text-copy-with-background.js +199 -199
  243. package/dist/collection/components/ptc-textfield/ptc-textfield.js +355 -351
  244. package/dist/collection/components/ptc-theater-video/ptc-theater-video.js +181 -181
  245. package/dist/collection/components/ptc-theater-video-modal/ptc-theater-video-modal.js +128 -128
  246. package/dist/collection/components/ptc-theater-video-playlist/ptc-theater-video-playlist.js +165 -165
  247. package/dist/collection/components/ptc-title/ptc-title.js +310 -310
  248. package/dist/collection/components/ptc-tooltip/ptc-tooltip.js +342 -342
  249. package/dist/collection/components/ptc-two-column-media/ptc-two-column-media.js +48 -48
  250. package/dist/collection/components/ptc-value-prop-card/ptc-value-prop-card.js +117 -117
  251. package/dist/collection/components/subnav/ptc-nav-link/ptc-nav-link.js +135 -135
  252. package/dist/collection/components/subnav/ptc-nav-slider/ptc-nav-slider.js +133 -133
  253. package/dist/collection/components/subnav/ptc-nav-submenu/ptc-nav-submenu.js +121 -121
  254. package/dist/collection/components/subnav/ptc-subnav/ptc-subnav.js +78 -78
  255. package/dist/collection/components/subnav/ptc-subnav-card/ptc-subnav-card.js +133 -133
  256. package/dist/collection/components/tab-content/tab-content.js +84 -84
  257. package/dist/collection/components/tab-header/tab-header.js +183 -183
  258. package/dist/collection/index.js +1 -1
  259. package/dist/collection/media/svg-imgs/Back-arrow.svg +11 -11
  260. package/dist/collection/media/svg-imgs/close.svg +10 -10
  261. package/dist/collection/media/svg-imgs/nav-active-dotslick.svg +16 -16
  262. package/dist/collection/media/svg-imgs/play-button-dark.svg +20 -20
  263. package/dist/collection/media/svg-imgs/ptc-shopping-cart-black.svg +3 -3
  264. package/dist/collection/media/svg-imgs/ptc-shopping-cart-white.svg +3 -3
  265. package/dist/collection/media/svg-imgs/slider-arrow-left.svg +18 -18
  266. package/dist/collection/media/svg-imgs/slider-arrow-right.svg +18 -18
  267. package/dist/collection/media/svg-imgs/union.svg +3 -3
  268. package/dist/collection/stories/Accordian.stories.js +205 -205
  269. package/dist/collection/stories/Announcement.stories.js +64 -64
  270. package/dist/collection/stories/BackgroundImage.stories.js +81 -81
  271. package/dist/collection/stories/Breadcrumb.stories.js +50 -50
  272. package/dist/collection/stories/Button.stories.js +119 -119
  273. package/dist/collection/stories/Card.stories.js +234 -234
  274. package/dist/collection/stories/CardWrapper.stories.js +270 -270
  275. package/dist/collection/stories/Checkbox.stories.js +52 -52
  276. package/dist/collection/stories/Date.stories.js +81 -81
  277. package/dist/collection/stories/Dropdown.stories.js +48 -48
  278. package/dist/collection/stories/DynamicCard.stories.js +68 -68
  279. package/dist/collection/stories/FilterTag.stories.js +73 -73
  280. package/dist/collection/stories/FormCheckbox.stories.js +57 -57
  281. package/dist/collection/stories/Hero.stories.js +119 -119
  282. package/dist/collection/stories/Icon.stories.js +71 -71
  283. package/dist/collection/stories/IconList.stories.js +114 -114
  284. package/dist/collection/stories/IconMinimize.stories.js +40 -40
  285. package/dist/collection/stories/Link.stories.js +101 -101
  286. package/dist/collection/stories/ListItem.stories.js +59 -59
  287. package/dist/collection/stories/MaxWidthContainer.stories.js +45 -45
  288. package/dist/collection/stories/MinimizedHeader.stories.js +37 -37
  289. package/dist/collection/stories/MobileSelect.stories.js +79 -79
  290. package/dist/collection/stories/Modal.stories.js +105 -105
  291. package/dist/collection/stories/Overlay.stories.js +48 -48
  292. package/dist/collection/stories/Pagination.stories.js +101 -101
  293. package/dist/collection/stories/Paragraph.stories.js +95 -95
  294. package/dist/collection/stories/Picture.stories.js +139 -139
  295. package/dist/collection/stories/Quote.stories.js +107 -107
  296. package/dist/collection/stories/ReadMore.stories.js +100 -100
  297. package/dist/collection/stories/Select.stories.js +81 -81
  298. package/dist/collection/stories/SocialShare.stories.js +66 -66
  299. package/dist/collection/stories/Spacer.stories.js +48 -48
  300. package/dist/collection/stories/Span.stories.js +57 -57
  301. package/dist/collection/stories/SvgButton.stories.js +34 -34
  302. package/dist/collection/stories/Tabs.stories.js +213 -213
  303. package/dist/collection/stories/TextCopyWithBackground.stories.js +237 -237
  304. package/dist/collection/stories/Textfield.stories.js +81 -81
  305. package/dist/collection/stories/Title.stories.js +115 -115
  306. package/dist/collection/stories/Tooltip.stories.js +112 -112
  307. package/dist/collection/utils/component.js +3 -3
  308. package/dist/collection/utils/interfaces.js +11 -11
  309. package/dist/collection/utils/utils.js +92 -92
  310. package/dist/custom-elements/index.d.ts +6 -0
  311. package/dist/custom-elements/index.js +8139 -8085
  312. package/dist/esm/author-listing-example.entry.js +232 -232
  313. package/dist/esm/bundle-example.entry.js +43 -43
  314. package/dist/esm/bundle-jumbotron-example.entry.js +39 -39
  315. package/dist/esm/dropdown-item.entry.js +10 -10
  316. package/dist/esm/dynamic-box-bundle.entry.js +25 -25
  317. package/dist/esm/embedded-form.entry.js +82 -82
  318. package/dist/esm/featured-list.entry.js +90 -90
  319. package/dist/esm/fl-tab-content_3.entry.js +44 -44
  320. package/dist/esm/footer-form.entry.js +50 -0
  321. package/dist/esm/icon-asset.entry.js +42 -42
  322. package/dist/esm/innovator-toggle-container.entry.js +21 -21
  323. package/dist/esm/{interfaces-4caedd26.js → interfaces-3cb94654.js} +9 -9
  324. package/dist/esm/list-item.entry.js +22 -22
  325. package/dist/esm/loader.js +1 -1
  326. package/dist/esm/max-width-container.entry.js +43 -43
  327. package/dist/esm/my-component.entry.js +15 -15
  328. package/dist/esm/polyfills/core-js.js +0 -0
  329. package/dist/esm/polyfills/dom.js +0 -0
  330. package/dist/esm/polyfills/es5-html-element.js +0 -0
  331. package/dist/esm/polyfills/index.js +0 -0
  332. package/dist/esm/polyfills/system.js +0 -0
  333. package/dist/esm/ptc-accordion-item.entry.js +84 -84
  334. package/dist/esm/ptc-accordion.entry.js +39 -39
  335. package/dist/esm/ptc-announcement.entry.js +52 -52
  336. package/dist/esm/ptc-back-to-top.entry.js +35 -35
  337. package/dist/esm/ptc-background-video.entry.js +57 -57
  338. package/dist/esm/ptc-bio-card.entry.js +24 -24
  339. package/dist/esm/ptc-breadcrumb_2.entry.js +133 -133
  340. package/dist/esm/ptc-brightcov-video.entry.js +46 -46
  341. package/dist/esm/ptc-button.entry.js +39 -39
  342. package/dist/esm/ptc-card-bottom_3.entry.js +130 -130
  343. package/dist/esm/ptc-card-content.entry.js +57 -57
  344. package/dist/esm/ptc-card.entry.js +74 -74
  345. package/dist/esm/ptc-case-studies-slider.entry.js +77 -77
  346. package/dist/esm/ptc-checkbox.entry.js +50 -50
  347. package/dist/esm/ptc-collapse-list.entry.js +397 -397
  348. package/dist/esm/ptc-container.entry.js +33 -33
  349. package/dist/esm/ptc-date.entry.js +50 -50
  350. package/dist/esm/ptc-dropdown.entry.js +64 -64
  351. package/dist/esm/ptc-dynamic-card.entry.js +47 -47
  352. package/dist/esm/ptc-ellipsis-dropdown.entry.js +46 -46
  353. package/dist/esm/ptc-embedded-quiz.entry.js +89 -89
  354. package/dist/esm/ptc-featured-list.entry.js +95 -95
  355. package/dist/esm/ptc-filter-dropdown_4.entry.js +268 -268
  356. package/dist/esm/ptc-filter-level-theater.entry.js +52 -52
  357. package/dist/esm/ptc-filter-tag.entry.js +57 -57
  358. package/dist/esm/ptc-form-checkbox_3.entry.js +224 -220
  359. package/dist/esm/ptc-form.entry.js +78 -78
  360. package/dist/esm/ptc-hero-footer-cta.entry.js +11 -11
  361. package/dist/esm/ptc-hero.entry.js +18 -18
  362. package/dist/esm/ptc-icon-component.entry.js +60 -60
  363. package/dist/esm/ptc-icon-list.entry.js +21 -21
  364. package/dist/esm/ptc-icon-minimize.entry.js +43 -43
  365. package/dist/esm/ptc-image-download-strip.entry.js +18 -18
  366. package/dist/esm/ptc-img.entry.js +122 -122
  367. package/dist/esm/ptc-link.entry.js +48 -48
  368. package/dist/esm/ptc-list.entry.js +49 -49
  369. package/dist/esm/ptc-media-card.entry.js +58 -58
  370. package/dist/esm/ptc-minimized-nav.entry.js +12 -12
  371. package/dist/esm/ptc-mobile-select.entry.js +62 -62
  372. package/dist/esm/ptc-modal-quiz.entry.js +115 -115
  373. package/dist/esm/ptc-modal.entry.js +150 -150
  374. package/dist/esm/ptc-nav-card.entry.js +36 -36
  375. package/dist/esm/ptc-nav-link.entry.js +40 -40
  376. package/dist/esm/ptc-nav-pills.entry.js +8 -8
  377. package/dist/esm/ptc-nav-slider.entry.js +90 -90
  378. package/dist/esm/ptc-nav-submenu.entry.js +37 -37
  379. package/dist/esm/ptc-news.entry.js +24 -24
  380. package/dist/esm/ptc-overlay.entry.js +23 -23
  381. package/dist/esm/ptc-pagenation.entry.js +306 -306
  382. package/dist/esm/ptc-para.entry.js +51 -51
  383. package/dist/esm/ptc-picture.entry.js +152 -152
  384. package/dist/esm/ptc-podcast-card.entry.js +11 -11
  385. package/dist/esm/ptc-previous-url.entry.js +11 -11
  386. package/dist/esm/ptc-pricing-add-on-card.entry.js +17 -17
  387. package/dist/esm/ptc-pricing-add-on-section.entry.js +38 -38
  388. package/dist/esm/ptc-pricing-block.entry.js +20 -20
  389. package/dist/esm/ptc-pricing-packaging-table.entry.js +330 -330
  390. package/dist/esm/ptc-pricing-table.entry.js +525 -525
  391. package/dist/esm/ptc-pricing-tabs.entry.js +125 -125
  392. package/dist/esm/ptc-product-card.entry.js +23 -23
  393. package/dist/esm/ptc-product-category.entry.js +10 -10
  394. package/dist/esm/ptc-product-dropdown.entry.js +69 -69
  395. package/dist/esm/ptc-product-highlight-card.entry.js +12 -12
  396. package/dist/esm/ptc-product-list.entry.js +140 -140
  397. package/dist/esm/ptc-product-sidebar.entry.js +128 -128
  398. package/dist/esm/ptc-progress-bar.entry.js +16 -16
  399. package/dist/esm/ptc-quote.entry.js +23 -23
  400. package/dist/esm/ptc-readmore-char.entry.js +24 -24
  401. package/dist/esm/ptc-readmore.entry.js +82 -82
  402. package/dist/esm/ptc-related-card-rail.entry.js +149 -149
  403. package/dist/esm/ptc-responsive-wrapper.entry.js +54 -54
  404. package/dist/esm/ptc-search-field.entry.js +71 -71
  405. package/dist/esm/ptc-shopping-cart.entry.js +50 -50
  406. package/dist/esm/ptc-slit-card.entry.js +25 -25
  407. package/dist/esm/ptc-spacer.entry.js +27 -27
  408. package/dist/esm/ptc-span.entry.js +20 -20
  409. package/dist/esm/ptc-square-card.entry.js +10 -10
  410. package/dist/esm/ptc-sticky-icons.entry.js +32 -32
  411. package/dist/esm/ptc-sticky-section.entry.js +30 -30
  412. package/dist/esm/ptc-sticky-title.entry.js +23 -23
  413. package/dist/esm/ptc-subnav-card.entry.js +15 -15
  414. package/dist/esm/ptc-subnav.entry.js +24 -24
  415. package/dist/esm/ptc-svg-btn.entry.js +95 -95
  416. package/dist/esm/ptc-tab-list.entry.js +143 -143
  417. package/dist/esm/ptc-tab.entry.js +20 -20
  418. package/dist/esm/ptc-tabs.entry.js +47 -47
  419. package/dist/esm/ptc-text-copy-with-background.entry.js +43 -43
  420. package/dist/esm/ptc-theater-video-modal.entry.js +81 -81
  421. package/dist/esm/ptc-title.entry.js +67 -67
  422. package/dist/esm/ptc-tooltip.entry.js +95 -95
  423. package/dist/esm/ptc-two-column-media.entry.js +15 -15
  424. package/dist/esm/ptc-value-prop-card.entry.js +13 -13
  425. package/dist/esm/ptcw-design.js +1 -1
  426. package/dist/esm/sequential-bundle-example.entry.js +108 -108
  427. package/dist/esm/sequential-bundle.entry.js +88 -88
  428. package/dist/esm/tab-content.entry.js +27 -27
  429. package/dist/esm/tab-header.entry.js +65 -65
  430. package/dist/esm/{utils-38decc43.js → utils-f937097d.js} +90 -90
  431. package/dist/ptcw-design/media/brands.svg +1381 -1381
  432. package/dist/ptcw-design/media/designer.svg +489 -489
  433. package/dist/ptcw-design/media/nav-active-dotslick.svg +15 -15
  434. package/dist/ptcw-design/media/regular.svg +463 -463
  435. package/dist/ptcw-design/media/solid.svg +3016 -3016
  436. package/dist/ptcw-design/media/svg-with-js.min.css +4 -4
  437. package/dist/ptcw-design/{p-1eafcbf6.entry.js → p-08111375.entry.js} +1 -1
  438. package/dist/ptcw-design/{p-cffa0871.entry.js → p-0ba60789.entry.js} +1 -1
  439. package/dist/ptcw-design/{p-3ca49454.entry.js → p-34f6cb85.entry.js} +1 -1
  440. package/dist/ptcw-design/{p-003e61e7.entry.js → p-3e52fe43.entry.js} +1 -1
  441. package/dist/ptcw-design/{p-3f57e156.entry.js → p-49d39b5f.entry.js} +1 -1
  442. package/dist/ptcw-design/{p-40a6e32d.entry.js → p-5893a183.entry.js} +1 -1
  443. package/dist/ptcw-design/{p-1aec473a.entry.js → p-86130704.entry.js} +1 -1
  444. package/dist/ptcw-design/{p-da9d7dd3.entry.js → p-9958701f.entry.js} +1 -1
  445. package/dist/ptcw-design/p-b2977996.entry.js +1 -0
  446. package/dist/ptcw-design/{p-ccca7c24.entry.js → p-d4356aaa.entry.js} +1 -1
  447. package/dist/ptcw-design/{p-3aa32e28.entry.js → p-ee7854e1.entry.js} +1 -1
  448. package/dist/ptcw-design/{p-d8fbe29e.entry.js → p-f69859ae.entry.js} +1 -1
  449. package/dist/ptcw-design/ptcw-design.css +1 -1
  450. package/dist/ptcw-design/ptcw-design.esm.js +1 -1
  451. package/dist/types/components/dropdown-item/dropdown-item.d.ts +5 -5
  452. package/dist/types/components/dynamic-box-bundle/dynamic-box-bundle.d.ts +10 -10
  453. package/dist/types/components/icon-asset/icon-asset.d.ts +40 -40
  454. package/dist/types/components/innovator-toggle-container/innovator-toggle-container.d.ts +17 -17
  455. package/dist/types/components/list-item/list-item.d.ts +16 -16
  456. package/dist/types/components/max-width-container/max-width-container.d.ts +16 -16
  457. package/dist/types/components/my-component/my-component.d.ts +16 -16
  458. package/dist/types/components/organism-bundles/author-listing-example/author-listing-example.d.ts +12 -12
  459. package/dist/types/components/organism-bundles/bundle-example/bundle-example.d.ts +14 -14
  460. package/dist/types/components/organism-bundles/bundle-featured-list/featured-list.d.ts +12 -12
  461. package/dist/types/components/organism-bundles/bundle-jumbotron-example/bundle-jumbotron-example.d.ts +5 -5
  462. package/dist/types/components/organism-bundles/form/embedded-form/embedded-form.d.ts +29 -29
  463. package/dist/types/components/organism-bundles/form/footer-form/footer-form.d.ts +14 -0
  464. package/dist/types/components/organism-bundles/form/ptc-form/ptc-form.d.ts +25 -25
  465. package/dist/types/components/organism-bundles/sequential-bundle/sequential-bundle.d.ts +12 -12
  466. package/dist/types/components/organism-bundles/sequential-bundle-example/sequential-bundle-example.d.ts +16 -16
  467. package/dist/types/components/ptc-accordion/ptc-accordion-item/ptc-accordion-item.d.ts +63 -63
  468. package/dist/types/components/ptc-accordion/ptc-accordion.d.ts +17 -17
  469. package/dist/types/components/ptc-announcement/ptc-announcement.d.ts +59 -59
  470. package/dist/types/components/ptc-back-to-top/ptc-back-to-top.d.ts +9 -9
  471. package/dist/types/components/ptc-background-video/ptc-background-video.d.ts +45 -45
  472. package/dist/types/components/ptc-bio-card/ptc-bio-card.d.ts +27 -27
  473. package/dist/types/components/ptc-breadcrumb/ptc-breadcrumb.d.ts +20 -20
  474. package/dist/types/components/ptc-brightcov-video/ptc-brightcov-video.d.ts +6 -6
  475. package/dist/types/components/ptc-button/ptc-button.d.ts +64 -64
  476. package/dist/types/components/ptc-card/ptc-card.d.ts +84 -84
  477. package/dist/types/components/ptc-card-bottom/ptc-card-bottom.d.ts +15 -15
  478. package/dist/types/components/ptc-card-content/ptc-card-content.d.ts +19 -19
  479. package/dist/types/components/ptc-card-wrapper/ptc-card-wrapper.d.ts +30 -30
  480. package/dist/types/components/ptc-case-studies-slider/ptc-case-studies-slider.d.ts +14 -14
  481. package/dist/types/components/ptc-checkbox/ptc-checkbox.d.ts +14 -14
  482. package/dist/types/components/ptc-collapse-list/ptc-collapse-list.d.ts +60 -60
  483. package/dist/types/components/ptc-container/ptc-container.d.ts +13 -13
  484. package/dist/types/components/ptc-date/ptc-date.d.ts +46 -46
  485. package/dist/types/components/ptc-dropdown/ptc-dropdown.d.ts +19 -19
  486. package/dist/types/components/ptc-dynamic-card/ptc-dynamic-card.d.ts +23 -23
  487. package/dist/types/components/ptc-ellipsis-dropdown/ptc-ellipsis-dropdown.d.ts +15 -15
  488. package/dist/types/components/ptc-embedded-quiz/ptc-embedded-quiz.d.ts +21 -21
  489. package/dist/types/components/ptc-featured-list/fl-tab-content/fl-tab-content.d.ts +5 -5
  490. package/dist/types/components/ptc-featured-list/fl-tab-header/fl-tab-header.d.ts +12 -12
  491. package/dist/types/components/ptc-featured-list/fl-tab-image/fl-tab-image.d.ts +5 -5
  492. package/dist/types/components/ptc-featured-list/ptc-featured-list.d.ts +12 -12
  493. package/dist/types/components/ptc-filter-dropdown/ptc-filter-dropdown.d.ts +24 -24
  494. package/dist/types/components/ptc-filter-level-theater/ptc-filter-level-theater.d.ts +14 -14
  495. package/dist/types/components/ptc-filter-tag/ptc-filter-tag.d.ts +17 -17
  496. package/dist/types/components/ptc-form-checkbox/ptc-form-checkbox.d.ts +20 -20
  497. package/dist/types/components/ptc-hero/ptc-hero.d.ts +16 -16
  498. package/dist/types/components/ptc-hero-footer-cta/ptc-hero-footer-cta.d.ts +6 -6
  499. package/dist/types/components/ptc-icon-component/ptc-icon-component.d.ts +17 -17
  500. package/dist/types/components/ptc-icon-list/ptc-icon-list.d.ts +21 -21
  501. package/dist/types/components/ptc-icon-minimize/ptc-icon-minimize.d.ts +12 -12
  502. package/dist/types/components/ptc-image-download-strip/ptc-image-download-strip.d.ts +9 -9
  503. package/dist/types/components/ptc-img/ptc-img.d.ts +55 -55
  504. package/dist/types/components/ptc-jumbotron/ptc-jumbotron.d.ts +26 -26
  505. package/dist/types/components/ptc-link/ptc-link.d.ts +44 -44
  506. package/dist/types/components/ptc-list/ptc-list.d.ts +8 -8
  507. package/dist/types/components/ptc-media-card/ptc-media-card.d.ts +52 -52
  508. package/dist/types/components/ptc-minimized-nav/ptc-minimized-nav.d.ts +7 -7
  509. package/dist/types/components/ptc-mobile-select/ptc-mobile-select.d.ts +36 -36
  510. package/dist/types/components/ptc-modal/ptc-modal.d.ts +71 -71
  511. package/dist/types/components/ptc-modal-quiz/ptc-modal-quiz.d.ts +36 -36
  512. package/dist/types/components/ptc-nav-card/ptc-nav-card.d.ts +46 -46
  513. package/dist/types/components/ptc-nav-pills/ptc-nav-pills.d.ts +3 -3
  514. package/dist/types/components/ptc-news/ptc-news.d.ts +36 -36
  515. package/dist/types/components/ptc-overlay/ptc-overlay.d.ts +21 -21
  516. package/dist/types/components/ptc-pagenation/ptc-pagenation.d.ts +40 -40
  517. package/dist/types/components/ptc-para/ptc-para.d.ts +47 -47
  518. package/dist/types/components/ptc-picture/ptc-picture.d.ts +102 -102
  519. package/dist/types/components/ptc-podcast-card/ptc-podcast-card.d.ts +15 -15
  520. package/dist/types/components/ptc-previous-url/ptc-previous-url.d.ts +9 -9
  521. package/dist/types/components/ptc-pricing-add-on-card/ptc-pricing-add-on-card.d.ts +31 -31
  522. package/dist/types/components/ptc-pricing-add-on-section/ptc-pricing-add-on-section.d.ts +22 -22
  523. package/dist/types/components/ptc-pricing-block/ptc-pricing-block.d.ts +7 -7
  524. package/dist/types/components/ptc-pricing-packaging-table/ptc-pricing-packaging-table.d.ts +78 -78
  525. package/dist/types/components/ptc-pricing-table/ptc-pricing-table.d.ts +110 -110
  526. package/dist/types/components/ptc-pricing-tabs/ptc-pricing-tabs.d.ts +52 -52
  527. package/dist/types/components/ptc-product-card/ptc-product-card.d.ts +37 -37
  528. package/dist/types/components/ptc-product-category/ptc-product-category.d.ts +5 -5
  529. package/dist/types/components/ptc-product-dropdown/ptc-product-dropdown.d.ts +18 -18
  530. package/dist/types/components/ptc-product-highlight-card/ptc-product-highlight-card.d.ts +23 -23
  531. package/dist/types/components/ptc-product-list/ptc-product-list.d.ts +18 -18
  532. package/dist/types/components/ptc-product-sidebar/ptc-product-sidebar.d.ts +31 -31
  533. package/dist/types/components/ptc-progress-bar/ptc-progress-bar.d.ts +5 -5
  534. package/dist/types/components/ptc-quote/ptc-quote.d.ts +29 -29
  535. package/dist/types/components/ptc-readmore/ptc-readmore.d.ts +58 -58
  536. package/dist/types/components/ptc-readmore-char/ptc-readmore-char.d.ts +30 -30
  537. package/dist/types/components/ptc-related-card-rail/ptc-related-card-rail.d.ts +30 -30
  538. package/dist/types/components/ptc-responsive-wrapper/ptc-responsive-wrapper.d.ts +8 -8
  539. package/dist/types/components/ptc-search-field/ptc-search-field.d.ts +23 -23
  540. package/dist/types/components/ptc-select/ptc-select.d.ts +18 -18
  541. package/dist/types/components/ptc-shopping-cart/ptc-shopping-cart.d.ts +6 -6
  542. package/dist/types/components/ptc-skeleton/ptc-skeleton.d.ts +10 -10
  543. package/dist/types/components/ptc-slit-card/ptc-slit-card.d.ts +36 -36
  544. package/dist/types/components/ptc-social-share/ptc-social-share.d.ts +37 -37
  545. package/dist/types/components/ptc-spacer/ptc-spacer.d.ts +16 -16
  546. package/dist/types/components/ptc-span/ptc-span.d.ts +20 -20
  547. package/dist/types/components/ptc-square-card/ptc-square-card.d.ts +11 -11
  548. package/dist/types/components/ptc-sticky-icons/ptc-sticky-icons.d.ts +7 -7
  549. package/dist/types/components/ptc-sticky-section/ptc-sticky-section.d.ts +9 -9
  550. package/dist/types/components/ptc-sticky-title/ptc-sticky-title.d.ts +8 -8
  551. package/dist/types/components/ptc-svg-btn/ptc-svg-btn.d.ts +20 -20
  552. package/dist/types/components/ptc-tab-list/ptc-tab-list.d.ts +23 -23
  553. package/dist/types/components/ptc-tabs/ptc-tab.d.ts +9 -9
  554. package/dist/types/components/ptc-tabs/ptc-tabs.d.ts +10 -10
  555. package/dist/types/components/ptc-text-copy-with-background/ptc-text-copy-with-background.d.ts +38 -38
  556. package/dist/types/components/ptc-textfield/ptc-textfield.d.ts +27 -27
  557. package/dist/types/components/ptc-theater-video/ptc-theater-video.d.ts +14 -14
  558. package/dist/types/components/ptc-theater-video-modal/ptc-theater-video-modal.d.ts +16 -16
  559. package/dist/types/components/ptc-theater-video-playlist/ptc-theater-video-playlist.d.ts +26 -26
  560. package/dist/types/components/ptc-title/ptc-title.d.ts +54 -54
  561. package/dist/types/components/ptc-tooltip/ptc-tooltip.d.ts +59 -59
  562. package/dist/types/components/ptc-two-column-media/ptc-two-column-media.d.ts +9 -9
  563. package/dist/types/components/ptc-value-prop-card/ptc-value-prop-card.d.ts +23 -23
  564. package/dist/types/components/subnav/ptc-nav-link/ptc-nav-link.d.ts +26 -26
  565. package/dist/types/components/subnav/ptc-nav-slider/ptc-nav-slider.d.ts +11 -11
  566. package/dist/types/components/subnav/ptc-nav-submenu/ptc-nav-submenu.d.ts +23 -23
  567. package/dist/types/components/subnav/ptc-subnav/ptc-subnav.d.ts +11 -11
  568. package/dist/types/components/subnav/ptc-subnav-card/ptc-subnav-card.d.ts +27 -27
  569. package/dist/types/components/tab-content/tab-content.d.ts +12 -12
  570. package/dist/types/components/tab-header/tab-header.d.ts +22 -22
  571. package/dist/types/components.d.ts +199 -186
  572. package/dist/types/index.d.ts +1 -1
  573. package/dist/types/utils/component.d.ts +1 -1
  574. package/dist/types/utils/interfaces.d.ts +32 -32
  575. package/dist/types/utils/utils.d.ts +5 -5
  576. package/package.json +88 -88
  577. package/readme.md +19 -19
  578. /package/dist/ptcw-design/{p-711bcdad.js → p-240733ce.js} +0 -0
  579. /package/dist/ptcw-design/{p-36665caa.js → p-ea875d9e.js} +0 -0
package/dist/esm/ptc-title.entry.js CHANGED
@@ -2,73 +2,73 @@ import { r as registerInstance, h, H as Host } from './index-62587d0b.js';
2
2
 
3
3
  const ptcTitleCss = "div.center.sc-ptc-title{text-align:center}div.center.dotted.sc-ptc-title h1.sc-ptc-title::before,div.center.dotted.sc-ptc-title h2.sc-ptc-title::before,div.center.dotted.sc-ptc-title h3.sc-ptc-title::before,div.center.dotted.sc-ptc-title h4.sc-ptc-title::before,div.center.dotted.sc-ptc-title h5.sc-ptc-title::before,div.center.dotted.sc-ptc-title h6.sc-ptc-title::before{left:50%;transform:translateX(-50%)}div.left.sc-ptc-title{text-align:left}div.left.dotted.sc-ptc-title h1.sc-ptc-title::before,div.left.dotted.sc-ptc-title h2.sc-ptc-title::before,div.left.dotted.sc-ptc-title h3.sc-ptc-title::before,div.left.dotted.sc-ptc-title h4.sc-ptc-title::before,div.left.dotted.sc-ptc-title h5.sc-ptc-title::before,div.left.dotted.sc-ptc-title h6.sc-ptc-title::before{left:0%}div.right.sc-ptc-title{text-align:right}div.right.dotted.sc-ptc-title h1.sc-ptc-title::before,div.right.dotted.sc-ptc-title h2.sc-ptc-title::before,div.right.dotted.sc-ptc-title h3.sc-ptc-title::before,div.right.dotted.sc-ptc-title h4.sc-ptc-title::before,div.right.dotted.sc-ptc-title h5.sc-ptc-title::before,div.right.dotted.sc-ptc-title h6.sc-ptc-title::before{right:0%}div.inherit.sc-ptc-title{text-align:inherit}div.dotted.sc-ptc-title h1.sc-ptc-title::before,div.dotted.sc-ptc-title h2.sc-ptc-title::before,div.dotted.sc-ptc-title h3.sc-ptc-title::before,div.dotted.sc-ptc-title h4.sc-ptc-title::before,div.dotted.sc-ptc-title h5.sc-ptc-title::before,div.dotted.sc-ptc-title h6.sc-ptc-title::before{content:\"\";position:absolute;top:-6px;width:30%;display:block;border-top:3px dashed var(--color-green-07)}div.solid.sc-ptc-title h1.sc-ptc-title,div.solid.sc-ptc-title h2.sc-ptc-title,div.solid.sc-ptc-title h3.sc-ptc-title,div.solid.sc-ptc-title h4.sc-ptc-title,div.solid.sc-ptc-title h5.sc-ptc-title,div.solid.sc-ptc-title h6.sc-ptc-title{padding-top:12px}div.solid.sc-ptc-title h1.sc-ptc-title::before,div.solid.sc-ptc-title h2.sc-ptc-title::before,div.solid.sc-ptc-title h3.sc-ptc-title::before,div.solid.sc-ptc-title h4.sc-ptc-title::before,div.solid.sc-ptc-title h5.sc-ptc-title::before,div.solid.sc-ptc-title h6.sc-ptc-title::before{content:\"\";position:absolute;width:100%;height:0.7px;background-color:var(--color-gray-03);opacity:0.9;left:0px;top:0}div.solid.sc-ptc-title h1.sc-ptc-title::after,div.solid.sc-ptc-title h2.sc-ptc-title::after,div.solid.sc-ptc-title h3.sc-ptc-title::after,div.solid.sc-ptc-title h4.sc-ptc-title::after,div.solid.sc-ptc-title h5.sc-ptc-title::after,div.solid.sc-ptc-title h6.sc-ptc-title::after{content:\"\";position:absolute;width:56px;height:2px;background-color:var(--color-green-07);top:-2px;left:0px}div.is-standard.sc-ptc-title h1.sc-ptc-title,div.is-standard.sc-ptc-title h2.sc-ptc-title,div.is-standard.sc-ptc-title h3.sc-ptc-title,div.is-standard.sc-ptc-title h4.sc-ptc-title,div.is-standard.sc-ptc-title h5.sc-ptc-title,div.is-standard.sc-ptc-title h6.sc-ptc-title{display:inline-block;position:relative}div.is-standard.sc-ptc-title h1.sc-ptc-title{font-size:var(--ptc-font-size-xxx-large);line-height:var(--ptc-line-height-densest);font-weight:var(--ptc-font-weight-extrabold);letter-spacing:0px;color:var(--color-gray-10)}@media only screen and (min-width: 768px){div.is-standard.sc-ptc-title h1.sc-ptc-title{font-size:var(--ptc-font-size-xxxx-large)}}div.is-standard.sc-ptc-title h2.sc-ptc-title{font-size:var(--ptc-font-size-x-large);line-height:var(--ptc-line-height-densest);font-weight:var(--ptc-font-weight-extrabold);color:var(--color-gray-10)}@media only screen and (min-width: 768px){div.is-standard.sc-ptc-title h2.sc-ptc-title{font-size:var(--ptc-font-size-xx-large)}}div.is-plm-hub.sc-ptc-title h1.sc-ptc-title,div.is-plm-hub.sc-ptc-title h2.sc-ptc-title,div.is-plm-hub.sc-ptc-title h3.sc-ptc-title,div.is-plm-hub.sc-ptc-title h4.sc-ptc-title,div.is-plm-hub.sc-ptc-title h5.sc-ptc-title,div.is-plm-hub.sc-ptc-title h6.sc-ptc-title{display:inline-block;position:relative;margin-block-start:0em;margin-block-end:0em;margin-inline-start:0px;margin-inline-end:0px;color:var(--color-white) !important}div.margin-flush.sc-ptc-title{margin-top:0;margin-bottom:0}div.margin-flush.sc-ptc-title h1.sc-ptc-title,div.margin-flush.sc-ptc-title h2.sc-ptc-title,div.margin-flush.sc-ptc-title h3.sc-ptc-title,div.margin-flush.sc-ptc-title h4.sc-ptc-title,div.margin-flush.sc-ptc-title h5.sc-ptc-title{margin-top:0;margin-bottom:0}div.margin-top-2.sc-ptc-title{margin-top:var(--ptc-element-spacing-02);margin-bottom:0}div.margin-top-3.sc-ptc-title{margin-top:var(--ptc-element-spacing-03);margin-bottom:0}div.margin-top-4.sc-ptc-title{margin-top:var(--ptc-element-spacing-04);margin-bottom:0}div.margin-top-5.sc-ptc-title{margin-top:var(--ptc-element-spacing-05);margin-bottom:0}div.margin-top-6.sc-ptc-title{margin-top:var(--ptc-element-spacing-06);margin-bottom:0}div.margin-bottom-2.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-02);margin-top:0}div.margin-bottom-3.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-03);margin-top:0}div.margin-bottom-4.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-04);margin-top:0}div.margin-bottom-5.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-05);margin-top:0}div.margin-bottom-6.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-06);margin-top:0}div.margin-2.sc-ptc-title{margin-top:var(--ptc-element-spacing-02);margin-bottom:var(--ptc-element-spacing-02)}div.margin-3.sc-ptc-title{margin-top:var(--ptc-element-spacing-03);margin-bottom:var(--ptc-element-spacing-03)}div.margin-4.sc-ptc-title{margin-top:var(--ptc-element-spacing-04);margin-bottom:var(--ptc-element-spacing-04)}div.margin-5.sc-ptc-title{margin-top:var(--ptc-element-spacing-05);margin-bottom:var(--ptc-element-spacing-05)}div.margin-5.sc-ptc-title h4.sc-ptc-title{margin-top:0;margin-bottom:0}div.margin-6.sc-ptc-title{margin-top:var(--ptc-element-spacing-06);margin-bottom:var(--ptc-element-spacing-06)}div.margin-9.sc-ptc-title{margin-top:var(--ptc-element-spacing-09);margin-bottom:var(--ptc-element-spacing-09)}div.green.sc-ptc-title h1.sc-ptc-title,div.green.sc-ptc-title h2.sc-ptc-title,div.green.sc-ptc-title h3.sc-ptc-title,div.green.sc-ptc-title h4.sc-ptc-title,div.green.sc-ptc-title h5.sc-ptc-title,div.green.sc-ptc-title h6.sc-ptc-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-green-07)}div.blue.sc-ptc-title h1.sc-ptc-title,div.blue.sc-ptc-title h2.sc-ptc-title,div.blue.sc-ptc-title h3.sc-ptc-title,div.blue.sc-ptc-title h4.sc-ptc-title,div.blue.sc-ptc-title h5.sc-ptc-title,div.blue.sc-ptc-title h6.sc-ptc-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-blue-07)}div.red.sc-ptc-title h1.sc-ptc-title,div.red.sc-ptc-title h2.sc-ptc-title,div.red.sc-ptc-title h3.sc-ptc-title,div.red.sc-ptc-title h4.sc-ptc-title,div.red.sc-ptc-title h5.sc-ptc-title,div.red.sc-ptc-title h6.sc-ptc-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-red-07)}div.orange.sc-ptc-title h1.sc-ptc-title,div.orange.sc-ptc-title h2.sc-ptc-title,div.orange.sc-ptc-title h3.sc-ptc-title,div.orange.sc-ptc-title h4.sc-ptc-title,div.orange.sc-ptc-title h5.sc-ptc-title,div.orange.sc-ptc-title h6.sc-ptc-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-orange-07)}div.slate-grey.sc-ptc-title h1.sc-ptc-title,div.slate-grey.sc-ptc-title h2.sc-ptc-title,div.slate-grey.sc-ptc-title h3.sc-ptc-title,div.slate-grey.sc-ptc-title h4.sc-ptc-title,div.slate-grey.sc-ptc-title h5.sc-ptc-title,div.slate-grey.sc-ptc-title h6.sc-ptc-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-gray-07)}div.w-3.sc-ptc-title h1.sc-ptc-title,div.w-3.sc-ptc-title h2.sc-ptc-title,div.w-3.sc-ptc-title h3.sc-ptc-title,div.w-3.sc-ptc-title h4.sc-ptc-title,div.w-3.sc-ptc-title h5.sc-ptc-title,div.w-3.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-thin)}div.w-4.sc-ptc-title h1.sc-ptc-title,div.w-4.sc-ptc-title h2.sc-ptc-title,div.w-4.sc-ptc-title h3.sc-ptc-title,div.w-4.sc-ptc-title h4.sc-ptc-title,div.w-4.sc-ptc-title h5.sc-ptc-title,div.w-4.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-regular)}div.w-5.sc-ptc-title h1.sc-ptc-title,div.w-5.sc-ptc-title h2.sc-ptc-title,div.w-5.sc-ptc-title h3.sc-ptc-title,div.w-5.sc-ptc-title h4.sc-ptc-title,div.w-5.sc-ptc-title h5.sc-ptc-title,div.w-5.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-medium)}div.w-6.sc-ptc-title h1.sc-ptc-title,div.w-6.sc-ptc-title h2.sc-ptc-title,div.w-6.sc-ptc-title h3.sc-ptc-title,div.w-6.sc-ptc-title h4.sc-ptc-title,div.w-6.sc-ptc-title h5.sc-ptc-title,div.w-6.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-semibold)}div.w-7.sc-ptc-title h1.sc-ptc-title,div.w-7.sc-ptc-title h2.sc-ptc-title,div.w-7.sc-ptc-title h3.sc-ptc-title,div.w-7.sc-ptc-title h4.sc-ptc-title,div.w-7.sc-ptc-title h5.sc-ptc-title,div.w-7.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-bold)}div.w-8.sc-ptc-title h1.sc-ptc-title,div.w-8.sc-ptc-title h2.sc-ptc-title,div.w-8.sc-ptc-title h3.sc-ptc-title,div.w-8.sc-ptc-title h4.sc-ptc-title,div.w-8.sc-ptc-title h5.sc-ptc-title,div.w-8.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-extrabold)}div.w-9.sc-ptc-title h1.sc-ptc-title,div.w-9.sc-ptc-title h2.sc-ptc-title,div.w-9.sc-ptc-title h3.sc-ptc-title,div.w-9.sc-ptc-title h4.sc-ptc-title,div.w-9.sc-ptc-title h5.sc-ptc-title,div.w-9.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-black)}div.xx-small.sc-ptc-title h1.sc-ptc-title,div.xx-small.sc-ptc-title h2.sc-ptc-title,div.xx-small.sc-ptc-title h3.sc-ptc-title,div.xx-small.sc-ptc-title h4.sc-ptc-title,div.xx-small.sc-ptc-title h5.sc-ptc-title,div.xx-small.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xx-small)}div.x-small.sc-ptc-title h1.sc-ptc-title,div.x-small.sc-ptc-title h2.sc-ptc-title,div.x-small.sc-ptc-title h3.sc-ptc-title,div.x-small.sc-ptc-title h4.sc-ptc-title,div.x-small.sc-ptc-title h5.sc-ptc-title,div.x-small.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-x-small)}div.small.sc-ptc-title h1.sc-ptc-title,div.small.sc-ptc-title h2.sc-ptc-title,div.small.sc-ptc-title h3.sc-ptc-title,div.small.sc-ptc-title h4.sc-ptc-title,div.small.sc-ptc-title h5.sc-ptc-title,div.small.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-small)}div.medium.sc-ptc-title h1.sc-ptc-title,div.medium.sc-ptc-title h2.sc-ptc-title,div.medium.sc-ptc-title h3.sc-ptc-title,div.medium.sc-ptc-title h4.sc-ptc-title,div.medium.sc-ptc-title h5.sc-ptc-title,div.medium.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-medium)}div.large.sc-ptc-title h1.sc-ptc-title,div.large.sc-ptc-title h2.sc-ptc-title,div.large.sc-ptc-title h3.sc-ptc-title,div.large.sc-ptc-title h4.sc-ptc-title,div.large.sc-ptc-title h5.sc-ptc-title,div.large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-large)}div.large.sc-ptc-title h3.sc-ptc-title{font-size:var(--ptc-font-size-medium)}@media only screen and (min-width: 768px){div.large.sc-ptc-title h3.sc-ptc-title{font-size:var(--ptc-font-size-large)}}div.x-large.sc-ptc-title h1.sc-ptc-title,div.x-large.sc-ptc-title h2.sc-ptc-title,div.x-large.sc-ptc-title h3.sc-ptc-title,div.x-large.sc-ptc-title h4.sc-ptc-title,div.x-large.sc-ptc-title h5.sc-ptc-title,div.x-large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-x-large)}div.xx-large.sc-ptc-title h1.sc-ptc-title,div.xx-large.sc-ptc-title h2.sc-ptc-title,div.xx-large.sc-ptc-title h3.sc-ptc-title,div.xx-large.sc-ptc-title h4.sc-ptc-title{font-size:var(--ptc-font-size-x-large)}@media only screen and (min-width: 768px){div.xx-large.sc-ptc-title h1.sc-ptc-title,div.xx-large.sc-ptc-title h2.sc-ptc-title,div.xx-large.sc-ptc-title h3.sc-ptc-title,div.xx-large.sc-ptc-title h4.sc-ptc-title{font-size:var(--ptc-font-size-xx-large)}}div.xxx-large.sc-ptc-title h1.sc-ptc-title,div.xxx-large.sc-ptc-title h2.sc-ptc-title,div.xxx-large.sc-ptc-title h3.sc-ptc-title,div.xxx-large.sc-ptc-title h4.sc-ptc-title,div.xxx-large.sc-ptc-title h5.sc-ptc-title,div.xxx-large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xx-large)}@media only screen and (min-width: 768px){div.xxx-large.sc-ptc-title h1.sc-ptc-title,div.xxx-large.sc-ptc-title h2.sc-ptc-title,div.xxx-large.sc-ptc-title h3.sc-ptc-title,div.xxx-large.sc-ptc-title h4.sc-ptc-title,div.xxx-large.sc-ptc-title h5.sc-ptc-title,div.xxx-large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxx-large)}}div.xxxx-large.sc-ptc-title h1.sc-ptc-title,div.xxxx-large.sc-ptc-title h2.sc-ptc-title,div.xxxx-large.sc-ptc-title h3.sc-ptc-title,div.xxxx-large.sc-ptc-title h4.sc-ptc-title,div.xxxx-large.sc-ptc-title h5.sc-ptc-title,div.xxxx-large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxx-large)}@media screen and (min-width: 769px){div.xxxx-large.sc-ptc-title h1.sc-ptc-title,div.xxxx-large.sc-ptc-title h2.sc-ptc-title,div.xxxx-large.sc-ptc-title h3.sc-ptc-title,div.xxxx-large.sc-ptc-title h4.sc-ptc-title,div.xxxx-large.sc-ptc-title h5.sc-ptc-title,div.xxxx-large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxxx-large)}}div.xx-large-allbp.sc-ptc-title h1.sc-ptc-title,div.xx-large-allbp.sc-ptc-title h2.sc-ptc-title,div.xx-large-allbp.sc-ptc-title h3.sc-ptc-title,div.xx-large-allbp.sc-ptc-title h4.sc-ptc-title,div.xx-large-allbp.sc-ptc-title h5.sc-ptc-title,div.xx-large-allbp.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xx-large)}div.xxxx-large-allbp.sc-ptc-title h1.sc-ptc-title,div.xxxx-large-allbp.sc-ptc-title h2.sc-ptc-title,div.xxxx-large-allbp.sc-ptc-title h3.sc-ptc-title,div.xxxx-large-allbp.sc-ptc-title h4.sc-ptc-title,div.xxxx-large-allbp.sc-ptc-title h5.sc-ptc-title,div.xxxx-large-allbp.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxxx-large)}div.xxxx-large-desktop.sc-ptc-title h1.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h2.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h3.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h4.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h5.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxx-large)}@media only screen and (min-width: 992px){div.xxxx-large-desktop.sc-ptc-title h1.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h2.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h3.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h4.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h5.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxxx-large)}}div.xxxx-large-store.sc-ptc-title h1.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h2.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h3.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h4.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h5.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxx-large)}@media only screen and (min-width: 992px){div.xxxx-large-store.sc-ptc-title h1.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h2.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h3.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h4.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h5.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxxx-large)}}div.densest.sc-ptc-title h1.sc-ptc-title,div.densest.sc-ptc-title h2.sc-ptc-title,div.densest.sc-ptc-title h3.sc-ptc-title,div.densest.sc-ptc-title h4.sc-ptc-title,div.densest.sc-ptc-title h5.sc-ptc-title,div.densest.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-densest)}div.denser.sc-ptc-title h1.sc-ptc-title,div.denser.sc-ptc-title h2.sc-ptc-title,div.denser.sc-ptc-title h3.sc-ptc-title,div.denser.sc-ptc-title h4.sc-ptc-title,div.denser.sc-ptc-title h5.sc-ptc-title,div.denser.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-denser)}div.dense.sc-ptc-title h1.sc-ptc-title,div.dense.sc-ptc-title h2.sc-ptc-title,div.dense.sc-ptc-title h3.sc-ptc-title,div.dense.sc-ptc-title h4.sc-ptc-title,div.dense.sc-ptc-title h5.sc-ptc-title,div.dense.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-dense)}div.normal.sc-ptc-title h1.sc-ptc-title,div.normal.sc-ptc-title h2.sc-ptc-title,div.normal.sc-ptc-title h3.sc-ptc-title,div.normal.sc-ptc-title h4.sc-ptc-title,div.normal.sc-ptc-title h5.sc-ptc-title,div.normal.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-normal)}div.loose.sc-ptc-title h1.sc-ptc-title,div.loose.sc-ptc-title h2.sc-ptc-title,div.loose.sc-ptc-title h3.sc-ptc-title,div.loose.sc-ptc-title h4.sc-ptc-title,div.loose.sc-ptc-title h5.sc-ptc-title,div.loose.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-loose)}div.looser.sc-ptc-title h1.sc-ptc-title,div.looser.sc-ptc-title h2.sc-ptc-title,div.looser.sc-ptc-title h3.sc-ptc-title,div.looser.sc-ptc-title h4.sc-ptc-title,div.looser.sc-ptc-title h5.sc-ptc-title,div.looser.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-looser)}div.paragraph.sc-ptc-title h1.sc-ptc-title,div.paragraph.sc-ptc-title h2.sc-ptc-title,div.paragraph.sc-ptc-title h3.sc-ptc-title,div.paragraph.sc-ptc-title h4.sc-ptc-title,div.paragraph.sc-ptc-title h5.sc-ptc-title,div.paragraph.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-paragraph)}div.black.sc-ptc-title h1.sc-ptc-title,div.black.sc-ptc-title h2.sc-ptc-title,div.black.sc-ptc-title h3.sc-ptc-title,div.black.sc-ptc-title h4.sc-ptc-title,div.black.sc-ptc-title h5.sc-ptc-title,div.black.sc-ptc-title h6.sc-ptc-title{color:var(--color-black)}div.white.sc-ptc-title h1.sc-ptc-title,div.white.sc-ptc-title h2.sc-ptc-title,div.white.sc-ptc-title h3.sc-ptc-title,div.white.sc-ptc-title h4.sc-ptc-title,div.white.sc-ptc-title h5.sc-ptc-title,div.white.sc-ptc-title h6.sc-ptc-title{color:var(--color-white)}div.gray-1.sc-ptc-title h1.sc-ptc-title,div.gray-1.sc-ptc-title h2.sc-ptc-title,div.gray-1.sc-ptc-title h3.sc-ptc-title,div.gray-1.sc-ptc-title h4.sc-ptc-title,div.gray-1.sc-ptc-title h5.sc-ptc-title,div.gray-1.sc-ptc-title h6.sc-ptc-title{color:var(--color-gray-01)}div.gray.sc-ptc-title h1.sc-ptc-title,div.gray.sc-ptc-title h2.sc-ptc-title,div.gray.sc-ptc-title h3.sc-ptc-title,div.gray.sc-ptc-title h4.sc-ptc-title,div.gray.sc-ptc-title h5.sc-ptc-title,div.gray.sc-ptc-title h6.sc-ptc-title{color:var(--color-gray-10)}div.gray-darker.sc-ptc-title h1.sc-ptc-title,div.gray-darker.sc-ptc-title h2.sc-ptc-title,div.gray-darker.sc-ptc-title h3.sc-ptc-title,div.gray-darker.sc-ptc-title h4.sc-ptc-title,div.gray-darker.sc-ptc-title h5.sc-ptc-title,div.gray-darker.sc-ptc-title h6.sc-ptc-title{color:var(--color-gray-11)}div.ellipsis-boxing.sc-ptc-title h1.sc-ptc-title,div.ellipsis-boxing.sc-ptc-title h2.sc-ptc-title,div.ellipsis-boxing.sc-ptc-title h3.sc-ptc-title,div.ellipsis-boxing.sc-ptc-title h4.sc-ptc-title,div.ellipsis-boxing.sc-ptc-title h5.sc-ptc-title,div.ellipsis-boxing.sc-ptc-title h6.sc-ptc-title{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;overflow-wrap:break-word;padding-bottom:0}div.block.sc-ptc-title h1.sc-ptc-title,div.block.sc-ptc-title h2.sc-ptc-title,div.block.sc-ptc-title h3.sc-ptc-title,div.block.sc-ptc-title h4.sc-ptc-title,div.block.sc-ptc-title h5.sc-ptc-title,div.block.sc-ptc-title h6.sc-ptc-title{display:block}";
4
4
 
5
- const PtcTitle = class {
6
- constructor(hostRef) {
7
- registerInstance(this, hostRef);
8
- this.isPlmHub = false;
9
- this.type = 'h2';
10
- this.textAlign = undefined;
11
- this.upperline = 'dotted';
12
- this.titleShadow = undefined;
13
- this.titleColor = 'gray';
14
- this.titleMargin = undefined;
15
- this.titleWeight = undefined;
16
- this.titleSize = undefined;
17
- this.titleHeight = 'densest';
18
- this.styles = undefined;
19
- this.ellipsisLineCutoff = undefined;
20
- this.titleDisplay = 'inline-block';
21
- }
22
- render() {
23
- const classMap = this.getCssClassMap();
24
- const cutOff = this.getLineCuttoff();
25
- let TagType;
26
- switch (this.type) {
27
- case 'h1':
28
- TagType = 'h1';
29
- break;
30
- case 'h3':
31
- TagType = 'h3';
32
- break;
33
- case 'h4':
34
- TagType = 'h4';
35
- break;
36
- case 'h5':
37
- TagType = 'h5';
38
- break;
39
- case 'h6':
40
- TagType = 'h6';
41
- break;
42
- default:
43
- TagType = 'h2';
44
- }
45
- return (h(Host, null, this.styles && h("style", null, this.styles), h("div", { class: classMap }, h(TagType, { style: cutOff }, h("slot", null)))));
46
- }
47
- getCssClassMap() {
48
- return {
49
- [this.textAlign]: !!this.textAlign ? true : false,
50
- [this.upperline]: true,
51
- [this.isPlmHub ? 'is-plm-hub' : 'is-standard']: true,
52
- [this.titleMargin]: !!this.titleMargin ? true : false,
53
- [this.titleShadow]: !!this.titleShadow ? true : false,
54
- [this.titleWeight]: !!this.titleWeight ? true : false,
55
- [this.titleSize]: !!this.titleSize ? true : false,
56
- [this.titleHeight]: !!this.titleHeight ? true : false,
57
- [this.titleColor]: !!this.titleColor ? true : false,
58
- ['ellipsis-boxing']: this.ellipsisLineCutoff && this.ellipsisLineCutoff > 0,
59
- [this.titleDisplay]: !!this.titleDisplay ? true : false,
60
- };
61
- }
62
- getLineCuttoff() {
63
- let result;
64
- if (this.ellipsisLineCutoff && this.ellipsisLineCutoff > 0) {
65
- result = {
66
- ['-webkit-line-clamp']: `${this.ellipsisLineCutoff}`,
67
- };
68
- }
69
- return result;
70
- }
71
- };
5
+ const PtcTitle = class {
6
+ constructor(hostRef) {
7
+ registerInstance(this, hostRef);
8
+ this.isPlmHub = false;
9
+ this.type = 'h2';
10
+ this.textAlign = undefined;
11
+ this.upperline = 'dotted';
12
+ this.titleShadow = undefined;
13
+ this.titleColor = 'gray';
14
+ this.titleMargin = undefined;
15
+ this.titleWeight = undefined;
16
+ this.titleSize = undefined;
17
+ this.titleHeight = 'densest';
18
+ this.styles = undefined;
19
+ this.ellipsisLineCutoff = undefined;
20
+ this.titleDisplay = 'inline-block';
21
+ }
22
+ render() {
23
+ const classMap = this.getCssClassMap();
24
+ const cutOff = this.getLineCuttoff();
25
+ let TagType;
26
+ switch (this.type) {
27
+ case 'h1':
28
+ TagType = 'h1';
29
+ break;
30
+ case 'h3':
31
+ TagType = 'h3';
32
+ break;
33
+ case 'h4':
34
+ TagType = 'h4';
35
+ break;
36
+ case 'h5':
37
+ TagType = 'h5';
38
+ break;
39
+ case 'h6':
40
+ TagType = 'h6';
41
+ break;
42
+ default:
43
+ TagType = 'h2';
44
+ }
45
+ return (h(Host, null, this.styles && h("style", null, this.styles), h("div", { class: classMap }, h(TagType, { style: cutOff }, h("slot", null)))));
46
+ }
47
+ getCssClassMap() {
48
+ return {
49
+ [this.textAlign]: !!this.textAlign ? true : false,
50
+ [this.upperline]: true,
51
+ [this.isPlmHub ? 'is-plm-hub' : 'is-standard']: true,
52
+ [this.titleMargin]: !!this.titleMargin ? true : false,
53
+ [this.titleShadow]: !!this.titleShadow ? true : false,
54
+ [this.titleWeight]: !!this.titleWeight ? true : false,
55
+ [this.titleSize]: !!this.titleSize ? true : false,
56
+ [this.titleHeight]: !!this.titleHeight ? true : false,
57
+ [this.titleColor]: !!this.titleColor ? true : false,
58
+ ['ellipsis-boxing']: this.ellipsisLineCutoff && this.ellipsisLineCutoff > 0,
59
+ [this.titleDisplay]: !!this.titleDisplay ? true : false,
60
+ };
61
+ }
62
+ getLineCuttoff() {
63
+ let result;
64
+ if (this.ellipsisLineCutoff && this.ellipsisLineCutoff > 0) {
65
+ result = {
66
+ ['-webkit-line-clamp']: `${this.ellipsisLineCutoff}`,
67
+ };
68
+ }
69
+ return result;
70
+ }
71
+ };
72
72
  PtcTitle.style = ptcTitleCss;
73
73
 
74
74
  export { PtcTitle as ptc_title };
package/dist/esm/ptc-tooltip.entry.js CHANGED
@@ -2,101 +2,101 @@ import { r as registerInstance, h, H as Host, g as getElement } from './index-62
2
2
 
3
3
  const ptcTooltipCss = ".sc-ptc-tooltip-h{position:relative}.inline.sc-ptc-tooltip-h{display:inline}.inline.sc-ptc-tooltip-h .text-content.sc-ptc-tooltip{display:inline}.block.sc-ptc-tooltip-h{display:block}.text-ellipsis.sc-ptc-tooltip{position:relative;display:inline}.text-ellipsis.sc-ptc-tooltip:not(.truncated){z-index:auto !important}.z-auto.sc-ptc-tooltip{z-index:auto}.z-1.sc-ptc-tooltip{z-index:1}.z-2.sc-ptc-tooltip{z-index:2}.z-3.sc-ptc-tooltip{z-index:3}.z-999.sc-ptc-tooltip{z-index:999}.tooltip.sc-ptc-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:auto;height:auto;visibility:hidden;text-align:left;text-shadow:none;white-space:normal}@media only screen and (min-width: 480px){.tooltip.sc-ptc-tooltip{width:273px}}.tooltip.danger.sc-ptc-tooltip{color:var(--color-red-07);font-family:var(--ptc-font-latin);font-weight:var(--ptc-font-weight-semibold);font-size:var(--ptc-font-size-xx-small);line-height:var(--ptc-line-height-p);border:2px solid var(--color-red-07);border-radius:var(--ptc-border-radius-standard);background-color:var(--color-white);padding:var(--ptc-element-spacing-06)}.tooltip.danger.sc-ptc-tooltip a.sc-ptc-tooltip{color:var(--color-blue-07)}.tooltip.bottom.sc-ptc-tooltip{bottom:-12px;transform:translateY(100%)}.tooltip.bottom.sc-ptc-tooltip::after{top:1px;left:50%;transform:translate(-50%, -100%);border:8px solid transparent;border-bottom:8px solid var(--color-gray-09)}.tooltip.left.sc-ptc-tooltip{bottom:-12px;transform:translate(-80%, 100%)}.tooltip.left.sc-ptc-tooltip::after{top:1px;right:8px;transform:translateY(-100%);border:8px solid transparent;border-bottom:8px solid var(--color-gray-09)}.tooltip.right.sc-ptc-tooltip{bottom:-12px;transform:translateY(100%);right:0px}@-moz-document url-prefix(){.tooltip.right{right:unset !important;bottom:unset !important;transform:translate(60%, 8px) !important}@media screen and (min-width: 992px){.tooltip.right{transform:translate(100%, 8px) !important}}}.tooltip.right.sc-ptc-tooltip::after{top:1px;left:8px;transform:translateY(-100%);border:8px solid transparent;border-bottom:8px solid var(--color-gray-09)}.tooltip.top.sc-ptc-tooltip{top:-8px;transform:translateY(-100%)}.tooltip.top.sc-ptc-tooltip::after{left:50%;bottom:1px;transform:translate(-50%, 100%);border:8px solid transparent;border-top:8px solid var(--color-gray-09)}.tooltip.bottom-right.sc-ptc-tooltip{bottom:-12px;transform:translate(-60%, 100%)}.tooltip.bottom-right.sc-ptc-tooltip::after{top:1px;left:75%;transform:translate(-50%, -100%);border:8px solid transparent;border-bottom:8px solid var(--color-gray-09)}.tooltip.danger.sc-ptc-tooltip::after{top:0;border-bottom:8px solid var(--color-red-07)}.truncated.sc-ptc-tooltip{cursor:help}.truncated.sc-ptc-tooltip:hover+.tooltip.sc-ptc-tooltip{visibility:visible;z-index:9999}.wrapper-content.sc-ptc-tooltip{display:inline-block;position:relative}.wrapper-content.sc-ptc-tooltip .tooltip.sc-ptc-tooltip{width:auto;min-width:72px;max-width:273px}.wrapper-content.sc-ptc-tooltip .slot-content.sc-ptc-tooltip:hover+.tooltip.sc-ptc-tooltip{visibility:visible;z-index:9999}.tooltip.sc-ptc-tooltip::after{content:\"\";position:absolute}.ellipsis-by-line-boxing.sc-ptc-tooltip{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;overflow-wrap:break-word;padding-bottom:0}.full-width.sc-ptc-tooltip-h .tooltip.sc-ptc-tooltip{width:100%}@media only screen and (min-width: 480px){.full-width.sc-ptc-tooltip-h .tooltip.sc-ptc-tooltip{width:100%}}";
4
4
 
5
- const PtcTooltip = class {
6
- constructor(hostRef) {
7
- registerInstance(this, hostRef);
8
- this.textDisplay = 'inline';
9
- this.maxLength = 45;
10
- this.textLines = undefined;
11
- this.description = 'This is a tooltip text placeholder';
12
- this.zIndex = 'z-auto';
13
- this.position = 'bottom';
14
- this.styles = undefined;
15
- this.mode = 'text-only';
16
- this.theme = 'standard';
17
- this.width = 'default';
18
- this.hideOnMobile = false;
19
- this.isSmallScreen = undefined;
20
- }
21
- addTruncatedClass() {
22
- const appRoot = this.el;
23
- const text = appRoot.querySelectorAll('.ellipsis-by-line-boxing');
24
- text.forEach(t => {
25
- t.classList[t.scrollHeight > t.clientHeight ? 'add' : 'remove']('truncated');
26
- });
27
- }
28
- windowResize() {
29
- this.verifiyScreenSize();
30
- }
31
- verifiyScreenSize() {
32
- this.isSmallScreen = window.innerWidth < 768;
33
- }
34
- // Created this function to initialize the truncate function on specific elements like tabs
35
- enableAddTruncatedClass(element) {
36
- const allTabHeaders = document.querySelectorAll(element);
37
- for (const element of Array.from(allTabHeaders)) {
38
- let tabHeader = element;
39
- if (tabHeader) {
40
- tabHeader.addEventListener('click', () => {
41
- setTimeout(() => {
42
- this.addTruncatedClass();
43
- }, 100);
44
- });
45
- }
46
- }
47
- }
48
- componentWillLoad() {
49
- this.verifiyScreenSize();
50
- }
51
- componentDidLoad() {
52
- //this.addTruncatedClass();
53
- setTimeout(() => {
54
- this.addTruncatedClass();
55
- }, 1000);
56
- this.enableAddTruncatedClass('tab-header');
57
- this.enableAddTruncatedClass('ptc-ellipsis-dropdown');
58
- this.enableAddTruncatedClass('ptc-product-card');
59
- document.addEventListener('readystatechange', () => {
60
- if (document.readyState === 'complete') {
61
- this.addTruncatedClass();
62
- }
63
- });
64
- }
65
- render() {
66
- if (this.mode == 'wrapper') {
67
- return (h(Host, { class: this.textDisplay }, this.styles && h("style", null, this.styles), h("div", { class: "wrapper-content" }, h("div", { class: "slot-content" }, h("slot", null)), h("div", { class: `tooltip ${this.position} ${this.theme}` }, h("slot", { name: "description" }), this.description && h("span", { innerHTML: this.description })))));
68
- }
69
- else {
70
- const classMap = this.getCssClassMap();
71
- const cutOff = this.getLineCuttoff();
72
- let truncatedText = this.description.substring(0, this.maxLength);
73
- if (this.description.length > this.maxLength) {
74
- const lastSpace = truncatedText.lastIndexOf(' ');
75
- truncatedText = truncatedText.substring(0, lastSpace);
76
- truncatedText += '... ';
77
- }
78
- return (h(Host, { class: this.textDisplay + " " + this.width }, this.styles && h("style", null, this.styles), (this.hideOnMobile && this.isSmallScreen) ? (h("div", null, this.description)) : (h("div", { class: "text-content" }, this.textLines > 0 && !!this.textLines ? (h("div", { class: "ellipsis-by-line-boxing", style: cutOff, innerHTML: this.description })) : (h("div", { class: classMap }, truncatedText)), h("div", { class: `tooltip ${this.position} ${this.theme}`, innerHTML: this.description })))));
79
- }
80
- }
81
- getCssClassMap() {
82
- return {
83
- // ['ellipsis-by-line-boxing']: this.textLines && this.textLines > 0,
84
- ['text-ellipsis']: true,
85
- [this.zIndex]: this.description.length > this.maxLength ? true : false,
86
- ['truncated']: this.description.length > this.maxLength && !this.textLines ? true : false,
87
- };
88
- }
89
- getLineCuttoff() {
90
- let result;
91
- if (this.textLines && this.textLines > 0) {
92
- result = {
93
- ['-webkit-line-clamp']: `${this.textLines}`,
94
- };
95
- }
96
- return result;
97
- }
98
- get el() { return getElement(this); }
99
- };
5
+ const PtcTooltip = class {
6
+ constructor(hostRef) {
7
+ registerInstance(this, hostRef);
8
+ this.textDisplay = 'inline';
9
+ this.maxLength = 45;
10
+ this.textLines = undefined;
11
+ this.description = 'This is a tooltip text placeholder';
12
+ this.zIndex = 'z-auto';
13
+ this.position = 'bottom';
14
+ this.styles = undefined;
15
+ this.mode = 'text-only';
16
+ this.theme = 'standard';
17
+ this.width = 'default';
18
+ this.hideOnMobile = false;
19
+ this.isSmallScreen = undefined;
20
+ }
21
+ addTruncatedClass() {
22
+ const appRoot = this.el;
23
+ const text = appRoot.querySelectorAll('.ellipsis-by-line-boxing');
24
+ text.forEach(t => {
25
+ t.classList[t.scrollHeight > t.clientHeight ? 'add' : 'remove']('truncated');
26
+ });
27
+ }
28
+ windowResize() {
29
+ this.verifiyScreenSize();
30
+ }
31
+ verifiyScreenSize() {
32
+ this.isSmallScreen = window.innerWidth < 768;
33
+ }
34
+ // Created this function to initialize the truncate function on specific elements like tabs
35
+ enableAddTruncatedClass(element) {
36
+ const allTabHeaders = document.querySelectorAll(element);
37
+ for (const element of Array.from(allTabHeaders)) {
38
+ let tabHeader = element;
39
+ if (tabHeader) {
40
+ tabHeader.addEventListener('click', () => {
41
+ setTimeout(() => {
42
+ this.addTruncatedClass();
43
+ }, 100);
44
+ });
45
+ }
46
+ }
47
+ }
48
+ componentWillLoad() {
49
+ this.verifiyScreenSize();
50
+ }
51
+ componentDidLoad() {
52
+ //this.addTruncatedClass();
53
+ setTimeout(() => {
54
+ this.addTruncatedClass();
55
+ }, 1000);
56
+ this.enableAddTruncatedClass('tab-header');
57
+ this.enableAddTruncatedClass('ptc-ellipsis-dropdown');
58
+ this.enableAddTruncatedClass('ptc-product-card');
59
+ document.addEventListener('readystatechange', () => {
60
+ if (document.readyState === 'complete') {
61
+ this.addTruncatedClass();
62
+ }
63
+ });
64
+ }
65
+ render() {
66
+ if (this.mode == 'wrapper') {
67
+ return (h(Host, { class: this.textDisplay }, this.styles && h("style", null, this.styles), h("div", { class: "wrapper-content" }, h("div", { class: "slot-content" }, h("slot", null)), h("div", { class: `tooltip ${this.position} ${this.theme}` }, h("slot", { name: "description" }), this.description && h("span", { innerHTML: this.description })))));
68
+ }
69
+ else {
70
+ const classMap = this.getCssClassMap();
71
+ const cutOff = this.getLineCuttoff();
72
+ let truncatedText = this.description.substring(0, this.maxLength);
73
+ if (this.description.length > this.maxLength) {
74
+ const lastSpace = truncatedText.lastIndexOf(' ');
75
+ truncatedText = truncatedText.substring(0, lastSpace);
76
+ truncatedText += '... ';
77
+ }
78
+ return (h(Host, { class: this.textDisplay + " " + this.width }, this.styles && h("style", null, this.styles), (this.hideOnMobile && this.isSmallScreen) ? (h("div", null, this.description)) : (h("div", { class: "text-content" }, this.textLines > 0 && !!this.textLines ? (h("div", { class: "ellipsis-by-line-boxing", style: cutOff, innerHTML: this.description })) : (h("div", { class: classMap }, truncatedText)), h("div", { class: `tooltip ${this.position} ${this.theme}`, innerHTML: this.description })))));
79
+ }
80
+ }
81
+ getCssClassMap() {
82
+ return {
83
+ // ['ellipsis-by-line-boxing']: this.textLines && this.textLines > 0,
84
+ ['text-ellipsis']: true,
85
+ [this.zIndex]: this.description.length > this.maxLength ? true : false,
86
+ ['truncated']: this.description.length > this.maxLength && !this.textLines ? true : false,
87
+ };
88
+ }
89
+ getLineCuttoff() {
90
+ let result;
91
+ if (this.textLines && this.textLines > 0) {
92
+ result = {
93
+ ['-webkit-line-clamp']: `${this.textLines}`,
94
+ };
95
+ }
96
+ return result;
97
+ }
98
+ get el() { return getElement(this); }
99
+ };
100
100
  PtcTooltip.style = ptcTooltipCss;
101
101
 
102
102
  export { PtcTooltip as ptc_tooltip };
package/dist/esm/ptc-two-column-media.entry.js CHANGED
@@ -2,21 +2,21 @@ import { r as registerInstance, h, H as Host } from './index-62587d0b.js';
2
2
 
3
3
  const ptcTwoColumnMediaCss = ":host{display:block;padding:var(--ptc-layout-spacing-02) 0}@media only screen and (min-width: 992px){:host{padding:var(--ptc-layout-spacing-04) 0}}";
4
4
 
5
- const PtcTwoColumnMedia = class {
6
- constructor(hostRef) {
7
- registerInstance(this, hostRef);
8
- this.componentType = undefined;
9
- }
10
- render() {
11
- const classMap = this.getCssClassMap();
12
- return (h(Host, { class: classMap }, h("slot", null)));
13
- }
14
- getCssClassMap() {
15
- return {
16
- [this.componentType]: this.componentType ? true : false
17
- };
18
- }
19
- };
5
+ const PtcTwoColumnMedia = class {
6
+ constructor(hostRef) {
7
+ registerInstance(this, hostRef);
8
+ this.componentType = undefined;
9
+ }
10
+ render() {
11
+ const classMap = this.getCssClassMap();
12
+ return (h(Host, { class: classMap }, h("slot", null)));
13
+ }
14
+ getCssClassMap() {
15
+ return {
16
+ [this.componentType]: this.componentType ? true : false
17
+ };
18
+ }
19
+ };
20
20
  PtcTwoColumnMedia.style = ptcTwoColumnMediaCss;
21
21
 
22
22
  export { PtcTwoColumnMedia as ptc_two_column_media };
package/dist/esm/ptc-value-prop-card.entry.js CHANGED
@@ -2,19 +2,19 @@ import { r as registerInstance, h, H as Host } from './index-62587d0b.js';
2
2
 
3
3
  const ptcValuePropCardCss = ":host{display:block}:host .vp-card{display:block;position:relative;box-shadow:var(--ptc-shadow-x-large);border-radius:var(--ptc-border-radius-large);overflow:hidden;height:200px}@media only screen and (min-width: 480px){:host .vp-card{height:250px}}@media only screen and (min-width: 768px){:host .vp-card{height:300px}}@media only screen and (min-width: 992px){:host .vp-card{height:548px}}:host .vp-card .overlay{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.33);z-index:1;opacity:0;transition:0.3s ease-out}:host .vp-card .caption{position:absolute;bottom:0;left:0;width:75%;text-align:center;padding:1rem;border-radius:var(--ptc-border-radius-large);border:1px solid var(--color-white);background-color:rgba(0, 0, 0, 0.6);backdrop-filter:blur(2px);color:var(--color-white);z-index:10;display:flex;justify-content:center;align-items:center;min-height:54px}@media only screen and (min-width: 480px){:host .vp-card .caption{width:60%}}@media only screen and (min-width: 768px){:host .vp-card .caption{width:75%}}:host .vp-card .caption ptc-para{text-decoration-color:var(--color-green-06);text-decoration-line:none;text-decoration-style:initial;text-underline-offset:5px;text-decoration-thickness:2px}:host .vp-card:hover .overlay{opacity:1;transition:0.3s ease-out}:host .vp-card:hover .caption ptc-para{text-decoration-line:underline}";
4
4
 
5
- const PtcValuePropCard = class {
6
- constructor(hostRef) {
7
- registerInstance(this, hostRef);
8
- this.cardHref = undefined;
9
- this.target = '_self';
10
- this.rel = undefined;
11
- this.cardTitle = undefined;
12
- this.backgroundImage = undefined;
13
- }
14
- render() {
15
- return (h(Host, null, h("a", { href: this.cardHref, rel: this.rel, target: this.target, class: 'vp-card' }, h("ptc-img", { "image-type": "smart-img", "img-url": this.backgroundImage, "load-mode": "lazy-bg" }, h("div", { class: "overlay" }), h("div", { class: 'caption' }, h("ptc-para", { "font-size": "small", "font-weight": "w-8", "para-align": "center", "para-color": "primary-white", "para-line-h": "line-height-p", "para-margin": "margin-flush", "para-style": "", "para-z-index": "z-auto", styles: "" }, this.cardTitle), h("slot", null))))));
16
- }
17
- };
5
+ const PtcValuePropCard = class {
6
+ constructor(hostRef) {
7
+ registerInstance(this, hostRef);
8
+ this.cardHref = undefined;
9
+ this.target = '_self';
10
+ this.rel = undefined;
11
+ this.cardTitle = undefined;
12
+ this.backgroundImage = undefined;
13
+ }
14
+ render() {
15
+ return (h(Host, null, h("a", { href: this.cardHref, rel: this.rel, target: this.target, class: 'vp-card' }, h("ptc-img", { "image-type": "smart-img", "img-url": this.backgroundImage, "load-mode": "lazy-bg" }, h("div", { class: "overlay" }), h("div", { class: 'caption' }, h("ptc-para", { "font-size": "small", "font-weight": "w-8", "para-align": "center", "para-color": "primary-white", "para-line-h": "line-height-p", "para-margin": "margin-flush", "para-style": "", "para-z-index": "z-auto", styles: "" }, this.cardTitle), h("slot", null))))));
16
+ }
17
+ };
18
18
  PtcValuePropCard.style = ptcValuePropCardCss;
19
19
 
20
20
  export { PtcValuePropCard as ptc_value_prop_card };