@ptcwebops/ptcw-design 0.5.7 → 0.5.8

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 (242) hide show
  1. package/LICENSE +21 -21
  2. package/dist/cjs/dropdown-item.cjs.entry.js +10 -10
  3. package/dist/cjs/icon-asset_13.cjs.entry.js +676 -676
  4. package/dist/cjs/{interfaces-0ecd8027.js → interfaces-574e6df7.js} +9 -9
  5. package/dist/cjs/list-item.cjs.entry.js +19 -19
  6. package/dist/cjs/loader.cjs.js +1 -1
  7. package/dist/cjs/lottie-player.cjs.entry.js +354 -354
  8. package/dist/cjs/my-component.cjs.entry.js +13 -13
  9. package/dist/cjs/ptc-accordion-item.cjs.entry.js +97 -97
  10. package/dist/cjs/ptc-accordion.cjs.entry.js +38 -38
  11. package/dist/cjs/ptc-announcement.cjs.entry.js +37 -37
  12. package/dist/cjs/ptc-breadcrumb.cjs.entry.js +12 -12
  13. package/dist/cjs/ptc-card-bottom.cjs.entry.js +31 -31
  14. package/dist/cjs/ptc-card-content.cjs.entry.js +32 -32
  15. package/dist/cjs/ptc-card-plm.cjs.entry.js +16 -16
  16. package/dist/cjs/ptc-card.cjs.entry.js +69 -69
  17. package/dist/cjs/ptc-date.cjs.entry.js +48 -48
  18. package/dist/cjs/ptc-ellipsis-dropdown.cjs.entry.js +23 -23
  19. package/dist/cjs/ptc-hero-footer-cta.cjs.entry.js +8 -8
  20. package/dist/cjs/ptc-hero.cjs.entry.js +18 -18
  21. package/dist/cjs/ptc-icon-list.cjs.entry.js +32 -32
  22. package/dist/cjs/ptc-img_2.cjs.entry.js +169 -169
  23. package/dist/cjs/ptc-list.cjs.entry.js +23 -23
  24. package/dist/cjs/ptc-lottie.cjs.entry.js +12 -12
  25. package/dist/cjs/ptc-minimized-footer.cjs.entry.js +8 -8
  26. package/dist/cjs/ptc-minimized-header.cjs.entry.js +11 -11
  27. package/dist/cjs/ptc-mobile-select.cjs.entry.js +69 -69
  28. package/dist/cjs/ptc-nav-item.cjs.entry.js +83 -83
  29. package/dist/cjs/ptc-nav.cjs.entry.js +8 -8
  30. package/dist/cjs/ptc-pagenation.cjs.entry.js +111 -0
  31. package/dist/cjs/ptc-picture.cjs.entry.js +169 -169
  32. package/dist/cjs/ptc-previous-url.cjs.entry.js +8 -8
  33. package/dist/cjs/ptc-pricing-block.cjs.entry.js +14 -14
  34. package/dist/cjs/ptc-quote.cjs.entry.js +25 -25
  35. package/dist/cjs/ptc-responsive-wrapper.cjs.entry.js +54 -54
  36. package/dist/cjs/ptc-social-share.cjs.entry.js +64 -64
  37. package/dist/cjs/ptc-span.cjs.entry.js +23 -23
  38. package/dist/cjs/ptc-svg-btn.cjs.entry.js +75 -75
  39. package/dist/cjs/ptc-tab-list.cjs.entry.js +116 -116
  40. package/dist/cjs/ptc-two-column-media.cjs.entry.js +14 -14
  41. package/dist/cjs/ptcw-design.cjs.js +1 -1
  42. package/dist/cjs/tab-content.cjs.entry.js +26 -26
  43. package/dist/cjs/tab-header.cjs.entry.js +43 -43
  44. package/dist/collection/collection-manifest.json +1 -0
  45. package/dist/collection/components/dropdown-item/dropdown-item.js +56 -56
  46. package/dist/collection/components/icon-asset/icon-asset.css +4 -4
  47. package/dist/collection/components/icon-asset/icon-asset.js +199 -199
  48. package/dist/collection/components/icon-asset/media/brands.svg +1381 -1381
  49. package/dist/collection/components/icon-asset/media/designer.svg +338 -338
  50. package/dist/collection/components/icon-asset/media/regular.svg +463 -463
  51. package/dist/collection/components/icon-asset/media/solid.svg +3013 -3013
  52. package/dist/collection/components/icon-asset/media/svg-with-js.min.css +4 -4
  53. package/dist/collection/components/list-item/list-item.js +103 -103
  54. package/dist/collection/components/my-component/my-component.css +3 -3
  55. package/dist/collection/components/my-component/my-component.js +73 -73
  56. package/dist/collection/components/ptc-accordion/ptc-accordion-item/ptc-accordion-item.js +296 -296
  57. package/dist/collection/components/ptc-accordion/ptc-accordion.js +74 -74
  58. package/dist/collection/components/ptc-announcement/ptc-announcement.js +210 -210
  59. package/dist/collection/components/ptc-breadcrumb/ptc-breadcrumb.js +21 -21
  60. package/dist/collection/components/ptc-button/ptc-button.js +293 -293
  61. package/dist/collection/components/ptc-card/ptc-card.css +76 -0
  62. package/dist/collection/components/ptc-card/ptc-card.js +301 -282
  63. package/dist/collection/components/ptc-card-bottom/ptc-card-bottom.js +105 -105
  64. package/dist/collection/components/ptc-card-content/ptc-card-content.css +1 -1
  65. package/dist/collection/components/ptc-card-content/ptc-card-content.js +105 -105
  66. package/dist/collection/components/ptc-card-plm/ptc-card-plm.js +97 -97
  67. package/dist/collection/components/ptc-checkbox/ptc-checkbox.js +114 -114
  68. package/dist/collection/components/ptc-container/ptc-container.js +119 -119
  69. package/dist/collection/components/ptc-date/ptc-date.js +201 -201
  70. package/dist/collection/components/ptc-dropdown/ptc-dropdown.js +144 -144
  71. package/dist/collection/components/ptc-ellipsis-dropdown/ptc-ellipsis-dropdown.js +77 -77
  72. package/dist/collection/components/ptc-filter-tag/ptc-filter-tag.js +70 -70
  73. package/dist/collection/components/ptc-hero/ptc-hero.js +67 -67
  74. package/dist/collection/components/ptc-hero-footer-cta/ptc-hero-footer-cta.js +77 -77
  75. package/dist/collection/components/ptc-icon-list/ptc-icon-list.js +145 -145
  76. package/dist/collection/components/ptc-icon-minimize/ptc-icon-minimize.js +86 -86
  77. package/dist/collection/components/ptc-img/ptc-img.js +314 -314
  78. package/dist/collection/components/ptc-link/ptc-link.js +198 -198
  79. package/dist/collection/components/ptc-list/ptc-list.js +68 -68
  80. package/dist/collection/components/ptc-lottie/ptc-lottie.css +5 -5
  81. package/dist/collection/components/ptc-lottie/ptc-lottie.js +58 -58
  82. package/dist/collection/components/ptc-minimized-footer/ptc-minimized-footer.js +17 -17
  83. package/dist/collection/components/ptc-minimized-header/ptc-minimized-header.js +80 -80
  84. package/dist/collection/components/ptc-mobile-select/ptc-mobile-select.js +221 -221
  85. package/dist/collection/components/ptc-modal/ptc-modal.js +337 -337
  86. package/dist/collection/components/ptc-nav/ptc-nav.js +21 -21
  87. package/dist/collection/components/ptc-nav-item/ptc-nav-item.js +252 -252
  88. package/dist/collection/components/ptc-overlay/ptc-overlay.js +99 -99
  89. package/dist/collection/components/ptc-pagenation/ptc-pagenation.css +113 -0
  90. package/dist/collection/components/ptc-pagenation/ptc-pagenation.js +277 -0
  91. package/dist/collection/components/ptc-para/ptc-para.js +157 -157
  92. package/dist/collection/components/ptc-picture/ptc-picture.js +474 -474
  93. package/dist/collection/components/ptc-previous-url/ptc-previous-url.js +54 -54
  94. package/dist/collection/components/ptc-pricing-block/ptc-pricing-block.js +25 -25
  95. package/dist/collection/components/ptc-quote/ptc-quote.js +154 -154
  96. package/dist/collection/components/ptc-responsive-wrapper/ptc-responsive-wrapper.css +3 -3
  97. package/dist/collection/components/ptc-responsive-wrapper/ptc-responsive-wrapper.js +62 -62
  98. package/dist/collection/components/ptc-shopping-cart/ptc-shopping-cart.js +91 -91
  99. package/dist/collection/components/ptc-social-share/ptc-social-share.js +206 -206
  100. package/dist/collection/components/ptc-spacer/ptc-spacer.css +322 -322
  101. package/dist/collection/components/ptc-spacer/ptc-spacer.js +99 -99
  102. package/dist/collection/components/ptc-span/ptc-span.js +89 -89
  103. package/dist/collection/components/ptc-svg-btn/ptc-svg-btn.js +71 -71
  104. package/dist/collection/components/ptc-tab-list/ptc-tab-list.js +140 -140
  105. package/dist/collection/components/ptc-title/ptc-title.js +245 -245
  106. package/dist/collection/components/ptc-two-column-media/ptc-two-column-media.js +40 -40
  107. package/dist/collection/components/tab-content/tab-content.js +74 -74
  108. package/dist/collection/components/tab-header/tab-header.js +107 -107
  109. package/dist/collection/index.js +1 -1
  110. package/dist/collection/media/svg-imgs/Back-arrow.svg +11 -11
  111. package/dist/collection/media/svg-imgs/close.svg +10 -10
  112. package/dist/collection/media/svg-imgs/ptc-shopping-cart-black.svg +3 -3
  113. package/dist/collection/media/svg-imgs/ptc-shopping-cart-white.svg +3 -3
  114. package/dist/collection/media/svg-imgs/slider-arrow-left.svg +18 -18
  115. package/dist/collection/media/svg-imgs/slider-arrow-right.svg +18 -18
  116. package/dist/collection/media/svg-imgs/union.svg +3 -3
  117. package/dist/collection/utils/component.js +3 -3
  118. package/dist/collection/utils/interfaces.js +11 -11
  119. package/dist/collection/utils/utils.js +3 -3
  120. package/dist/custom-elements/index.d.ts +6 -0
  121. package/dist/custom-elements/index.js +2763 -2655
  122. package/dist/esm/dropdown-item.entry.js +10 -10
  123. package/dist/esm/icon-asset_13.entry.js +676 -676
  124. package/dist/esm/{interfaces-c1c73092.js → interfaces-7c0243be.js} +9 -9
  125. package/dist/esm/list-item.entry.js +19 -19
  126. package/dist/esm/loader.js +1 -1
  127. package/dist/esm/lottie-player.entry.js +354 -354
  128. package/dist/esm/my-component.entry.js +13 -13
  129. package/dist/esm/polyfills/core-js.js +0 -0
  130. package/dist/esm/polyfills/dom.js +0 -0
  131. package/dist/esm/polyfills/es5-html-element.js +0 -0
  132. package/dist/esm/polyfills/index.js +0 -0
  133. package/dist/esm/polyfills/system.js +0 -0
  134. package/dist/esm/ptc-accordion-item.entry.js +97 -97
  135. package/dist/esm/ptc-accordion.entry.js +38 -38
  136. package/dist/esm/ptc-announcement.entry.js +37 -37
  137. package/dist/esm/ptc-breadcrumb.entry.js +12 -12
  138. package/dist/esm/ptc-card-bottom.entry.js +31 -31
  139. package/dist/esm/ptc-card-content.entry.js +32 -32
  140. package/dist/esm/ptc-card-plm.entry.js +16 -16
  141. package/dist/esm/ptc-card.entry.js +69 -69
  142. package/dist/esm/ptc-date.entry.js +48 -48
  143. package/dist/esm/ptc-ellipsis-dropdown.entry.js +23 -23
  144. package/dist/esm/ptc-hero-footer-cta.entry.js +8 -8
  145. package/dist/esm/ptc-hero.entry.js +18 -18
  146. package/dist/esm/ptc-icon-list.entry.js +32 -32
  147. package/dist/esm/ptc-img_2.entry.js +169 -169
  148. package/dist/esm/ptc-list.entry.js +23 -23
  149. package/dist/esm/ptc-lottie.entry.js +12 -12
  150. package/dist/esm/ptc-minimized-footer.entry.js +8 -8
  151. package/dist/esm/ptc-minimized-header.entry.js +11 -11
  152. package/dist/esm/ptc-mobile-select.entry.js +69 -69
  153. package/dist/esm/ptc-nav-item.entry.js +83 -83
  154. package/dist/esm/ptc-nav.entry.js +8 -8
  155. package/dist/esm/ptc-pagenation.entry.js +107 -0
  156. package/dist/esm/ptc-picture.entry.js +169 -169
  157. package/dist/esm/ptc-previous-url.entry.js +8 -8
  158. package/dist/esm/ptc-pricing-block.entry.js +14 -14
  159. package/dist/esm/ptc-quote.entry.js +25 -25
  160. package/dist/esm/ptc-responsive-wrapper.entry.js +54 -54
  161. package/dist/esm/ptc-social-share.entry.js +64 -64
  162. package/dist/esm/ptc-span.entry.js +23 -23
  163. package/dist/esm/ptc-svg-btn.entry.js +75 -75
  164. package/dist/esm/ptc-tab-list.entry.js +116 -116
  165. package/dist/esm/ptc-two-column-media.entry.js +14 -14
  166. package/dist/esm/ptcw-design.js +1 -1
  167. package/dist/esm/tab-content.entry.js +26 -26
  168. package/dist/esm/tab-header.entry.js +43 -43
  169. package/dist/ptcw-design/media/brands.svg +1381 -1381
  170. package/dist/ptcw-design/media/designer.svg +338 -338
  171. package/dist/ptcw-design/media/regular.svg +463 -463
  172. package/dist/ptcw-design/media/solid.svg +3013 -3013
  173. package/dist/ptcw-design/media/svg-with-js.min.css +4 -4
  174. package/dist/ptcw-design/p-1884f74a.entry.js +1 -0
  175. package/dist/ptcw-design/p-246057c5.entry.js +1 -0
  176. package/dist/ptcw-design/{p-5142e9f1.entry.js → p-4a80df00.entry.js} +1 -1
  177. package/dist/ptcw-design/{p-83277ae9.entry.js → p-b61d821b.entry.js} +1 -1
  178. package/dist/ptcw-design/p-e5b8fc3d.entry.js +1 -0
  179. package/dist/ptcw-design/ptcw-design.css +1 -1
  180. package/dist/ptcw-design/ptcw-design.esm.js +1 -1
  181. package/dist/types/components/dropdown-item/dropdown-item.d.ts +5 -5
  182. package/dist/types/components/icon-asset/icon-asset.d.ts +36 -36
  183. package/dist/types/components/list-item/list-item.d.ts +8 -8
  184. package/dist/types/components/my-component/my-component.d.ts +16 -16
  185. package/dist/types/components/ptc-accordion/ptc-accordion-item/ptc-accordion-item.d.ts +59 -59
  186. package/dist/types/components/ptc-accordion/ptc-accordion.d.ts +13 -13
  187. package/dist/types/components/ptc-announcement/ptc-announcement.d.ts +43 -43
  188. package/dist/types/components/ptc-breadcrumb/ptc-breadcrumb.d.ts +4 -4
  189. package/dist/types/components/ptc-button/ptc-button.d.ts +56 -56
  190. package/dist/types/components/ptc-card/ptc-card.d.ts +54 -50
  191. package/dist/types/components/ptc-card-bottom/ptc-card-bottom.d.ts +15 -15
  192. package/dist/types/components/ptc-card-content/ptc-card-content.d.ts +15 -15
  193. package/dist/types/components/ptc-card-plm/ptc-card-plm.d.ts +8 -8
  194. package/dist/types/components/ptc-checkbox/ptc-checkbox.d.ts +11 -11
  195. package/dist/types/components/ptc-container/ptc-container.d.ts +12 -12
  196. package/dist/types/components/ptc-date/ptc-date.d.ts +41 -41
  197. package/dist/types/components/ptc-dropdown/ptc-dropdown.d.ts +18 -18
  198. package/dist/types/components/ptc-ellipsis-dropdown/ptc-ellipsis-dropdown.d.ts +10 -10
  199. package/dist/types/components/ptc-filter-tag/ptc-filter-tag.d.ts +11 -11
  200. package/dist/types/components/ptc-hero/ptc-hero.d.ts +12 -12
  201. package/dist/types/components/ptc-hero-footer-cta/ptc-hero-footer-cta.d.ts +6 -6
  202. package/dist/types/components/ptc-icon-list/ptc-icon-list.d.ts +21 -21
  203. package/dist/types/components/ptc-icon-minimize/ptc-icon-minimize.d.ts +9 -9
  204. package/dist/types/components/ptc-img/ptc-img.d.ts +51 -51
  205. package/dist/types/components/ptc-link/ptc-link.d.ts +36 -36
  206. package/dist/types/components/ptc-list/ptc-list.d.ts +6 -6
  207. package/dist/types/components/ptc-lottie/ptc-lottie.d.ts +12 -12
  208. package/dist/types/components/ptc-minimized-footer/ptc-minimized-footer.d.ts +3 -3
  209. package/dist/types/components/ptc-minimized-header/ptc-minimized-header.d.ts +6 -6
  210. package/dist/types/components/ptc-mobile-select/ptc-mobile-select.d.ts +40 -40
  211. package/dist/types/components/ptc-modal/ptc-modal.d.ts +55 -55
  212. package/dist/types/components/ptc-nav/ptc-nav.d.ts +3 -3
  213. package/dist/types/components/ptc-nav-item/ptc-nav-item.d.ts +53 -53
  214. package/dist/types/components/ptc-overlay/ptc-overlay.d.ts +20 -20
  215. package/dist/types/components/ptc-pagenation/ptc-pagenation.d.ts +25 -0
  216. package/dist/types/components/ptc-para/ptc-para.d.ts +28 -28
  217. package/dist/types/components/ptc-picture/ptc-picture.d.ts +93 -93
  218. package/dist/types/components/ptc-previous-url/ptc-previous-url.d.ts +5 -5
  219. package/dist/types/components/ptc-pricing-block/ptc-pricing-block.d.ts +4 -4
  220. package/dist/types/components/ptc-quote/ptc-quote.d.ts +29 -29
  221. package/dist/types/components/ptc-responsive-wrapper/ptc-responsive-wrapper.d.ts +8 -8
  222. package/dist/types/components/ptc-shopping-cart/ptc-shopping-cart.d.ts +6 -6
  223. package/dist/types/components/ptc-social-share/ptc-social-share.d.ts +25 -25
  224. package/dist/types/components/ptc-spacer/ptc-spacer.d.ts +16 -16
  225. package/dist/types/components/ptc-span/ptc-span.d.ts +16 -16
  226. package/dist/types/components/ptc-svg-btn/ptc-svg-btn.d.ts +12 -12
  227. package/dist/types/components/ptc-tab-list/ptc-tab-list.d.ts +14 -14
  228. package/dist/types/components/ptc-title/ptc-title.d.ts +41 -41
  229. package/dist/types/components/ptc-two-column-media/ptc-two-column-media.d.ts +9 -9
  230. package/dist/types/components/tab-content/tab-content.d.ts +12 -12
  231. package/dist/types/components/tab-header/tab-header.d.ts +13 -13
  232. package/dist/types/components.d.ts +64 -26
  233. package/dist/types/global.d.ts +1072 -1072
  234. package/dist/types/index.d.ts +1 -1
  235. package/dist/types/utils/component.d.ts +1 -1
  236. package/dist/types/utils/interfaces.d.ts +28 -28
  237. package/dist/types/utils/utils.d.ts +1 -1
  238. package/package.json +59 -59
  239. package/readme.md +11 -11
  240. package/dist/ptcw-design/p-525da87e.entry.js +0 -1
  241. package/dist/ptcw-design/p-6ec21b76.entry.js +0 -1
  242. /package/dist/ptcw-design/{p-50e52c88.js → p-ee1183b2.js} +0 -0
@@ -1,245 +1,245 @@
1
- import { Component, Host, h, Prop } from '@stencil/core';
2
- export class PtcTitle {
3
- constructor() {
4
- /**
5
- * Is this title using on the PLM Hub page
6
- */
7
- this.isPlmHub = false;
8
- /**
9
- * Title Tag Type
10
- */
11
- this.type = 'h2';
12
- /**
13
- * Upperline Style
14
- */
15
- this.upperline = 'dotted';
16
- /**
17
- * Title line height
18
- */
19
- this.titleHeight = 'paragraph';
20
- }
21
- render() {
22
- const classMap = this.getCssClassMap();
23
- let TagType;
24
- switch (this.type) {
25
- case 'h1':
26
- TagType = 'h1';
27
- break;
28
- case 'h3':
29
- TagType = 'h3';
30
- break;
31
- case 'h4':
32
- TagType = 'h4';
33
- break;
34
- case 'h5':
35
- TagType = 'h5';
36
- break;
37
- case 'h6':
38
- TagType = 'h6';
39
- break;
40
- default:
41
- TagType = 'h2';
42
- }
43
- return (h(Host, null,
44
- this.styles && h("style", null, this.styles),
45
- h("div", { class: classMap },
46
- h(TagType, null,
47
- h("slot", null)))));
48
- }
49
- getCssClassMap() {
50
- return {
51
- [this.textAlign]: !!this.textAlign ? true : false,
52
- [this.upperline]: true,
53
- [this.isPlmHub ? 'is-plm-hub' : 'is-standard']: true,
54
- [this.titleMargin]: !!this.titleMargin ? true : false,
55
- [this.titleShadow]: !!this.titleShadow ? true : false,
56
- [this.titleWeight]: !!this.titleWeight ? true : false,
57
- [this.titleSize]: !!this.titleSize ? true : false,
58
- [this.titleHeight]: !!this.titleHeight ? true : false
59
- };
60
- }
61
- static get is() { return "ptc-title"; }
62
- static get encapsulation() { return "scoped"; }
63
- static get originalStyleUrls() { return {
64
- "$": ["ptc-title.scss"]
65
- }; }
66
- static get styleUrls() { return {
67
- "$": ["ptc-title.css"]
68
- }; }
69
- static get properties() { return {
70
- "isPlmHub": {
71
- "type": "boolean",
72
- "mutable": false,
73
- "complexType": {
74
- "original": "boolean",
75
- "resolved": "boolean",
76
- "references": {}
77
- },
78
- "required": false,
79
- "optional": false,
80
- "docs": {
81
- "tags": [],
82
- "text": "Is this title using on the PLM Hub page"
83
- },
84
- "attribute": "is-plm-hub",
85
- "reflect": false,
86
- "defaultValue": "false"
87
- },
88
- "type": {
89
- "type": "string",
90
- "mutable": false,
91
- "complexType": {
92
- "original": "'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'",
93
- "resolved": "\"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\"",
94
- "references": {}
95
- },
96
- "required": false,
97
- "optional": false,
98
- "docs": {
99
- "tags": [],
100
- "text": "Title Tag Type"
101
- },
102
- "attribute": "type",
103
- "reflect": false,
104
- "defaultValue": "'h2'"
105
- },
106
- "textAlign": {
107
- "type": "string",
108
- "mutable": false,
109
- "complexType": {
110
- "original": "'left' | 'center' | 'right' | 'inherit'",
111
- "resolved": "\"center\" | \"inherit\" | \"left\" | \"right\"",
112
- "references": {}
113
- },
114
- "required": false,
115
- "optional": false,
116
- "docs": {
117
- "tags": [],
118
- "text": "Text Align"
119
- },
120
- "attribute": "text-align",
121
- "reflect": false
122
- },
123
- "upperline": {
124
- "type": "string",
125
- "mutable": false,
126
- "complexType": {
127
- "original": "'dotted' | 'solid' | 'no-upperline'",
128
- "resolved": "\"dotted\" | \"no-upperline\" | \"solid\"",
129
- "references": {}
130
- },
131
- "required": false,
132
- "optional": false,
133
- "docs": {
134
- "tags": [],
135
- "text": "Upperline Style"
136
- },
137
- "attribute": "upperline",
138
- "reflect": false,
139
- "defaultValue": "'dotted'"
140
- },
141
- "titleShadow": {
142
- "type": "string",
143
- "mutable": false,
144
- "complexType": {
145
- "original": "'blue' | 'red' | 'green' | 'orange' | 'slate-grey'",
146
- "resolved": "\"blue\" | \"green\" | \"orange\" | \"red\" | \"slate-grey\"",
147
- "references": {}
148
- },
149
- "required": false,
150
- "optional": false,
151
- "docs": {
152
- "tags": [],
153
- "text": "Title Shadow"
154
- },
155
- "attribute": "title-shadow",
156
- "reflect": false
157
- },
158
- "titleMargin": {
159
- "type": "string",
160
- "mutable": false,
161
- "complexType": {
162
- "original": "| 'margin-flush'\n | 'margin-top-3'\n | 'margin-top-4'\n | 'margin-top-5'\n | 'margin-top-6'\n | 'margin-bottom-3'\n | 'margin-bottom-4'\n | 'margin-bottom-5'\n | 'margin-bottom-6'\n | 'margin-3'\n | 'margin-4'\n | 'margin-5'\n | 'margin-6'",
163
- "resolved": "\"margin-3\" | \"margin-4\" | \"margin-5\" | \"margin-6\" | \"margin-bottom-3\" | \"margin-bottom-4\" | \"margin-bottom-5\" | \"margin-bottom-6\" | \"margin-flush\" | \"margin-top-3\" | \"margin-top-4\" | \"margin-top-5\" | \"margin-top-6\"",
164
- "references": {}
165
- },
166
- "required": false,
167
- "optional": true,
168
- "docs": {
169
- "tags": [],
170
- "text": "Title Margin"
171
- },
172
- "attribute": "title-margin",
173
- "reflect": false
174
- },
175
- "titleWeight": {
176
- "type": "string",
177
- "mutable": false,
178
- "complexType": {
179
- "original": "'w-3' | 'w-4' | 'w-5' | 'w-6' | 'w-7' | 'w-8' | 'w-9'",
180
- "resolved": "\"w-3\" | \"w-4\" | \"w-5\" | \"w-6\" | \"w-7\" | \"w-8\" | \"w-9\"",
181
- "references": {}
182
- },
183
- "required": false,
184
- "optional": false,
185
- "docs": {
186
- "tags": [],
187
- "text": "Title weight"
188
- },
189
- "attribute": "title-weight",
190
- "reflect": false
191
- },
192
- "titleSize": {
193
- "type": "string",
194
- "mutable": false,
195
- "complexType": {
196
- "original": "'xx-small' | 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | 'xx-large' | 'xxx-large' | 'xxxx-large'",
197
- "resolved": "\"large\" | \"medium\" | \"small\" | \"x-large\" | \"x-small\" | \"xx-large\" | \"xx-small\" | \"xxx-large\" | \"xxxx-large\"",
198
- "references": {}
199
- },
200
- "required": false,
201
- "optional": false,
202
- "docs": {
203
- "tags": [],
204
- "text": "Title size"
205
- },
206
- "attribute": "title-size",
207
- "reflect": false
208
- },
209
- "titleHeight": {
210
- "type": "string",
211
- "mutable": false,
212
- "complexType": {
213
- "original": "'densest' | 'denser' | 'dense' | 'normal' | 'loose' | 'looser' | 'paragraph'",
214
- "resolved": "\"dense\" | \"denser\" | \"densest\" | \"loose\" | \"looser\" | \"normal\" | \"paragraph\"",
215
- "references": {}
216
- },
217
- "required": false,
218
- "optional": false,
219
- "docs": {
220
- "tags": [],
221
- "text": "Title line height"
222
- },
223
- "attribute": "title-height",
224
- "reflect": false,
225
- "defaultValue": "'paragraph'"
226
- },
227
- "styles": {
228
- "type": "string",
229
- "mutable": false,
230
- "complexType": {
231
- "original": "string",
232
- "resolved": "string",
233
- "references": {}
234
- },
235
- "required": false,
236
- "optional": true,
237
- "docs": {
238
- "tags": [],
239
- "text": ""
240
- },
241
- "attribute": "styles",
242
- "reflect": false
243
- }
244
- }; }
245
- }
1
+ import { Component, Host, h, Prop } from '@stencil/core';
2
+ export class PtcTitle {
3
+ constructor() {
4
+ /**
5
+ * Is this title using on the PLM Hub page
6
+ */
7
+ this.isPlmHub = false;
8
+ /**
9
+ * Title Tag Type
10
+ */
11
+ this.type = 'h2';
12
+ /**
13
+ * Upperline Style
14
+ */
15
+ this.upperline = 'dotted';
16
+ /**
17
+ * Title line height
18
+ */
19
+ this.titleHeight = 'paragraph';
20
+ }
21
+ render() {
22
+ const classMap = this.getCssClassMap();
23
+ let TagType;
24
+ switch (this.type) {
25
+ case 'h1':
26
+ TagType = 'h1';
27
+ break;
28
+ case 'h3':
29
+ TagType = 'h3';
30
+ break;
31
+ case 'h4':
32
+ TagType = 'h4';
33
+ break;
34
+ case 'h5':
35
+ TagType = 'h5';
36
+ break;
37
+ case 'h6':
38
+ TagType = 'h6';
39
+ break;
40
+ default:
41
+ TagType = 'h2';
42
+ }
43
+ return (h(Host, null,
44
+ this.styles && h("style", null, this.styles),
45
+ h("div", { class: classMap },
46
+ h(TagType, null,
47
+ h("slot", null)))));
48
+ }
49
+ getCssClassMap() {
50
+ return {
51
+ [this.textAlign]: !!this.textAlign ? true : false,
52
+ [this.upperline]: true,
53
+ [this.isPlmHub ? 'is-plm-hub' : 'is-standard']: true,
54
+ [this.titleMargin]: !!this.titleMargin ? true : false,
55
+ [this.titleShadow]: !!this.titleShadow ? true : false,
56
+ [this.titleWeight]: !!this.titleWeight ? true : false,
57
+ [this.titleSize]: !!this.titleSize ? true : false,
58
+ [this.titleHeight]: !!this.titleHeight ? true : false
59
+ };
60
+ }
61
+ static get is() { return "ptc-title"; }
62
+ static get encapsulation() { return "scoped"; }
63
+ static get originalStyleUrls() { return {
64
+ "$": ["ptc-title.scss"]
65
+ }; }
66
+ static get styleUrls() { return {
67
+ "$": ["ptc-title.css"]
68
+ }; }
69
+ static get properties() { return {
70
+ "isPlmHub": {
71
+ "type": "boolean",
72
+ "mutable": false,
73
+ "complexType": {
74
+ "original": "boolean",
75
+ "resolved": "boolean",
76
+ "references": {}
77
+ },
78
+ "required": false,
79
+ "optional": false,
80
+ "docs": {
81
+ "tags": [],
82
+ "text": "Is this title using on the PLM Hub page"
83
+ },
84
+ "attribute": "is-plm-hub",
85
+ "reflect": false,
86
+ "defaultValue": "false"
87
+ },
88
+ "type": {
89
+ "type": "string",
90
+ "mutable": false,
91
+ "complexType": {
92
+ "original": "'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'",
93
+ "resolved": "\"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\"",
94
+ "references": {}
95
+ },
96
+ "required": false,
97
+ "optional": false,
98
+ "docs": {
99
+ "tags": [],
100
+ "text": "Title Tag Type"
101
+ },
102
+ "attribute": "type",
103
+ "reflect": false,
104
+ "defaultValue": "'h2'"
105
+ },
106
+ "textAlign": {
107
+ "type": "string",
108
+ "mutable": false,
109
+ "complexType": {
110
+ "original": "'left' | 'center' | 'right' | 'inherit'",
111
+ "resolved": "\"center\" | \"inherit\" | \"left\" | \"right\"",
112
+ "references": {}
113
+ },
114
+ "required": false,
115
+ "optional": false,
116
+ "docs": {
117
+ "tags": [],
118
+ "text": "Text Align"
119
+ },
120
+ "attribute": "text-align",
121
+ "reflect": false
122
+ },
123
+ "upperline": {
124
+ "type": "string",
125
+ "mutable": false,
126
+ "complexType": {
127
+ "original": "'dotted' | 'solid' | 'no-upperline'",
128
+ "resolved": "\"dotted\" | \"no-upperline\" | \"solid\"",
129
+ "references": {}
130
+ },
131
+ "required": false,
132
+ "optional": false,
133
+ "docs": {
134
+ "tags": [],
135
+ "text": "Upperline Style"
136
+ },
137
+ "attribute": "upperline",
138
+ "reflect": false,
139
+ "defaultValue": "'dotted'"
140
+ },
141
+ "titleShadow": {
142
+ "type": "string",
143
+ "mutable": false,
144
+ "complexType": {
145
+ "original": "'blue' | 'red' | 'green' | 'orange' | 'slate-grey'",
146
+ "resolved": "\"blue\" | \"green\" | \"orange\" | \"red\" | \"slate-grey\"",
147
+ "references": {}
148
+ },
149
+ "required": false,
150
+ "optional": false,
151
+ "docs": {
152
+ "tags": [],
153
+ "text": "Title Shadow"
154
+ },
155
+ "attribute": "title-shadow",
156
+ "reflect": false
157
+ },
158
+ "titleMargin": {
159
+ "type": "string",
160
+ "mutable": false,
161
+ "complexType": {
162
+ "original": "| 'margin-flush'\r\n | 'margin-top-3'\r\n | 'margin-top-4'\r\n | 'margin-top-5'\r\n | 'margin-top-6'\r\n | 'margin-bottom-3'\r\n | 'margin-bottom-4'\r\n | 'margin-bottom-5'\r\n | 'margin-bottom-6'\r\n | 'margin-3'\r\n | 'margin-4'\r\n | 'margin-5'\r\n | 'margin-6'",
163
+ "resolved": "\"margin-3\" | \"margin-4\" | \"margin-5\" | \"margin-6\" | \"margin-bottom-3\" | \"margin-bottom-4\" | \"margin-bottom-5\" | \"margin-bottom-6\" | \"margin-flush\" | \"margin-top-3\" | \"margin-top-4\" | \"margin-top-5\" | \"margin-top-6\"",
164
+ "references": {}
165
+ },
166
+ "required": false,
167
+ "optional": true,
168
+ "docs": {
169
+ "tags": [],
170
+ "text": "Title Margin"
171
+ },
172
+ "attribute": "title-margin",
173
+ "reflect": false
174
+ },
175
+ "titleWeight": {
176
+ "type": "string",
177
+ "mutable": false,
178
+ "complexType": {
179
+ "original": "'w-3' | 'w-4' | 'w-5' | 'w-6' | 'w-7' | 'w-8' | 'w-9'",
180
+ "resolved": "\"w-3\" | \"w-4\" | \"w-5\" | \"w-6\" | \"w-7\" | \"w-8\" | \"w-9\"",
181
+ "references": {}
182
+ },
183
+ "required": false,
184
+ "optional": false,
185
+ "docs": {
186
+ "tags": [],
187
+ "text": "Title weight"
188
+ },
189
+ "attribute": "title-weight",
190
+ "reflect": false
191
+ },
192
+ "titleSize": {
193
+ "type": "string",
194
+ "mutable": false,
195
+ "complexType": {
196
+ "original": "'xx-small' | 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | 'xx-large' | 'xxx-large' | 'xxxx-large'",
197
+ "resolved": "\"large\" | \"medium\" | \"small\" | \"x-large\" | \"x-small\" | \"xx-large\" | \"xx-small\" | \"xxx-large\" | \"xxxx-large\"",
198
+ "references": {}
199
+ },
200
+ "required": false,
201
+ "optional": false,
202
+ "docs": {
203
+ "tags": [],
204
+ "text": "Title size"
205
+ },
206
+ "attribute": "title-size",
207
+ "reflect": false
208
+ },
209
+ "titleHeight": {
210
+ "type": "string",
211
+ "mutable": false,
212
+ "complexType": {
213
+ "original": "'densest' | 'denser' | 'dense' | 'normal' | 'loose' | 'looser' | 'paragraph'",
214
+ "resolved": "\"dense\" | \"denser\" | \"densest\" | \"loose\" | \"looser\" | \"normal\" | \"paragraph\"",
215
+ "references": {}
216
+ },
217
+ "required": false,
218
+ "optional": false,
219
+ "docs": {
220
+ "tags": [],
221
+ "text": "Title line height"
222
+ },
223
+ "attribute": "title-height",
224
+ "reflect": false,
225
+ "defaultValue": "'paragraph'"
226
+ },
227
+ "styles": {
228
+ "type": "string",
229
+ "mutable": false,
230
+ "complexType": {
231
+ "original": "string",
232
+ "resolved": "string",
233
+ "references": {}
234
+ },
235
+ "required": false,
236
+ "optional": true,
237
+ "docs": {
238
+ "tags": [],
239
+ "text": ""
240
+ },
241
+ "attribute": "styles",
242
+ "reflect": false
243
+ }
244
+ }; }
245
+ }
@@ -1,40 +1,40 @@
1
- import { Component, Prop, Host, h } from '@stencil/core';
2
- export class PtcTwoColumnMedia {
3
- render() {
4
- const classMap = this.getCssClassMap();
5
- return (h(Host, { class: classMap },
6
- h("slot", null)));
7
- }
8
- getCssClassMap() {
9
- return {
10
- [this.componentType]: this.componentType ? true : false
11
- };
12
- }
13
- static get is() { return "ptc-two-column-media"; }
14
- static get encapsulation() { return "shadow"; }
15
- static get originalStyleUrls() { return {
16
- "$": ["ptc-two-column-media.scss"]
17
- }; }
18
- static get styleUrls() { return {
19
- "$": ["ptc-two-column-media.css"]
20
- }; }
21
- static get properties() { return {
22
- "componentType": {
23
- "type": "string",
24
- "mutable": false,
25
- "complexType": {
26
- "original": "'two-column-media' | 'two-column-media-icon-list' | 'two-column-text'",
27
- "resolved": "\"two-column-media\" | \"two-column-media-icon-list\" | \"two-column-text\"",
28
- "references": {}
29
- },
30
- "required": false,
31
- "optional": false,
32
- "docs": {
33
- "tags": [],
34
- "text": "Card Type\nSpecify Card Type,"
35
- },
36
- "attribute": "component-type",
37
- "reflect": false
38
- }
39
- }; }
40
- }
1
+ import { Component, Prop, Host, h } from '@stencil/core';
2
+ export class PtcTwoColumnMedia {
3
+ render() {
4
+ const classMap = this.getCssClassMap();
5
+ return (h(Host, { class: classMap },
6
+ h("slot", null)));
7
+ }
8
+ getCssClassMap() {
9
+ return {
10
+ [this.componentType]: this.componentType ? true : false
11
+ };
12
+ }
13
+ static get is() { return "ptc-two-column-media"; }
14
+ static get encapsulation() { return "shadow"; }
15
+ static get originalStyleUrls() { return {
16
+ "$": ["ptc-two-column-media.scss"]
17
+ }; }
18
+ static get styleUrls() { return {
19
+ "$": ["ptc-two-column-media.css"]
20
+ }; }
21
+ static get properties() { return {
22
+ "componentType": {
23
+ "type": "string",
24
+ "mutable": false,
25
+ "complexType": {
26
+ "original": "'two-column-media' | 'two-column-media-icon-list' | 'two-column-text'",
27
+ "resolved": "\"two-column-media\" | \"two-column-media-icon-list\" | \"two-column-text\"",
28
+ "references": {}
29
+ },
30
+ "required": false,
31
+ "optional": false,
32
+ "docs": {
33
+ "tags": [],
34
+ "text": "Card Type\r\nSpecify Card Type,"
35
+ },
36
+ "attribute": "component-type",
37
+ "reflect": false
38
+ }
39
+ }; }
40
+ }