@ptcwebops/ptcw-design 1.5.0 → 1.5.3

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 (353) hide show
  1. package/LICENSE +21 -21
  2. package/dist/cjs/bundle-example.cjs.entry.js +30 -30
  3. package/dist/cjs/{bundle-jumbotron-example_16.cjs.entry.js → bundle-jumbotron-example_14.cjs.entry.js} +888 -1119
  4. package/dist/cjs/dropdown-item.cjs.entry.js +10 -10
  5. package/dist/cjs/dynamic-box-bundle.cjs.entry.js +25 -25
  6. package/dist/cjs/innovator-toggle-container.cjs.entry.js +21 -21
  7. package/dist/cjs/loader.cjs.js +1 -1
  8. package/dist/cjs/lottie-player.cjs.entry.js +354 -354
  9. package/dist/cjs/my-component.cjs.entry.js +15 -15
  10. package/dist/cjs/ptc-accordion-item.cjs.entry.js +83 -83
  11. package/dist/cjs/ptc-accordion.cjs.entry.js +35 -35
  12. package/dist/cjs/ptc-announcement.cjs.entry.js +50 -50
  13. package/dist/cjs/ptc-bio-card.cjs.entry.js +24 -24
  14. package/dist/cjs/ptc-card-bottom_3.cjs.entry.js +122 -122
  15. package/dist/cjs/ptc-card-content.cjs.entry.js +57 -57
  16. package/dist/cjs/ptc-card.cjs.entry.js +66 -66
  17. package/dist/cjs/ptc-checkbox.cjs.entry.js +50 -50
  18. package/dist/cjs/ptc-collapse-list.cjs.entry.js +353 -346
  19. package/dist/cjs/ptc-container.cjs.entry.js +33 -33
  20. package/dist/cjs/ptc-date.cjs.entry.js +50 -50
  21. package/dist/cjs/ptc-dropdown.cjs.entry.js +64 -64
  22. package/dist/cjs/ptc-dynamic-card.cjs.entry.js +47 -47
  23. package/dist/cjs/ptc-ellipsis-dropdown.cjs.entry.js +38 -38
  24. package/dist/cjs/ptc-filter-tag.cjs.entry.js +57 -57
  25. package/dist/cjs/ptc-hero-footer-cta.cjs.entry.js +11 -11
  26. package/dist/cjs/ptc-hero.cjs.entry.js +18 -18
  27. package/dist/cjs/ptc-icon-list.cjs.entry.js +21 -21
  28. package/dist/cjs/ptc-icon-minimize.cjs.entry.js +43 -43
  29. package/dist/cjs/ptc-link.cjs.entry.js +35 -35
  30. package/dist/cjs/ptc-list.cjs.entry.js +49 -49
  31. package/dist/cjs/ptc-lottie.cjs.entry.js +10 -10
  32. package/dist/cjs/ptc-media-card.cjs.entry.js +58 -58
  33. package/dist/cjs/ptc-minimized-footer.cjs.entry.js +8 -8
  34. package/dist/cjs/ptc-minimized-header.cjs.entry.js +11 -11
  35. package/dist/cjs/ptc-mobile-select.cjs.entry.js +53 -53
  36. package/dist/cjs/ptc-modal.cjs.entry.js +160 -0
  37. package/dist/cjs/ptc-nav-card.cjs.entry.js +36 -36
  38. package/dist/cjs/ptc-nav-link.cjs.entry.js +36 -36
  39. package/dist/cjs/ptc-nav-slider.cjs.entry.js +83 -83
  40. package/dist/cjs/ptc-nav-submenu.cjs.entry.js +18 -18
  41. package/dist/cjs/ptc-overlay.cjs.entry.js +23 -23
  42. package/dist/cjs/ptc-pagenation.cjs.entry.js +306 -306
  43. package/dist/cjs/ptc-previous-url.cjs.entry.js +11 -11
  44. package/dist/cjs/ptc-pricing-block.cjs.entry.js +20 -20
  45. package/dist/cjs/ptc-pricing-tabs.cjs.entry.js +124 -124
  46. package/dist/cjs/ptc-quote.cjs.entry.js +23 -23
  47. package/dist/cjs/ptc-readmore.cjs.entry.js +73 -73
  48. package/dist/cjs/ptc-responsive-wrapper.cjs.entry.js +54 -54
  49. package/dist/cjs/ptc-search-field.cjs.entry.js +71 -71
  50. package/dist/cjs/ptc-shopping-cart.cjs.entry.js +50 -50
  51. package/dist/cjs/ptc-social-share.cjs.entry.js +59 -59
  52. package/dist/cjs/ptc-span.cjs.entry.js +18 -18
  53. package/dist/cjs/ptc-sticky-icons.cjs.entry.js +32 -32
  54. package/dist/cjs/ptc-sticky-section.cjs.entry.js +27 -27
  55. package/dist/cjs/ptc-subnav-card.cjs.entry.js +15 -15
  56. package/dist/cjs/ptc-subnav.cjs.entry.js +21 -21
  57. package/dist/cjs/ptc-svg-btn.cjs.entry.js +116 -0
  58. package/dist/cjs/ptc-tab-list.cjs.entry.js +125 -125
  59. package/dist/cjs/ptc-tab.cjs.entry.js +20 -20
  60. package/dist/cjs/ptc-tabs.cjs.entry.js +47 -47
  61. package/dist/cjs/ptc-text-copy-with-background.cjs.entry.js +41 -41
  62. package/dist/cjs/ptc-two-column-media.cjs.entry.js +15 -15
  63. package/dist/cjs/ptcw-design.cjs.js +1 -1
  64. package/dist/cjs/sequential-bundle-example.cjs.entry.js +100 -100
  65. package/dist/cjs/sequential-bundle.cjs.entry.js +88 -88
  66. package/dist/cjs/tab-content.cjs.entry.js +27 -27
  67. package/dist/cjs/tab-header.cjs.entry.js +64 -64
  68. package/dist/cjs/{utils-9eb22041.js → utils-416c94fe.js} +90 -90
  69. package/dist/collection/components/dropdown-item/dropdown-item.js +61 -61
  70. package/dist/collection/components/dynamic-box-bundle/dynamic-box-bundle.js +114 -114
  71. package/dist/collection/components/icon-asset/icon-asset.css +4 -4
  72. package/dist/collection/components/icon-asset/icon-asset.js +199 -199
  73. package/dist/collection/components/icon-asset/media/brands.svg +1381 -1381
  74. package/dist/collection/components/icon-asset/media/designer.svg +397 -397
  75. package/dist/collection/components/icon-asset/media/regular.svg +463 -463
  76. package/dist/collection/components/icon-asset/media/solid.svg +3013 -3013
  77. package/dist/collection/components/icon-asset/media/svg-with-js.min.css +4 -4
  78. package/dist/collection/components/innovator-toggle-container/innovator-toggle-container.js +89 -89
  79. package/dist/collection/components/list-item/list-item.js +144 -144
  80. package/dist/collection/components/max-width-container/max-width-container.css +11 -11
  81. package/dist/collection/components/max-width-container/max-width-container.js +105 -105
  82. package/dist/collection/components/my-component/my-component.css +3 -3
  83. package/dist/collection/components/my-component/my-component.js +82 -82
  84. package/dist/collection/components/organism-bundles/bundle-example/bundle-example.css +25 -25
  85. package/dist/collection/components/organism-bundles/bundle-example/bundle-example.js +58 -58
  86. package/dist/collection/components/organism-bundles/bundle-jumbotron-example/bundle-jumbotron-example.css +3 -3
  87. package/dist/collection/components/organism-bundles/bundle-jumbotron-example/bundle-jumbotron-example.js +91 -88
  88. package/dist/collection/components/organism-bundles/sequential-bundle/sequential-bundle.js +116 -116
  89. package/dist/collection/components/organism-bundles/sequential-bundle-example/sequential-bundle-example.css +89 -89
  90. package/dist/collection/components/organism-bundles/sequential-bundle-example/sequential-bundle-example.js +152 -152
  91. package/dist/collection/components/ptc-accordion/ptc-accordion-item/ptc-accordion-item.js +287 -287
  92. package/dist/collection/components/ptc-accordion/ptc-accordion.js +78 -78
  93. package/dist/collection/components/ptc-announcement/ptc-announcement.js +237 -237
  94. package/dist/collection/components/ptc-background-video/ptc-background-video.css +16 -0
  95. package/dist/collection/components/ptc-background-video/ptc-background-video.js +200 -128
  96. package/dist/collection/components/ptc-bio-card/ptc-bio-card.js +130 -130
  97. package/dist/collection/components/ptc-breadcrumb/ptc-breadcrumb.js +105 -105
  98. package/dist/collection/components/ptc-button/ptc-button.js +283 -283
  99. package/dist/collection/components/ptc-card/ptc-card.js +362 -362
  100. package/dist/collection/components/ptc-card-bottom/ptc-card-bottom.js +116 -116
  101. package/dist/collection/components/ptc-card-content/ptc-card-content.js +212 -212
  102. package/dist/collection/components/ptc-card-wrapper/ptc-card-wrapper.js +214 -214
  103. package/dist/collection/components/ptc-checkbox/ptc-checkbox.js +152 -152
  104. package/dist/collection/components/ptc-collapse-list/ptc-collapse-list.js +593 -586
  105. package/dist/collection/components/ptc-container/ptc-container.js +138 -138
  106. package/dist/collection/components/ptc-date/ptc-date.js +224 -224
  107. package/dist/collection/components/ptc-dropdown/ptc-dropdown.js +162 -162
  108. package/dist/collection/components/ptc-dynamic-card/media/nav-active-dotslick.svg +15 -15
  109. package/dist/collection/components/ptc-dynamic-card/ptc-dynamic-card.js +174 -174
  110. package/dist/collection/components/ptc-ellipsis-dropdown/ptc-ellipsis-dropdown.js +122 -122
  111. package/dist/collection/components/ptc-filter-tag/ptc-filter-tag.js +113 -113
  112. package/dist/collection/components/ptc-hero/ptc-hero.js +86 -86
  113. package/dist/collection/components/ptc-hero-footer-cta/ptc-hero-footer-cta.js +78 -78
  114. package/dist/collection/components/ptc-icon-list/ptc-icon-list.js +127 -127
  115. package/dist/collection/components/ptc-icon-minimize/ptc-icon-minimize.js +119 -119
  116. package/dist/collection/components/ptc-img/ptc-img.js +311 -311
  117. package/dist/collection/components/ptc-jumbotron/ptc-jumbotron.css +0 -28
  118. package/dist/collection/components/ptc-jumbotron/ptc-jumbotron.js +349 -317
  119. package/dist/collection/components/ptc-link/ptc-link.js +209 -209
  120. package/dist/collection/components/ptc-list/ptc-list.js +99 -99
  121. package/dist/collection/components/ptc-lottie/ptc-lottie.css +5 -5
  122. package/dist/collection/components/ptc-lottie/ptc-lottie.js +62 -62
  123. package/dist/collection/components/ptc-media-card/ptc-media-card.js +240 -240
  124. package/dist/collection/components/ptc-minimized-footer/ptc-minimized-footer.js +18 -18
  125. package/dist/collection/components/ptc-minimized-header/ptc-minimized-header.js +81 -81
  126. package/dist/collection/components/ptc-mobile-select/ptc-mobile-select.js +190 -190
  127. package/dist/collection/components/ptc-modal/ptc-modal.js +389 -389
  128. package/dist/collection/components/ptc-nav-card/ptc-nav-card.js +224 -224
  129. package/dist/collection/components/ptc-overlay/ptc-overlay.js +131 -131
  130. package/dist/collection/components/ptc-pagenation/ptc-pagenation.js +573 -573
  131. package/dist/collection/components/ptc-para/ptc-para.js +242 -242
  132. package/dist/collection/components/ptc-picture/ptc-picture.js +453 -453
  133. package/dist/collection/components/ptc-previous-url/ptc-previous-url.js +78 -78
  134. package/dist/collection/components/ptc-pricing-block/ptc-pricing-block.js +70 -70
  135. package/dist/collection/components/ptc-pricing-tabs/ptc-pricing-tabs.js +272 -272
  136. package/dist/collection/components/ptc-quote/ptc-quote.js +144 -144
  137. package/dist/collection/components/ptc-readmore/ptc-readmore.js +298 -298
  138. package/dist/collection/components/ptc-responsive-wrapper/ptc-responsive-wrapper.css +3 -3
  139. package/dist/collection/components/ptc-responsive-wrapper/ptc-responsive-wrapper.js +65 -65
  140. package/dist/collection/components/ptc-search-field/ptc-search-field.js +247 -247
  141. package/dist/collection/components/ptc-shopping-cart/ptc-shopping-cart.js +97 -97
  142. package/dist/collection/components/ptc-skeleton/ptc-skeleton.js +139 -139
  143. package/dist/collection/components/ptc-social-share/ptc-social-share.js +239 -239
  144. package/dist/collection/components/ptc-spacer/ptc-spacer.css +332 -332
  145. package/dist/collection/components/ptc-spacer/ptc-spacer.js +97 -97
  146. package/dist/collection/components/ptc-span/ptc-span.js +87 -87
  147. package/dist/collection/components/ptc-sticky-icons/ptc-sticky-icons.js +51 -51
  148. package/dist/collection/components/ptc-sticky-section/ptc-sticky-section.js +46 -46
  149. package/dist/collection/components/ptc-svg-btn/ptc-svg-btn.js +109 -109
  150. package/dist/collection/components/ptc-tab-list/ptc-tab-list.js +177 -177
  151. package/dist/collection/components/ptc-tabs/ptc-tab.js +121 -121
  152. package/dist/collection/components/ptc-tabs/ptc-tabs.js +104 -104
  153. package/dist/collection/components/ptc-text-copy-with-background/ptc-text-copy-with-background.js +180 -180
  154. package/dist/collection/components/ptc-title/ptc-title.css +3 -0
  155. package/dist/collection/components/ptc-title/ptc-title.js +310 -310
  156. package/dist/collection/components/ptc-tooltip/ptc-tooltip.js +322 -322
  157. package/dist/collection/components/ptc-two-column-media/ptc-two-column-media.js +48 -48
  158. package/dist/collection/components/subnav/ptc-nav-link/ptc-nav-link.js +114 -114
  159. package/dist/collection/components/subnav/ptc-nav-slider/ptc-nav-slider.js +126 -126
  160. package/dist/collection/components/subnav/ptc-nav-submenu/ptc-nav-submenu.js +85 -85
  161. package/dist/collection/components/subnav/ptc-subnav/ptc-subnav.js +47 -47
  162. package/dist/collection/components/subnav/ptc-subnav-card/ptc-subnav-card.js +133 -133
  163. package/dist/collection/components/tab-content/tab-content.js +84 -84
  164. package/dist/collection/components/tab-header/tab-header.js +182 -182
  165. package/dist/collection/index.js +1 -1
  166. package/dist/collection/media/svg-imgs/Back-arrow.svg +11 -11
  167. package/dist/collection/media/svg-imgs/close.svg +10 -10
  168. package/dist/collection/media/svg-imgs/play-button-dark.svg +20 -20
  169. package/dist/collection/media/svg-imgs/ptc-shopping-cart-black.svg +3 -3
  170. package/dist/collection/media/svg-imgs/ptc-shopping-cart-white.svg +3 -3
  171. package/dist/collection/media/svg-imgs/slider-arrow-left.svg +18 -18
  172. package/dist/collection/media/svg-imgs/slider-arrow-right.svg +18 -18
  173. package/dist/collection/media/svg-imgs/union.svg +3 -3
  174. package/dist/collection/utils/component.js +3 -3
  175. package/dist/collection/utils/interfaces.js +11 -11
  176. package/dist/collection/utils/utils.js +92 -92
  177. package/dist/custom-elements/index.js +4904 -4864
  178. package/dist/esm/bundle-example.entry.js +30 -30
  179. package/dist/esm/{bundle-jumbotron-example_16.entry.js → bundle-jumbotron-example_14.entry.js} +889 -1118
  180. package/dist/esm/dropdown-item.entry.js +10 -10
  181. package/dist/esm/dynamic-box-bundle.entry.js +25 -25
  182. package/dist/esm/innovator-toggle-container.entry.js +21 -21
  183. package/dist/esm/loader.js +1 -1
  184. package/dist/esm/lottie-player.entry.js +354 -354
  185. package/dist/esm/my-component.entry.js +15 -15
  186. package/dist/esm/polyfills/core-js.js +0 -0
  187. package/dist/esm/polyfills/dom.js +0 -0
  188. package/dist/esm/polyfills/es5-html-element.js +0 -0
  189. package/dist/esm/polyfills/index.js +0 -0
  190. package/dist/esm/polyfills/system.js +0 -0
  191. package/dist/esm/ptc-accordion-item.entry.js +83 -83
  192. package/dist/esm/ptc-accordion.entry.js +35 -35
  193. package/dist/esm/ptc-announcement.entry.js +50 -50
  194. package/dist/esm/ptc-bio-card.entry.js +24 -24
  195. package/dist/esm/ptc-card-bottom_3.entry.js +122 -122
  196. package/dist/esm/ptc-card-content.entry.js +57 -57
  197. package/dist/esm/ptc-card.entry.js +66 -66
  198. package/dist/esm/ptc-checkbox.entry.js +50 -50
  199. package/dist/esm/ptc-collapse-list.entry.js +353 -346
  200. package/dist/esm/ptc-container.entry.js +33 -33
  201. package/dist/esm/ptc-date.entry.js +50 -50
  202. package/dist/esm/ptc-dropdown.entry.js +64 -64
  203. package/dist/esm/ptc-dynamic-card.entry.js +47 -47
  204. package/dist/esm/ptc-ellipsis-dropdown.entry.js +38 -38
  205. package/dist/esm/ptc-filter-tag.entry.js +57 -57
  206. package/dist/esm/ptc-hero-footer-cta.entry.js +11 -11
  207. package/dist/esm/ptc-hero.entry.js +18 -18
  208. package/dist/esm/ptc-icon-list.entry.js +21 -21
  209. package/dist/esm/ptc-icon-minimize.entry.js +43 -43
  210. package/dist/esm/ptc-link.entry.js +35 -35
  211. package/dist/esm/ptc-list.entry.js +49 -49
  212. package/dist/esm/ptc-lottie.entry.js +10 -10
  213. package/dist/esm/ptc-media-card.entry.js +58 -58
  214. package/dist/esm/ptc-minimized-footer.entry.js +8 -8
  215. package/dist/esm/ptc-minimized-header.entry.js +11 -11
  216. package/dist/esm/ptc-mobile-select.entry.js +53 -53
  217. package/dist/esm/ptc-modal.entry.js +156 -0
  218. package/dist/esm/ptc-nav-card.entry.js +36 -36
  219. package/dist/esm/ptc-nav-link.entry.js +36 -36
  220. package/dist/esm/ptc-nav-slider.entry.js +83 -83
  221. package/dist/esm/ptc-nav-submenu.entry.js +18 -18
  222. package/dist/esm/ptc-overlay.entry.js +23 -23
  223. package/dist/esm/ptc-pagenation.entry.js +306 -306
  224. package/dist/esm/ptc-previous-url.entry.js +11 -11
  225. package/dist/esm/ptc-pricing-block.entry.js +20 -20
  226. package/dist/esm/ptc-pricing-tabs.entry.js +124 -124
  227. package/dist/esm/ptc-quote.entry.js +23 -23
  228. package/dist/esm/ptc-readmore.entry.js +73 -73
  229. package/dist/esm/ptc-responsive-wrapper.entry.js +54 -54
  230. package/dist/esm/ptc-search-field.entry.js +71 -71
  231. package/dist/esm/ptc-shopping-cart.entry.js +50 -50
  232. package/dist/esm/ptc-social-share.entry.js +59 -59
  233. package/dist/esm/ptc-span.entry.js +18 -18
  234. package/dist/esm/ptc-sticky-icons.entry.js +32 -32
  235. package/dist/esm/ptc-sticky-section.entry.js +27 -27
  236. package/dist/esm/ptc-subnav-card.entry.js +15 -15
  237. package/dist/esm/ptc-subnav.entry.js +21 -21
  238. package/dist/esm/ptc-svg-btn.entry.js +112 -0
  239. package/dist/esm/ptc-tab-list.entry.js +125 -125
  240. package/dist/esm/ptc-tab.entry.js +20 -20
  241. package/dist/esm/ptc-tabs.entry.js +47 -47
  242. package/dist/esm/ptc-text-copy-with-background.entry.js +41 -41
  243. package/dist/esm/ptc-two-column-media.entry.js +15 -15
  244. package/dist/esm/ptcw-design.js +1 -1
  245. package/dist/esm/sequential-bundle-example.entry.js +100 -100
  246. package/dist/esm/sequential-bundle.entry.js +88 -88
  247. package/dist/esm/tab-content.entry.js +27 -27
  248. package/dist/esm/tab-header.entry.js +64 -64
  249. package/dist/esm/{utils-38decc43.js → utils-f937097d.js} +90 -90
  250. package/dist/ptcw-design/media/brands.svg +1381 -1381
  251. package/dist/ptcw-design/media/designer.svg +397 -397
  252. package/dist/ptcw-design/media/nav-active-dotslick.svg +15 -15
  253. package/dist/ptcw-design/media/regular.svg +463 -463
  254. package/dist/ptcw-design/media/solid.svg +3013 -3013
  255. package/dist/ptcw-design/media/svg-with-js.min.css +4 -4
  256. package/dist/ptcw-design/p-2414dc2a.entry.js +1 -0
  257. package/dist/ptcw-design/p-81bd0113.entry.js +1 -0
  258. package/dist/ptcw-design/{p-4702f4e4.entry.js → p-8a6acf0d.entry.js} +1 -1
  259. package/dist/ptcw-design/p-b0188821.entry.js +1 -0
  260. package/dist/ptcw-design/p-e66e3791.entry.js +1 -0
  261. package/dist/ptcw-design/{p-469482ba.entry.js → p-ed0c7f10.entry.js} +1 -1
  262. package/dist/ptcw-design/p-face0c41.entry.js +1 -0
  263. package/dist/ptcw-design/ptcw-design.esm.js +1 -1
  264. package/dist/types/components/dropdown-item/dropdown-item.d.ts +5 -5
  265. package/dist/types/components/dynamic-box-bundle/dynamic-box-bundle.d.ts +10 -10
  266. package/dist/types/components/icon-asset/icon-asset.d.ts +40 -40
  267. package/dist/types/components/innovator-toggle-container/innovator-toggle-container.d.ts +17 -17
  268. package/dist/types/components/list-item/list-item.d.ts +16 -16
  269. package/dist/types/components/max-width-container/max-width-container.d.ts +11 -11
  270. package/dist/types/components/my-component/my-component.d.ts +16 -16
  271. package/dist/types/components/organism-bundles/bundle-example/bundle-example.d.ts +10 -10
  272. package/dist/types/components/organism-bundles/bundle-jumbotron-example/bundle-jumbotron-example.d.ts +5 -5
  273. package/dist/types/components/organism-bundles/sequential-bundle/sequential-bundle.d.ts +12 -12
  274. package/dist/types/components/organism-bundles/sequential-bundle-example/sequential-bundle-example.d.ts +16 -16
  275. package/dist/types/components/ptc-accordion/ptc-accordion-item/ptc-accordion-item.d.ts +59 -59
  276. package/dist/types/components/ptc-accordion/ptc-accordion.d.ts +13 -13
  277. package/dist/types/components/ptc-announcement/ptc-announcement.d.ts +51 -51
  278. package/dist/types/components/ptc-background-video/ptc-background-video.d.ts +45 -31
  279. package/dist/types/components/ptc-bio-card/ptc-bio-card.d.ts +27 -27
  280. package/dist/types/components/ptc-breadcrumb/ptc-breadcrumb.d.ts +20 -20
  281. package/dist/types/components/ptc-button/ptc-button.d.ts +60 -60
  282. package/dist/types/components/ptc-card/ptc-card.d.ts +71 -71
  283. package/dist/types/components/ptc-card-bottom/ptc-card-bottom.d.ts +15 -15
  284. package/dist/types/components/ptc-card-content/ptc-card-content.d.ts +19 -19
  285. package/dist/types/components/ptc-card-wrapper/ptc-card-wrapper.d.ts +24 -24
  286. package/dist/types/components/ptc-checkbox/ptc-checkbox.d.ts +14 -14
  287. package/dist/types/components/ptc-collapse-list/ptc-collapse-list.d.ts +56 -56
  288. package/dist/types/components/ptc-container/ptc-container.d.ts +13 -13
  289. package/dist/types/components/ptc-date/ptc-date.d.ts +46 -46
  290. package/dist/types/components/ptc-dropdown/ptc-dropdown.d.ts +19 -19
  291. package/dist/types/components/ptc-dynamic-card/ptc-dynamic-card.d.ts +23 -23
  292. package/dist/types/components/ptc-ellipsis-dropdown/ptc-ellipsis-dropdown.d.ts +12 -12
  293. package/dist/types/components/ptc-filter-tag/ptc-filter-tag.d.ts +17 -17
  294. package/dist/types/components/ptc-hero/ptc-hero.d.ts +16 -16
  295. package/dist/types/components/ptc-hero-footer-cta/ptc-hero-footer-cta.d.ts +6 -6
  296. package/dist/types/components/ptc-icon-list/ptc-icon-list.d.ts +21 -21
  297. package/dist/types/components/ptc-icon-minimize/ptc-icon-minimize.d.ts +12 -12
  298. package/dist/types/components/ptc-img/ptc-img.d.ts +55 -55
  299. package/dist/types/components/ptc-jumbotron/ptc-jumbotron.d.ts +25 -23
  300. package/dist/types/components/ptc-link/ptc-link.d.ts +40 -40
  301. package/dist/types/components/ptc-list/ptc-list.d.ts +8 -8
  302. package/dist/types/components/ptc-lottie/ptc-lottie.d.ts +12 -12
  303. package/dist/types/components/ptc-media-card/ptc-media-card.d.ts +52 -52
  304. package/dist/types/components/ptc-minimized-footer/ptc-minimized-footer.d.ts +3 -3
  305. package/dist/types/components/ptc-minimized-header/ptc-minimized-header.d.ts +6 -6
  306. package/dist/types/components/ptc-mobile-select/ptc-mobile-select.d.ts +36 -36
  307. package/dist/types/components/ptc-modal/ptc-modal.d.ts +67 -67
  308. package/dist/types/components/ptc-nav-card/ptc-nav-card.d.ts +46 -46
  309. package/dist/types/components/ptc-overlay/ptc-overlay.d.ts +21 -21
  310. package/dist/types/components/ptc-pagenation/ptc-pagenation.d.ts +40 -40
  311. package/dist/types/components/ptc-para/ptc-para.d.ts +47 -47
  312. package/dist/types/components/ptc-picture/ptc-picture.d.ts +93 -93
  313. package/dist/types/components/ptc-previous-url/ptc-previous-url.d.ts +9 -9
  314. package/dist/types/components/ptc-pricing-block/ptc-pricing-block.d.ts +7 -7
  315. package/dist/types/components/ptc-pricing-tabs/ptc-pricing-tabs.d.ts +52 -52
  316. package/dist/types/components/ptc-quote/ptc-quote.d.ts +29 -29
  317. package/dist/types/components/ptc-readmore/ptc-readmore.d.ts +57 -57
  318. package/dist/types/components/ptc-responsive-wrapper/ptc-responsive-wrapper.d.ts +8 -8
  319. package/dist/types/components/ptc-search-field/ptc-search-field.d.ts +23 -23
  320. package/dist/types/components/ptc-shopping-cart/ptc-shopping-cart.d.ts +6 -6
  321. package/dist/types/components/ptc-skeleton/ptc-skeleton.d.ts +10 -10
  322. package/dist/types/components/ptc-social-share/ptc-social-share.d.ts +33 -33
  323. package/dist/types/components/ptc-spacer/ptc-spacer.d.ts +16 -16
  324. package/dist/types/components/ptc-span/ptc-span.d.ts +16 -16
  325. package/dist/types/components/ptc-sticky-icons/ptc-sticky-icons.d.ts +7 -7
  326. package/dist/types/components/ptc-sticky-section/ptc-sticky-section.d.ts +9 -9
  327. package/dist/types/components/ptc-svg-btn/ptc-svg-btn.d.ts +20 -20
  328. package/dist/types/components/ptc-tab-list/ptc-tab-list.d.ts +19 -19
  329. package/dist/types/components/ptc-tabs/ptc-tab.d.ts +9 -9
  330. package/dist/types/components/ptc-tabs/ptc-tabs.d.ts +10 -10
  331. package/dist/types/components/ptc-text-copy-with-background/ptc-text-copy-with-background.d.ts +34 -34
  332. package/dist/types/components/ptc-title/ptc-title.d.ts +54 -54
  333. package/dist/types/components/ptc-tooltip/ptc-tooltip.d.ts +55 -55
  334. package/dist/types/components/ptc-two-column-media/ptc-two-column-media.d.ts +9 -9
  335. package/dist/types/components/subnav/ptc-nav-link/ptc-nav-link.d.ts +21 -21
  336. package/dist/types/components/subnav/ptc-nav-slider/ptc-nav-slider.d.ts +11 -11
  337. package/dist/types/components/subnav/ptc-nav-submenu/ptc-nav-submenu.d.ts +18 -18
  338. package/dist/types/components/subnav/ptc-subnav/ptc-subnav.d.ts +7 -7
  339. package/dist/types/components/subnav/ptc-subnav-card/ptc-subnav-card.d.ts +27 -27
  340. package/dist/types/components/tab-content/tab-content.d.ts +12 -12
  341. package/dist/types/components/tab-header/tab-header.d.ts +22 -22
  342. package/dist/types/components.d.ts +156 -136
  343. package/dist/types/global.d.ts +1072 -1072
  344. package/dist/types/index.d.ts +1 -1
  345. package/dist/types/utils/component.d.ts +1 -1
  346. package/dist/types/utils/interfaces.d.ts +31 -31
  347. package/dist/types/utils/utils.d.ts +5 -5
  348. package/package.json +63 -60
  349. package/readme.md +18 -18
  350. package/dist/ptcw-design/p-009cf875.entry.js +0 -1
  351. package/dist/ptcw-design/p-1bd6ad59.entry.js +0 -1
  352. package/dist/ptcw-design/p-6b99bc0c.entry.js +0 -1
  353. /package/dist/ptcw-design/{p-36665caa.js → p-ea875d9e.js} +0 -0
@@ -1,14 +1,14 @@
1
- import { Event, EventEmitter } from '../../stencil-public-runtime';
2
- export declare class PtcCheckbox {
3
- checked: 'checked' | 'unchecked';
4
- value: string;
5
- disabled: boolean;
6
- inputName: string;
7
- checkedChanged: EventEmitter;
8
- host: HTMLElement;
9
- componentDidLoad(): void;
10
- handleClick: (e: Event) => void;
11
- handleChange: (e: Event) => void;
12
- render(): any;
13
- private getCssClassMap;
14
- }
1
+ import { Event, EventEmitter } from '../../stencil-public-runtime';
2
+ export declare class PtcCheckbox {
3
+ checked: 'checked' | 'unchecked';
4
+ value: string;
5
+ disabled: boolean;
6
+ inputName: string;
7
+ checkedChanged: EventEmitter;
8
+ host: HTMLElement;
9
+ componentDidLoad(): void;
10
+ handleClick: (e: Event) => void;
11
+ handleChange: (e: Event) => void;
12
+ render(): any;
13
+ private getCssClassMap;
14
+ }
@@ -1,56 +1,56 @@
1
- import { EventEmitter } from '../../stencil-public-runtime';
2
- declare class CollapseListItem {
3
- id: string;
4
- name: string;
5
- text: string;
6
- value: string;
7
- category: string;
8
- href: string;
9
- target: string;
10
- title: string;
11
- allowMultiSelect: boolean;
12
- isExternalLink: boolean;
13
- children: CollapseListItem[];
14
- }
15
- export declare class PtcCollapseList {
16
- data: CollapseListItem[];
17
- searchText: string;
18
- header: string;
19
- selectedValue: any;
20
- selectedItems: any;
21
- hashMap: any;
22
- debouncedUpdatedEvent: any;
23
- refreshBuffer: number;
24
- listItems?: Object;
25
- placeholderText: string;
26
- debounceUpdateDelay: 500;
27
- el: HTMLElement;
28
- itemSelected: EventEmitter<any>;
29
- itemExpanded: EventEmitter<any>;
30
- textChanged: EventEmitter<any>;
31
- inputUpdated: EventEmitter<any>;
32
- ready: EventEmitter<any>;
33
- viewUpdated: EventEmitter<any>;
34
- changed: EventEmitter<any>;
35
- componentWillLoad(): void;
36
- componentDidLoad(): void;
37
- componentDidUpdate(): void;
38
- onItemSelectedHandler(event: MouseEvent): void;
39
- onInputUpdated(event: KeyboardEvent): void;
40
- onItemExpandedHandler(event: MouseEvent): void;
41
- fireChangedEvent(): void;
42
- loadListItems(): void;
43
- setUpCategory(name: string, allowMultiSelect: boolean): void;
44
- collapseAllFirstLevelItems(exclude: HTMLElement): void;
45
- updateExpandedItems(): void;
46
- updateSelectedItemStatus(uuid: string): void;
47
- unSelectItem(uuid: string): void;
48
- selectItem(uuid: string): void;
49
- getItemByValue(value: string): any;
50
- onItemLinkClick(event: MouseEvent, uuid: string): void;
51
- onExpandClick(event: MouseEvent, collapseParents: boolean): void;
52
- render(): any;
53
- removeSelectedItem(value: string): Promise<void>;
54
- addSelectedItem(value: string): Promise<void>;
55
- }
56
- export {};
1
+ import { EventEmitter } from '../../stencil-public-runtime';
2
+ declare class CollapseListItem {
3
+ id: string;
4
+ name: string;
5
+ text: string;
6
+ value: string;
7
+ category: string;
8
+ href: string;
9
+ target: string;
10
+ title: string;
11
+ allowMultiSelect: boolean;
12
+ isExternalLink: boolean;
13
+ children: CollapseListItem[];
14
+ }
15
+ export declare class PtcCollapseList {
16
+ data: CollapseListItem[];
17
+ searchText: string;
18
+ header: string;
19
+ selectedValue: any;
20
+ selectedItems: any;
21
+ hashMap: any;
22
+ debouncedUpdatedEvent: any;
23
+ refreshBuffer: number;
24
+ listItems?: Object;
25
+ placeholderText: string;
26
+ debounceUpdateDelay: 500;
27
+ el: HTMLElement;
28
+ itemSelected: EventEmitter<any>;
29
+ itemExpanded: EventEmitter<any>;
30
+ textChanged: EventEmitter<any>;
31
+ inputUpdated: EventEmitter<any>;
32
+ ready: EventEmitter<any>;
33
+ viewUpdated: EventEmitter<any>;
34
+ changed: EventEmitter<any>;
35
+ componentWillLoad(): void;
36
+ componentDidLoad(): void;
37
+ componentDidUpdate(): void;
38
+ onItemSelectedHandler(event: MouseEvent): void;
39
+ onInputUpdated(event: KeyboardEvent): void;
40
+ onItemExpandedHandler(event: MouseEvent): void;
41
+ fireChangedEvent(): void;
42
+ loadListItems(): void;
43
+ setUpCategory(name: string, allowMultiSelect: boolean): void;
44
+ collapseAllFirstLevelItems(exclude: HTMLElement): void;
45
+ updateExpandedItems(): void;
46
+ updateSelectedItemStatus(uuid: string): void;
47
+ unSelectItem(uuid: string): void;
48
+ selectItem(uuid: string): void;
49
+ getItemByValue(value: string): any;
50
+ onItemLinkClick(event: MouseEvent, uuid: string): void;
51
+ onExpandClick(event: MouseEvent, collapseParents: boolean): void;
52
+ render(): any;
53
+ removeSelectedItem(value: string): Promise<void>;
54
+ addSelectedItem(value: string): Promise<void>;
55
+ }
56
+ export {};
@@ -1,13 +1,13 @@
1
- export declare class PtcContainer {
2
- /**
3
- * Theme
4
- */
5
- backgroundColor: 'white' | 'gray';
6
- elevation: 'x-small' | 'small' | 'medium' | 'large' | 'x-large';
7
- containerType: 'large' | 'none' | '';
8
- spacing: 'xx-small' | 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | 'xxx-large' | 'xxx-large';
9
- styles?: string;
10
- render(): any;
11
- private getContainerClass;
12
- private getCssClassMap;
13
- }
1
+ export declare class PtcContainer {
2
+ /**
3
+ * Theme
4
+ */
5
+ backgroundColor: 'white' | 'gray';
6
+ elevation: 'x-small' | 'small' | 'medium' | 'large' | 'x-large';
7
+ containerType: 'large' | 'none' | '';
8
+ spacing: 'xx-small' | 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | 'xxx-large' | 'xxx-large';
9
+ styles?: string;
10
+ render(): any;
11
+ private getContainerClass;
12
+ private getCssClassMap;
13
+ }
@@ -1,46 +1,46 @@
1
- export declare class PtcDate {
2
- /**
3
- * Year
4
- */
5
- year: number;
6
- /**
7
- * Month
8
- * An integer between 1 (January) and 12 (December) representing the month.If omitted, defaults to 0.
9
- */
10
- month: number;
11
- /**
12
- * Day
13
- * An integer between 1 and 31 representing the day of the month. If omitted, defaults to 1.
14
- */
15
- day: number;
16
- /**
17
- * Country
18
- * examples: en-US, zh-CN, zh-TW, fr-FR, ja-JP, ru-RU, de-DE, ko-KR, it-IT, es-ES
19
- */
20
- country: string | undefined;
21
- /**
22
- * Date
23
- * examples: 2000-1-1 or 2000/01/01
24
- */
25
- dateString?: string;
26
- /**
27
- * Date Color
28
- */
29
- dateColor: 'white' | 'primary-grey';
30
- /**
31
- * Injected styles
32
- */
33
- dateStyles?: string;
34
- /**
35
- * Date Font Size
36
- */
37
- dataSize: 'medium' | 'small';
38
- /**
39
- * Custom object for formatting date e.i. { weekday: "long", year: "numeric", month: "long", day: "numeric" }
40
- */
41
- formatOptions?: string;
42
- render(): any;
43
- private getCssClassMap;
44
- private getOptions;
45
- private getDate;
46
- }
1
+ export declare class PtcDate {
2
+ /**
3
+ * Year
4
+ */
5
+ year: number;
6
+ /**
7
+ * Month
8
+ * An integer between 1 (January) and 12 (December) representing the month.If omitted, defaults to 0.
9
+ */
10
+ month: number;
11
+ /**
12
+ * Day
13
+ * An integer between 1 and 31 representing the day of the month. If omitted, defaults to 1.
14
+ */
15
+ day: number;
16
+ /**
17
+ * Country
18
+ * examples: en-US, zh-CN, zh-TW, fr-FR, ja-JP, ru-RU, de-DE, ko-KR, it-IT, es-ES
19
+ */
20
+ country: string | undefined;
21
+ /**
22
+ * Date
23
+ * examples: 2000-1-1 or 2000/01/01
24
+ */
25
+ dateString?: string;
26
+ /**
27
+ * Date Color
28
+ */
29
+ dateColor: 'white' | 'primary-grey';
30
+ /**
31
+ * Injected styles
32
+ */
33
+ dateStyles?: string;
34
+ /**
35
+ * Date Font Size
36
+ */
37
+ dataSize: 'medium' | 'small';
38
+ /**
39
+ * Custom object for formatting date e.i. { weekday: "long", year: "numeric", month: "long", day: "numeric" }
40
+ */
41
+ formatOptions?: string;
42
+ render(): any;
43
+ private getCssClassMap;
44
+ private getOptions;
45
+ private getDate;
46
+ }
@@ -1,19 +1,19 @@
1
- import { EventEmitter } from '../../stencil-public-runtime';
2
- export declare class PtcDropdown {
3
- /**
4
- * Theme
5
- */
6
- theme: 'sort' | 'support';
7
- label: string;
8
- listItems: any[];
9
- toggle: boolean;
10
- selectedItem: any;
11
- clickedItem: EventEmitter;
12
- host: HTMLElement;
13
- offClick(e: any): void;
14
- componentWillLoad(): void;
15
- handleClick: (item: any) => void;
16
- toggleList: () => void;
17
- render(): any;
18
- private getCssClassMap;
19
- }
1
+ import { EventEmitter } from '../../stencil-public-runtime';
2
+ export declare class PtcDropdown {
3
+ /**
4
+ * Theme
5
+ */
6
+ theme: 'sort' | 'support';
7
+ label: string;
8
+ listItems: any[];
9
+ toggle: boolean;
10
+ selectedItem: any;
11
+ clickedItem: EventEmitter;
12
+ host: HTMLElement;
13
+ offClick(e: any): void;
14
+ componentWillLoad(): void;
15
+ handleClick: (item: any) => void;
16
+ toggleList: () => void;
17
+ render(): any;
18
+ private getCssClassMap;
19
+ }
@@ -1,23 +1,23 @@
1
- export declare class PtcDynamicCard {
2
- el: HTMLElement;
3
- /** Dynamic Card Type */
4
- cardType: 'sequential';
5
- /** Card Title */
6
- cardTitle: string;
7
- /** Card Image Src*/
8
- cardImgSrc?: string;
9
- /** Card Image Alt*/
10
- cardImgAlt?: string;
11
- /** Public card state */
12
- /** Card varients */
13
- cardScreen: 'mobile' | 'desktop';
14
- /** is card expanded? */
15
- isExpanded?: boolean;
16
- /** Internal Overlay Status */
17
- overlayExists: boolean;
18
- getDesktopCard(): any[];
19
- componentDidLoad(): void;
20
- render(): any;
21
- private getCssClassMap;
22
- private dotSvg;
23
- }
1
+ export declare class PtcDynamicCard {
2
+ el: HTMLElement;
3
+ /** Dynamic Card Type */
4
+ cardType: 'sequential';
5
+ /** Card Title */
6
+ cardTitle: string;
7
+ /** Card Image Src*/
8
+ cardImgSrc?: string;
9
+ /** Card Image Alt*/
10
+ cardImgAlt?: string;
11
+ /** Public card state */
12
+ /** Card varients */
13
+ cardScreen: 'mobile' | 'desktop';
14
+ /** is card expanded? */
15
+ isExpanded?: boolean;
16
+ /** Internal Overlay Status */
17
+ overlayExists: boolean;
18
+ getDesktopCard(): any[];
19
+ componentDidLoad(): void;
20
+ render(): any;
21
+ private getCssClassMap;
22
+ private dotSvg;
23
+ }
@@ -1,12 +1,12 @@
1
- import { EventEmitter } from '../../stencil-public-runtime';
2
- export declare class PtcEllipsisDropdown {
3
- dataItems: Array<any>;
4
- selectedTab: string;
5
- isDropdownOpen: boolean;
6
- host: HTMLElement;
7
- itemSelected: EventEmitter<any>;
8
- private dropdownToggle;
9
- private onItemSelected;
10
- offClick(e: any): void;
11
- render(): any;
12
- }
1
+ import { EventEmitter } from '../../stencil-public-runtime';
2
+ export declare class PtcEllipsisDropdown {
3
+ dataItems: Array<any>;
4
+ selectedTab: string;
5
+ isDropdownOpen: boolean;
6
+ host: HTMLElement;
7
+ itemSelected: EventEmitter<any>;
8
+ private dropdownToggle;
9
+ private onItemSelected;
10
+ offClick(e: any): void;
11
+ render(): any;
12
+ }
@@ -1,17 +1,17 @@
1
- import { EventEmitter } from '../../stencil-public-runtime';
2
- export declare class PtcFilterTag {
3
- /**
4
- * Theme
5
- */
6
- el: HTMLElement;
7
- theme: 'bubble' | 'link' | 'link-lg' | 'button' | 'standard';
8
- clicked: EventEmitter;
9
- iconColorMap: any;
10
- componentWillLoad(): void;
11
- handleClick: () => void;
12
- handleMouseEnter(): void;
13
- handleMouseLeave(): void;
14
- updateIconColor(state: string): void;
15
- render(): any;
16
- private getCssClassMap;
17
- }
1
+ import { EventEmitter } from '../../stencil-public-runtime';
2
+ export declare class PtcFilterTag {
3
+ /**
4
+ * Theme
5
+ */
6
+ el: HTMLElement;
7
+ theme: 'bubble' | 'link' | 'link-lg' | 'button' | 'standard';
8
+ clicked: EventEmitter;
9
+ iconColorMap: any;
10
+ componentWillLoad(): void;
11
+ handleClick: () => void;
12
+ handleMouseEnter(): void;
13
+ handleMouseLeave(): void;
14
+ updateIconColor(state: string): void;
15
+ render(): any;
16
+ private getCssClassMap;
17
+ }
@@ -1,16 +1,16 @@
1
- export declare class PtcHero {
2
- /**
3
- * Hero Type
4
- */
5
- heroType: 'jumbotron' | 'footer-cta' | 'simple';
6
- /**
7
- * Hero Background Image URL
8
- */
9
- bgUrl: string;
10
- /**
11
- * Content Alignment
12
- **/
13
- contentAlignment?: 'left' | 'right' | 'center';
14
- render(): any;
15
- private getCssClassMap;
16
- }
1
+ export declare class PtcHero {
2
+ /**
3
+ * Hero Type
4
+ */
5
+ heroType: 'jumbotron' | 'footer-cta' | 'simple';
6
+ /**
7
+ * Hero Background Image URL
8
+ */
9
+ bgUrl: string;
10
+ /**
11
+ * Content Alignment
12
+ **/
13
+ contentAlignment?: 'left' | 'right' | 'center';
14
+ render(): any;
15
+ private getCssClassMap;
16
+ }
@@ -1,6 +1,6 @@
1
- export declare class PtcHeroFooterCta {
2
- ctaTitle: string;
3
- description: string;
4
- backgroundImage: string;
5
- render(): any;
6
- }
1
+ export declare class PtcHeroFooterCta {
2
+ ctaTitle: string;
3
+ description: string;
4
+ backgroundImage: string;
5
+ render(): any;
6
+ }
@@ -1,21 +1,21 @@
1
- export declare class PtcIconList {
2
- /**
3
- * List item type
4
- */
5
- listType: 'simple-icon-list' | 'stat-icon-list' | 'icon-top-align-list';
6
- /**
7
- * List value with unit Example: 60%
8
- */
9
- valueWithUnit?: string;
10
- /**
11
- * List value text Example: up to
12
- */
13
- valueText?: string;
14
- /**
15
- * List value with unit Example: Increase in Operator Productivity
16
- */
17
- listContent: string;
18
- isLastItem: boolean;
19
- render(): any;
20
- private getCssClassMap;
21
- }
1
+ export declare class PtcIconList {
2
+ /**
3
+ * List item type
4
+ */
5
+ listType: 'simple-icon-list' | 'stat-icon-list' | 'icon-top-align-list';
6
+ /**
7
+ * List value with unit Example: 60%
8
+ */
9
+ valueWithUnit?: string;
10
+ /**
11
+ * List value text Example: up to
12
+ */
13
+ valueText?: string;
14
+ /**
15
+ * List value with unit Example: Increase in Operator Productivity
16
+ */
17
+ listContent: string;
18
+ isLastItem: boolean;
19
+ render(): any;
20
+ private getCssClassMap;
21
+ }
@@ -1,12 +1,12 @@
1
- export declare class PtcIconMinimize {
2
- heading: string;
3
- opened: boolean;
4
- timeStamp: string;
5
- host: HTMLElement;
6
- componentWillLoad(): void;
7
- componentDidLoad(): void;
8
- private dropdownToggle;
9
- private getScrollHeight;
10
- Refresh(): Promise<void>;
11
- render(): any;
12
- }
1
+ export declare class PtcIconMinimize {
2
+ heading: string;
3
+ opened: boolean;
4
+ timeStamp: string;
5
+ host: HTMLElement;
6
+ componentWillLoad(): void;
7
+ componentDidLoad(): void;
8
+ private dropdownToggle;
9
+ private getScrollHeight;
10
+ Refresh(): Promise<void>;
11
+ render(): any;
12
+ }
@@ -1,55 +1,55 @@
1
- export declare class PtcImg {
2
- el: HTMLElement;
3
- /**
4
- * Image size for smallest screen
5
- * <=767px
6
- */
7
- sizeXs: string;
8
- /**
9
- * Image size for small screen
10
- * >=768px and <=991px
11
- */
12
- sizeSm: string;
13
- /**
14
- * Image size for medium screen
15
- * >=992px and <=1199px
16
- */
17
- sizeMd: string;
18
- /**
19
- * Image solution for large screen
20
- * >=1200px
21
- */
22
- sizeLg: string;
23
- /**
24
- * Image Src
25
- */
26
- imgUrl: string;
27
- /**
28
- * Image type
29
- */
30
- imageType: 'smart-bg' | 'smart-img';
31
- /**
32
- * Image border shape
33
- */
34
- borderRadius: 'radius-standard' | 'radius-large' | 'radius-large-top' | 'radius-standard-top' | '';
35
- /**
36
- * Lazy loading option
37
- */
38
- loadMode: 'lazy-bg' | 'eager-bg';
39
- /**
40
- * (optional) Injected CSS styles
41
- **/
42
- styles?: string;
43
- /**
44
- * Image Z Index
45
- */
46
- WindowResize(): void;
47
- render(): any;
48
- componentDidLoad(): void;
49
- componentWillUpdate(): void;
50
- setResponsiveBg(): void;
51
- addIntersectionObserver(): void;
52
- private getCssClassMap;
53
- private getCurrentBreakPoints;
54
- private getFallbackBreakpoint;
55
- }
1
+ export declare class PtcImg {
2
+ el: HTMLElement;
3
+ /**
4
+ * Image size for smallest screen
5
+ * <=767px
6
+ */
7
+ sizeXs: string;
8
+ /**
9
+ * Image size for small screen
10
+ * >=768px and <=991px
11
+ */
12
+ sizeSm: string;
13
+ /**
14
+ * Image size for medium screen
15
+ * >=992px and <=1199px
16
+ */
17
+ sizeMd: string;
18
+ /**
19
+ * Image solution for large screen
20
+ * >=1200px
21
+ */
22
+ sizeLg: string;
23
+ /**
24
+ * Image Src
25
+ */
26
+ imgUrl: string;
27
+ /**
28
+ * Image type
29
+ */
30
+ imageType: 'smart-bg' | 'smart-img';
31
+ /**
32
+ * Image border shape
33
+ */
34
+ borderRadius: 'radius-standard' | 'radius-large' | 'radius-large-top' | 'radius-standard-top' | '';
35
+ /**
36
+ * Lazy loading option
37
+ */
38
+ loadMode: 'lazy-bg' | 'eager-bg';
39
+ /**
40
+ * (optional) Injected CSS styles
41
+ **/
42
+ styles?: string;
43
+ /**
44
+ * Image Z Index
45
+ */
46
+ WindowResize(): void;
47
+ render(): any;
48
+ componentDidLoad(): void;
49
+ componentWillUpdate(): void;
50
+ setResponsiveBg(): void;
51
+ addIntersectionObserver(): void;
52
+ private getCssClassMap;
53
+ private getCurrentBreakPoints;
54
+ private getFallbackBreakpoint;
55
+ }