@ptcwebops/ptcw-design 0.6.4 → 0.6.5

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 (263) 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 +693 -692
  4. package/dist/cjs/{interfaces-0ecd8027.js → interfaces-574e6df7.js} +9 -9
  5. package/dist/cjs/list-item.cjs.entry.js +20 -20
  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 +12 -12
  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_2.cjs.entry.js +220 -0
  15. package/dist/cjs/ptc-card-plm.cjs.entry.js +16 -16
  16. package/dist/cjs/ptc-card.cjs.entry.js +68 -68
  17. package/dist/cjs/ptc-collapse-list.cjs.entry.js +191 -191
  18. package/dist/cjs/ptc-date.cjs.entry.js +48 -48
  19. package/dist/cjs/ptc-dynamic-card.cjs.entry.js +51 -0
  20. package/dist/cjs/ptc-ellipsis-dropdown.cjs.entry.js +37 -37
  21. package/dist/cjs/ptc-hero-footer-cta.cjs.entry.js +8 -8
  22. package/dist/cjs/ptc-hero.cjs.entry.js +18 -18
  23. package/dist/cjs/ptc-icon-list.cjs.entry.js +33 -33
  24. package/dist/cjs/{ptc-img_2.cjs.entry.js → ptc-img.cjs.entry.js} +149 -174
  25. package/dist/cjs/ptc-list.cjs.entry.js +50 -50
  26. package/dist/cjs/ptc-lottie.cjs.entry.js +12 -12
  27. package/dist/cjs/ptc-minimized-footer.cjs.entry.js +8 -8
  28. package/dist/cjs/ptc-minimized-header.cjs.entry.js +11 -11
  29. package/dist/cjs/ptc-mobile-select.cjs.entry.js +69 -69
  30. package/dist/cjs/ptc-nav-item.cjs.entry.js +83 -83
  31. package/dist/cjs/ptc-nav.cjs.entry.js +8 -8
  32. package/dist/cjs/ptc-overlay.cjs.entry.js +31 -0
  33. package/dist/cjs/ptc-pagenation.cjs.entry.js +104 -104
  34. package/dist/cjs/ptc-previous-url.cjs.entry.js +8 -8
  35. package/dist/cjs/ptc-pricing-block.cjs.entry.js +14 -14
  36. package/dist/cjs/ptc-quote.cjs.entry.js +25 -25
  37. package/dist/cjs/ptc-responsive-wrapper.cjs.entry.js +54 -54
  38. package/dist/cjs/ptc-social-share.cjs.entry.js +64 -64
  39. package/dist/cjs/ptc-span.cjs.entry.js +23 -23
  40. package/dist/cjs/ptc-svg-btn.cjs.entry.js +75 -75
  41. package/dist/cjs/ptc-tab-list.cjs.entry.js +118 -118
  42. package/dist/cjs/ptc-two-column-media.cjs.entry.js +14 -14
  43. package/dist/cjs/ptcw-design.cjs.js +1 -1
  44. package/dist/cjs/tab-content.cjs.entry.js +26 -26
  45. package/dist/cjs/tab-header.cjs.entry.js +43 -43
  46. package/dist/cjs/{utils-dc2c222f.js → utils-1c17977e.js} +64 -64
  47. package/dist/collection/collection-manifest.json +1 -0
  48. package/dist/collection/components/dropdown-item/dropdown-item.js +56 -56
  49. package/dist/collection/components/icon-asset/icon-asset.css +4 -4
  50. package/dist/collection/components/icon-asset/icon-asset.js +217 -199
  51. package/dist/collection/components/icon-asset/media/brands.svg +1381 -1381
  52. package/dist/collection/components/icon-asset/media/designer.svg +365 -365
  53. package/dist/collection/components/icon-asset/media/regular.svg +463 -463
  54. package/dist/collection/components/icon-asset/media/solid.svg +3013 -3013
  55. package/dist/collection/components/icon-asset/media/svg-with-js.min.css +4 -4
  56. package/dist/collection/components/list-item/list-item.js +104 -104
  57. package/dist/collection/components/my-component/my-component.css +3 -3
  58. package/dist/collection/components/my-component/my-component.js +73 -73
  59. package/dist/collection/components/ptc-accordion/ptc-accordion-item/ptc-accordion-item.js +296 -296
  60. package/dist/collection/components/ptc-accordion/ptc-accordion.js +74 -74
  61. package/dist/collection/components/ptc-announcement/ptc-announcement.js +210 -210
  62. package/dist/collection/components/ptc-breadcrumb/ptc-breadcrumb.js +21 -21
  63. package/dist/collection/components/ptc-button/ptc-button.js +293 -293
  64. package/dist/collection/components/ptc-card/ptc-card.js +301 -301
  65. package/dist/collection/components/ptc-card-bottom/ptc-card-bottom.js +105 -105
  66. package/dist/collection/components/ptc-card-content/ptc-card-content.css +1 -0
  67. package/dist/collection/components/ptc-card-content/ptc-card-content.js +109 -105
  68. package/dist/collection/components/ptc-card-plm/ptc-card-plm.js +97 -97
  69. package/dist/collection/components/ptc-checkbox/ptc-checkbox.js +114 -114
  70. package/dist/collection/components/ptc-collapse-list/ptc-collapse-list.js +288 -288
  71. package/dist/collection/components/ptc-container/ptc-container.js +119 -119
  72. package/dist/collection/components/ptc-date/ptc-date.js +201 -201
  73. package/dist/collection/components/ptc-dropdown/ptc-dropdown.js +156 -156
  74. package/dist/collection/components/ptc-dynamic-card/ptc-dynamic-card.css +77 -0
  75. package/dist/collection/components/ptc-dynamic-card/ptc-dynamic-card.js +156 -0
  76. package/dist/collection/components/ptc-ellipsis-dropdown/ptc-ellipsis-dropdown.js +115 -115
  77. package/dist/collection/components/ptc-filter-tag/ptc-filter-tag.js +70 -70
  78. package/dist/collection/components/ptc-hero/ptc-hero.js +67 -67
  79. package/dist/collection/components/ptc-hero-footer-cta/ptc-hero-footer-cta.js +77 -77
  80. package/dist/collection/components/ptc-icon-list/ptc-icon-list.css +2 -0
  81. package/dist/collection/components/ptc-icon-list/ptc-icon-list.js +145 -145
  82. package/dist/collection/components/ptc-icon-minimize/ptc-icon-minimize.js +86 -86
  83. package/dist/collection/components/ptc-img/ptc-img.js +314 -314
  84. package/dist/collection/components/ptc-link/ptc-link.js +198 -198
  85. package/dist/collection/components/ptc-list/ptc-list.js +95 -95
  86. package/dist/collection/components/ptc-lottie/ptc-lottie.css +5 -5
  87. package/dist/collection/components/ptc-lottie/ptc-lottie.js +58 -58
  88. package/dist/collection/components/ptc-minimized-footer/ptc-minimized-footer.js +17 -17
  89. package/dist/collection/components/ptc-minimized-header/ptc-minimized-header.js +80 -80
  90. package/dist/collection/components/ptc-mobile-select/ptc-mobile-select.js +221 -221
  91. package/dist/collection/components/ptc-modal/ptc-modal.js +337 -337
  92. package/dist/collection/components/ptc-nav/ptc-nav.js +21 -21
  93. package/dist/collection/components/ptc-nav-item/ptc-nav-item.js +252 -252
  94. package/dist/collection/components/ptc-overlay/ptc-overlay.js +99 -99
  95. package/dist/collection/components/ptc-pagenation/ptc-pagenation.js +317 -317
  96. package/dist/collection/components/ptc-para/ptc-para.css +3 -0
  97. package/dist/collection/components/ptc-para/ptc-para.js +167 -167
  98. package/dist/collection/components/ptc-picture/ptc-picture.js +474 -474
  99. package/dist/collection/components/ptc-previous-url/ptc-previous-url.js +54 -54
  100. package/dist/collection/components/ptc-pricing-block/ptc-pricing-block.js +25 -25
  101. package/dist/collection/components/ptc-quote/ptc-quote.js +154 -154
  102. package/dist/collection/components/ptc-responsive-wrapper/ptc-responsive-wrapper.css +3 -3
  103. package/dist/collection/components/ptc-responsive-wrapper/ptc-responsive-wrapper.js +62 -62
  104. package/dist/collection/components/ptc-shopping-cart/ptc-shopping-cart.js +91 -91
  105. package/dist/collection/components/ptc-social-share/ptc-social-share.js +206 -206
  106. package/dist/collection/components/ptc-spacer/ptc-spacer.css +322 -322
  107. package/dist/collection/components/ptc-spacer/ptc-spacer.js +99 -99
  108. package/dist/collection/components/ptc-span/ptc-span.js +89 -89
  109. package/dist/collection/components/ptc-svg-btn/ptc-svg-btn.js +71 -71
  110. package/dist/collection/components/ptc-tab-list/ptc-tab-list.js +145 -145
  111. package/dist/collection/components/ptc-title/ptc-title.js +245 -245
  112. package/dist/collection/components/ptc-two-column-media/ptc-two-column-media.js +40 -40
  113. package/dist/collection/components/tab-content/tab-content.js +74 -74
  114. package/dist/collection/components/tab-header/tab-header.js +107 -107
  115. package/dist/collection/index.js +1 -1
  116. package/dist/collection/media/svg-imgs/Back-arrow.svg +11 -11
  117. package/dist/collection/media/svg-imgs/close.svg +10 -10
  118. package/dist/collection/media/svg-imgs/ptc-shopping-cart-black.svg +3 -3
  119. package/dist/collection/media/svg-imgs/ptc-shopping-cart-white.svg +3 -3
  120. package/dist/collection/media/svg-imgs/slider-arrow-left.svg +18 -18
  121. package/dist/collection/media/svg-imgs/slider-arrow-right.svg +18 -18
  122. package/dist/collection/media/svg-imgs/union.svg +3 -3
  123. package/dist/collection/utils/component.js +3 -3
  124. package/dist/collection/utils/interfaces.js +11 -11
  125. package/dist/collection/utils/utils.js +65 -65
  126. package/dist/custom-elements/index.d.ts +6 -0
  127. package/dist/custom-elements/index.js +3124 -3071
  128. package/dist/esm/dropdown-item.entry.js +10 -10
  129. package/dist/esm/icon-asset_13.entry.js +692 -691
  130. package/dist/esm/{interfaces-c1c73092.js → interfaces-7c0243be.js} +9 -9
  131. package/dist/esm/list-item.entry.js +20 -20
  132. package/dist/esm/loader.js +1 -1
  133. package/dist/esm/lottie-player.entry.js +354 -354
  134. package/dist/esm/my-component.entry.js +12 -12
  135. package/dist/esm/polyfills/core-js.js +0 -0
  136. package/dist/esm/polyfills/dom.js +0 -0
  137. package/dist/esm/polyfills/es5-html-element.js +0 -0
  138. package/dist/esm/polyfills/index.js +0 -0
  139. package/dist/esm/polyfills/system.js +0 -0
  140. package/dist/esm/ptc-accordion-item.entry.js +97 -97
  141. package/dist/esm/ptc-accordion.entry.js +38 -38
  142. package/dist/esm/ptc-announcement.entry.js +37 -37
  143. package/dist/esm/ptc-breadcrumb.entry.js +12 -12
  144. package/dist/esm/ptc-card-bottom.entry.js +31 -31
  145. package/dist/esm/ptc-card-content_2.entry.js +215 -0
  146. package/dist/esm/ptc-card-plm.entry.js +16 -16
  147. package/dist/esm/ptc-card.entry.js +68 -68
  148. package/dist/esm/ptc-collapse-list.entry.js +191 -191
  149. package/dist/esm/ptc-date.entry.js +48 -48
  150. package/dist/esm/ptc-dynamic-card.entry.js +47 -0
  151. package/dist/esm/ptc-ellipsis-dropdown.entry.js +37 -37
  152. package/dist/esm/ptc-hero-footer-cta.entry.js +8 -8
  153. package/dist/esm/ptc-hero.entry.js +18 -18
  154. package/dist/esm/ptc-icon-list.entry.js +33 -33
  155. package/dist/esm/{ptc-img_2.entry.js → ptc-img.entry.js} +150 -174
  156. package/dist/esm/ptc-list.entry.js +50 -50
  157. package/dist/esm/ptc-lottie.entry.js +12 -12
  158. package/dist/esm/ptc-minimized-footer.entry.js +8 -8
  159. package/dist/esm/ptc-minimized-header.entry.js +11 -11
  160. package/dist/esm/ptc-mobile-select.entry.js +69 -69
  161. package/dist/esm/ptc-nav-item.entry.js +83 -83
  162. package/dist/esm/ptc-nav.entry.js +8 -8
  163. package/dist/esm/ptc-overlay.entry.js +27 -0
  164. package/dist/esm/ptc-pagenation.entry.js +104 -104
  165. package/dist/esm/ptc-previous-url.entry.js +8 -8
  166. package/dist/esm/ptc-pricing-block.entry.js +14 -14
  167. package/dist/esm/ptc-quote.entry.js +25 -25
  168. package/dist/esm/ptc-responsive-wrapper.entry.js +54 -54
  169. package/dist/esm/ptc-social-share.entry.js +64 -64
  170. package/dist/esm/ptc-span.entry.js +23 -23
  171. package/dist/esm/ptc-svg-btn.entry.js +75 -75
  172. package/dist/esm/ptc-tab-list.entry.js +118 -118
  173. package/dist/esm/ptc-two-column-media.entry.js +14 -14
  174. package/dist/esm/ptcw-design.js +1 -1
  175. package/dist/esm/tab-content.entry.js +26 -26
  176. package/dist/esm/tab-header.entry.js +43 -43
  177. package/dist/esm/{utils-334d53bc.js → utils-4b79ffaf.js} +64 -64
  178. package/dist/ptcw-design/media/brands.svg +1381 -1381
  179. package/dist/ptcw-design/media/designer.svg +365 -365
  180. package/dist/ptcw-design/media/regular.svg +463 -463
  181. package/dist/ptcw-design/media/solid.svg +3013 -3013
  182. package/dist/ptcw-design/media/svg-with-js.min.css +4 -4
  183. package/dist/ptcw-design/p-0507d8de.entry.js +1 -0
  184. package/dist/ptcw-design/{p-dac5d058.entry.js → p-1783481c.entry.js} +1 -1
  185. package/dist/ptcw-design/p-33b70553.entry.js +1 -0
  186. package/dist/ptcw-design/{p-b22d9c93.entry.js → p-82d428ea.entry.js} +1 -1
  187. package/dist/ptcw-design/p-8466b65b.entry.js +1 -0
  188. package/dist/ptcw-design/p-c4372a9e.entry.js +1 -0
  189. package/dist/ptcw-design/{p-2bec91cd.entry.js → p-df43f569.entry.js} +1 -1
  190. package/dist/ptcw-design/p-e3b5792a.entry.js +1 -0
  191. package/dist/ptcw-design/{p-f4bab4bf.entry.js → p-e6558b61.entry.js} +1 -1
  192. package/dist/ptcw-design/ptcw-design.esm.js +1 -1
  193. package/dist/types/components/dropdown-item/dropdown-item.d.ts +5 -5
  194. package/dist/types/components/icon-asset/icon-asset.d.ts +40 -36
  195. package/dist/types/components/list-item/list-item.d.ts +8 -8
  196. package/dist/types/components/my-component/my-component.d.ts +16 -16
  197. package/dist/types/components/ptc-accordion/ptc-accordion-item/ptc-accordion-item.d.ts +59 -59
  198. package/dist/types/components/ptc-accordion/ptc-accordion.d.ts +13 -13
  199. package/dist/types/components/ptc-announcement/ptc-announcement.d.ts +43 -43
  200. package/dist/types/components/ptc-breadcrumb/ptc-breadcrumb.d.ts +4 -4
  201. package/dist/types/components/ptc-button/ptc-button.d.ts +56 -56
  202. package/dist/types/components/ptc-card/ptc-card.d.ts +54 -54
  203. package/dist/types/components/ptc-card-bottom/ptc-card-bottom.d.ts +15 -15
  204. package/dist/types/components/ptc-card-content/ptc-card-content.d.ts +15 -15
  205. package/dist/types/components/ptc-card-plm/ptc-card-plm.d.ts +8 -8
  206. package/dist/types/components/ptc-checkbox/ptc-checkbox.d.ts +11 -11
  207. package/dist/types/components/ptc-collapse-list/ptc-collapse-list.d.ts +39 -39
  208. package/dist/types/components/ptc-container/ptc-container.d.ts +12 -12
  209. package/dist/types/components/ptc-date/ptc-date.d.ts +41 -41
  210. package/dist/types/components/ptc-dropdown/ptc-dropdown.d.ts +19 -19
  211. package/dist/types/components/ptc-dynamic-card/ptc-dynamic-card.d.ts +16 -0
  212. package/dist/types/components/ptc-ellipsis-dropdown/ptc-ellipsis-dropdown.d.ts +12 -12
  213. package/dist/types/components/ptc-filter-tag/ptc-filter-tag.d.ts +11 -11
  214. package/dist/types/components/ptc-hero/ptc-hero.d.ts +12 -12
  215. package/dist/types/components/ptc-hero-footer-cta/ptc-hero-footer-cta.d.ts +6 -6
  216. package/dist/types/components/ptc-icon-list/ptc-icon-list.d.ts +21 -21
  217. package/dist/types/components/ptc-icon-minimize/ptc-icon-minimize.d.ts +9 -9
  218. package/dist/types/components/ptc-img/ptc-img.d.ts +51 -51
  219. package/dist/types/components/ptc-link/ptc-link.d.ts +36 -36
  220. package/dist/types/components/ptc-list/ptc-list.d.ts +8 -8
  221. package/dist/types/components/ptc-lottie/ptc-lottie.d.ts +12 -12
  222. package/dist/types/components/ptc-minimized-footer/ptc-minimized-footer.d.ts +3 -3
  223. package/dist/types/components/ptc-minimized-header/ptc-minimized-header.d.ts +6 -6
  224. package/dist/types/components/ptc-mobile-select/ptc-mobile-select.d.ts +40 -40
  225. package/dist/types/components/ptc-modal/ptc-modal.d.ts +55 -55
  226. package/dist/types/components/ptc-nav/ptc-nav.d.ts +3 -3
  227. package/dist/types/components/ptc-nav-item/ptc-nav-item.d.ts +53 -53
  228. package/dist/types/components/ptc-overlay/ptc-overlay.d.ts +20 -20
  229. package/dist/types/components/ptc-pagenation/ptc-pagenation.d.ts +27 -27
  230. package/dist/types/components/ptc-para/ptc-para.d.ts +29 -29
  231. package/dist/types/components/ptc-picture/ptc-picture.d.ts +93 -93
  232. package/dist/types/components/ptc-previous-url/ptc-previous-url.d.ts +5 -5
  233. package/dist/types/components/ptc-pricing-block/ptc-pricing-block.d.ts +4 -4
  234. package/dist/types/components/ptc-quote/ptc-quote.d.ts +29 -29
  235. package/dist/types/components/ptc-responsive-wrapper/ptc-responsive-wrapper.d.ts +8 -8
  236. package/dist/types/components/ptc-shopping-cart/ptc-shopping-cart.d.ts +6 -6
  237. package/dist/types/components/ptc-social-share/ptc-social-share.d.ts +25 -25
  238. package/dist/types/components/ptc-spacer/ptc-spacer.d.ts +16 -16
  239. package/dist/types/components/ptc-span/ptc-span.d.ts +16 -16
  240. package/dist/types/components/ptc-svg-btn/ptc-svg-btn.d.ts +12 -12
  241. package/dist/types/components/ptc-tab-list/ptc-tab-list.d.ts +15 -15
  242. package/dist/types/components/ptc-title/ptc-title.d.ts +41 -41
  243. package/dist/types/components/ptc-two-column-media/ptc-two-column-media.d.ts +9 -9
  244. package/dist/types/components/tab-content/tab-content.d.ts +12 -12
  245. package/dist/types/components/tab-header/tab-header.d.ts +13 -13
  246. package/dist/types/components.d.ts +81 -28
  247. package/dist/types/global.d.ts +1072 -1072
  248. package/dist/types/index.d.ts +1 -1
  249. package/dist/types/utils/component.d.ts +1 -1
  250. package/dist/types/utils/interfaces.d.ts +28 -28
  251. package/dist/types/utils/utils.d.ts +3 -3
  252. package/package.json +59 -59
  253. package/readme.md +11 -11
  254. package/dist/cjs/ptc-card-content.cjs.entry.js +0 -42
  255. package/dist/cjs/ptc-picture.cjs.entry.js +0 -180
  256. package/dist/esm/ptc-card-content.entry.js +0 -38
  257. package/dist/esm/ptc-picture.entry.js +0 -176
  258. package/dist/ptcw-design/p-aab72f28.entry.js +0 -1
  259. package/dist/ptcw-design/p-b59e68b8.entry.js +0 -1
  260. package/dist/ptcw-design/p-f8c949be.entry.js +0 -1
  261. package/dist/ptcw-design/p-fd6eaf5b.entry.js +0 -1
  262. /package/dist/ptcw-design/{p-2e496d31.js → p-62f4a655.js} +0 -0
  263. /package/dist/ptcw-design/{p-50e52c88.js → p-ee1183b2.js} +0 -0
@@ -2,124 +2,124 @@ import { r as registerInstance, h, H as Host, a as getElement } from './index-a9
2
2
 
3
3
  const ptcTabListCss = "ptc-tab-list{display:block;position:relative}.tabs-header-container{overflow:hidden;width:100%;border-bottom:2px solid #E4E7E9}.tabs-header{display:flex;padding-left:2rem;padding-right:2rem;transition:opacity ease-out 250ms;opacity:0;width:95%}.tabs-header.active{opacity:1}.tabs-content{padding:20px}.ellipsis-btn{position:absolute;top:1rem;right:1rem;display:none}.ellipsis-btn.active{display:block}";
4
4
 
5
- let PtcTabList = class {
6
- constructor(hostRef) {
7
- registerInstance(this, hostRef);
8
- }
9
- componentDidLoad() {
10
- this.createGroup();
11
- this.calculateHeaderTabsRendering();
12
- /*const [group] = this.tabGroup;
13
- this.selectGroup(group);*/
14
- }
15
- onSelectedTab(event) {
16
- let self = this;
17
- this.tabGroup.forEach(group => {
18
- event.detail.then(res => {
19
- if (group.header.name === res.name) {
20
- self.selectGroup(group);
21
- }
22
- });
23
- });
24
- }
25
- calculateHeaderTabsRendering() {
26
- let header = this.host.querySelector('.tabs-header');
27
- let dropdown = this.host.querySelector('.ellipsis-btn');
28
- let tabs = header.children;
29
- let activateDropDown = false;
30
- let hiddenTabs = [];
31
- header.classList.remove('active');
32
- for (let index = 0; index < tabs.length; index++) {
33
- tabs[index].style.removeProperty('display');
34
- }
35
- for (let index = tabs.length - 1; index >= 0; index--) {
36
- let tab = tabs[index];
37
- if (header.scrollWidth > header.clientWidth) {
38
- tab.style.display = 'none';
39
- activateDropDown = true;
40
- hiddenTabs.push({
41
- value: tab.getAttribute('name'),
42
- text: tab.textContent,
43
- isSelected: tab.isSelected
44
- });
45
- }
46
- }
47
- header.classList.add('active');
48
- if (activateDropDown) {
49
- dropdown.classList.add('active');
50
- dropdown.dataItems = hiddenTabs.reverse();
51
- }
52
- else {
53
- dropdown.classList.remove('active');
54
- dropdown.dataItems = [];
55
- }
56
- }
57
- createGroup() {
58
- let self = this;
59
- let headerComplete = false;
60
- let contentComplete = false;
61
- let headerCount = 0;
62
- let contentCount = 0;
63
- let headerData = [];
64
- let contentData = [];
65
- const tabsHeaderEl = Array.from(this.host.querySelectorAll('tab-header'));
66
- this.tabsHeader = tabsHeaderEl.map(el => el.getChild().then(res => {
67
- headerCount++;
68
- if (headerCount === tabsHeaderEl.length) {
69
- headerComplete = true;
70
- }
71
- headerData.push(res);
72
- }));
73
- this.tabsHeader = headerData;
74
- const tabsContentEl = Array.from(this.host.querySelectorAll('tab-content'));
75
- this.tabsContent = tabsContentEl.map(el => el.getChild().then(res => {
76
- contentCount++;
77
- if (contentCount === tabsContentEl.length) {
78
- contentComplete = true;
79
- }
80
- contentData.push(res);
81
- }));
82
- this.tabsContent = contentData;
83
- let myInterval = setInterval(() => {
84
- if (headerComplete && contentComplete) {
85
- clearInterval(myInterval);
86
- self.tabGroup = self.tabsHeader.map(header => {
87
- const content = self.tabsContent.find(content => content.name === header.name);
88
- return {
89
- header: header,
90
- content: content
91
- };
92
- });
93
- const group = self.tabGroup[0];
94
- self.selectGroup(group);
95
- }
96
- }, 100);
97
- }
98
- selectGroup(group) {
99
- let self = this;
100
- self.tabGroup.forEach(_ => {
101
- _.header.unselect();
102
- _.content.unselect();
103
- });
104
- group.header.select();
105
- group.content.select();
106
- self.selectedValue = group.header.name;
107
- }
108
- onDropdownItemSelected(selectedItem) {
109
- if (selectedItem) {
110
- let selectedTabGroub = this.tabGroup.find((group) => {
111
- return group.header.name == selectedItem.value;
112
- });
113
- if (selectedTabGroub) {
114
- this.selectGroup(selectedTabGroub);
115
- }
116
- }
117
- }
118
- render() {
119
- return (h(Host, null, h("div", { class: "tabs-header-container" }, h("div", { class: "tabs-header" }, h("slot", { name: "header" }))), h("div", { class: "tabs-content" }, h("slot", { name: "content" })), h("ptc-ellipsis-dropdown", { "selected-tab": this.selectedValue, class: "ellipsis-btn", onItemSelected: (e) => { this.onDropdownItemSelected(e.detail); } })));
120
- }
121
- get host() { return getElement(this); }
122
- };
5
+ let PtcTabList = class {
6
+ constructor(hostRef) {
7
+ registerInstance(this, hostRef);
8
+ }
9
+ componentDidLoad() {
10
+ this.createGroup();
11
+ this.calculateHeaderTabsRendering();
12
+ /*const [group] = this.tabGroup;
13
+ this.selectGroup(group);*/
14
+ }
15
+ onSelectedTab(event) {
16
+ let self = this;
17
+ this.tabGroup.forEach(group => {
18
+ event.detail.then(res => {
19
+ if (group.header.name === res.name) {
20
+ self.selectGroup(group);
21
+ }
22
+ });
23
+ });
24
+ }
25
+ calculateHeaderTabsRendering() {
26
+ let header = this.host.querySelector('.tabs-header');
27
+ let dropdown = this.host.querySelector('.ellipsis-btn');
28
+ let tabs = header.children;
29
+ let activateDropDown = false;
30
+ let hiddenTabs = [];
31
+ header.classList.remove('active');
32
+ for (let index = 0; index < tabs.length; index++) {
33
+ tabs[index].style.removeProperty('display');
34
+ }
35
+ for (let index = tabs.length - 1; index >= 0; index--) {
36
+ let tab = tabs[index];
37
+ if (header.scrollWidth > header.clientWidth) {
38
+ tab.style.display = 'none';
39
+ activateDropDown = true;
40
+ hiddenTabs.push({
41
+ value: tab.getAttribute('name'),
42
+ text: tab.textContent,
43
+ isSelected: tab.isSelected
44
+ });
45
+ }
46
+ }
47
+ header.classList.add('active');
48
+ if (activateDropDown) {
49
+ dropdown.classList.add('active');
50
+ dropdown.dataItems = hiddenTabs.reverse();
51
+ }
52
+ else {
53
+ dropdown.classList.remove('active');
54
+ dropdown.dataItems = [];
55
+ }
56
+ }
57
+ createGroup() {
58
+ let self = this;
59
+ let headerComplete = false;
60
+ let contentComplete = false;
61
+ let headerCount = 0;
62
+ let contentCount = 0;
63
+ let headerData = [];
64
+ let contentData = [];
65
+ const tabsHeaderEl = Array.from(this.host.querySelectorAll('tab-header'));
66
+ this.tabsHeader = tabsHeaderEl.map(el => el.getChild().then(res => {
67
+ headerCount++;
68
+ if (headerCount === tabsHeaderEl.length) {
69
+ headerComplete = true;
70
+ }
71
+ headerData.push(res);
72
+ }));
73
+ this.tabsHeader = headerData;
74
+ const tabsContentEl = Array.from(this.host.querySelectorAll('tab-content'));
75
+ this.tabsContent = tabsContentEl.map(el => el.getChild().then(res => {
76
+ contentCount++;
77
+ if (contentCount === tabsContentEl.length) {
78
+ contentComplete = true;
79
+ }
80
+ contentData.push(res);
81
+ }));
82
+ this.tabsContent = contentData;
83
+ let myInterval = setInterval(() => {
84
+ if (headerComplete && contentComplete) {
85
+ clearInterval(myInterval);
86
+ self.tabGroup = self.tabsHeader.map(header => {
87
+ const content = self.tabsContent.find(content => content.name === header.name);
88
+ return {
89
+ header: header,
90
+ content: content
91
+ };
92
+ });
93
+ const group = self.tabGroup[0];
94
+ self.selectGroup(group);
95
+ }
96
+ }, 100);
97
+ }
98
+ selectGroup(group) {
99
+ let self = this;
100
+ self.tabGroup.forEach(_ => {
101
+ _.header.unselect();
102
+ _.content.unselect();
103
+ });
104
+ group.header.select();
105
+ group.content.select();
106
+ self.selectedValue = group.header.name;
107
+ }
108
+ onDropdownItemSelected(selectedItem) {
109
+ if (selectedItem) {
110
+ let selectedTabGroub = this.tabGroup.find((group) => {
111
+ return group.header.name == selectedItem.value;
112
+ });
113
+ if (selectedTabGroub) {
114
+ this.selectGroup(selectedTabGroub);
115
+ }
116
+ }
117
+ }
118
+ render() {
119
+ return (h(Host, null, h("div", { class: "tabs-header-container" }, h("div", { class: "tabs-header" }, h("slot", { name: "header" }))), h("div", { class: "tabs-content" }, h("slot", { name: "content" })), h("ptc-ellipsis-dropdown", { "selected-tab": this.selectedValue, class: "ellipsis-btn", onItemSelected: (e) => { this.onDropdownItemSelected(e.detail); } })));
120
+ }
121
+ get host() { return getElement(this); }
122
+ };
123
123
  PtcTabList.style = ptcTabListCss;
124
124
 
125
125
  export { PtcTabList as ptc_tab_list };
@@ -2,20 +2,20 @@ import { r as registerInstance, h, H as Host } from './index-a91c2367.js';
2
2
 
3
3
  const ptcTwoColumnMediaCss = ":host{display:block;padding:var(--ptc-layout-spacing-02) 0}@media only screen and (min-width: 992px){:host{padding:var(--ptc-layout-spacing-04) 0}}";
4
4
 
5
- let PtcTwoColumnMedia = class {
6
- constructor(hostRef) {
7
- registerInstance(this, hostRef);
8
- }
9
- render() {
10
- const classMap = this.getCssClassMap();
11
- return (h(Host, { class: classMap }, h("slot", null)));
12
- }
13
- getCssClassMap() {
14
- return {
15
- [this.componentType]: this.componentType ? true : false
16
- };
17
- }
18
- };
5
+ let PtcTwoColumnMedia = class {
6
+ constructor(hostRef) {
7
+ registerInstance(this, hostRef);
8
+ }
9
+ render() {
10
+ const classMap = this.getCssClassMap();
11
+ return (h(Host, { class: classMap }, h("slot", null)));
12
+ }
13
+ getCssClassMap() {
14
+ return {
15
+ [this.componentType]: this.componentType ? true : false
16
+ };
17
+ }
18
+ };
19
19
  PtcTwoColumnMedia.style = ptcTwoColumnMediaCss;
20
20
 
21
21
  export { PtcTwoColumnMedia as ptc_two_column_media };
@@ -13,5 +13,5 @@ const patchBrowser = () => {
13
13
  };
14
14
 
15
15
  patchBrowser().then(options => {
16
- return bootstrapLazy([["ptc-tab-list",[[4,"ptc-tab-list",{"selectedValue":[32]},[[0,"tabClicked","onSelectedTab"],[9,"resize","calculateHeaderTabsRendering"]]]]],["ptc-breadcrumb",[[1,"ptc-breadcrumb"]]],["ptc-collapse-list",[[1,"ptc-collapse-list",{"listItems":[1040],"data":[32],"selectedItems":[32],"hashMap":[32]}]]],["ptc-hero",[[1,"ptc-hero",{"heroType":[1,"hero-type"],"bgUrl":[1,"bg-url"]}]]],["ptc-previous-url",[[1,"ptc-previous-url",{"href":[1],"text":[1]}]]],["ptc-announcement",[[1,"ptc-announcement",{"barTitle":[1,"bar-title"],"Description":[1,"description"],"linkText":[513,"link-text"],"linkTitle":[513,"link-title"],"visible":[1540],"linkUrl":[513,"link-url"],"tempContainer":[4,"temp-container"],"target":[1]}]]],["ptc-card",[[1,"ptc-card",{"cardType":[1,"card-type"],"cardHref":[1,"card-href"],"target":[1],"rel":[1],"hasImage":[4,"has-image"],"hasVideo":[4,"has-video"],"hasLottie":[4,"has-lottie"],"heading":[1],"headingTransform":[1,"heading-transform"],"cardDate":[1,"card-date"],"styles":[1],"ribbonText":[1,"ribbon-text"]}]]],["ptc-list",[[1,"ptc-list",{"listType":[1,"list-type"],"listItems":[16]}]]],["ptc-lottie",[[1,"ptc-lottie",{"jsonSrc":[1025,"json-src"],"speed":[1026]}]]],["ptc-mobile-select",[[0,"ptc-mobile-select",{"triggerName":[1,"trigger-name"],"selectedText":[1,"selected-text"],"wheelData":[1040],"selectedId":[1,"selected-id"],"ensureBtnText":[1,"ensure-btn-text"],"cancelBtnText":[1,"cancel-btn-text"],"listTitle":[1,"list-title"],"linkUrl":[1025,"link-url"]}]]],["ptc-quote",[[1,"ptc-quote",{"quoteType":[1025,"quote-type"],"quoteName":[1025,"quote-name"],"ctaText":[1,"cta-text"],"ctaUrl":[1,"cta-url"],"imgSrc":[1,"img-src"],"imgTitle":[1,"img-title"]}]]],["ptc-social-share",[[1,"ptc-social-share",{"display":[1],"shareType":[1,"share-type"],"shareTitle":[1,"share-title"],"text":[1],"url":[1],"source":[1],"recipient":[1],"isHover":[32]}]]],["my-component",[[1,"my-component",{"first":[1],"middle":[1],"last":[1]}]]],["ptc-accordion",[[1,"ptc-accordion",{"multiple":[4]},[[0,"opened","openHandler"]]]]],["ptc-accordion-item",[[1,"ptc-accordion-item",{"heading":[1],"headingTag":[1,"heading-tag"],"autoHeight":[4,"auto-height"],"active":[1540],"hasHeadingSlot":[32],"hasArrowSlot":[32],"toggle":[64],"close":[64],"open":[64]}]]],["ptc-card-bottom",[[1,"ptc-card-bottom",{"cardType":[1,"card-type"],"styles":[1]}]]],["ptc-card-content",[[1,"ptc-card-content",{"cardType":[1,"card-type"],"styles":[1]}]]],["ptc-card-plm",[[1,"ptc-card-plm",{"cardType":[1,"card-type"],"cardLink":[1,"card-link"],"linkTitle":[1,"link-title"],"linkTarget":[1,"link-target"]}]]],["ptc-hero-footer-cta",[[6,"ptc-hero-footer-cta",{"ctaTitle":[1,"cta-title"],"description":[1],"backgroundImage":[1,"background-image"]}]]],["ptc-icon-list",[[1,"ptc-icon-list",{"listType":[1,"list-type"],"valueWithUnit":[1,"value-with-unit"],"valueText":[1,"value-text"],"listContent":[1,"list-content"],"isLastItem":[4,"is-last-item"]}]]],["ptc-minimized-footer",[[1,"ptc-minimized-footer"]]],["ptc-minimized-header",[[1,"ptc-minimized-header",{"linkUrl":[513,"link-url"],"imgSrc":[513,"img-src"],"imgAlt":[513,"img-alt"]}]]],["ptc-nav",[[1,"ptc-nav"]]],["ptc-nav-item",[[1,"ptc-nav-item",{"url":[1025],"label":[1025],"ariaExpanded":[1028,"aria-expanded"],"depth":[1538],"hasChildren":[1028,"has-children"],"parentExpanded":[1540,"parent-expanded"],"navType":[1,"nav-type"]},[[0,"handleClick","handleClick"],[9,"resize","handleResize"]]]]],["ptc-pagenation",[[1,"ptc-pagenation",{"totalCount":[2,"total-count"],"numberOfItems":[2,"number-of-items"],"previousValue":[1,"previous-value"],"lastValue":[1,"last-value"],"minPageNumber":[2,"min-page-number"],"maxPageNumber":[2,"max-page-number"],"clickedPageNumber":[2,"clicked-page-number"],"appendArray":[4,"append-array"],"prevArrowImg":[1,"prev-arrow-img"],"nextArrowImg":[1,"next-arrow-img"],"pageNumbers":[32]}]]],["ptc-picture",[[1,"ptc-picture",{"src":[1],"alt":[1],"sizeXs":[1025,"size-xs"],"sizeSm":[1025,"size-sm"],"sizeMd":[1025,"size-md"],"sizeLg":[1025,"size-lg"],"imagePosition":[1,"image-position"],"borderRadius":[1,"border-radius"],"height":[1],"width":[1],"objectFit":[1,"object-fit"],"isFullHeight":[4,"is-full-height"],"isFullWidth":[4,"is-full-width"],"styles":[1],"imageAlignment":[1,"image-alignment"],"maxWidth":[1,"max-width"],"oldSrc":[32]},[[9,"resize","WindowResize"]]]]],["ptc-pricing-block",[[1,"ptc-pricing-block"]]],["ptc-responsive-wrapper",[[1,"ptc-responsive-wrapper"]]],["ptc-span",[[1,"ptc-span",{"spanStyle":[1,"span-style"],"display":[1],"styles":[1]}]]],["ptc-two-column-media",[[1,"ptc-two-column-media",{"componentType":[1,"component-type"]}]]],["tab-content",[[4,"tab-content",{"name":[1],"isSelected":[32],"getChild":[64]}]]],["tab-header",[[1,"tab-header",{"name":[1],"isSelected":[32],"getChild":[64]}]]],["ptc-ellipsis-dropdown",[[1,"ptc-ellipsis-dropdown",{"dataItems":[16],"selectedTab":[1,"selected-tab"],"isDropdownOpen":[32]},[[4,"click","offClick"]]]]],["lottie-player",[[1,"lottie-player",{"mode":[1],"autoplay":[4],"background":[513],"controls":[4],"count":[2],"direction":[2],"hover":[4],"loop":[516],"renderer":[1],"speed":[2],"src":[1],"currentState":[1,"current-state"],"seeker":[8],"intermission":[2],"play":[64],"pause":[64],"stop":[64],"seek":[64],"getLottie":[64],"setSpeed":[64],"setDirection":[64],"setLooping":[64],"togglePlay":[64],"toggleLooping":[64]}]]],["ptc-date",[[1,"ptc-date",{"year":[2],"month":[2],"day":[2],"country":[1],"dateString":[1,"date-string"],"dateColor":[1,"date-color"],"dateStyles":[1,"date-styles"],"dataSize":[1,"data-size"]}]]],["ptc-img_2",[[4,"ptc-img",{"sizeXs":[1025,"size-xs"],"sizeSm":[1025,"size-sm"],"sizeMd":[1025,"size-md"],"sizeLg":[1025,"size-lg"],"imgUrl":[1,"img-url"],"imageType":[1,"image-type"],"borderRadius":[1,"border-radius"],"loadMode":[1,"load-mode"]},[[9,"resize","WindowResize"]]],[1,"ptc-overlay",{"filterColor":[1,"filter-color"],"borderRadius":[1,"border-radius"],"overlayZIndex":[1,"overlay-z-index"],"styles":[1]}]]],["dropdown-item",[[4,"dropdown-item",{"linkHref":[1,"link-href"],"linkTarget":[1,"link-target"]}]]],["ptc-svg-btn",[[1,"ptc-svg-btn",{"svgName":[1,"svg-name"],"display":[1]}]]],["list-item",[[1,"list-item",{"listType":[1,"list-type"],"linkHref":[1,"link-href"],"flushBefore":[4,"flush-before"],"linkTarget":[1,"link-target"]}]]],["icon-asset_13",[[1,"ptc-checkbox",{"checked":[1025],"value":[1025],"inputName":[1,"input-name"]}],[1,"ptc-dropdown",{"theme":[1],"label":[1],"listItems":[16],"toggle":[32],"selectedItem":[32]},[[4,"click","offClick"]]],[1,"ptc-icon-minimize",{"heading":[1025],"opened":[1028]}],[1,"ptc-link",{"disabled":[516],"external":[516],"href":[1],"target":[1],"linkTitle":[1,"link-title"],"theme":[1],"uppercase":[4],"fontSize":[1,"font-size"]}],[1,"ptc-container",{"backgroundColor":[1,"background-color"],"elevation":[1],"containerType":[1,"container-type"],"spacing":[1]}],[1,"ptc-filter-tag",{"theme":[1]}],[1,"ptc-modal",{"iframeUrl":[1025,"iframe-url"],"size":[1025],"show":[1028],"overlay":[1028],"closeOnBlur":[1028,"close-on-blur"],"rounded":[1028],"showHeaderFooter":[1028,"show-header-footer"],"overlayHeight":[32],"bodyOverflowSetting":[32]}],[1,"ptc-para",{"fontSize":[1,"font-size"],"fontWeight":[1,"font-weight"],"paraStyle":[1,"para-style"],"paraColor":[1,"para-color"],"paraLineH":[1,"para-line-h"],"paraMargin":[1,"para-margin"]}],[1,"ptc-shopping-cart",{"cartCount":[1,"cart-count"],"color":[1]}],[1,"ptc-spacer",{"breakpoint":[1],"size":[1],"direction":[1]}],[1,"ptc-button",{"disabled":[516],"type":[1],"color":[1],"iconAnimation":[1,"icon-animation"],"iconPosition":[1,"icon-position"],"linkHref":[1,"link-href"],"linkTitle":[1,"link-title"],"target":[1],"rel":[1],"tabNav":[2,"tab-nav"],"styles":[1]}],[6,"ptc-title",{"isPlmHub":[4,"is-plm-hub"],"type":[1],"textAlign":[1,"text-align"],"upperline":[1],"titleShadow":[1,"title-shadow"],"titleMargin":[1,"title-margin"],"titleWeight":[1,"title-weight"],"titleSize":[1,"title-size"],"titleHeight":[1,"title-height"],"styles":[1]}],[2,"icon-asset",{"name":[1],"size":[1],"type":[1],"spin":[1],"pulse":[1],"color":[1],"injectedStyle":[1,"injected-style"]}]]]], options);
16
+ return bootstrapLazy([["ptc-dynamic-card",[[1,"ptc-dynamic-card",{"cardType":[1,"card-type"],"cardTitle":[1,"card-title"],"cardImgSrc":[1,"card-img-src"],"cardImgAlt":[1,"card-img-alt"],"cardStatus":[32]},[[2,"click","handleClick"],[9,"resize","handleResize"]]]]],["ptc-tab-list",[[4,"ptc-tab-list",{"selectedValue":[32]},[[0,"tabClicked","onSelectedTab"],[9,"resize","calculateHeaderTabsRendering"]]]]],["ptc-breadcrumb",[[1,"ptc-breadcrumb"]]],["ptc-collapse-list",[[1,"ptc-collapse-list",{"listItems":[1040],"data":[32],"selectedItems":[32],"hashMap":[32]}]]],["ptc-hero",[[1,"ptc-hero",{"heroType":[1,"hero-type"],"bgUrl":[1,"bg-url"]}]]],["ptc-previous-url",[[1,"ptc-previous-url",{"href":[1],"text":[1]}]]],["ptc-announcement",[[1,"ptc-announcement",{"barTitle":[1,"bar-title"],"Description":[1,"description"],"linkText":[513,"link-text"],"linkTitle":[513,"link-title"],"visible":[1540],"linkUrl":[513,"link-url"],"tempContainer":[4,"temp-container"],"target":[1]}]]],["ptc-card",[[1,"ptc-card",{"cardType":[1,"card-type"],"cardHref":[1,"card-href"],"target":[1],"rel":[1],"hasImage":[4,"has-image"],"hasVideo":[4,"has-video"],"hasLottie":[4,"has-lottie"],"heading":[1],"headingTransform":[1,"heading-transform"],"cardDate":[1,"card-date"],"styles":[1],"ribbonText":[1,"ribbon-text"]}]]],["ptc-list",[[1,"ptc-list",{"listType":[1,"list-type"],"listItems":[16]}]]],["ptc-lottie",[[1,"ptc-lottie",{"jsonSrc":[1025,"json-src"],"speed":[1026]}]]],["ptc-mobile-select",[[0,"ptc-mobile-select",{"triggerName":[1,"trigger-name"],"selectedText":[1,"selected-text"],"wheelData":[1040],"selectedId":[1,"selected-id"],"ensureBtnText":[1,"ensure-btn-text"],"cancelBtnText":[1,"cancel-btn-text"],"listTitle":[1,"list-title"],"linkUrl":[1025,"link-url"]}]]],["ptc-quote",[[1,"ptc-quote",{"quoteType":[1025,"quote-type"],"quoteName":[1025,"quote-name"],"ctaText":[1,"cta-text"],"ctaUrl":[1,"cta-url"],"imgSrc":[1,"img-src"],"imgTitle":[1,"img-title"]}]]],["ptc-social-share",[[1,"ptc-social-share",{"display":[1],"shareType":[1,"share-type"],"shareTitle":[1,"share-title"],"text":[1],"url":[1],"source":[1],"recipient":[1],"isHover":[32]}]]],["my-component",[[1,"my-component",{"first":[1],"middle":[1],"last":[1]}]]],["ptc-accordion",[[1,"ptc-accordion",{"multiple":[4]},[[0,"opened","openHandler"]]]]],["ptc-accordion-item",[[1,"ptc-accordion-item",{"heading":[1],"headingTag":[1,"heading-tag"],"autoHeight":[4,"auto-height"],"active":[1540],"hasHeadingSlot":[32],"hasArrowSlot":[32],"toggle":[64],"close":[64],"open":[64]}]]],["ptc-card-bottom",[[1,"ptc-card-bottom",{"cardType":[1,"card-type"],"styles":[1]}]]],["ptc-card-plm",[[1,"ptc-card-plm",{"cardType":[1,"card-type"],"cardLink":[1,"card-link"],"linkTitle":[1,"link-title"],"linkTarget":[1,"link-target"]}]]],["ptc-hero-footer-cta",[[6,"ptc-hero-footer-cta",{"ctaTitle":[1,"cta-title"],"description":[1],"backgroundImage":[1,"background-image"]}]]],["ptc-icon-list",[[1,"ptc-icon-list",{"listType":[1,"list-type"],"valueWithUnit":[1,"value-with-unit"],"valueText":[1,"value-text"],"listContent":[1,"list-content"],"isLastItem":[4,"is-last-item"]}]]],["ptc-minimized-footer",[[1,"ptc-minimized-footer"]]],["ptc-minimized-header",[[1,"ptc-minimized-header",{"linkUrl":[513,"link-url"],"imgSrc":[513,"img-src"],"imgAlt":[513,"img-alt"]}]]],["ptc-nav",[[1,"ptc-nav"]]],["ptc-nav-item",[[1,"ptc-nav-item",{"url":[1025],"label":[1025],"ariaExpanded":[1028,"aria-expanded"],"depth":[1538],"hasChildren":[1028,"has-children"],"parentExpanded":[1540,"parent-expanded"],"navType":[1,"nav-type"]},[[0,"handleClick","handleClick"],[9,"resize","handleResize"]]]]],["ptc-pagenation",[[1,"ptc-pagenation",{"totalCount":[2,"total-count"],"numberOfItems":[2,"number-of-items"],"previousValue":[1,"previous-value"],"lastValue":[1,"last-value"],"minPageNumber":[2,"min-page-number"],"maxPageNumber":[2,"max-page-number"],"clickedPageNumber":[2,"clicked-page-number"],"appendArray":[4,"append-array"],"prevArrowImg":[1,"prev-arrow-img"],"nextArrowImg":[1,"next-arrow-img"],"pageNumbers":[32]}]]],["ptc-pricing-block",[[1,"ptc-pricing-block"]]],["ptc-responsive-wrapper",[[1,"ptc-responsive-wrapper"]]],["ptc-span",[[1,"ptc-span",{"spanStyle":[1,"span-style"],"display":[1],"styles":[1]}]]],["ptc-two-column-media",[[1,"ptc-two-column-media",{"componentType":[1,"component-type"]}]]],["tab-content",[[4,"tab-content",{"name":[1],"isSelected":[32],"getChild":[64]}]]],["tab-header",[[1,"tab-header",{"name":[1],"isSelected":[32],"getChild":[64]}]]],["ptc-ellipsis-dropdown",[[1,"ptc-ellipsis-dropdown",{"dataItems":[16],"selectedTab":[1,"selected-tab"],"isDropdownOpen":[32]},[[4,"click","offClick"]]]]],["lottie-player",[[1,"lottie-player",{"mode":[1],"autoplay":[4],"background":[513],"controls":[4],"count":[2],"direction":[2],"hover":[4],"loop":[516],"renderer":[1],"speed":[2],"src":[1],"currentState":[1,"current-state"],"seeker":[8],"intermission":[2],"play":[64],"pause":[64],"stop":[64],"seek":[64],"getLottie":[64],"setSpeed":[64],"setDirection":[64],"setLooping":[64],"togglePlay":[64],"toggleLooping":[64]}]]],["ptc-date",[[1,"ptc-date",{"year":[2],"month":[2],"day":[2],"country":[1],"dateString":[1,"date-string"],"dateColor":[1,"date-color"],"dateStyles":[1,"date-styles"],"dataSize":[1,"data-size"]}]]],["ptc-img",[[4,"ptc-img",{"sizeXs":[1025,"size-xs"],"sizeSm":[1025,"size-sm"],"sizeMd":[1025,"size-md"],"sizeLg":[1025,"size-lg"],"imgUrl":[1,"img-url"],"imageType":[1,"image-type"],"borderRadius":[1,"border-radius"],"loadMode":[1,"load-mode"]},[[9,"resize","WindowResize"]]]]],["ptc-card-content_2",[[1,"ptc-card-content",{"cardType":[1,"card-type"],"styles":[1]}],[1,"ptc-picture",{"src":[1],"alt":[1],"sizeXs":[1025,"size-xs"],"sizeSm":[1025,"size-sm"],"sizeMd":[1025,"size-md"],"sizeLg":[1025,"size-lg"],"imagePosition":[1,"image-position"],"borderRadius":[1,"border-radius"],"height":[1],"width":[1],"objectFit":[1,"object-fit"],"isFullHeight":[4,"is-full-height"],"isFullWidth":[4,"is-full-width"],"styles":[1],"imageAlignment":[1,"image-alignment"],"maxWidth":[1,"max-width"],"oldSrc":[32]},[[9,"resize","WindowResize"]]]]],["dropdown-item",[[4,"dropdown-item",{"linkHref":[1,"link-href"],"linkTarget":[1,"link-target"]}]]],["ptc-overlay",[[1,"ptc-overlay",{"filterColor":[1,"filter-color"],"borderRadius":[1,"border-radius"],"overlayZIndex":[1,"overlay-z-index"],"styles":[1]}]]],["ptc-svg-btn",[[1,"ptc-svg-btn",{"svgName":[1,"svg-name"],"display":[1]}]]],["list-item",[[1,"list-item",{"listType":[1,"list-type"],"linkHref":[1,"link-href"],"flushBefore":[4,"flush-before"],"linkTarget":[1,"link-target"]}]]],["icon-asset_13",[[1,"ptc-checkbox",{"checked":[1025],"value":[1025],"inputName":[1,"input-name"]}],[1,"ptc-dropdown",{"theme":[1],"label":[1],"listItems":[16],"toggle":[32],"selectedItem":[32]},[[4,"click","offClick"]]],[1,"ptc-icon-minimize",{"heading":[1025],"opened":[1028]}],[1,"ptc-link",{"disabled":[516],"external":[516],"href":[1],"target":[1],"linkTitle":[1,"link-title"],"theme":[1],"uppercase":[4],"fontSize":[1,"font-size"]}],[1,"ptc-container",{"backgroundColor":[1,"background-color"],"elevation":[1],"containerType":[1,"container-type"],"spacing":[1]}],[1,"ptc-filter-tag",{"theme":[1]}],[1,"ptc-modal",{"iframeUrl":[1025,"iframe-url"],"size":[1025],"show":[1028],"overlay":[1028],"closeOnBlur":[1028,"close-on-blur"],"rounded":[1028],"showHeaderFooter":[1028,"show-header-footer"],"overlayHeight":[32],"bodyOverflowSetting":[32]}],[1,"ptc-para",{"fontSize":[1,"font-size"],"fontWeight":[1,"font-weight"],"paraStyle":[1,"para-style"],"paraColor":[1,"para-color"],"paraLineH":[1,"para-line-h"],"paraMargin":[1,"para-margin"]}],[1,"ptc-shopping-cart",{"cartCount":[1,"cart-count"],"color":[1]}],[1,"ptc-spacer",{"breakpoint":[1],"size":[1],"direction":[1]}],[1,"ptc-button",{"disabled":[516],"type":[1],"color":[1],"iconAnimation":[1,"icon-animation"],"iconPosition":[1,"icon-position"],"linkHref":[1,"link-href"],"linkTitle":[1,"link-title"],"target":[1],"rel":[1],"tabNav":[2,"tab-nav"],"styles":[1]}],[6,"ptc-title",{"isPlmHub":[4,"is-plm-hub"],"type":[1],"textAlign":[1,"text-align"],"upperline":[1],"titleShadow":[1,"title-shadow"],"titleMargin":[1,"title-margin"],"titleWeight":[1,"title-weight"],"titleSize":[1,"title-size"],"titleHeight":[1,"title-height"],"styles":[1]}],[2,"icon-asset",{"name":[1],"size":[1],"type":[1],"spin":[1],"pulse":[1],"color":[1],"isMobileSelect":[4,"is-mobile-select"],"injectedStyle":[1,"injected-style"]}]]]], options);
17
17
  });
@@ -2,32 +2,32 @@ import { r as registerInstance, h } from './index-a91c2367.js';
2
2
 
3
3
  const tabContentCss = ".tab-content{display:none}.tab-content-selected{display:block}";
4
4
 
5
- let TabContent = class {
6
- constructor(hostRef) {
7
- registerInstance(this, hostRef);
8
- this.isSelected = false;
9
- }
10
- async getChild() {
11
- return {
12
- select: this.select.bind(this),
13
- unselect: this.unselect.bind(this),
14
- name: this.name
15
- };
16
- }
17
- unselect() {
18
- this.isSelected = false;
19
- }
20
- select() {
21
- this.isSelected = true;
22
- }
23
- render() {
24
- const classes = {
25
- 'tab-content': true,
26
- 'tab-content-selected': this.isSelected
27
- };
28
- return (h("div", { class: classes }, h("slot", null)));
29
- }
30
- };
5
+ let TabContent = class {
6
+ constructor(hostRef) {
7
+ registerInstance(this, hostRef);
8
+ this.isSelected = false;
9
+ }
10
+ async getChild() {
11
+ return {
12
+ select: this.select.bind(this),
13
+ unselect: this.unselect.bind(this),
14
+ name: this.name
15
+ };
16
+ }
17
+ unselect() {
18
+ this.isSelected = false;
19
+ }
20
+ select() {
21
+ this.isSelected = true;
22
+ }
23
+ render() {
24
+ const classes = {
25
+ 'tab-content': true,
26
+ 'tab-content-selected': this.isSelected
27
+ };
28
+ return (h("div", { class: classes }, h("slot", null)));
29
+ }
30
+ };
31
31
  TabContent.style = tabContentCss;
32
32
 
33
33
  export { TabContent as tab_content };
@@ -2,49 +2,49 @@ import { r as registerInstance, c as createEvent, h } from './index-a91c2367.js'
2
2
 
3
3
  const tabHeaderCss = ".tab-header{min-height:40px;min-width:100px;padding:5px;margin:0;cursor:pointer;display:flex;justify-content:center;align-items:center;border-bottom:2px solid transparent;font-family:\"Raleway\";font-style:normal;font-weight:700;font-size:18px;line-height:27px;white-space:nowrap;text-align:center;color:#617480}@media (max-width: 599px){.tab-header{min-width:100px}}.tab-header-selected{border-bottom:2px solid #00890B;color:#323B42;font-weight:700}";
4
4
 
5
- let TabHeader = class {
6
- constructor(hostRef) {
7
- registerInstance(this, hostRef);
8
- this.tabClicked = createEvent(this, "tabClicked", 7);
9
- this.id = this.generateId();
10
- this.isSelected = false;
11
- }
12
- async getChild() {
13
- let self = this;
14
- let myPromise = new Promise(function (resolve) {
15
- let data = {
16
- select: self.select.bind(self),
17
- unselect: self.unselect.bind(self),
18
- name: self.name,
19
- id: self.id
20
- };
21
- resolve(data);
22
- });
23
- let result = await myPromise;
24
- return result;
25
- }
26
- unselect() {
27
- this.isSelected = false;
28
- }
29
- select() {
30
- this.isSelected = true;
31
- }
32
- onClick() {
33
- this.tabClicked.emit(this.getChild());
34
- }
35
- generateId() {
36
- return Math.random().toString(36).substring(2, 10);
37
- }
38
- render() {
39
- const classes = {
40
- 'tab-header': true,
41
- 'tab-header-selected': this.isSelected
42
- };
43
- return [
44
- h("h3", { class: classes, onClick: this.onClick.bind(this) }, h("slot", null)),
45
- ];
46
- }
47
- };
5
+ let TabHeader = class {
6
+ constructor(hostRef) {
7
+ registerInstance(this, hostRef);
8
+ this.tabClicked = createEvent(this, "tabClicked", 7);
9
+ this.id = this.generateId();
10
+ this.isSelected = false;
11
+ }
12
+ async getChild() {
13
+ let self = this;
14
+ let myPromise = new Promise(function (resolve) {
15
+ let data = {
16
+ select: self.select.bind(self),
17
+ unselect: self.unselect.bind(self),
18
+ name: self.name,
19
+ id: self.id
20
+ };
21
+ resolve(data);
22
+ });
23
+ let result = await myPromise;
24
+ return result;
25
+ }
26
+ unselect() {
27
+ this.isSelected = false;
28
+ }
29
+ select() {
30
+ this.isSelected = true;
31
+ }
32
+ onClick() {
33
+ this.tabClicked.emit(this.getChild());
34
+ }
35
+ generateId() {
36
+ return Math.random().toString(36).substring(2, 10);
37
+ }
38
+ render() {
39
+ const classes = {
40
+ 'tab-header': true,
41
+ 'tab-header-selected': this.isSelected
42
+ };
43
+ return [
44
+ h("h3", { class: classes, onClick: this.onClick.bind(this) }, h("slot", null)),
45
+ ];
46
+ }
47
+ };
48
48
  TabHeader.style = tabHeaderCss;
49
49
 
50
50
  export { TabHeader as tab_header };
@@ -1,67 +1,67 @@
1
- function format(first, middle, last) {
2
- return (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');
3
- }
4
- function MapDOM(domElement, selector, toString) {
5
- let element = selector ? domElement.querySelector(selector) : domElement;
6
- let treeObject = {};
7
- let translate = (name) => {
8
- return name.toLowerCase().replace(/(-\w)/g, (text) => {
9
- return text.replace(/-/, "").toUpperCase();
10
- });
11
- };
12
- let hasContent = (element) => {
13
- let result = true;
14
- if (/^\s*$/.test(element.textContent)) {
15
- result = false;
16
- }
17
- return result;
18
- };
19
- let treeHTML = (element, object) => {
20
- //let nodeName = translate(element.nodeName);
21
- let nodeList = element.childNodes;
22
- if (nodeList && nodeList.length > 0) {
23
- for (let i = 0; i < nodeList.length; i++) {
24
- let elm = nodeList[i];
25
- if (elm.nodeType == 1) {
26
- let letChildNodeName = translate(elm.nodeName);
27
- if (!object[letChildNodeName]) {
28
- object[letChildNodeName] = [];
29
- }
30
- object[letChildNodeName].push({});
31
- treeHTML(elm, object[letChildNodeName][object[letChildNodeName].length - 1]);
32
- }
33
- else if (elm.nodeType == 3 && hasContent(elm)) {
34
- object['text'] = (object['text'] || '') + elm.textContent;
35
- }
36
- }
37
- for (const property in object) {
38
- if (Array.isArray(object[property]) &&
39
- object[property].length == 1) {
40
- object[property] = object[property][0];
41
- }
42
- }
43
- }
44
- if (element.attributes && element.attributes.length > 0) {
45
- for (let i = 0; i < element.attributes.length; i++) {
46
- let name = translate(element.attributes[i].nodeName);
47
- object[name] = element.attributes[i].nodeValue;
48
- }
49
- }
50
- if (element.getAttribute("html") == "true") {
51
- object["html"] = element.innerHTML;
52
- }
53
- };
54
- treeHTML(element, treeObject);
55
- return (toString) ? JSON.stringify(treeObject) : treeObject;
56
- }
57
- function generateUUID() {
58
- let s4 = () => {
59
- return Math.floor((1 + Math.random()) * 0x10000)
60
- .toString(16)
61
- .substring(1);
62
- };
63
- return s4() + s4() + '-' + s4() + '-' + s4() + '-' +
64
- s4() + '-' + s4() + s4() + s4();
1
+ function format(first, middle, last) {
2
+ return (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');
3
+ }
4
+ function MapDOM(domElement, selector, toString) {
5
+ let element = selector ? domElement.querySelector(selector) : domElement;
6
+ let treeObject = {};
7
+ let translate = (name) => {
8
+ return name.toLowerCase().replace(/(-\w)/g, (text) => {
9
+ return text.replace(/-/, "").toUpperCase();
10
+ });
11
+ };
12
+ let hasContent = (element) => {
13
+ let result = true;
14
+ if (/^\s*$/.test(element.textContent)) {
15
+ result = false;
16
+ }
17
+ return result;
18
+ };
19
+ let treeHTML = (element, object) => {
20
+ //let nodeName = translate(element.nodeName);
21
+ let nodeList = element.childNodes;
22
+ if (nodeList && nodeList.length > 0) {
23
+ for (let i = 0; i < nodeList.length; i++) {
24
+ let elm = nodeList[i];
25
+ if (elm.nodeType == 1) {
26
+ let letChildNodeName = translate(elm.nodeName);
27
+ if (!object[letChildNodeName]) {
28
+ object[letChildNodeName] = [];
29
+ }
30
+ object[letChildNodeName].push({});
31
+ treeHTML(elm, object[letChildNodeName][object[letChildNodeName].length - 1]);
32
+ }
33
+ else if (elm.nodeType == 3 && hasContent(elm)) {
34
+ object['text'] = (object['text'] || '') + elm.textContent;
35
+ }
36
+ }
37
+ for (const property in object) {
38
+ if (Array.isArray(object[property]) &&
39
+ object[property].length == 1) {
40
+ object[property] = object[property][0];
41
+ }
42
+ }
43
+ }
44
+ if (element.attributes && element.attributes.length > 0) {
45
+ for (let i = 0; i < element.attributes.length; i++) {
46
+ let name = translate(element.attributes[i].nodeName);
47
+ object[name] = element.attributes[i].nodeValue;
48
+ }
49
+ }
50
+ if (element.getAttribute("html") == "true") {
51
+ object["html"] = element.innerHTML;
52
+ }
53
+ };
54
+ treeHTML(element, treeObject);
55
+ return (toString) ? JSON.stringify(treeObject) : treeObject;
56
+ }
57
+ function generateUUID() {
58
+ let s4 = () => {
59
+ return Math.floor((1 + Math.random()) * 0x10000)
60
+ .toString(16)
61
+ .substring(1);
62
+ };
63
+ return s4() + s4() + '-' + s4() + '-' + s4() + '-' +
64
+ s4() + '-' + s4() + s4() + s4();
65
65
  }
66
66
 
67
67
  export { MapDOM as M, format as f, generateUUID as g };