@ptcwebops/ptcw-design 0.7.8 → 0.7.9

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 (283) hide show
  1. package/LICENSE +21 -21
  2. package/dist/cjs/dropdown-item.cjs.entry.js +10 -10
  3. package/dist/cjs/icon-asset.cjs.entry.js +42 -42
  4. package/dist/cjs/list-item.cjs.entry.js +19 -19
  5. package/dist/cjs/loader.cjs.js +1 -1
  6. package/dist/cjs/lottie-player.cjs.entry.js +354 -354
  7. package/dist/cjs/my-component.cjs.entry.js +15 -15
  8. package/dist/cjs/ptc-accordion-item.cjs.entry.js +83 -83
  9. package/dist/cjs/ptc-accordion.cjs.entry.js +35 -35
  10. package/dist/cjs/ptc-announcement.cjs.entry.js +51 -51
  11. package/dist/cjs/ptc-breadcrumb.cjs.entry.js +12 -12
  12. package/dist/cjs/ptc-button.cjs.entry.js +34 -34
  13. package/dist/cjs/ptc-card-bottom.cjs.entry.js +33 -33
  14. package/dist/cjs/ptc-card-content.cjs.entry.js +37 -37
  15. package/dist/cjs/ptc-card-plm.cjs.entry.js +19 -19
  16. package/dist/cjs/ptc-card_6.cjs.entry.js +426 -426
  17. package/dist/cjs/ptc-checkbox.cjs.entry.js +33 -33
  18. package/dist/cjs/ptc-collapse-list.cjs.entry.js +346 -346
  19. package/dist/cjs/ptc-container.cjs.entry.js +32 -32
  20. package/dist/cjs/ptc-dropdown.cjs.entry.js +65 -65
  21. package/dist/cjs/ptc-dynamic-card.cjs.entry.js +47 -47
  22. package/dist/cjs/ptc-ellipsis-dropdown.cjs.entry.js +38 -38
  23. package/dist/cjs/ptc-filter-tag.cjs.entry.js +58 -58
  24. package/dist/cjs/ptc-hero-footer-cta.cjs.entry.js +11 -11
  25. package/dist/cjs/ptc-hero.cjs.entry.js +16 -16
  26. package/dist/cjs/ptc-icon-list.cjs.entry.js +20 -20
  27. package/dist/cjs/ptc-icon-minimize.cjs.entry.js +37 -37
  28. package/dist/cjs/ptc-link.cjs.entry.js +26 -26
  29. package/dist/cjs/ptc-list.cjs.entry.js +50 -50
  30. package/dist/cjs/ptc-lottie.cjs.entry.js +10 -10
  31. package/dist/cjs/ptc-minimized-footer.cjs.entry.js +8 -8
  32. package/dist/cjs/ptc-minimized-header.cjs.entry.js +11 -11
  33. package/dist/cjs/ptc-mobile-select.cjs.entry.js +54 -54
  34. package/dist/cjs/ptc-modal.cjs.entry.js +137 -137
  35. package/dist/cjs/ptc-overlay.cjs.entry.js +20 -20
  36. package/dist/cjs/ptc-pagenation.cjs.entry.js +105 -105
  37. package/dist/cjs/ptc-previous-url.cjs.entry.js +10 -10
  38. package/dist/cjs/ptc-pricing-block.cjs.entry.js +16 -16
  39. package/dist/cjs/ptc-quote.cjs.entry.js +23 -23
  40. package/dist/cjs/ptc-readmore_2.cjs.entry.js +69 -69
  41. package/dist/cjs/ptc-responsive-wrapper.cjs.entry.js +54 -54
  42. package/dist/cjs/ptc-shopping-cart.cjs.entry.js +51 -51
  43. package/dist/cjs/ptc-social-share.cjs.entry.js +59 -59
  44. package/dist/cjs/ptc-span.cjs.entry.js +18 -18
  45. package/dist/cjs/ptc-sticky-icons.cjs.entry.js +32 -32
  46. package/dist/cjs/ptc-svg-btn.cjs.entry.js +73 -73
  47. package/dist/cjs/ptc-tab-list.cjs.entry.js +125 -124
  48. package/dist/cjs/ptc-text-copy-with-background.cjs.entry.js +20 -20
  49. package/dist/cjs/ptc-title.cjs.entry.js +65 -65
  50. package/dist/cjs/ptc-two-column-media.cjs.entry.js +15 -15
  51. package/dist/cjs/ptcw-design.cjs.js +1 -1
  52. package/dist/cjs/tab-content.cjs.entry.js +28 -28
  53. package/dist/cjs/tab-header.cjs.entry.js +46 -45
  54. package/dist/cjs/{utils-5245e89c.js → utils-2ac2a528.js} +79 -79
  55. package/dist/collection/components/dropdown-item/dropdown-item.js +61 -61
  56. package/dist/collection/components/icon-asset/icon-asset.css +4 -4
  57. package/dist/collection/components/icon-asset/icon-asset.js +199 -199
  58. package/dist/collection/components/icon-asset/media/brands.svg +1381 -1381
  59. package/dist/collection/components/icon-asset/media/designer.svg +379 -379
  60. package/dist/collection/components/icon-asset/media/regular.svg +463 -463
  61. package/dist/collection/components/icon-asset/media/solid.svg +3013 -3013
  62. package/dist/collection/components/icon-asset/media/svg-with-js.min.css +4 -4
  63. package/dist/collection/components/list-item/list-item.js +107 -107
  64. package/dist/collection/components/my-component/my-component.css +3 -3
  65. package/dist/collection/components/my-component/my-component.js +82 -82
  66. package/dist/collection/components/ptc-accordion/ptc-accordion-item/ptc-accordion-item.js +287 -287
  67. package/dist/collection/components/ptc-accordion/ptc-accordion.js +78 -78
  68. package/dist/collection/components/ptc-announcement/ptc-announcement.js +239 -239
  69. package/dist/collection/components/ptc-breadcrumb/ptc-breadcrumb.js +22 -22
  70. package/dist/collection/components/ptc-button/ptc-button.js +264 -264
  71. package/dist/collection/components/ptc-card/ptc-card.js +312 -312
  72. package/dist/collection/components/ptc-card-bottom/ptc-card-bottom.js +114 -114
  73. package/dist/collection/components/ptc-card-content/ptc-card-content.js +118 -118
  74. package/dist/collection/components/ptc-card-plm/ptc-card-plm.js +104 -104
  75. package/dist/collection/components/ptc-checkbox/ptc-checkbox.js +118 -118
  76. package/dist/collection/components/ptc-collapse-list/ptc-collapse-list.js +570 -570
  77. package/dist/collection/components/ptc-container/ptc-container.js +120 -120
  78. package/dist/collection/components/ptc-date/ptc-date.js +190 -190
  79. package/dist/collection/components/ptc-dropdown/ptc-dropdown.css +2 -0
  80. package/dist/collection/components/ptc-dropdown/ptc-dropdown.js +162 -162
  81. package/dist/collection/components/ptc-dynamic-card/media/nav-active-dotslick.svg +15 -15
  82. package/dist/collection/components/ptc-dynamic-card/ptc-dynamic-card.js +183 -183
  83. package/dist/collection/components/ptc-ellipsis-dropdown/ptc-ellipsis-dropdown.js +122 -122
  84. package/dist/collection/components/ptc-filter-tag/ptc-filter-tag.css +2 -0
  85. package/dist/collection/components/ptc-filter-tag/ptc-filter-tag.js +113 -113
  86. package/dist/collection/components/ptc-hero/ptc-hero.js +67 -67
  87. package/dist/collection/components/ptc-hero-footer-cta/ptc-hero-footer-cta.js +78 -78
  88. package/dist/collection/components/ptc-icon-list/ptc-icon-list.js +126 -126
  89. package/dist/collection/components/ptc-icon-minimize/ptc-icon-minimize.css +6 -1
  90. package/dist/collection/components/ptc-icon-minimize/ptc-icon-minimize.js +87 -87
  91. package/dist/collection/components/ptc-img/ptc-img.js +296 -296
  92. package/dist/collection/components/ptc-link/ptc-link.js +184 -184
  93. package/dist/collection/components/ptc-list/ptc-list.js +100 -100
  94. package/dist/collection/components/ptc-lottie/ptc-lottie.css +5 -5
  95. package/dist/collection/components/ptc-lottie/ptc-lottie.js +62 -62
  96. package/dist/collection/components/ptc-minimized-footer/ptc-minimized-footer.js +18 -18
  97. package/dist/collection/components/ptc-minimized-header/ptc-minimized-header.js +81 -81
  98. package/dist/collection/components/ptc-mobile-select/ptc-mobile-select.js +209 -209
  99. package/dist/collection/components/ptc-modal/ptc-modal.js +341 -341
  100. package/dist/collection/components/ptc-overlay/ptc-overlay.js +105 -105
  101. package/dist/collection/components/ptc-pagenation/ptc-pagenation.js +322 -322
  102. package/dist/collection/components/ptc-para/ptc-para.js +186 -186
  103. package/dist/collection/components/ptc-picture/ptc-picture.js +452 -452
  104. package/dist/collection/components/ptc-previous-url/ptc-previous-url.js +60 -60
  105. package/dist/collection/components/ptc-pricing-block/ptc-pricing-block.js +49 -49
  106. package/dist/collection/components/ptc-quote/ptc-quote.js +144 -144
  107. package/dist/collection/components/ptc-readmore/ptc-readmore.js +129 -129
  108. package/dist/collection/components/ptc-responsive-wrapper/ptc-responsive-wrapper.css +3 -3
  109. package/dist/collection/components/ptc-responsive-wrapper/ptc-responsive-wrapper.js +65 -65
  110. package/dist/collection/components/ptc-shopping-cart/ptc-shopping-cart.css +3 -0
  111. package/dist/collection/components/ptc-shopping-cart/ptc-shopping-cart.js +97 -97
  112. package/dist/collection/components/ptc-social-share/ptc-social-share.js +239 -239
  113. package/dist/collection/components/ptc-spacer/ptc-spacer.css +322 -322
  114. package/dist/collection/components/ptc-spacer/ptc-spacer.js +96 -96
  115. package/dist/collection/components/ptc-span/ptc-span.js +87 -87
  116. package/dist/collection/components/ptc-sticky-icons/ptc-sticky-icons.js +51 -51
  117. package/dist/collection/components/ptc-svg-btn/ptc-svg-btn.js +72 -72
  118. package/dist/collection/components/ptc-tab-list/ptc-tab-list.css +1 -1
  119. package/dist/collection/components/ptc-tab-list/ptc-tab-list.js +155 -154
  120. package/dist/collection/components/ptc-text-copy-with-background/ptc-text-copy-with-background.js +123 -123
  121. package/dist/collection/components/ptc-title/ptc-title.js +291 -291
  122. package/dist/collection/components/ptc-tooltip/ptc-tooltip.js +163 -163
  123. package/dist/collection/components/ptc-two-column-media/ptc-two-column-media.js +48 -48
  124. package/dist/collection/components/tab-content/tab-content.css +1 -1
  125. package/dist/collection/components/tab-content/tab-content.js +84 -84
  126. package/dist/collection/components/tab-header/tab-header.css +47 -0
  127. package/dist/collection/components/tab-header/tab-header.js +136 -118
  128. package/dist/collection/index.js +1 -1
  129. package/dist/collection/media/svg-imgs/Back-arrow.svg +11 -11
  130. package/dist/collection/media/svg-imgs/close.svg +10 -10
  131. package/dist/collection/media/svg-imgs/ptc-shopping-cart-black.svg +3 -3
  132. package/dist/collection/media/svg-imgs/ptc-shopping-cart-white.svg +3 -3
  133. package/dist/collection/media/svg-imgs/slider-arrow-left.svg +18 -18
  134. package/dist/collection/media/svg-imgs/slider-arrow-right.svg +18 -18
  135. package/dist/collection/media/svg-imgs/union.svg +3 -3
  136. package/dist/collection/utils/component.js +3 -3
  137. package/dist/collection/utils/interfaces.js +11 -11
  138. package/dist/collection/utils/utils.js +81 -81
  139. package/dist/custom-elements/index.js +3183 -3181
  140. package/dist/esm/dropdown-item.entry.js +10 -10
  141. package/dist/esm/icon-asset.entry.js +42 -42
  142. package/dist/esm/list-item.entry.js +19 -19
  143. package/dist/esm/loader.js +1 -1
  144. package/dist/esm/lottie-player.entry.js +354 -354
  145. package/dist/esm/my-component.entry.js +15 -15
  146. package/dist/esm/polyfills/core-js.js +0 -0
  147. package/dist/esm/polyfills/dom.js +0 -0
  148. package/dist/esm/polyfills/es5-html-element.js +0 -0
  149. package/dist/esm/polyfills/index.js +0 -0
  150. package/dist/esm/polyfills/system.js +0 -0
  151. package/dist/esm/ptc-accordion-item.entry.js +83 -83
  152. package/dist/esm/ptc-accordion.entry.js +35 -35
  153. package/dist/esm/ptc-announcement.entry.js +51 -51
  154. package/dist/esm/ptc-breadcrumb.entry.js +12 -12
  155. package/dist/esm/ptc-button.entry.js +34 -34
  156. package/dist/esm/ptc-card-bottom.entry.js +33 -33
  157. package/dist/esm/ptc-card-content.entry.js +37 -37
  158. package/dist/esm/ptc-card-plm.entry.js +19 -19
  159. package/dist/esm/ptc-card_6.entry.js +426 -426
  160. package/dist/esm/ptc-checkbox.entry.js +33 -33
  161. package/dist/esm/ptc-collapse-list.entry.js +346 -346
  162. package/dist/esm/ptc-container.entry.js +32 -32
  163. package/dist/esm/ptc-dropdown.entry.js +65 -65
  164. package/dist/esm/ptc-dynamic-card.entry.js +47 -47
  165. package/dist/esm/ptc-ellipsis-dropdown.entry.js +38 -38
  166. package/dist/esm/ptc-filter-tag.entry.js +58 -58
  167. package/dist/esm/ptc-hero-footer-cta.entry.js +11 -11
  168. package/dist/esm/ptc-hero.entry.js +16 -16
  169. package/dist/esm/ptc-icon-list.entry.js +20 -20
  170. package/dist/esm/ptc-icon-minimize.entry.js +37 -37
  171. package/dist/esm/ptc-link.entry.js +26 -26
  172. package/dist/esm/ptc-list.entry.js +50 -50
  173. package/dist/esm/ptc-lottie.entry.js +10 -10
  174. package/dist/esm/ptc-minimized-footer.entry.js +8 -8
  175. package/dist/esm/ptc-minimized-header.entry.js +11 -11
  176. package/dist/esm/ptc-mobile-select.entry.js +54 -54
  177. package/dist/esm/ptc-modal.entry.js +137 -137
  178. package/dist/esm/ptc-overlay.entry.js +20 -20
  179. package/dist/esm/ptc-pagenation.entry.js +105 -105
  180. package/dist/esm/ptc-previous-url.entry.js +10 -10
  181. package/dist/esm/ptc-pricing-block.entry.js +16 -16
  182. package/dist/esm/ptc-quote.entry.js +23 -23
  183. package/dist/esm/ptc-readmore_2.entry.js +69 -69
  184. package/dist/esm/ptc-responsive-wrapper.entry.js +54 -54
  185. package/dist/esm/ptc-shopping-cart.entry.js +51 -51
  186. package/dist/esm/ptc-social-share.entry.js +59 -59
  187. package/dist/esm/ptc-span.entry.js +18 -18
  188. package/dist/esm/ptc-sticky-icons.entry.js +32 -32
  189. package/dist/esm/ptc-svg-btn.entry.js +73 -73
  190. package/dist/esm/ptc-tab-list.entry.js +125 -124
  191. package/dist/esm/ptc-text-copy-with-background.entry.js +20 -20
  192. package/dist/esm/ptc-title.entry.js +65 -65
  193. package/dist/esm/ptc-two-column-media.entry.js +15 -15
  194. package/dist/esm/ptcw-design.js +1 -1
  195. package/dist/esm/tab-content.entry.js +28 -28
  196. package/dist/esm/tab-header.entry.js +46 -45
  197. package/dist/esm/{utils-646cc62f.js → utils-2dbb41dc.js} +79 -79
  198. package/dist/ptcw-design/media/brands.svg +1381 -1381
  199. package/dist/ptcw-design/media/designer.svg +379 -379
  200. package/dist/ptcw-design/media/nav-active-dotslick.svg +15 -15
  201. package/dist/ptcw-design/media/regular.svg +463 -463
  202. package/dist/ptcw-design/media/solid.svg +3013 -3013
  203. package/dist/ptcw-design/media/svg-with-js.min.css +4 -4
  204. package/dist/ptcw-design/p-2f7adf9a.entry.js +1 -0
  205. package/dist/ptcw-design/p-311bbf66.entry.js +1 -0
  206. package/dist/ptcw-design/{p-e3280772.entry.js → p-4da43d5f.entry.js} +1 -1
  207. package/dist/ptcw-design/{p-482a8bc9.entry.js → p-5005c698.entry.js} +1 -1
  208. package/dist/ptcw-design/p-79c9547c.entry.js +1 -0
  209. package/dist/ptcw-design/{p-fbd43055.entry.js → p-8bb7da0b.entry.js} +1 -1
  210. package/dist/ptcw-design/p-9fc7f308.entry.js +1 -0
  211. package/dist/ptcw-design/{p-6d713986.entry.js → p-c4107b5d.entry.js} +1 -1
  212. package/dist/ptcw-design/p-c9a71b4c.entry.js +1 -0
  213. package/dist/ptcw-design/{p-f9694131.entry.js → p-e38a57ce.entry.js} +1 -1
  214. package/dist/ptcw-design/ptcw-design.esm.js +1 -1
  215. package/dist/types/components/dropdown-item/dropdown-item.d.ts +5 -5
  216. package/dist/types/components/icon-asset/icon-asset.d.ts +40 -40
  217. package/dist/types/components/list-item/list-item.d.ts +8 -8
  218. package/dist/types/components/my-component/my-component.d.ts +16 -16
  219. package/dist/types/components/ptc-accordion/ptc-accordion-item/ptc-accordion-item.d.ts +59 -59
  220. package/dist/types/components/ptc-accordion/ptc-accordion.d.ts +13 -13
  221. package/dist/types/components/ptc-announcement/ptc-announcement.d.ts +51 -51
  222. package/dist/types/components/ptc-breadcrumb/ptc-breadcrumb.d.ts +4 -4
  223. package/dist/types/components/ptc-button/ptc-button.d.ts +56 -56
  224. package/dist/types/components/ptc-card/ptc-card.d.ts +62 -62
  225. package/dist/types/components/ptc-card-bottom/ptc-card-bottom.d.ts +15 -15
  226. package/dist/types/components/ptc-card-content/ptc-card-content.d.ts +15 -15
  227. package/dist/types/components/ptc-card-plm/ptc-card-plm.d.ts +8 -8
  228. package/dist/types/components/ptc-checkbox/ptc-checkbox.d.ts +11 -11
  229. package/dist/types/components/ptc-collapse-list/ptc-collapse-list.d.ts +56 -56
  230. package/dist/types/components/ptc-container/ptc-container.d.ts +12 -12
  231. package/dist/types/components/ptc-date/ptc-date.d.ts +41 -41
  232. package/dist/types/components/ptc-dropdown/ptc-dropdown.d.ts +19 -19
  233. package/dist/types/components/ptc-dynamic-card/ptc-dynamic-card.d.ts +24 -24
  234. package/dist/types/components/ptc-ellipsis-dropdown/ptc-ellipsis-dropdown.d.ts +12 -12
  235. package/dist/types/components/ptc-filter-tag/ptc-filter-tag.d.ts +17 -17
  236. package/dist/types/components/ptc-hero/ptc-hero.d.ts +12 -12
  237. package/dist/types/components/ptc-hero-footer-cta/ptc-hero-footer-cta.d.ts +6 -6
  238. package/dist/types/components/ptc-icon-list/ptc-icon-list.d.ts +21 -21
  239. package/dist/types/components/ptc-icon-minimize/ptc-icon-minimize.d.ts +9 -9
  240. package/dist/types/components/ptc-img/ptc-img.d.ts +51 -51
  241. package/dist/types/components/ptc-link/ptc-link.d.ts +36 -36
  242. package/dist/types/components/ptc-list/ptc-list.d.ts +8 -8
  243. package/dist/types/components/ptc-lottie/ptc-lottie.d.ts +12 -12
  244. package/dist/types/components/ptc-minimized-footer/ptc-minimized-footer.d.ts +3 -3
  245. package/dist/types/components/ptc-minimized-header/ptc-minimized-header.d.ts +6 -6
  246. package/dist/types/components/ptc-mobile-select/ptc-mobile-select.d.ts +40 -40
  247. package/dist/types/components/ptc-modal/ptc-modal.d.ts +59 -59
  248. package/dist/types/components/ptc-overlay/ptc-overlay.d.ts +20 -20
  249. package/dist/types/components/ptc-pagenation/ptc-pagenation.d.ts +27 -27
  250. package/dist/types/components/ptc-para/ptc-para.d.ts +34 -34
  251. package/dist/types/components/ptc-picture/ptc-picture.d.ts +93 -93
  252. package/dist/types/components/ptc-previous-url/ptc-previous-url.d.ts +5 -5
  253. package/dist/types/components/ptc-pricing-block/ptc-pricing-block.d.ts +5 -5
  254. package/dist/types/components/ptc-quote/ptc-quote.d.ts +29 -29
  255. package/dist/types/components/ptc-readmore/ptc-readmore.d.ts +27 -27
  256. package/dist/types/components/ptc-responsive-wrapper/ptc-responsive-wrapper.d.ts +8 -8
  257. package/dist/types/components/ptc-shopping-cart/ptc-shopping-cart.d.ts +6 -6
  258. package/dist/types/components/ptc-social-share/ptc-social-share.d.ts +33 -33
  259. package/dist/types/components/ptc-spacer/ptc-spacer.d.ts +16 -16
  260. package/dist/types/components/ptc-span/ptc-span.d.ts +16 -16
  261. package/dist/types/components/ptc-sticky-icons/ptc-sticky-icons.d.ts +7 -7
  262. package/dist/types/components/ptc-svg-btn/ptc-svg-btn.d.ts +12 -12
  263. package/dist/types/components/ptc-tab-list/ptc-tab-list.d.ts +15 -15
  264. package/dist/types/components/ptc-text-copy-with-background/ptc-text-copy-with-background.d.ts +25 -25
  265. package/dist/types/components/ptc-title/ptc-title.d.ts +50 -50
  266. package/dist/types/components/ptc-tooltip/ptc-tooltip.d.ts +34 -34
  267. package/dist/types/components/ptc-two-column-media/ptc-two-column-media.d.ts +9 -9
  268. package/dist/types/components/tab-content/tab-content.d.ts +12 -12
  269. package/dist/types/components/tab-header/tab-header.d.ts +14 -13
  270. package/dist/types/components.d.ts +26 -24
  271. package/dist/types/global.d.ts +1072 -1072
  272. package/dist/types/index.d.ts +1 -1
  273. package/dist/types/utils/component.d.ts +1 -1
  274. package/dist/types/utils/interfaces.d.ts +31 -31
  275. package/dist/types/utils/utils.d.ts +4 -4
  276. package/package.json +61 -61
  277. package/readme.md +11 -11
  278. package/dist/ptcw-design/p-188d69d9.entry.js +0 -1
  279. package/dist/ptcw-design/p-24321c52.entry.js +0 -1
  280. package/dist/ptcw-design/p-58e06eee.entry.js +0 -1
  281. package/dist/ptcw-design/p-8b5b5614.entry.js +0 -1
  282. package/dist/ptcw-design/p-e34d194d.entry.js +0 -1
  283. /package/dist/ptcw-design/{p-e121ff2a.js → p-5e98555a.js} +0 -0
@@ -1,105 +1,105 @@
1
- import { Host, h } from '@stencil/core';
2
- export class PtcOverlay {
3
- constructor() {
4
- this.filterColor = undefined;
5
- this.borderRadius = undefined;
6
- this.overlayZIndex = 'z-index-auto';
7
- this.styles = undefined;
8
- }
9
- render() {
10
- const classMap = this.getCssClassMap();
11
- return h(Host, { class: classMap });
12
- }
13
- getCssClassMap() {
14
- return {
15
- [this.filterColor]: !!this.filterColor ? true : false,
16
- [this.borderRadius]: !!this.borderRadius ? true : false,
17
- [this.overlayZIndex]: true
18
- };
19
- }
20
- static get is() { return "ptc-overlay"; }
21
- static get encapsulation() { return "shadow"; }
22
- static get originalStyleUrls() {
23
- return {
24
- "$": ["ptc-overlay.scss"]
25
- };
26
- }
27
- static get styleUrls() {
28
- return {
29
- "$": ["ptc-overlay.css"]
30
- };
31
- }
32
- static get properties() {
33
- return {
34
- "filterColor": {
35
- "type": "string",
36
- "mutable": false,
37
- "complexType": {
38
- "original": "'blue' | 'red' | 'orange' | 'green' | 'black-1' | 'black-2' | 'black-3' | 'slate-grey'",
39
- "resolved": "\"black-1\" | \"black-2\" | \"black-3\" | \"blue\" | \"green\" | \"orange\" | \"red\" | \"slate-grey\"",
40
- "references": {}
41
- },
42
- "required": false,
43
- "optional": false,
44
- "docs": {
45
- "tags": [],
46
- "text": "Filter Color"
47
- },
48
- "attribute": "filter-color",
49
- "reflect": false
50
- },
51
- "borderRadius": {
52
- "type": "string",
53
- "mutable": false,
54
- "complexType": {
55
- "original": "'radius-standard' | 'radius-large'",
56
- "resolved": "\"radius-large\" | \"radius-standard\"",
57
- "references": {}
58
- },
59
- "required": false,
60
- "optional": false,
61
- "docs": {
62
- "tags": [],
63
- "text": "Overlay border shape"
64
- },
65
- "attribute": "border-radius",
66
- "reflect": false
67
- },
68
- "overlayZIndex": {
69
- "type": "string",
70
- "mutable": false,
71
- "complexType": {
72
- "original": "'z-index-auto' | 'z-index-n-2' | 'z-index-n-1' | 'z-index-p-1' | 'z-index-p-2'",
73
- "resolved": "\"z-index-auto\" | \"z-index-n-1\" | \"z-index-n-2\" | \"z-index-p-1\" | \"z-index-p-2\"",
74
- "references": {}
75
- },
76
- "required": false,
77
- "optional": false,
78
- "docs": {
79
- "tags": [],
80
- "text": "Overlay z-index"
81
- },
82
- "attribute": "overlay-z-index",
83
- "reflect": false,
84
- "defaultValue": "'z-index-auto'"
85
- },
86
- "styles": {
87
- "type": "string",
88
- "mutable": false,
89
- "complexType": {
90
- "original": "string",
91
- "resolved": "string",
92
- "references": {}
93
- },
94
- "required": false,
95
- "optional": true,
96
- "docs": {
97
- "tags": [],
98
- "text": "Injected Styles"
99
- },
100
- "attribute": "styles",
101
- "reflect": false
102
- }
103
- };
104
- }
105
- }
1
+ import { Host, h } from '@stencil/core';
2
+ export class PtcOverlay {
3
+ constructor() {
4
+ this.filterColor = undefined;
5
+ this.borderRadius = undefined;
6
+ this.overlayZIndex = 'z-index-auto';
7
+ this.styles = undefined;
8
+ }
9
+ render() {
10
+ const classMap = this.getCssClassMap();
11
+ return h(Host, { class: classMap });
12
+ }
13
+ getCssClassMap() {
14
+ return {
15
+ [this.filterColor]: !!this.filterColor ? true : false,
16
+ [this.borderRadius]: !!this.borderRadius ? true : false,
17
+ [this.overlayZIndex]: true
18
+ };
19
+ }
20
+ static get is() { return "ptc-overlay"; }
21
+ static get encapsulation() { return "shadow"; }
22
+ static get originalStyleUrls() {
23
+ return {
24
+ "$": ["ptc-overlay.scss"]
25
+ };
26
+ }
27
+ static get styleUrls() {
28
+ return {
29
+ "$": ["ptc-overlay.css"]
30
+ };
31
+ }
32
+ static get properties() {
33
+ return {
34
+ "filterColor": {
35
+ "type": "string",
36
+ "mutable": false,
37
+ "complexType": {
38
+ "original": "'blue' | 'red' | 'orange' | 'green' | 'black-1' | 'black-2' | 'black-3' | 'slate-grey'",
39
+ "resolved": "\"black-1\" | \"black-2\" | \"black-3\" | \"blue\" | \"green\" | \"orange\" | \"red\" | \"slate-grey\"",
40
+ "references": {}
41
+ },
42
+ "required": false,
43
+ "optional": false,
44
+ "docs": {
45
+ "tags": [],
46
+ "text": "Filter Color"
47
+ },
48
+ "attribute": "filter-color",
49
+ "reflect": false
50
+ },
51
+ "borderRadius": {
52
+ "type": "string",
53
+ "mutable": false,
54
+ "complexType": {
55
+ "original": "'radius-standard' | 'radius-large'",
56
+ "resolved": "\"radius-large\" | \"radius-standard\"",
57
+ "references": {}
58
+ },
59
+ "required": false,
60
+ "optional": false,
61
+ "docs": {
62
+ "tags": [],
63
+ "text": "Overlay border shape"
64
+ },
65
+ "attribute": "border-radius",
66
+ "reflect": false
67
+ },
68
+ "overlayZIndex": {
69
+ "type": "string",
70
+ "mutable": false,
71
+ "complexType": {
72
+ "original": "'z-index-auto' | 'z-index-n-2' | 'z-index-n-1' | 'z-index-p-1' | 'z-index-p-2'",
73
+ "resolved": "\"z-index-auto\" | \"z-index-n-1\" | \"z-index-n-2\" | \"z-index-p-1\" | \"z-index-p-2\"",
74
+ "references": {}
75
+ },
76
+ "required": false,
77
+ "optional": false,
78
+ "docs": {
79
+ "tags": [],
80
+ "text": "Overlay z-index"
81
+ },
82
+ "attribute": "overlay-z-index",
83
+ "reflect": false,
84
+ "defaultValue": "'z-index-auto'"
85
+ },
86
+ "styles": {
87
+ "type": "string",
88
+ "mutable": false,
89
+ "complexType": {
90
+ "original": "string",
91
+ "resolved": "string",
92
+ "references": {}
93
+ },
94
+ "required": false,
95
+ "optional": true,
96
+ "docs": {
97
+ "tags": [],
98
+ "text": "Injected Styles"
99
+ },
100
+ "attribute": "styles",
101
+ "reflect": false
102
+ }
103
+ };
104
+ }
105
+ }