@ptcwebops/ptcw-design 0.7.4 → 0.7.6

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 (282) 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 +54 -54
  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 +12 -12
  8. package/dist/cjs/ptc-accordion-item.cjs.entry.js +97 -97
  9. package/dist/cjs/ptc-accordion.cjs.entry.js +38 -38
  10. package/dist/cjs/ptc-announcement.cjs.entry.js +63 -38
  11. package/dist/cjs/ptc-breadcrumb.cjs.entry.js +12 -12
  12. package/dist/cjs/ptc-button.cjs.entry.js +65 -65
  13. package/dist/cjs/ptc-card-bottom.cjs.entry.js +31 -31
  14. package/dist/cjs/ptc-card-content.cjs.entry.js +35 -35
  15. package/dist/cjs/ptc-card-plm.cjs.entry.js +16 -16
  16. package/dist/cjs/ptc-card_6.cjs.entry.js +535 -535
  17. package/dist/cjs/ptc-checkbox.cjs.entry.js +31 -31
  18. package/dist/cjs/ptc-collapse-list.cjs.entry.js +335 -335
  19. package/dist/cjs/ptc-container.cjs.entry.js +35 -35
  20. package/dist/cjs/ptc-dropdown.cjs.entry.js +64 -64
  21. package/dist/cjs/ptc-dynamic-card.cjs.entry.js +40 -40
  22. package/dist/cjs/ptc-ellipsis-dropdown.cjs.entry.js +37 -37
  23. package/dist/cjs/ptc-filter-tag.cjs.entry.js +56 -56
  24. package/dist/cjs/ptc-hero-footer-cta.cjs.entry.js +8 -8
  25. package/dist/cjs/ptc-hero.cjs.entry.js +18 -18
  26. package/dist/cjs/ptc-icon-list.cjs.entry.js +32 -32
  27. package/dist/cjs/ptc-icon-minimize.cjs.entry.js +35 -35
  28. package/dist/cjs/ptc-link.cjs.entry.js +42 -42
  29. package/dist/cjs/ptc-list.cjs.entry.js +50 -50
  30. package/dist/cjs/ptc-lottie.cjs.entry.js +12 -12
  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 +69 -69
  34. package/dist/cjs/ptc-modal.cjs.entry.js +155 -155
  35. package/dist/cjs/ptc-nav-item.cjs.entry.js +83 -83
  36. package/dist/cjs/ptc-nav.cjs.entry.js +8 -8
  37. package/dist/cjs/ptc-overlay.cjs.entry.js +20 -20
  38. package/dist/cjs/ptc-pagenation.cjs.entry.js +105 -105
  39. package/dist/cjs/ptc-previous-url.cjs.entry.js +8 -8
  40. package/dist/cjs/ptc-pricing-block.cjs.entry.js +15 -15
  41. package/dist/cjs/ptc-quote.cjs.entry.js +25 -25
  42. package/dist/cjs/ptc-readmore_2.cjs.entry.js +118 -0
  43. package/dist/cjs/ptc-responsive-wrapper.cjs.entry.js +54 -54
  44. package/dist/cjs/ptc-shopping-cart.cjs.entry.js +49 -49
  45. package/dist/cjs/ptc-social-share.cjs.entry.js +64 -64
  46. package/dist/cjs/ptc-span.cjs.entry.js +23 -23
  47. package/dist/cjs/ptc-svg-btn.cjs.entry.js +75 -75
  48. package/dist/cjs/ptc-tab-list.cjs.entry.js +122 -122
  49. package/dist/cjs/ptc-text-copy-with-background.cjs.entry.js +24 -24
  50. package/dist/cjs/ptc-title.cjs.entry.js +74 -74
  51. package/dist/cjs/ptc-two-column-media.cjs.entry.js +14 -14
  52. package/dist/cjs/ptcw-design.cjs.js +1 -1
  53. package/dist/cjs/tab-content.cjs.entry.js +26 -26
  54. package/dist/cjs/tab-header.cjs.entry.js +43 -43
  55. package/dist/cjs/{utils-2ac2a528.js → utils-5245e89c.js} +79 -79
  56. package/dist/collection/collection-manifest.json +2 -0
  57. package/dist/collection/components/dropdown-item/dropdown-item.js +56 -56
  58. package/dist/collection/components/icon-asset/icon-asset.css +4 -4
  59. package/dist/collection/components/icon-asset/icon-asset.js +217 -217
  60. package/dist/collection/components/icon-asset/media/brands.svg +1381 -1381
  61. package/dist/collection/components/icon-asset/media/designer.svg +379 -368
  62. package/dist/collection/components/icon-asset/media/regular.svg +463 -463
  63. package/dist/collection/components/icon-asset/media/solid.svg +3013 -3013
  64. package/dist/collection/components/icon-asset/media/svg-with-js.min.css +4 -4
  65. package/dist/collection/components/list-item/list-item.js +103 -103
  66. package/dist/collection/components/my-component/my-component.css +3 -3
  67. package/dist/collection/components/my-component/my-component.js +73 -73
  68. package/dist/collection/components/ptc-accordion/ptc-accordion-item/ptc-accordion-item.js +296 -296
  69. package/dist/collection/components/ptc-accordion/ptc-accordion.js +74 -74
  70. package/dist/collection/components/ptc-announcement/ptc-announcement.css +86 -80
  71. package/dist/collection/components/ptc-announcement/ptc-announcement.js +249 -210
  72. package/dist/collection/components/ptc-breadcrumb/ptc-breadcrumb.js +21 -21
  73. package/dist/collection/components/ptc-button/ptc-button.js +293 -293
  74. package/dist/collection/components/ptc-card/ptc-card.css +137 -69
  75. package/dist/collection/components/ptc-card/ptc-card.js +342 -342
  76. package/dist/collection/components/ptc-card-bottom/ptc-card-bottom.js +105 -105
  77. package/dist/collection/components/ptc-card-content/ptc-card-content.js +109 -109
  78. package/dist/collection/components/ptc-card-plm/ptc-card-plm.js +97 -97
  79. package/dist/collection/components/ptc-checkbox/ptc-checkbox.js +114 -114
  80. package/dist/collection/components/ptc-collapse-list/ptc-collapse-list.js +557 -557
  81. package/dist/collection/components/ptc-container/ptc-container.js +119 -119
  82. package/dist/collection/components/ptc-date/ptc-date.js +201 -201
  83. package/dist/collection/components/ptc-dropdown/ptc-dropdown.js +157 -157
  84. package/dist/collection/components/ptc-dynamic-card/ptc-dynamic-card.js +156 -156
  85. package/dist/collection/components/ptc-ellipsis-dropdown/ptc-ellipsis-dropdown.js +115 -115
  86. package/dist/collection/components/ptc-filter-tag/ptc-filter-tag.js +105 -105
  87. package/dist/collection/components/ptc-hero/ptc-hero.js +67 -67
  88. package/dist/collection/components/ptc-hero-footer-cta/ptc-hero-footer-cta.js +77 -77
  89. package/dist/collection/components/ptc-icon-list/ptc-icon-list.js +145 -145
  90. package/dist/collection/components/ptc-icon-minimize/ptc-icon-minimize.js +86 -86
  91. package/dist/collection/components/ptc-img/ptc-img.js +313 -313
  92. package/dist/collection/components/ptc-link/ptc-link.js +198 -198
  93. package/dist/collection/components/ptc-list/ptc-list.js +95 -95
  94. package/dist/collection/components/ptc-lottie/ptc-lottie.css +5 -5
  95. package/dist/collection/components/ptc-lottie/ptc-lottie.js +58 -58
  96. package/dist/collection/components/ptc-minimized-footer/ptc-minimized-footer.js +17 -17
  97. package/dist/collection/components/ptc-minimized-header/ptc-minimized-header.js +80 -80
  98. package/dist/collection/components/ptc-mobile-select/ptc-mobile-select.js +221 -221
  99. package/dist/collection/components/ptc-modal/ptc-modal.js +359 -359
  100. package/dist/collection/components/ptc-nav/ptc-nav.js +21 -21
  101. package/dist/collection/components/ptc-nav-item/ptc-nav-item.js +252 -252
  102. package/dist/collection/components/ptc-overlay/ptc-overlay.js +99 -99
  103. package/dist/collection/components/ptc-pagenation/ptc-pagenation.css +10 -2
  104. package/dist/collection/components/ptc-pagenation/ptc-pagenation.js +317 -317
  105. package/dist/collection/components/ptc-para/ptc-para.js +195 -195
  106. package/dist/collection/components/ptc-picture/ptc-picture.js +473 -473
  107. package/dist/collection/components/ptc-previous-url/ptc-previous-url.js +54 -54
  108. package/dist/collection/components/ptc-pricing-block/ptc-pricing-block.js +45 -45
  109. package/dist/collection/components/ptc-quote/ptc-quote.js +154 -154
  110. package/dist/collection/components/ptc-readmore/ptc-readmore.css +66 -0
  111. package/dist/collection/components/ptc-readmore/ptc-readmore.js +139 -0
  112. package/dist/collection/components/ptc-responsive-wrapper/ptc-responsive-wrapper.css +3 -3
  113. package/dist/collection/components/ptc-responsive-wrapper/ptc-responsive-wrapper.js +62 -62
  114. package/dist/collection/components/ptc-shopping-cart/ptc-shopping-cart.js +91 -91
  115. package/dist/collection/components/ptc-social-share/ptc-social-share.js +206 -206
  116. package/dist/collection/components/ptc-spacer/ptc-spacer.css +322 -322
  117. package/dist/collection/components/ptc-spacer/ptc-spacer.js +99 -99
  118. package/dist/collection/components/ptc-span/ptc-span.js +89 -89
  119. package/dist/collection/components/ptc-svg-btn/ptc-svg-btn.js +71 -71
  120. package/dist/collection/components/ptc-tab-list/ptc-tab-list.js +149 -149
  121. package/dist/collection/components/ptc-text-copy-with-background/ptc-text-copy-with-background.js +129 -129
  122. package/dist/collection/components/ptc-title/ptc-title.css +1 -1
  123. package/dist/collection/components/ptc-title/ptc-title.js +297 -297
  124. package/dist/collection/components/ptc-tooltip/ptc-tooltip.css +112 -0
  125. package/dist/collection/components/ptc-tooltip/ptc-tooltip.js +180 -0
  126. package/dist/collection/components/ptc-two-column-media/ptc-two-column-media.js +40 -40
  127. package/dist/collection/components/tab-content/tab-content.js +74 -74
  128. package/dist/collection/components/tab-header/tab-header.js +106 -106
  129. package/dist/collection/index.js +1 -1
  130. package/dist/collection/media/svg-imgs/Back-arrow.svg +11 -11
  131. package/dist/collection/media/svg-imgs/close.svg +10 -10
  132. package/dist/collection/media/svg-imgs/ptc-shopping-cart-black.svg +3 -3
  133. package/dist/collection/media/svg-imgs/ptc-shopping-cart-white.svg +3 -3
  134. package/dist/collection/media/svg-imgs/slider-arrow-left.svg +18 -18
  135. package/dist/collection/media/svg-imgs/slider-arrow-right.svg +18 -18
  136. package/dist/collection/media/svg-imgs/union.svg +3 -3
  137. package/dist/collection/utils/component.js +3 -3
  138. package/dist/collection/utils/interfaces.js +11 -11
  139. package/dist/collection/utils/utils.js +81 -81
  140. package/dist/custom-elements/index.d.ts +12 -0
  141. package/dist/custom-elements/index.js +3522 -3379
  142. package/dist/esm/dropdown-item.entry.js +10 -10
  143. package/dist/esm/icon-asset.entry.js +54 -54
  144. package/dist/esm/list-item.entry.js +19 -19
  145. package/dist/esm/loader.js +1 -1
  146. package/dist/esm/lottie-player.entry.js +354 -354
  147. package/dist/esm/my-component.entry.js +12 -12
  148. package/dist/esm/polyfills/core-js.js +0 -0
  149. package/dist/esm/polyfills/dom.js +0 -0
  150. package/dist/esm/polyfills/es5-html-element.js +0 -0
  151. package/dist/esm/polyfills/index.js +0 -0
  152. package/dist/esm/polyfills/system.js +0 -0
  153. package/dist/esm/ptc-accordion-item.entry.js +97 -97
  154. package/dist/esm/ptc-accordion.entry.js +38 -38
  155. package/dist/esm/ptc-announcement.entry.js +63 -38
  156. package/dist/esm/ptc-breadcrumb.entry.js +12 -12
  157. package/dist/esm/ptc-button.entry.js +65 -65
  158. package/dist/esm/ptc-card-bottom.entry.js +31 -31
  159. package/dist/esm/ptc-card-content.entry.js +35 -35
  160. package/dist/esm/ptc-card-plm.entry.js +16 -16
  161. package/dist/esm/ptc-card_6.entry.js +535 -535
  162. package/dist/esm/ptc-checkbox.entry.js +31 -31
  163. package/dist/esm/ptc-collapse-list.entry.js +335 -335
  164. package/dist/esm/ptc-container.entry.js +35 -35
  165. package/dist/esm/ptc-dropdown.entry.js +64 -64
  166. package/dist/esm/ptc-dynamic-card.entry.js +40 -40
  167. package/dist/esm/ptc-ellipsis-dropdown.entry.js +37 -37
  168. package/dist/esm/ptc-filter-tag.entry.js +56 -56
  169. package/dist/esm/ptc-hero-footer-cta.entry.js +8 -8
  170. package/dist/esm/ptc-hero.entry.js +18 -18
  171. package/dist/esm/ptc-icon-list.entry.js +32 -32
  172. package/dist/esm/ptc-icon-minimize.entry.js +35 -35
  173. package/dist/esm/ptc-link.entry.js +42 -42
  174. package/dist/esm/ptc-list.entry.js +50 -50
  175. package/dist/esm/ptc-lottie.entry.js +12 -12
  176. package/dist/esm/ptc-minimized-footer.entry.js +8 -8
  177. package/dist/esm/ptc-minimized-header.entry.js +11 -11
  178. package/dist/esm/ptc-mobile-select.entry.js +69 -69
  179. package/dist/esm/ptc-modal.entry.js +155 -155
  180. package/dist/esm/ptc-nav-item.entry.js +83 -83
  181. package/dist/esm/ptc-nav.entry.js +8 -8
  182. package/dist/esm/ptc-overlay.entry.js +20 -20
  183. package/dist/esm/ptc-pagenation.entry.js +105 -105
  184. package/dist/esm/ptc-previous-url.entry.js +8 -8
  185. package/dist/esm/ptc-pricing-block.entry.js +15 -15
  186. package/dist/esm/ptc-quote.entry.js +25 -25
  187. package/dist/esm/ptc-readmore_2.entry.js +113 -0
  188. package/dist/esm/ptc-responsive-wrapper.entry.js +54 -54
  189. package/dist/esm/ptc-shopping-cart.entry.js +49 -49
  190. package/dist/esm/ptc-social-share.entry.js +64 -64
  191. package/dist/esm/ptc-span.entry.js +23 -23
  192. package/dist/esm/ptc-svg-btn.entry.js +75 -75
  193. package/dist/esm/ptc-tab-list.entry.js +122 -122
  194. package/dist/esm/ptc-text-copy-with-background.entry.js +24 -24
  195. package/dist/esm/ptc-title.entry.js +74 -74
  196. package/dist/esm/ptc-two-column-media.entry.js +14 -14
  197. package/dist/esm/ptcw-design.js +1 -1
  198. package/dist/esm/tab-content.entry.js +26 -26
  199. package/dist/esm/tab-header.entry.js +43 -43
  200. package/dist/esm/{utils-2dbb41dc.js → utils-646cc62f.js} +79 -79
  201. package/dist/ptcw-design/media/brands.svg +1381 -1381
  202. package/dist/ptcw-design/media/designer.svg +379 -368
  203. package/dist/ptcw-design/media/regular.svg +463 -463
  204. package/dist/ptcw-design/media/solid.svg +3013 -3013
  205. package/dist/ptcw-design/media/svg-with-js.min.css +4 -4
  206. package/dist/ptcw-design/p-1743d0ef.entry.js +1 -0
  207. package/dist/ptcw-design/{p-10f6d8ae.entry.js → p-2de688ba.entry.js} +1 -1
  208. package/dist/ptcw-design/p-2f6ecdf8.entry.js +1 -0
  209. package/dist/ptcw-design/p-3b87cd6f.entry.js +1 -0
  210. package/dist/ptcw-design/p-493b2571.entry.js +1 -0
  211. package/dist/ptcw-design/{p-bb4485e3.entry.js → p-87f9430f.entry.js} +1 -1
  212. package/dist/ptcw-design/p-8e2e81c8.entry.js +1 -0
  213. package/dist/ptcw-design/ptcw-design.esm.js +1 -1
  214. package/dist/types/components/dropdown-item/dropdown-item.d.ts +5 -5
  215. package/dist/types/components/icon-asset/icon-asset.d.ts +40 -40
  216. package/dist/types/components/list-item/list-item.d.ts +8 -8
  217. package/dist/types/components/my-component/my-component.d.ts +16 -16
  218. package/dist/types/components/ptc-accordion/ptc-accordion-item/ptc-accordion-item.d.ts +59 -59
  219. package/dist/types/components/ptc-accordion/ptc-accordion.d.ts +13 -13
  220. package/dist/types/components/ptc-announcement/ptc-announcement.d.ts +51 -43
  221. package/dist/types/components/ptc-breadcrumb/ptc-breadcrumb.d.ts +4 -4
  222. package/dist/types/components/ptc-button/ptc-button.d.ts +56 -56
  223. package/dist/types/components/ptc-card/ptc-card.d.ts +62 -62
  224. package/dist/types/components/ptc-card-bottom/ptc-card-bottom.d.ts +15 -15
  225. package/dist/types/components/ptc-card-content/ptc-card-content.d.ts +15 -15
  226. package/dist/types/components/ptc-card-plm/ptc-card-plm.d.ts +8 -8
  227. package/dist/types/components/ptc-checkbox/ptc-checkbox.d.ts +11 -11
  228. package/dist/types/components/ptc-collapse-list/ptc-collapse-list.d.ts +56 -56
  229. package/dist/types/components/ptc-container/ptc-container.d.ts +12 -12
  230. package/dist/types/components/ptc-date/ptc-date.d.ts +41 -41
  231. package/dist/types/components/ptc-dropdown/ptc-dropdown.d.ts +19 -19
  232. package/dist/types/components/ptc-dynamic-card/ptc-dynamic-card.d.ts +16 -16
  233. package/dist/types/components/ptc-ellipsis-dropdown/ptc-ellipsis-dropdown.d.ts +12 -12
  234. package/dist/types/components/ptc-filter-tag/ptc-filter-tag.d.ts +17 -17
  235. package/dist/types/components/ptc-hero/ptc-hero.d.ts +12 -12
  236. package/dist/types/components/ptc-hero-footer-cta/ptc-hero-footer-cta.d.ts +6 -6
  237. package/dist/types/components/ptc-icon-list/ptc-icon-list.d.ts +21 -21
  238. package/dist/types/components/ptc-icon-minimize/ptc-icon-minimize.d.ts +9 -9
  239. package/dist/types/components/ptc-img/ptc-img.d.ts +51 -51
  240. package/dist/types/components/ptc-link/ptc-link.d.ts +36 -36
  241. package/dist/types/components/ptc-list/ptc-list.d.ts +8 -8
  242. package/dist/types/components/ptc-lottie/ptc-lottie.d.ts +12 -12
  243. package/dist/types/components/ptc-minimized-footer/ptc-minimized-footer.d.ts +3 -3
  244. package/dist/types/components/ptc-minimized-header/ptc-minimized-header.d.ts +6 -6
  245. package/dist/types/components/ptc-mobile-select/ptc-mobile-select.d.ts +40 -40
  246. package/dist/types/components/ptc-modal/ptc-modal.d.ts +59 -59
  247. package/dist/types/components/ptc-nav/ptc-nav.d.ts +3 -3
  248. package/dist/types/components/ptc-nav-item/ptc-nav-item.d.ts +53 -53
  249. package/dist/types/components/ptc-overlay/ptc-overlay.d.ts +20 -20
  250. package/dist/types/components/ptc-pagenation/ptc-pagenation.d.ts +27 -27
  251. package/dist/types/components/ptc-para/ptc-para.d.ts +34 -34
  252. package/dist/types/components/ptc-picture/ptc-picture.d.ts +93 -93
  253. package/dist/types/components/ptc-previous-url/ptc-previous-url.d.ts +5 -5
  254. package/dist/types/components/ptc-pricing-block/ptc-pricing-block.d.ts +5 -5
  255. package/dist/types/components/ptc-quote/ptc-quote.d.ts +29 -29
  256. package/dist/types/components/ptc-readmore/ptc-readmore.d.ts +27 -0
  257. package/dist/types/components/ptc-responsive-wrapper/ptc-responsive-wrapper.d.ts +8 -8
  258. package/dist/types/components/ptc-shopping-cart/ptc-shopping-cart.d.ts +6 -6
  259. package/dist/types/components/ptc-social-share/ptc-social-share.d.ts +25 -25
  260. package/dist/types/components/ptc-spacer/ptc-spacer.d.ts +16 -16
  261. package/dist/types/components/ptc-span/ptc-span.d.ts +16 -16
  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 -0
  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 +13 -13
  270. package/dist/types/components.d.ts +144 -38
  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 +60 -59
  277. package/readme.md +11 -11
  278. package/dist/ptcw-design/p-21a381bd.entry.js +0 -1
  279. package/dist/ptcw-design/p-7f044112.entry.js +0 -1
  280. package/dist/ptcw-design/p-b1bfc20f.entry.js +0 -1
  281. package/dist/ptcw-design/p-c26e343e.entry.js +0 -1
  282. /package/dist/ptcw-design/{p-5e98555a.js → p-e121ff2a.js} +0 -0
@@ -1,198 +1,198 @@
1
- import { Component, h, Prop, Host } from '@stencil/core';
2
- export class PtcLink {
3
- constructor() {
4
- /**
5
- * Disabled link
6
- */
7
- this.disabled = false;
8
- /**
9
- * Rxternal link
10
- * */
11
- this.external = false;
12
- /**
13
- * Target
14
- */
15
- this.target = '_self';
16
- /**
17
- * Theme
18
- */
19
- this.theme = 'simple';
20
- /**
21
- * Uppercase
22
- */
23
- this.uppercase = false;
24
- /**
25
- * Font Size
26
- */
27
- this.fontSize = 'medium';
28
- }
29
- render() {
30
- const classMap = this.getCssClassMap();
31
- return (h(Host, null,
32
- h("a", { class: classMap, href: this.href, target: this.external ? '_blank' : this.target, title: this.linkTitle },
33
- this.theme == 'arrow' ? h("icon-asset", { type: "solid", size: "x-small", name: "arrow-right" }) : '',
34
- this.theme == 'arrow-plm' ? h("icon-asset", { type: "ptc", size: "xxx-small", name: "button-arrow-right" }) : '',
35
- h("slot", null))));
36
- }
37
- getCssClassMap() {
38
- return {
39
- ['ptc-link']: true,
40
- [this.theme]: true,
41
- ['uppercase']: this.uppercase,
42
- ['disabled']: this.disabled,
43
- [this.fontSize]: true,
44
- };
45
- }
46
- static get is() { return "ptc-link"; }
47
- static get encapsulation() { return "shadow"; }
48
- static get originalStyleUrls() { return {
49
- "$": ["ptc-link.scss"]
50
- }; }
51
- static get styleUrls() { return {
52
- "$": ["ptc-link.css"]
53
- }; }
54
- static get properties() { return {
55
- "disabled": {
56
- "type": "boolean",
57
- "mutable": false,
58
- "complexType": {
59
- "original": "boolean",
60
- "resolved": "boolean",
61
- "references": {}
62
- },
63
- "required": false,
64
- "optional": false,
65
- "docs": {
66
- "tags": [],
67
- "text": "Disabled link"
68
- },
69
- "attribute": "disabled",
70
- "reflect": true,
71
- "defaultValue": "false"
72
- },
73
- "external": {
74
- "type": "boolean",
75
- "mutable": false,
76
- "complexType": {
77
- "original": "boolean",
78
- "resolved": "boolean",
79
- "references": {}
80
- },
81
- "required": false,
82
- "optional": false,
83
- "docs": {
84
- "tags": [],
85
- "text": "Rxternal link"
86
- },
87
- "attribute": "external",
88
- "reflect": true,
89
- "defaultValue": "false"
90
- },
91
- "href": {
92
- "type": "string",
93
- "mutable": false,
94
- "complexType": {
95
- "original": "string | undefined",
96
- "resolved": "string",
97
- "references": {}
98
- },
99
- "required": false,
100
- "optional": false,
101
- "docs": {
102
- "tags": [],
103
- "text": "href"
104
- },
105
- "attribute": "href",
106
- "reflect": false
107
- },
108
- "target": {
109
- "type": "string",
110
- "mutable": false,
111
- "complexType": {
112
- "original": "string | undefined",
113
- "resolved": "string",
114
- "references": {}
115
- },
116
- "required": false,
117
- "optional": false,
118
- "docs": {
119
- "tags": [],
120
- "text": "Target"
121
- },
122
- "attribute": "target",
123
- "reflect": false,
124
- "defaultValue": "'_self'"
125
- },
126
- "linkTitle": {
127
- "type": "string",
128
- "mutable": false,
129
- "complexType": {
130
- "original": "string | undefined",
131
- "resolved": "string",
132
- "references": {}
133
- },
134
- "required": false,
135
- "optional": false,
136
- "docs": {
137
- "tags": [],
138
- "text": "Title"
139
- },
140
- "attribute": "link-title",
141
- "reflect": false
142
- },
143
- "theme": {
144
- "type": "string",
145
- "mutable": false,
146
- "complexType": {
147
- "original": "'simple' | 'underline' | 'arrow' | 'nav-title'| 'primary-nav-link' | 'nav-title-link' | 'secondary-nav-link' | 'footer-nav-link' | 'copyright-link' | 'arrow-plm' | 'product-link'",
148
- "resolved": "\"arrow\" | \"arrow-plm\" | \"copyright-link\" | \"footer-nav-link\" | \"nav-title\" | \"nav-title-link\" | \"primary-nav-link\" | \"product-link\" | \"secondary-nav-link\" | \"simple\" | \"underline\"",
149
- "references": {}
150
- },
151
- "required": false,
152
- "optional": false,
153
- "docs": {
154
- "tags": [],
155
- "text": "Theme"
156
- },
157
- "attribute": "theme",
158
- "reflect": false,
159
- "defaultValue": "'simple'"
160
- },
161
- "uppercase": {
162
- "type": "boolean",
163
- "mutable": false,
164
- "complexType": {
165
- "original": "boolean",
166
- "resolved": "boolean",
167
- "references": {}
168
- },
169
- "required": false,
170
- "optional": false,
171
- "docs": {
172
- "tags": [],
173
- "text": "Uppercase"
174
- },
175
- "attribute": "uppercase",
176
- "reflect": false,
177
- "defaultValue": "false"
178
- },
179
- "fontSize": {
180
- "type": "string",
181
- "mutable": false,
182
- "complexType": {
183
- "original": "'small' | 'medium' | 'large'",
184
- "resolved": "\"large\" | \"medium\" | \"small\"",
185
- "references": {}
186
- },
187
- "required": false,
188
- "optional": false,
189
- "docs": {
190
- "tags": [],
191
- "text": "Font Size"
192
- },
193
- "attribute": "font-size",
194
- "reflect": false,
195
- "defaultValue": "'medium'"
196
- }
197
- }; }
198
- }
1
+ import { Component, h, Prop, Host } from '@stencil/core';
2
+ export class PtcLink {
3
+ constructor() {
4
+ /**
5
+ * Disabled link
6
+ */
7
+ this.disabled = false;
8
+ /**
9
+ * Rxternal link
10
+ * */
11
+ this.external = false;
12
+ /**
13
+ * Target
14
+ */
15
+ this.target = '_self';
16
+ /**
17
+ * Theme
18
+ */
19
+ this.theme = 'simple';
20
+ /**
21
+ * Uppercase
22
+ */
23
+ this.uppercase = false;
24
+ /**
25
+ * Font Size
26
+ */
27
+ this.fontSize = 'medium';
28
+ }
29
+ render() {
30
+ const classMap = this.getCssClassMap();
31
+ return (h(Host, null,
32
+ h("a", { class: classMap, href: this.href, target: this.external ? '_blank' : this.target, title: this.linkTitle },
33
+ this.theme == 'arrow' ? h("icon-asset", { type: "solid", size: "x-small", name: "arrow-right" }) : '',
34
+ this.theme == 'arrow-plm' ? h("icon-asset", { type: "ptc", size: "xxx-small", name: "button-arrow-right" }) : '',
35
+ h("slot", null))));
36
+ }
37
+ getCssClassMap() {
38
+ return {
39
+ ['ptc-link']: true,
40
+ [this.theme]: true,
41
+ ['uppercase']: this.uppercase,
42
+ ['disabled']: this.disabled,
43
+ [this.fontSize]: true,
44
+ };
45
+ }
46
+ static get is() { return "ptc-link"; }
47
+ static get encapsulation() { return "shadow"; }
48
+ static get originalStyleUrls() { return {
49
+ "$": ["ptc-link.scss"]
50
+ }; }
51
+ static get styleUrls() { return {
52
+ "$": ["ptc-link.css"]
53
+ }; }
54
+ static get properties() { return {
55
+ "disabled": {
56
+ "type": "boolean",
57
+ "mutable": false,
58
+ "complexType": {
59
+ "original": "boolean",
60
+ "resolved": "boolean",
61
+ "references": {}
62
+ },
63
+ "required": false,
64
+ "optional": false,
65
+ "docs": {
66
+ "tags": [],
67
+ "text": "Disabled link"
68
+ },
69
+ "attribute": "disabled",
70
+ "reflect": true,
71
+ "defaultValue": "false"
72
+ },
73
+ "external": {
74
+ "type": "boolean",
75
+ "mutable": false,
76
+ "complexType": {
77
+ "original": "boolean",
78
+ "resolved": "boolean",
79
+ "references": {}
80
+ },
81
+ "required": false,
82
+ "optional": false,
83
+ "docs": {
84
+ "tags": [],
85
+ "text": "Rxternal link"
86
+ },
87
+ "attribute": "external",
88
+ "reflect": true,
89
+ "defaultValue": "false"
90
+ },
91
+ "href": {
92
+ "type": "string",
93
+ "mutable": false,
94
+ "complexType": {
95
+ "original": "string | undefined",
96
+ "resolved": "string",
97
+ "references": {}
98
+ },
99
+ "required": false,
100
+ "optional": false,
101
+ "docs": {
102
+ "tags": [],
103
+ "text": "href"
104
+ },
105
+ "attribute": "href",
106
+ "reflect": false
107
+ },
108
+ "target": {
109
+ "type": "string",
110
+ "mutable": false,
111
+ "complexType": {
112
+ "original": "string | undefined",
113
+ "resolved": "string",
114
+ "references": {}
115
+ },
116
+ "required": false,
117
+ "optional": false,
118
+ "docs": {
119
+ "tags": [],
120
+ "text": "Target"
121
+ },
122
+ "attribute": "target",
123
+ "reflect": false,
124
+ "defaultValue": "'_self'"
125
+ },
126
+ "linkTitle": {
127
+ "type": "string",
128
+ "mutable": false,
129
+ "complexType": {
130
+ "original": "string | undefined",
131
+ "resolved": "string",
132
+ "references": {}
133
+ },
134
+ "required": false,
135
+ "optional": false,
136
+ "docs": {
137
+ "tags": [],
138
+ "text": "Title"
139
+ },
140
+ "attribute": "link-title",
141
+ "reflect": false
142
+ },
143
+ "theme": {
144
+ "type": "string",
145
+ "mutable": false,
146
+ "complexType": {
147
+ "original": "'simple' | 'underline' | 'arrow' | 'nav-title'| 'primary-nav-link' | 'nav-title-link' | 'secondary-nav-link' | 'footer-nav-link' | 'copyright-link' | 'arrow-plm' | 'product-link'",
148
+ "resolved": "\"arrow\" | \"arrow-plm\" | \"copyright-link\" | \"footer-nav-link\" | \"nav-title\" | \"nav-title-link\" | \"primary-nav-link\" | \"product-link\" | \"secondary-nav-link\" | \"simple\" | \"underline\"",
149
+ "references": {}
150
+ },
151
+ "required": false,
152
+ "optional": false,
153
+ "docs": {
154
+ "tags": [],
155
+ "text": "Theme"
156
+ },
157
+ "attribute": "theme",
158
+ "reflect": false,
159
+ "defaultValue": "'simple'"
160
+ },
161
+ "uppercase": {
162
+ "type": "boolean",
163
+ "mutable": false,
164
+ "complexType": {
165
+ "original": "boolean",
166
+ "resolved": "boolean",
167
+ "references": {}
168
+ },
169
+ "required": false,
170
+ "optional": false,
171
+ "docs": {
172
+ "tags": [],
173
+ "text": "Uppercase"
174
+ },
175
+ "attribute": "uppercase",
176
+ "reflect": false,
177
+ "defaultValue": "false"
178
+ },
179
+ "fontSize": {
180
+ "type": "string",
181
+ "mutable": false,
182
+ "complexType": {
183
+ "original": "'small' | 'medium' | 'large'",
184
+ "resolved": "\"large\" | \"medium\" | \"small\"",
185
+ "references": {}
186
+ },
187
+ "required": false,
188
+ "optional": false,
189
+ "docs": {
190
+ "tags": [],
191
+ "text": "Font Size"
192
+ },
193
+ "attribute": "font-size",
194
+ "reflect": false,
195
+ "defaultValue": "'medium'"
196
+ }
197
+ }; }
198
+ }
@@ -1,95 +1,95 @@
1
- import { Component, Host, h, Prop, Element } from '@stencil/core';
2
- class ListItem {
3
- }
4
- export class PtcList {
5
- constructor() {
6
- this.listType = 'list-primary';
7
- this.listItems = [];
8
- }
9
- render() {
10
- const classMap = this.getCssClassMap();
11
- const listItems = this.getListItems();
12
- if (!listItems || listItems.length === 0) {
13
- return null;
14
- }
15
- return (h(Host, { class: classMap },
16
- h("ul", null, listItems.map(listItem => {
17
- return (h("list-item", { "link-type": listItem.type, "link-href": listItem.href, "link-target": listItem.target, "flush-before": listItem.flushBefore }, listItem.value));
18
- }))));
19
- }
20
- getListItems() {
21
- let result = new Array();
22
- if (this.listItems && this.listItems.length > 0) {
23
- this.listItems.map(listItem => {
24
- let i = new ListItem();
25
- i.value = listItem;
26
- result.push(i);
27
- });
28
- }
29
- else {
30
- let items = Array.from(this.el.querySelectorAll('list-item'));
31
- items.map(el => {
32
- let i = new ListItem();
33
- let item = el;
34
- i.value = item.innerText;
35
- i.href = item.getAttribute('link-href');
36
- i.target = item.getAttribute('link-target');
37
- i.flushBefore = item.getAttribute('flush-before') == 'true';
38
- i.type = item.getAttribute('link-type');
39
- result.push(i);
40
- });
41
- console.log();
42
- }
43
- return result;
44
- }
45
- getCssClassMap() {
46
- return {
47
- [this.listType]: this.listItems ? true : false,
48
- };
49
- }
50
- static get is() { return "ptc-list"; }
51
- static get encapsulation() { return "shadow"; }
52
- static get originalStyleUrls() { return {
53
- "$": ["ptc-list.scss"]
54
- }; }
55
- static get styleUrls() { return {
56
- "$": ["ptc-list.css"]
57
- }; }
58
- static get properties() { return {
59
- "listType": {
60
- "type": "string",
61
- "mutable": false,
62
- "complexType": {
63
- "original": "'list-primary'",
64
- "resolved": "\"list-primary\"",
65
- "references": {}
66
- },
67
- "required": false,
68
- "optional": false,
69
- "docs": {
70
- "tags": [],
71
- "text": ""
72
- },
73
- "attribute": "list-type",
74
- "reflect": false,
75
- "defaultValue": "'list-primary'"
76
- },
77
- "listItems": {
78
- "type": "unknown",
79
- "mutable": false,
80
- "complexType": {
81
- "original": "string[]",
82
- "resolved": "string[]",
83
- "references": {}
84
- },
85
- "required": false,
86
- "optional": true,
87
- "docs": {
88
- "tags": [],
89
- "text": ""
90
- },
91
- "defaultValue": "[]"
92
- }
93
- }; }
94
- static get elementRef() { return "el"; }
95
- }
1
+ import { Component, Host, h, Prop, Element } from '@stencil/core';
2
+ class ListItem {
3
+ }
4
+ export class PtcList {
5
+ constructor() {
6
+ this.listType = 'list-primary';
7
+ this.listItems = [];
8
+ }
9
+ render() {
10
+ const classMap = this.getCssClassMap();
11
+ const listItems = this.getListItems();
12
+ if (!listItems || listItems.length === 0) {
13
+ return null;
14
+ }
15
+ return (h(Host, { class: classMap },
16
+ h("ul", null, listItems.map(listItem => {
17
+ return (h("list-item", { "link-type": listItem.type, "link-href": listItem.href, "link-target": listItem.target, "flush-before": listItem.flushBefore }, listItem.value));
18
+ }))));
19
+ }
20
+ getListItems() {
21
+ let result = new Array();
22
+ if (this.listItems && this.listItems.length > 0) {
23
+ this.listItems.map(listItem => {
24
+ let i = new ListItem();
25
+ i.value = listItem;
26
+ result.push(i);
27
+ });
28
+ }
29
+ else {
30
+ let items = Array.from(this.el.querySelectorAll('list-item'));
31
+ items.map(el => {
32
+ let i = new ListItem();
33
+ let item = el;
34
+ i.value = item.innerText;
35
+ i.href = item.getAttribute('link-href');
36
+ i.target = item.getAttribute('link-target');
37
+ i.flushBefore = item.getAttribute('flush-before') == 'true';
38
+ i.type = item.getAttribute('link-type');
39
+ result.push(i);
40
+ });
41
+ console.log();
42
+ }
43
+ return result;
44
+ }
45
+ getCssClassMap() {
46
+ return {
47
+ [this.listType]: this.listItems ? true : false,
48
+ };
49
+ }
50
+ static get is() { return "ptc-list"; }
51
+ static get encapsulation() { return "shadow"; }
52
+ static get originalStyleUrls() { return {
53
+ "$": ["ptc-list.scss"]
54
+ }; }
55
+ static get styleUrls() { return {
56
+ "$": ["ptc-list.css"]
57
+ }; }
58
+ static get properties() { return {
59
+ "listType": {
60
+ "type": "string",
61
+ "mutable": false,
62
+ "complexType": {
63
+ "original": "'list-primary'",
64
+ "resolved": "\"list-primary\"",
65
+ "references": {}
66
+ },
67
+ "required": false,
68
+ "optional": false,
69
+ "docs": {
70
+ "tags": [],
71
+ "text": ""
72
+ },
73
+ "attribute": "list-type",
74
+ "reflect": false,
75
+ "defaultValue": "'list-primary'"
76
+ },
77
+ "listItems": {
78
+ "type": "unknown",
79
+ "mutable": false,
80
+ "complexType": {
81
+ "original": "string[]",
82
+ "resolved": "string[]",
83
+ "references": {}
84
+ },
85
+ "required": false,
86
+ "optional": true,
87
+ "docs": {
88
+ "tags": [],
89
+ "text": ""
90
+ },
91
+ "defaultValue": "[]"
92
+ }
93
+ }; }
94
+ static get elementRef() { return "el"; }
95
+ }
@@ -1,5 +1,5 @@
1
- :host {
2
- display: block;
3
- width: 100%;
4
- height: auto
5
- }
1
+ :host {
2
+ display: block;
3
+ width: 100%;
4
+ height: auto
5
+ }