@ptcwebops/ptcw-design 6.2.16 → 6.2.17-beta

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 (483) hide show
  1. package/dist/cjs/blog-detail-content_2.cjs.entry.js +1 -1
  2. package/dist/cjs/blog-detail-layout.cjs.entry.js +1 -1
  3. package/dist/cjs/blogs-search-section.cjs.entry.js +1 -1
  4. package/dist/cjs/{component-06dda623.js → component-4dd13907.js} +2643 -832
  5. package/dist/cjs/{icon-asset_13.cjs.entry.js → event-jumbotron-example_15.cjs.entry.js} +684 -512
  6. package/dist/cjs/featured-list.cjs.entry.js +1 -1
  7. package/dist/cjs/homepage-jumbotron.cjs.entry.js +1 -1
  8. package/dist/cjs/homepage-toggled-content.cjs.entry.js +1 -1
  9. package/dist/cjs/innovator-toggle-container.cjs.entry.js +1 -1
  10. package/dist/cjs/interfaces-574e6df7.js +15 -0
  11. package/dist/cjs/loader.cjs.js +1 -1
  12. package/dist/cjs/max-width-container.cjs.entry.js +54 -0
  13. package/dist/cjs/modal-form-example.cjs.entry.js +94 -0
  14. package/dist/cjs/most-popular-news.cjs.entry.js +1 -1
  15. package/dist/cjs/my-component.cjs.entry.js +1 -1
  16. package/dist/cjs/ptc-accordion-item.cjs.entry.js +1 -1
  17. package/dist/cjs/ptc-background-video.cjs.entry.js +102 -0
  18. package/dist/cjs/ptc-bio-card.cjs.entry.js +1 -1
  19. package/dist/cjs/ptc-card-bottom.cjs.entry.js +67 -0
  20. package/dist/cjs/ptc-card_2.cjs.entry.js +2 -8
  21. package/dist/cjs/ptc-case-studies-slider.cjs.entry.js +1 -1
  22. package/dist/cjs/ptc-collapse-list.cjs.entry.js +15 -20
  23. package/dist/cjs/ptc-data-lookup.cjs.entry.js +1 -2
  24. package/dist/cjs/ptc-featured-list.cjs.entry.js +1 -1
  25. package/dist/cjs/ptc-filter-level-theater.cjs.entry.js +1 -1
  26. package/dist/cjs/ptc-footer.cjs.entry.js +1 -1
  27. package/dist/cjs/{ptc-form-checkbox_2.cjs.entry.js → ptc-form-checkbox_4.cjs.entry.js} +787 -5
  28. package/dist/cjs/ptc-homepage-image-feature.cjs.entry.js +1 -1
  29. package/dist/cjs/ptc-homepage-video-background.cjs.entry.js +1 -1
  30. package/dist/cjs/ptc-icon-card.cjs.entry.js +8 -2
  31. package/dist/cjs/ptc-jumbotron.cjs.entry.js +151 -0
  32. package/dist/cjs/ptc-media-card.cjs.entry.js +1 -1
  33. package/dist/cjs/ptc-nav-submenu.cjs.entry.js +1 -1
  34. package/dist/cjs/ptc-picture.cjs.entry.js +163 -0
  35. package/dist/cjs/ptc-podcast-card.cjs.entry.js +1 -1
  36. package/dist/cjs/ptc-previous-url.cjs.entry.js +10 -2
  37. package/dist/cjs/ptc-pricing-packaging-table.cjs.entry.js +1 -1
  38. package/dist/cjs/ptc-pricing-tabs.cjs.entry.js +1 -1
  39. package/dist/cjs/ptc-product-card.cjs.entry.js +1 -1
  40. package/dist/cjs/ptc-product-category.cjs.entry.js +1 -1
  41. package/dist/cjs/ptc-product-highlight-card.cjs.entry.js +1 -1
  42. package/dist/cjs/ptc-readmore-char.cjs.entry.js +1 -1
  43. package/dist/cjs/ptc-readmore-v3.cjs.entry.js +1 -1
  44. package/dist/cjs/ptc-social-icons-footer.cjs.entry.js +7 -2
  45. package/dist/cjs/ptc-tooltip-v2.cjs.entry.js +1 -1
  46. package/dist/cjs/ptc-tooltip.cjs.entry.js +107 -0
  47. package/dist/cjs/ptc-value-led-speed-bump.cjs.entry.js +1 -1
  48. package/dist/cjs/ptc-white-paper.cjs.entry.js +1 -7
  49. package/dist/cjs/ptcw-design.cjs.js +1 -1
  50. package/dist/cjs/{utils-87d7b99f.js → utils-ad441b07.js} +9 -0
  51. package/dist/collection/collection-manifest.json +1 -0
  52. package/dist/collection/components/icon-asset/icon-asset.css +0 -6
  53. package/dist/collection/components/icon-asset/media/designer-v6.0.6.svg +30 -2
  54. package/dist/collection/components/innovator-toggle-container/innovator-toggle-container.css +20 -5
  55. package/dist/collection/components/organism-bundles/bundle-featured-list/featured-list.css +19 -1
  56. package/dist/collection/components/organism-bundles/form/modal-from-example/modal-form-example.css +26 -0
  57. package/dist/collection/components/organism-bundles/form/modal-from-example/modal-form-example.js +99 -0
  58. package/dist/collection/components/ptc-bio-card/ptc-bio-card.css +20 -5
  59. package/dist/collection/components/ptc-button/ptc-button.js +4 -1
  60. package/dist/collection/components/ptc-card-wrapper/ptc-card-wrapper.css +10 -0
  61. package/dist/collection/components/ptc-case-studies-slider/ptc-case-studies-slider.css +20 -5
  62. package/dist/collection/components/ptc-collapse-list/ptc-collapse-list.js +50 -19
  63. package/dist/collection/components/ptc-featured-list/ptc-featured-list.css +20 -5
  64. package/dist/collection/components/ptc-filter-level-theater/ptc-filter-level-theater.css +20 -5
  65. package/dist/collection/components/ptc-footer/ptc-footer-v2.css +14 -1
  66. package/dist/collection/components/ptc-icon-card/ptc-icon-card.css +10 -0
  67. package/dist/collection/components/ptc-icon-card/ptc-icon-card.js +25 -1
  68. package/dist/collection/components/ptc-jumbotron/ptc-jumbotron.css +20 -5
  69. package/dist/collection/components/ptc-link/ptc-link.css +8 -0
  70. package/dist/collection/components/ptc-link/ptc-link.js +4 -12
  71. package/dist/collection/components/ptc-modal/ptc-modal.css +4 -0
  72. package/dist/collection/components/ptc-modal/ptc-modal.js +2 -2
  73. package/dist/collection/components/ptc-para/ptc-para.css +3 -0
  74. package/dist/collection/components/ptc-para/ptc-para.js +2 -2
  75. package/dist/collection/components/ptc-podcast-card/ptc-podcast-card.css +20 -5
  76. package/dist/collection/components/ptc-preloader-section/ptc-preloader-section.css +32 -432
  77. package/dist/collection/components/ptc-preloader-section/ptc-preloader-section.js +1 -7
  78. package/dist/collection/components/ptc-previous-url/ptc-previous-url.css +16 -0
  79. package/dist/collection/components/ptc-previous-url/ptc-previous-url.js +27 -1
  80. package/dist/collection/components/ptc-product-card/ptc-product-card.css +20 -5
  81. package/dist/collection/components/ptc-product-category/ptc-product-category.css +20 -5
  82. package/dist/collection/components/ptc-product-highlight-card/ptc-product-highlight-card.css +20 -5
  83. package/dist/collection/components/ptc-readmore-char/ptc-readmore-char.css +20 -5
  84. package/dist/collection/components/ptc-readmore-v3/ptc-readmore-v3.css +20 -5
  85. package/dist/collection/components/ptc-social-icons-footer/ptc-social-icons-footer.css +10 -0
  86. package/dist/collection/components/ptc-social-icons-footer/ptc-social-icons-footer.js +24 -1
  87. package/dist/collection/components/ptc-tooltip-v2/ptc-tooltip-v2.css +20 -5
  88. package/dist/collection/components/ptc-value-led-speed-bump/ptc-value-led-speed-bump.css +20 -5
  89. package/dist/collection/components/ptc-white-paper/ptc-white-paper.css +20 -5
  90. package/dist/collection/components/ptc-white-paper/ptc-white-paper.js +0 -6
  91. package/dist/collection/components/subnav/ptc-nav-submenu/ptc-nav-submenu.css +7 -0
  92. package/dist/collection/stories/organisms/eSupport/CaseTracker/preview.stories.js +45 -0
  93. package/dist/collection/stories/organisms/eSupport/SupportArticle/preview.stories.js +47 -0
  94. package/dist/collection/stories/organisms/eSupport/SupportPage/preview.stories.js +157 -0
  95. package/dist/collection/utils/utils.js +8 -0
  96. package/dist/custom-elements/index.d.ts +6 -0
  97. package/dist/custom-elements/index.js +171 -78
  98. package/dist/esm/academic-form-test.entry.js +1 -1
  99. package/dist/esm/author-listing-example.entry.js +1 -1
  100. package/dist/esm/blog-detail-content_2.entry.js +2 -2
  101. package/dist/esm/blog-detail-layout.entry.js +2 -2
  102. package/dist/esm/blogs-search-section.entry.js +2 -2
  103. package/dist/esm/bundle-example.entry.js +1 -1
  104. package/dist/esm/bundle-jumbotron-example.entry.js +1 -1
  105. package/dist/esm/{component-274da230.js → component-9c921cc6.js} +2592 -793
  106. package/dist/esm/dropdown-item.entry.js +1 -1
  107. package/dist/esm/dynamic-box-bundle.entry.js +1 -1
  108. package/dist/esm/embedded-form.entry.js +1 -1
  109. package/dist/esm/{icon-asset_13.entry.js → event-jumbotron-example_15.entry.js} +676 -506
  110. package/dist/esm/event-podcast-slider-example.entry.js +1 -1
  111. package/dist/esm/featured-events-slider-example.entry.js +1 -1
  112. package/dist/esm/featured-list.entry.js +2 -2
  113. package/dist/esm/fl-tab-content_3.entry.js +1 -1
  114. package/dist/esm/footer-form.entry.js +1 -1
  115. package/dist/esm/homepage-clickable-tab.entry.js +1 -1
  116. package/dist/esm/homepage-jumbotron.entry.js +2 -2
  117. package/dist/esm/homepage-toggled-content.entry.js +2 -2
  118. package/dist/esm/{index-0bf594c4.js → index-c83db688.js} +1 -1
  119. package/dist/esm/innovator-toggle-container.entry.js +2 -2
  120. package/dist/esm/interfaces-4caedd26.js +12 -0
  121. package/dist/esm/jumbotron-sub-menu.entry.js +1 -1
  122. package/dist/esm/jumbotron-sub-mune.entry.js +1 -1
  123. package/dist/esm/loader.js +3 -3
  124. package/dist/esm/max-width-container.entry.js +50 -0
  125. package/dist/esm/modal-form-example.entry.js +90 -0
  126. package/dist/esm/most-popular-news.entry.js +2 -2
  127. package/dist/esm/my-component.entry.js +2 -2
  128. package/dist/esm/news-search-result.entry.js +1 -1
  129. package/dist/esm/ptc-accordion-item.entry.js +2 -2
  130. package/dist/esm/ptc-accordion.entry.js +1 -1
  131. package/dist/esm/ptc-announcement.entry.js +1 -1
  132. package/dist/esm/ptc-back-to-top.entry.js +1 -1
  133. package/dist/esm/ptc-background-video.entry.js +98 -0
  134. package/dist/esm/ptc-badge.entry.js +1 -1
  135. package/dist/esm/ptc-bio-card.entry.js +2 -2
  136. package/dist/esm/ptc-brightcov-video.entry.js +1 -1
  137. package/dist/esm/ptc-card-bottom.entry.js +63 -0
  138. package/dist/esm/ptc-card_2.entry.js +3 -9
  139. package/dist/esm/ptc-case-studies-slider.entry.js +2 -2
  140. package/dist/esm/ptc-checkbox-group.entry.js +1 -1
  141. package/dist/esm/ptc-checkbox.entry.js +1 -1
  142. package/dist/esm/ptc-collapse-list.entry.js +16 -21
  143. package/dist/esm/ptc-container.entry.js +1 -1
  144. package/dist/esm/ptc-countdown.entry.js +1 -1
  145. package/dist/esm/ptc-data-lookup.entry.js +2 -3
  146. package/dist/esm/ptc-date.entry.js +1 -1
  147. package/dist/esm/ptc-dropdown.entry.js +1 -1
  148. package/dist/esm/ptc-dynamic-card.entry.js +1 -1
  149. package/dist/esm/ptc-ellipsis-dropdown.entry.js +1 -1
  150. package/dist/esm/ptc-embedded-quiz.entry.js +1 -1
  151. package/dist/esm/ptc-featured-list.entry.js +2 -2
  152. package/dist/esm/ptc-filter-dropdown_4.entry.js +1 -1
  153. package/dist/esm/ptc-filter-level-theater.entry.js +2 -2
  154. package/dist/esm/ptc-filter-tag_2.entry.js +1 -1
  155. package/dist/esm/ptc-footer.entry.js +2 -2
  156. package/dist/esm/{ptc-form-checkbox_2.entry.js → ptc-form-checkbox_4.entry.js} +785 -5
  157. package/dist/esm/ptc-form-radio-button.entry.js +1 -1
  158. package/dist/esm/ptc-form-radio-group.entry.js +1 -1
  159. package/dist/esm/ptc-form.entry.js +1 -1
  160. package/dist/esm/ptc-hero-footer-cta.entry.js +1 -1
  161. package/dist/esm/ptc-hero.entry.js +1 -1
  162. package/dist/esm/ptc-homepage-image-feature.entry.js +2 -2
  163. package/dist/esm/ptc-homepage-video-background.entry.js +2 -2
  164. package/dist/esm/ptc-icon-card.entry.js +9 -3
  165. package/dist/esm/ptc-icon-component.entry.js +1 -1
  166. package/dist/esm/ptc-icon-list.entry.js +1 -1
  167. package/dist/esm/ptc-icon-minimize.entry.js +1 -1
  168. package/dist/esm/ptc-image-download-strip.entry.js +1 -1
  169. package/dist/esm/ptc-info-tile.entry.js +1 -1
  170. package/dist/esm/ptc-inline-cta.entry.js +1 -1
  171. package/dist/esm/ptc-jumbotron.entry.js +147 -0
  172. package/dist/esm/ptc-list.entry.js +1 -1
  173. package/dist/esm/ptc-media-card.entry.js +2 -2
  174. package/dist/esm/ptc-minimized-nav.entry.js +1 -1
  175. package/dist/esm/ptc-mobile-select.entry.js +1 -1
  176. package/dist/esm/ptc-modal-quiz.entry.js +1 -1
  177. package/dist/esm/ptc-nav-card.entry.js +1 -1
  178. package/dist/esm/ptc-nav-link.entry.js +1 -1
  179. package/dist/esm/ptc-nav-pills.entry.js +1 -1
  180. package/dist/esm/ptc-nav-skip-to-content.entry.js +1 -1
  181. package/dist/esm/ptc-nav-slider.entry.js +1 -1
  182. package/dist/esm/ptc-nav-submenu.entry.js +2 -2
  183. package/dist/esm/ptc-nav-tile.entry.js +1 -1
  184. package/dist/esm/ptc-news.entry.js +1 -1
  185. package/dist/esm/ptc-office-location-card.entry.js +1 -1
  186. package/dist/esm/ptc-office-locations.entry.js +1 -1
  187. package/dist/esm/ptc-overlay.entry.js +1 -1
  188. package/dist/esm/ptc-picture.entry.js +159 -0
  189. package/dist/esm/ptc-podcast-card.entry.js +2 -2
  190. package/dist/esm/ptc-preferance-center-form.entry.js +1 -1
  191. package/dist/esm/ptc-previous-url.entry.js +11 -3
  192. package/dist/esm/ptc-pricing-add-on-card.entry.js +1 -1
  193. package/dist/esm/ptc-pricing-add-on-section.entry.js +1 -1
  194. package/dist/esm/ptc-pricing-block.entry.js +1 -1
  195. package/dist/esm/ptc-pricing-packaging-table.entry.js +2 -2
  196. package/dist/esm/ptc-pricing-tabs.entry.js +2 -2
  197. package/dist/esm/ptc-product-card.entry.js +2 -2
  198. package/dist/esm/ptc-product-category.entry.js +2 -2
  199. package/dist/esm/ptc-product-dropdown.entry.js +1 -1
  200. package/dist/esm/ptc-product-highlight-card.entry.js +2 -2
  201. package/dist/esm/ptc-product-list.entry.js +1 -1
  202. package/dist/esm/ptc-product-sidebar.entry.js +1 -1
  203. package/dist/esm/ptc-progress-bar.entry.js +1 -1
  204. package/dist/esm/ptc-quantity-counter.entry.js +1 -1
  205. package/dist/esm/ptc-quote.entry.js +1 -1
  206. package/dist/esm/ptc-readmore-char.entry.js +2 -2
  207. package/dist/esm/ptc-readmore-new.entry.js +1 -1
  208. package/dist/esm/ptc-readmore-v3.entry.js +2 -2
  209. package/dist/esm/ptc-readmore.entry.js +1 -1
  210. package/dist/esm/ptc-related-card-rail.entry.js +1 -1
  211. package/dist/esm/ptc-responsive-wrapper.entry.js +1 -1
  212. package/dist/esm/ptc-search-field.entry.js +1 -1
  213. package/dist/esm/ptc-seo-title.entry.js +1 -1
  214. package/dist/esm/ptc-shopping-cart.entry.js +1 -1
  215. package/dist/esm/ptc-showcase-card.entry.js +1 -1
  216. package/dist/esm/ptc-skeleton.entry.js +1 -1
  217. package/dist/esm/ptc-slit-card.entry.js +1 -1
  218. package/dist/esm/ptc-social-icons-footer.entry.js +8 -3
  219. package/dist/esm/ptc-social-icons.entry.js +1 -1
  220. package/dist/esm/ptc-span.entry.js +1 -1
  221. package/dist/esm/ptc-square-card.entry.js +1 -1
  222. package/dist/esm/ptc-sticky-icons.entry.js +1 -1
  223. package/dist/esm/ptc-sticky-section.entry.js +1 -1
  224. package/dist/esm/ptc-sticky-title.entry.js +1 -1
  225. package/dist/esm/ptc-subnav-card.entry.js +1 -1
  226. package/dist/esm/ptc-subnav.entry.js +1 -1
  227. package/dist/esm/ptc-svg-btn.entry.js +1 -1
  228. package/dist/esm/ptc-tab-list.entry.js +1 -1
  229. package/dist/esm/ptc-tab.entry.js +1 -1
  230. package/dist/esm/ptc-tabs.entry.js +1 -1
  231. package/dist/esm/ptc-text-copy-with-background.entry.js +1 -1
  232. package/dist/esm/ptc-theater-video-modal.entry.js +1 -1
  233. package/dist/esm/ptc-tooltip-v2.entry.js +2 -2
  234. package/dist/esm/ptc-tooltip-v3.entry.js +1 -1
  235. package/dist/esm/ptc-tooltip.entry.js +103 -0
  236. package/dist/esm/ptc-two-column-media.entry.js +1 -1
  237. package/dist/esm/ptc-value-led-card.entry.js +1 -1
  238. package/dist/esm/ptc-value-led-content-highlight.entry.js +1 -1
  239. package/dist/esm/ptc-value-led-content.entry.js +1 -1
  240. package/dist/esm/ptc-value-led-intro.entry.js +1 -1
  241. package/dist/esm/ptc-value-led-layout.entry.js +1 -1
  242. package/dist/esm/ptc-value-led-speed-bump.entry.js +2 -2
  243. package/dist/esm/ptc-value-prop-card.entry.js +1 -1
  244. package/dist/esm/ptc-video-embed.entry.js +1 -1
  245. package/dist/esm/ptc-white-paper.entry.js +2 -8
  246. package/dist/esm/ptcw-design.js +3 -3
  247. package/dist/esm/sequential-bundle-example.entry.js +1 -1
  248. package/dist/esm/sequential-bundle.entry.js +1 -1
  249. package/dist/esm/tab-content.entry.js +1 -1
  250. package/dist/esm/tab-header.entry.js +1 -1
  251. package/dist/esm/{utils-b7c6422e.js → utils-ff65c75b.js} +9 -1
  252. package/dist/ptcw-design/media/designer-v6.0.6.svg +30 -2
  253. package/dist/ptcw-design/{p-02f0460b.entry.js → p-03a917f8.entry.js} +1 -1
  254. package/dist/ptcw-design/{p-74a845fd.entry.js → p-04aae3f5.entry.js} +1 -1
  255. package/dist/ptcw-design/{p-c9a73ad1.entry.js → p-04f0b1ba.entry.js} +1 -1
  256. package/dist/ptcw-design/{p-ef0079b0.entry.js → p-071a6109.entry.js} +1 -1
  257. package/dist/ptcw-design/{p-7b75091d.entry.js → p-081e969d.entry.js} +1 -1
  258. package/dist/ptcw-design/p-0a214a22.entry.js +1 -0
  259. package/dist/ptcw-design/{p-e8b51e7d.entry.js → p-0a9ee6c2.entry.js} +1 -1
  260. package/dist/ptcw-design/p-0d806031.entry.js +1 -0
  261. package/dist/ptcw-design/{p-b3b63f67.entry.js → p-0e5932f0.entry.js} +1 -1
  262. package/dist/ptcw-design/{p-d5fbe774.entry.js → p-0ee01112.entry.js} +1 -1
  263. package/dist/ptcw-design/p-0fdfd4ad.entry.js +68 -0
  264. package/dist/ptcw-design/{p-ace3e87f.entry.js → p-11e0edaf.entry.js} +1 -1
  265. package/dist/ptcw-design/{p-d113403b.entry.js → p-1a6759a4.entry.js} +1 -1
  266. package/dist/ptcw-design/p-1b257420.entry.js +1 -0
  267. package/dist/ptcw-design/{p-2fd01953.entry.js → p-21fa5abe.entry.js} +1 -1
  268. package/dist/ptcw-design/{p-640d07b5.entry.js → p-246df0d6.entry.js} +1 -1
  269. package/dist/ptcw-design/{p-a22d7ae8.entry.js → p-257a68df.entry.js} +1 -1
  270. package/dist/ptcw-design/p-257deac0.entry.js +1 -0
  271. package/dist/ptcw-design/p-260ecfef.entry.js +1 -0
  272. package/dist/ptcw-design/{p-132f71c3.entry.js → p-2657df50.entry.js} +1 -1
  273. package/dist/ptcw-design/{p-d574d14a.entry.js → p-2749c178.entry.js} +1 -1
  274. package/dist/ptcw-design/{p-eef5d58b.entry.js → p-27a4ee73.entry.js} +1 -1
  275. package/dist/ptcw-design/{p-14c77b5e.entry.js → p-27e47c25.entry.js} +1 -1
  276. package/dist/ptcw-design/{p-78252282.entry.js → p-282b7d4e.entry.js} +1 -1
  277. package/dist/ptcw-design/p-2ac5ed9c.entry.js +1 -0
  278. package/dist/ptcw-design/{p-54891548.entry.js → p-2c2f895a.entry.js} +1 -1
  279. package/dist/ptcw-design/p-2c6fc745.entry.js +1 -0
  280. package/dist/ptcw-design/p-34c50b3e.entry.js +1 -0
  281. package/dist/ptcw-design/p-36007a57.entry.js +1 -0
  282. package/dist/ptcw-design/p-3738a01f.entry.js +1 -0
  283. package/dist/ptcw-design/{p-a2710bbf.entry.js → p-3872fce7.entry.js} +1 -1
  284. package/dist/ptcw-design/{p-c05e326f.entry.js → p-38a56ed6.entry.js} +1 -1
  285. package/dist/ptcw-design/{p-7edef9ed.entry.js → p-3c3a7b54.entry.js} +1 -1
  286. package/dist/ptcw-design/{p-9dde477c.entry.js → p-3ee2a531.entry.js} +1 -1
  287. package/dist/ptcw-design/{p-986be938.entry.js → p-40b8c884.entry.js} +1 -1
  288. package/dist/ptcw-design/{p-1d48bad3.entry.js → p-464d8e22.entry.js} +1 -1
  289. package/dist/ptcw-design/{p-1e9f25fc.entry.js → p-46f67bec.entry.js} +1 -1
  290. package/dist/ptcw-design/{p-88379d69.entry.js → p-48815ee0.entry.js} +1 -1
  291. package/dist/ptcw-design/{p-7e19be10.entry.js → p-4b192f5e.entry.js} +1 -1
  292. package/dist/ptcw-design/p-4cee12b8.entry.js +1 -0
  293. package/dist/ptcw-design/p-4e75fb5a.entry.js +1 -0
  294. package/dist/ptcw-design/{p-f77c7c78.entry.js → p-4f93c631.entry.js} +1 -1
  295. package/dist/ptcw-design/p-50d68602.entry.js +1 -0
  296. package/dist/ptcw-design/{p-3c72e82d.entry.js → p-58e91cb8.entry.js} +1 -1
  297. package/dist/ptcw-design/p-58f138a3.entry.js +1 -0
  298. package/dist/ptcw-design/{p-cab0274c.entry.js → p-5946d7c9.entry.js} +1 -1
  299. package/dist/ptcw-design/{p-807ad5c4.entry.js → p-5980d65d.entry.js} +1 -1
  300. package/dist/ptcw-design/{p-9d32f1bc.entry.js → p-5db7f70b.entry.js} +1 -1
  301. package/dist/ptcw-design/p-5ef23b5c.entry.js +1 -0
  302. package/dist/ptcw-design/{p-5fb671ee.entry.js → p-61d28206.entry.js} +1 -1
  303. package/dist/ptcw-design/{p-0eb9ea11.entry.js → p-69686408.entry.js} +1 -1
  304. package/dist/ptcw-design/{p-1ec32cbc.entry.js → p-6b32020a.entry.js} +1 -1
  305. package/dist/ptcw-design/p-6d3326da.entry.js +1 -0
  306. package/dist/ptcw-design/{p-379fcc72.entry.js → p-6e8ed2ee.entry.js} +1 -1
  307. package/dist/ptcw-design/p-711bcdad.js +1 -0
  308. package/dist/ptcw-design/{p-0b182300.entry.js → p-71360e29.entry.js} +1 -1
  309. package/dist/ptcw-design/p-72df6678.entry.js +1 -0
  310. package/dist/ptcw-design/{p-3e13b735.entry.js → p-76d98c5a.entry.js} +1 -1
  311. package/dist/ptcw-design/{p-9fa81b74.entry.js → p-77cad16c.entry.js} +1 -1
  312. package/dist/ptcw-design/p-799afee5.entry.js +1 -0
  313. package/dist/ptcw-design/{p-ecfc8211.entry.js → p-7a1db471.entry.js} +1 -1
  314. package/dist/ptcw-design/{p-d2ed7e48.entry.js → p-7a9611b4.entry.js} +1 -1
  315. package/dist/ptcw-design/{p-94c59fac.entry.js → p-7b71abaf.entry.js} +1 -1
  316. package/dist/ptcw-design/{p-7fada7ae.entry.js → p-7cc9255e.entry.js} +1 -1
  317. package/dist/ptcw-design/{p-183ba1ca.entry.js → p-7d29a418.entry.js} +1 -1
  318. package/dist/ptcw-design/{p-779c3f21.entry.js → p-8038bf31.entry.js} +1 -1
  319. package/dist/ptcw-design/{p-ade21638.entry.js → p-808ec62a.entry.js} +1 -1
  320. package/dist/ptcw-design/{p-a974f98f.entry.js → p-8191928d.entry.js} +1 -1
  321. package/dist/ptcw-design/{p-3c52fabe.entry.js → p-8533988f.entry.js} +1 -1
  322. package/dist/ptcw-design/{p-b5d0e4a2.entry.js → p-85c29073.entry.js} +1 -1
  323. package/dist/ptcw-design/{p-1ab6201b.entry.js → p-85f32bf5.entry.js} +1 -1
  324. package/dist/ptcw-design/{p-3b6c2a79.entry.js → p-867a808f.entry.js} +1 -1
  325. package/dist/ptcw-design/p-8872161f.js +1 -0
  326. package/dist/ptcw-design/{p-e75dff95.entry.js → p-89177041.entry.js} +1 -1
  327. package/dist/ptcw-design/{p-bf2f9183.entry.js → p-89ba3dfd.entry.js} +1 -1
  328. package/dist/ptcw-design/{p-212d0145.entry.js → p-8c49d736.entry.js} +1 -1
  329. package/dist/ptcw-design/p-8c692bd6.entry.js +1 -0
  330. package/dist/ptcw-design/p-90c4f08b.entry.js +1 -0
  331. package/dist/ptcw-design/{p-80c56c81.entry.js → p-931650bb.entry.js} +1 -1
  332. package/dist/ptcw-design/p-95187918.entry.js +1 -0
  333. package/dist/ptcw-design/{p-c5886b7b.entry.js → p-97b9f41b.entry.js} +1 -1
  334. package/dist/ptcw-design/p-97eb1025.entry.js +1 -0
  335. package/dist/ptcw-design/{p-139ca5d2.entry.js → p-99b45d23.entry.js} +1 -1
  336. package/dist/ptcw-design/p-99daf693.entry.js +1 -0
  337. package/dist/ptcw-design/{p-761f71c4.entry.js → p-99ee8a0e.entry.js} +1 -1
  338. package/dist/ptcw-design/{p-8eb36507.entry.js → p-9a335b5b.entry.js} +1 -1
  339. package/dist/ptcw-design/{p-0abb6e77.entry.js → p-9ac99185.entry.js} +1 -1
  340. package/dist/ptcw-design/{p-298d02ab.entry.js → p-9b0df204.entry.js} +1 -1
  341. package/dist/ptcw-design/{p-290012e3.entry.js → p-9b26ea67.entry.js} +1 -1
  342. package/dist/ptcw-design/p-9d3a7f36.entry.js +1 -0
  343. package/dist/ptcw-design/{p-6d628113.entry.js → p-9de963f8.entry.js} +1 -1
  344. package/dist/ptcw-design/{p-0a558a22.entry.js → p-9e2fd13c.entry.js} +1 -1
  345. package/dist/ptcw-design/p-9fe0c27d.entry.js +1 -0
  346. package/dist/ptcw-design/{p-dadbab48.entry.js → p-a0bf3dd2.entry.js} +1 -1
  347. package/dist/ptcw-design/{p-ac78409e.entry.js → p-a25578e9.entry.js} +1 -1
  348. package/dist/ptcw-design/{p-e2e33ddb.entry.js → p-a37c5209.entry.js} +1 -1
  349. package/dist/ptcw-design/p-a3b57ede.entry.js +1 -0
  350. package/dist/ptcw-design/p-a4f65d28.entry.js +1 -0
  351. package/dist/ptcw-design/{p-dabb1b70.entry.js → p-a54c6da5.entry.js} +1 -1
  352. package/dist/ptcw-design/{p-be00fb74.entry.js → p-a7cb3851.entry.js} +1 -1
  353. package/dist/ptcw-design/{p-c5417010.entry.js → p-aac082cf.entry.js} +1 -1
  354. package/dist/ptcw-design/{p-944c5be8.js → p-ac75c7ad.js} +1 -1
  355. package/dist/ptcw-design/p-ae970a60.entry.js +1 -0
  356. package/dist/ptcw-design/{p-b293a0b1.entry.js → p-aea09a70.entry.js} +1 -1
  357. package/dist/ptcw-design/p-b1ebac6f.entry.js +1 -0
  358. package/dist/ptcw-design/p-b50f71dd.entry.js +1 -0
  359. package/dist/ptcw-design/p-ba8c58a7.entry.js +1 -0
  360. package/dist/ptcw-design/{p-0151c2ee.entry.js → p-bb902570.entry.js} +1 -1
  361. package/dist/ptcw-design/p-bcab66bf.js +336 -0
  362. package/dist/ptcw-design/{p-208ec7f3.entry.js → p-bf8fbba7.entry.js} +1 -1
  363. package/dist/ptcw-design/{p-9a28ded2.entry.js → p-bfacfe67.entry.js} +1 -1
  364. package/dist/ptcw-design/{p-13131b4d.entry.js → p-c0bb1ad0.entry.js} +1 -1
  365. package/dist/ptcw-design/{p-5db96118.entry.js → p-c37a3bd2.entry.js} +1 -1
  366. package/dist/ptcw-design/{p-dd38bf84.entry.js → p-c5f42895.entry.js} +1 -1
  367. package/dist/ptcw-design/{p-61a5012d.entry.js → p-c631608f.entry.js} +1 -1
  368. package/dist/ptcw-design/p-c66b8926.entry.js +1 -0
  369. package/dist/ptcw-design/{p-e87a4ff8.entry.js → p-c68d31c6.entry.js} +1 -1
  370. package/dist/ptcw-design/{p-43756439.entry.js → p-c6a0dd99.entry.js} +1 -1
  371. package/dist/ptcw-design/{p-ea8e0b2e.entry.js → p-c95f423e.entry.js} +1 -1
  372. package/dist/ptcw-design/p-d10cb999.entry.js +1 -0
  373. package/dist/ptcw-design/{p-aaf8fb04.entry.js → p-d20cf3c5.entry.js} +1 -1
  374. package/dist/ptcw-design/p-d2cc0297.entry.js +1 -0
  375. package/dist/ptcw-design/p-d2e26642.entry.js +1 -0
  376. package/dist/ptcw-design/p-d32fb485.entry.js +1 -0
  377. package/dist/ptcw-design/{p-e1242dd4.entry.js → p-d7275289.entry.js} +1 -1
  378. package/dist/ptcw-design/p-d756db27.entry.js +1 -0
  379. package/dist/ptcw-design/{p-0596f764.entry.js → p-d9abe7e8.entry.js} +1 -1
  380. package/dist/ptcw-design/{p-f05be87f.entry.js → p-da02913d.entry.js} +1 -1
  381. package/dist/ptcw-design/{p-4464123f.entry.js → p-da82dc93.entry.js} +1 -1
  382. package/dist/ptcw-design/{p-bf439f9b.entry.js → p-dbbe35bf.entry.js} +1 -1
  383. package/dist/ptcw-design/{p-afbe8e2c.entry.js → p-dc85c302.entry.js} +1 -1
  384. package/dist/ptcw-design/{p-37899461.entry.js → p-dc8c0a06.entry.js} +1 -1
  385. package/dist/ptcw-design/p-de960790.entry.js +1 -0
  386. package/dist/ptcw-design/{p-d1f57070.entry.js → p-e3bf092e.entry.js} +1 -1
  387. package/dist/ptcw-design/{p-4f959e8f.entry.js → p-e3f8e5d5.entry.js} +1 -1
  388. package/dist/ptcw-design/{p-f7ff8ee1.entry.js → p-e4000363.entry.js} +1 -1
  389. package/dist/ptcw-design/p-e89ce54f.entry.js +1 -0
  390. package/dist/ptcw-design/{p-2a3735a5.entry.js → p-e90fbbad.entry.js} +1 -1
  391. package/dist/ptcw-design/{p-9db0897a.entry.js → p-e9f12e0d.entry.js} +1 -1
  392. package/dist/ptcw-design/{p-7267b11d.entry.js → p-ea7369e9.entry.js} +1 -1
  393. package/dist/ptcw-design/{p-4b23b4c3.entry.js → p-ee534211.entry.js} +1 -1
  394. package/dist/ptcw-design/{p-70a5f144.entry.js → p-f4699d4e.entry.js} +1 -1
  395. package/dist/ptcw-design/{p-f2006b03.entry.js → p-f5c97ab2.entry.js} +1 -1
  396. package/dist/ptcw-design/{p-3b967df1.entry.js → p-f61a3476.entry.js} +1 -1
  397. package/dist/ptcw-design/{p-5da98805.entry.js → p-f731fc96.entry.js} +1 -1
  398. package/dist/ptcw-design/p-f8512dc9.entry.js +1 -0
  399. package/dist/ptcw-design/{p-0ed4609e.entry.js → p-fb8584e4.entry.js} +1 -1
  400. package/dist/ptcw-design/p-fd7e5935.entry.js +1 -0
  401. package/dist/ptcw-design/{p-e6ebc832.entry.js → p-fdee2cdc.entry.js} +1 -1
  402. package/dist/ptcw-design/{p-4335d7f3.entry.js → p-fe907670.entry.js} +1 -1
  403. package/dist/ptcw-design/{p-5b0bc600.entry.js → p-fec1acdf.entry.js} +1 -1
  404. package/dist/ptcw-design/{p-c415ab42.entry.js → p-ffb0ff97.entry.js} +1 -1
  405. package/dist/ptcw-design/ptcw-design.css +2 -2
  406. package/dist/ptcw-design/ptcw-design.esm.js +1 -1
  407. package/dist/types/components/organism-bundles/form/modal-from-example/modal-form-example.d.ts +25 -0
  408. package/dist/types/components/ptc-button/ptc-button.d.ts +1 -0
  409. package/dist/types/components/ptc-collapse-list/ptc-collapse-list.d.ts +3 -2
  410. package/dist/types/components/ptc-icon-card/ptc-icon-card.d.ts +6 -0
  411. package/dist/types/components/ptc-link/ptc-link.d.ts +1 -0
  412. package/dist/types/components/ptc-modal/ptc-modal.d.ts +1 -1
  413. package/dist/types/components/ptc-para/ptc-para.d.ts +1 -1
  414. package/dist/types/components/ptc-previous-url/ptc-previous-url.d.ts +2 -0
  415. package/dist/types/components/ptc-social-icons-footer/ptc-social-icons-footer.d.ts +5 -0
  416. package/dist/types/components.d.ts +39 -4
  417. package/dist/types/utils/utils.d.ts +1 -0
  418. package/package.json +1 -1
  419. package/readme.md +5 -1
  420. package/dist/cjs/component-5b5b6a98.js +0 -1819
  421. package/dist/cjs/event-jumbotron-example.cjs.entry.js +0 -146
  422. package/dist/cjs/ptc-card-bottom_2.cjs.entry.js +0 -155
  423. package/dist/cjs/ptc-card-content.cjs.entry.js +0 -76
  424. package/dist/cjs/ptc-close-icon_2.cjs.entry.js +0 -222
  425. package/dist/cjs/ptc-link.cjs.entry.js +0 -95
  426. package/dist/cjs/ptc-multi-select_2.cjs.entry.js +0 -670
  427. package/dist/cjs/ptc-scroll-button.cjs.entry.js +0 -136
  428. package/dist/cjs/validation-messages-33a4f26b.js +0 -126
  429. package/dist/esm/component-341e4eaa.js +0 -1802
  430. package/dist/esm/event-jumbotron-example.entry.js +0 -142
  431. package/dist/esm/ptc-card-bottom_2.entry.js +0 -150
  432. package/dist/esm/ptc-card-content.entry.js +0 -72
  433. package/dist/esm/ptc-close-icon_2.entry.js +0 -217
  434. package/dist/esm/ptc-link.entry.js +0 -91
  435. package/dist/esm/ptc-multi-select_2.entry.js +0 -665
  436. package/dist/esm/ptc-scroll-button.entry.js +0 -132
  437. package/dist/esm/validation-messages-adbb6518.js +0 -124
  438. package/dist/ptcw-design/p-03e0fa1d.entry.js +0 -1
  439. package/dist/ptcw-design/p-11eb4dd1.entry.js +0 -1
  440. package/dist/ptcw-design/p-18a5a338.js +0 -1
  441. package/dist/ptcw-design/p-212cdacd.entry.js +0 -1
  442. package/dist/ptcw-design/p-26c1f6a3.entry.js +0 -1
  443. package/dist/ptcw-design/p-29ae44dd.entry.js +0 -1
  444. package/dist/ptcw-design/p-2aa419ae.entry.js +0 -1
  445. package/dist/ptcw-design/p-2ead689e.entry.js +0 -1
  446. package/dist/ptcw-design/p-36b5cea1.entry.js +0 -1
  447. package/dist/ptcw-design/p-36c42aae.entry.js +0 -1
  448. package/dist/ptcw-design/p-3717a6e1.entry.js +0 -1
  449. package/dist/ptcw-design/p-39ec04d4.entry.js +0 -1
  450. package/dist/ptcw-design/p-3df53e71.entry.js +0 -1
  451. package/dist/ptcw-design/p-3e06f959.entry.js +0 -1
  452. package/dist/ptcw-design/p-4819422a.entry.js +0 -1
  453. package/dist/ptcw-design/p-520542e2.entry.js +0 -1
  454. package/dist/ptcw-design/p-53d88f2b.entry.js +0 -1
  455. package/dist/ptcw-design/p-6b4c37a1.entry.js +0 -1
  456. package/dist/ptcw-design/p-6f9b7842.entry.js +0 -1
  457. package/dist/ptcw-design/p-72681e91.entry.js +0 -1
  458. package/dist/ptcw-design/p-7853f1b5.entry.js +0 -1
  459. package/dist/ptcw-design/p-7c416916.entry.js +0 -1
  460. package/dist/ptcw-design/p-841b807d.js +0 -1
  461. package/dist/ptcw-design/p-899a1931.entry.js +0 -1
  462. package/dist/ptcw-design/p-8b60ff7c.entry.js +0 -1
  463. package/dist/ptcw-design/p-973b06d1.entry.js +0 -1
  464. package/dist/ptcw-design/p-99e41dc4.entry.js +0 -1
  465. package/dist/ptcw-design/p-9ae901e2.entry.js +0 -1
  466. package/dist/ptcw-design/p-a14ef9c4.entry.js +0 -1
  467. package/dist/ptcw-design/p-a2e0ebdf.entry.js +0 -1
  468. package/dist/ptcw-design/p-ac32267c.entry.js +0 -1
  469. package/dist/ptcw-design/p-ac860994.entry.js +0 -1
  470. package/dist/ptcw-design/p-ad4f4f33.entry.js +0 -1
  471. package/dist/ptcw-design/p-be533f0d.js +0 -134
  472. package/dist/ptcw-design/p-c1513c3f.js +0 -203
  473. package/dist/ptcw-design/p-c9c0c5b0.entry.js +0 -1
  474. package/dist/ptcw-design/p-cc62e907.entry.js +0 -1
  475. package/dist/ptcw-design/p-ccead907.entry.js +0 -1
  476. package/dist/ptcw-design/p-ce6349f1.entry.js +0 -1
  477. package/dist/ptcw-design/p-dd10fc1f.entry.js +0 -1
  478. package/dist/ptcw-design/p-dd978236.entry.js +0 -1
  479. package/dist/ptcw-design/p-e48bf1ce.entry.js +0 -68
  480. package/dist/ptcw-design/p-e4c56952.entry.js +0 -1
  481. package/dist/ptcw-design/p-e9987674.entry.js +0 -1
  482. package/dist/ptcw-design/p-f5dd551a.entry.js +0 -1
  483. package/dist/ptcw-design/p-f6c3ae79.entry.js +0 -1
package/dist/ptcw-design/{p-ade21638.entry.js → p-808ec62a.entry.js} RENAMED
@@ -1 +1 @@
1
- import{r as t,h as e,a as i}from"./p-944c5be8.js";import{a as o}from"./p-841b807d.js";const n=class{constructor(e){t(this,e),this.colors=["hp-blue","hp-red","hp-gray","hp-green","hp-orange"],this.activeTab=0,this.dropdownOpen=!1,this.tileElements=[]}componentWillLoad(){this.updateTileElements(this.activeTab),this.sliderSettings={IsMouseDown:!1,PreventAnchor:!1,Timeout:void 0,StartX:0,ScrollLeft:0}}componentDidLoad(){this.slider=this.el.shadowRoot.querySelector(".card-section")}componentDidRender(){o("homepage-clickable-tab",this.el)}handleTabSelected(t){this.activeTab=t,this.dropdownOpen=!1,this.updateTileElements(t)}toggleDropdown(){this.dropdownOpen=!this.dropdownOpen}getTabs(){return Array.from(this.el.querySelectorAll('[slot^="tab-label"]')).map(((t,e)=>({label:t.textContent,index:e})))}updateTileElements(t){this.tileElements=Array.from(this.el.querySelectorAll(`[slot^="tab-tile-${t}"]`))}onSliderScroll(){0===this.slider.scrollLeft&&this.slider.classList.contains("scroll-st")?this.slider.classList.remove("scroll-st"):0===this.slider.scrollLeft||this.slider.classList.contains("scroll-st")||this.slider.classList.add("scroll-st"),this.slider.scrollLeft===this.slider.scrollWidth-this.slider.offsetWidth&&this.slider.classList.contains("scroll-ed")?this.slider.classList.remove("scroll-ed"):this.slider.scrollLeft===this.slider.scrollWidth-this.slider.offsetWidth||this.slider.classList.contains("scroll-ed")||this.slider.classList.add("scroll-ed")}onSliderMouseDown(t,e){t.preventDefault(),this.sliderSettings.IsMouseDown=!0,e.classList.add("active"),this.sliderSettings.StartX=t.pageX-e.offsetLeft,this.sliderSettings.ScrollLeft=e.scrollLeft,this.sliderSettings.PreventAnchor=!1,this.sliderSettings.Timeout=setTimeout((()=>{this.sliderSettings.PreventAnchor=!0}),80)}onSliderMouseExit(t,e){t.preventDefault(),clearTimeout(this.sliderSettings.Timeout),this.sliderSettings.IsMouseDown=!1,e.classList.remove("active")}onSliderMouseDrag(t,e){this.sliderSettings.IsMouseDown&&(t.preventDefault(),e.scrollLeft=this.sliderSettings.ScrollLeft-(t.pageX-e.offsetLeft-this.sliderSettings.StartX))}onCardMouseDown(t){if(t&&t.currentTarget){let e=t.currentTarget;e&&e.classList.add("active")}}onCardMouseUp(t){if(t&&t.currentTarget){let e=t.currentTarget;e&&e.classList.remove("active")}}render(){const t=e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"15",height:"11",viewBox:"0 0 15 11",fill:"none"},e("path",{d:"M13 8.5L7.34315 2.71178L1.68629 8.5",stroke:"white","stroke-width":"3","stroke-linecap":"round"})),i=e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"15",height:"11",viewBox:"0 0 15 11",fill:"none"},e("path",{d:"M13 2.5L7.34315 8.28822L1.68629 2.5",stroke:"white","stroke-width":"3","stroke-linecap":"round"})),o=this.getTabs();return e("div",{class:"wrapper"},e("div",{class:"header"},e("h2",null,e("slot",{name:"title"})),e("p",null,e("slot",{name:"description"}))),e("div",{class:"tabs"},e("div",{class:"tabs-desktop"},o.map((t=>e("homepage-clickable-tab",{label:t.label,active:this.activeTab===t.index,activeColor:this.colors[t.index],onClick:()=>this.handleTabSelected(t.index)})))),e("div",{class:"tabs-mobile"},e("button",{class:`dropdown-button ${this.colors[this.activeTab]} ${this.dropdownOpen?"opened":""}`,onClick:()=>this.toggleDropdown()},o[this.activeTab].label,e("span",{class:"arrow"},this.dropdownOpen?t:i)),this.dropdownOpen&&e("div",{class:"dropdown-menu"},o.map((t=>e("div",{class:"dropdown-item "+(t.index===this.activeTab?"active-tab":""),onClick:()=>this.handleTabSelected(t.index)},e("slot",{name:`tab-label-${t.index}`}))))))),e("div",{class:"content"},o.map(((t,i)=>e("div",{class:"tab-content "+(this.activeTab===i?"active-tab":"")},e("slot",{name:`tab-image-${i}`}),e("div",{class:"content-detail"},e("div",{hidden:!0},t.label),e("h2",null,e("slot",{name:`tab-title-${i}`})),e("p",null,e("slot",{name:`tab-content-${i}`})),e("slot",{name:`tab-button-${i}`}),this.activeTab===i&&this.tileElements.length>0?e("div",Object.assign({class:"info-card-wrapper card-section"},this.getSliderBindings()),this.tileElements.map(((t,i)=>e("div",{class:`swiper-slide card-link card-link-${i+1}`,"tab-index":i+1,key:i,innerHTML:t.outerHTML,onMouseDown:t=>this.onCardMouseDown(t),onMouseUp:t=>this.onCardMouseUp(t),onMouseLeave:t=>this.onCardMouseUp(t),onTouchEnd:t=>{this.onCardMouseUp(t)}})))):null))))))}getSliderBindings(){return{onMouseDown:t=>{this.onSliderMouseDown(t,this.slider)},onMouseUp:t=>{this.onSliderMouseExit(t,this.slider)},onMouseLeave:t=>{this.onSliderMouseExit(t,this.slider)},onMouseMove:t=>{this.onSliderMouseDrag(t,this.slider)}}}get el(){return i(this)}};n.style="h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}::slotted(.title){color:var(--color-gray-10) !important;font-family:Raleway !important;font-size:20px !important;font-style:normal !important;font-weight:700 !important;line-height:30px !important;margin-top:0px !important;margin-bottom:16px !important}@media screen and (min-width: 768px){::slotted(.title){font-size:24px !important}}::slotted(.description){color:var(--color-gray-10) !important;font-family:Raleway !important;font-size:18px !important;font-style:normal !important;font-weight:400 !important;line-height:27px !important;margin-top:0px !important;margin-bottom:0px !important}::slotted(.tab-slot-image){width:auto;object-fit:contain;margin-bottom:32px}@media screen and (min-width: 480px){::slotted(.tab-slot-image){height:500px}}@media screen and (min-width: 992px){::slotted(.tab-slot-image){margin-bottom:unset;height:auto;max-width:580px;width:50%}}.header{text-align:center;margin-bottom:20px;max-width:720px}.header h2{margin-top:0px !important;margin-bottom:16px !important}.tabs{display:flex;justify-content:center;margin-bottom:40px;position:relative;z-index:99}@media screen and (min-width: 992px){.tabs{margin-bottom:64px}}.tabs-desktop{display:flex;gap:24px;flex:1}.tabs-desktop homepage-clickable-tab{flex:1 1 122px}.tabs-mobile{display:none;position:relative}.dropdown-button{color:white;padding:24px;border:none;border-radius:var(--ptc-border-radius-standard);cursor:pointer;display:flex;align-items:center;justify-content:space-between;width:100%;font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-extrabold);text-align:left}.dropdown-button.opened{border-radius:var(--ptc-border-radius-standard) var(--ptc-border-radius-standard) 0px 0px}.dropdown-button.hp-blue{background:linear-gradient(180deg, #197BC0 0%, #4795CD 100%)}.dropdown-button.hp-green{background:linear-gradient(180deg, #00890B 0%, #33A13C 100%)}.dropdown-button.hp-red{background:linear-gradient(180deg, #D33E3E 0%, #DC6565 100%)}.dropdown-button.hp-gray{background:linear-gradient(180deg, #617480 0%, #819099 100%)}.dropdown-button.hp-orange{background:linear-gradient(180deg, #C37729 0%, #CF9254 100%)}.dropdown-button .arrow{margin-left:24px}.dropdown-menu{position:absolute;width:100%;background-color:var(--color-white);color:var(--color-gray-10);display:flex;flex-direction:column;border-radius:0px 0px var(--ptc-border-radius-standard) var(--ptc-border-radius-standard);border-top:0px;box-shadow:var(--ptc-shadow-medium)}.dropdown-menu .dropdown-item{color:var(--color-gray-10);font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-regular)}.dropdown-menu .dropdown-item.active-tab ::slotted(.tab-label){font-weight:var(--ptc-font-weight-bold) !important}.dropdown-item{padding:24px 24px 0px 24px;cursor:pointer}.dropdown-item:last-of-type{padding-bottom:24px}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover ::slotted(.tab-label){font-weight:var(--ptc-font-weight-bold)}@media (max-width: 992px){.tabs-desktop{display:none}.tabs-mobile{display:block;width:100%}}.content{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap}.tab-content{display:none;opacity:0;flex-direction:column;width:100%;animation:fadeIn var(--ptc-transition-medium) ease-in-out forwards}.tab-content.active-tab{display:flex;opacity:1}@media only screen and (min-width: 992px){.tab-content{flex-wrap:nowrap;flex-direction:row;width:100%;justify-content:center;align-items:center;gap:56px}}.tab-content img{max-width:100%;width:100%;height:auto;margin-bottom:20px}@media only screen and (min-width: 992px){.tab-content img{width:580px;height:733px;flex-shrink:0}}.content-detail{text-align:left}@media only screen and (min-width: 992px){.content-detail{flex-grow:1;word-break:break-word}}.content-detail p,.content-detail h2{margin-block-start:unset;margin-block-end:unset}.content-detail h2{margin-bottom:16px}.content-detail p{margin-bottom:32px}.info-card-wrapper{margin-top:48px;display:flex;justify-content:center;align-items:center;width:calc(100% + 24px)}@media screen and (min-width: 992px){.info-card-wrapper{width:100%;margin-top:72px}}.card-section{display:flex;position:relative;flex-wrap:nowrap;flex-shrink:0;-ms-overflow-style:none;scrollbar-width:none;transition:box-shadow var(--ptc-transition-medium) var(--ptc-ease-out);justify-content:flex-start}.card-section::-webkit-scrollbar{display:none}.card-section .card-link{display:inline-flex;position:relative;text-decoration:none;z-index:10;align-items:center;gap:16px;margin-right:24px}.card-section .card-link .link-text{display:block;inline-size:190px;white-space:break-spaces}.card-section:before{position:absolute;width:32px;background:linear-gradient(85deg, rgba(255, 255, 255, 0) 0%, white 100.13%);top:16px;right:0;bottom:0;z-index:12}.card-section.scroll-st{box-shadow:inset 2px 0px 0px rgba(255, 255, 255, 0.3)}.card-section.scroll-ed{box-shadow:inset -2px 0px 0px rgba(255, 255, 255, 0.3)}.card-section.scroll-ed.scroll-st{box-shadow:inset 2px 0px 0px rgba(255, 255, 255, 0.3), inset -2px 0px 0px rgba(255, 255, 255, 0.3)}@media only screen and (min-width: 1200px){.card-section{align-items:flex-start;justify-content:flex-start;align-content:flex-start}.card-section.scroll-st,.card-section.scroll-ed,.card-section.scroll-ed.scroll-st{box-shadow:unset}.card-section .card-link{flex:unset}.card-section .card-link:first-child{margin-left:0}.card-section .card-link:last-child{margin-right:0}}.card-section{overflow:inherit;overflow-x:scroll;overflow-y:hidden;animation-duration:0ms;animation-delay:1000ms;animation-fill-mode:forwards}@media only screen and (min-width: 1200px){.card-section{overflow-x:scroll}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}";export{n as homepage_toggled_content}
1
+ import{r as t,h as e,g as i}from"./p-ac75c7ad.js";import{a as o}from"./p-8872161f.js";const n=class{constructor(e){t(this,e),this.colors=["hp-blue","hp-red","hp-gray","hp-green","hp-orange"],this.activeTab=0,this.dropdownOpen=!1,this.tileElements=[]}componentWillLoad(){this.updateTileElements(this.activeTab),this.sliderSettings={IsMouseDown:!1,PreventAnchor:!1,Timeout:void 0,StartX:0,ScrollLeft:0}}componentDidLoad(){this.slider=this.el.shadowRoot.querySelector(".card-section")}componentDidRender(){o("homepage-clickable-tab",this.el)}handleTabSelected(t){this.activeTab=t,this.dropdownOpen=!1,this.updateTileElements(t)}toggleDropdown(){this.dropdownOpen=!this.dropdownOpen}getTabs(){return Array.from(this.el.querySelectorAll('[slot^="tab-label"]')).map(((t,e)=>({label:t.textContent,index:e})))}updateTileElements(t){this.tileElements=Array.from(this.el.querySelectorAll(`[slot^="tab-tile-${t}"]`))}onSliderScroll(){0===this.slider.scrollLeft&&this.slider.classList.contains("scroll-st")?this.slider.classList.remove("scroll-st"):0===this.slider.scrollLeft||this.slider.classList.contains("scroll-st")||this.slider.classList.add("scroll-st"),this.slider.scrollLeft===this.slider.scrollWidth-this.slider.offsetWidth&&this.slider.classList.contains("scroll-ed")?this.slider.classList.remove("scroll-ed"):this.slider.scrollLeft===this.slider.scrollWidth-this.slider.offsetWidth||this.slider.classList.contains("scroll-ed")||this.slider.classList.add("scroll-ed")}onSliderMouseDown(t,e){t.preventDefault(),this.sliderSettings.IsMouseDown=!0,e.classList.add("active"),this.sliderSettings.StartX=t.pageX-e.offsetLeft,this.sliderSettings.ScrollLeft=e.scrollLeft,this.sliderSettings.PreventAnchor=!1,this.sliderSettings.Timeout=setTimeout((()=>{this.sliderSettings.PreventAnchor=!0}),80)}onSliderMouseExit(t,e){t.preventDefault(),clearTimeout(this.sliderSettings.Timeout),this.sliderSettings.IsMouseDown=!1,e.classList.remove("active")}onSliderMouseDrag(t,e){this.sliderSettings.IsMouseDown&&(t.preventDefault(),e.scrollLeft=this.sliderSettings.ScrollLeft-(t.pageX-e.offsetLeft-this.sliderSettings.StartX))}onCardMouseDown(t){if(t&&t.currentTarget){let e=t.currentTarget;e&&e.classList.add("active")}}onCardMouseUp(t){if(t&&t.currentTarget){let e=t.currentTarget;e&&e.classList.remove("active")}}render(){const t=e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"15",height:"11",viewBox:"0 0 15 11",fill:"none"},e("path",{d:"M13 8.5L7.34315 2.71178L1.68629 8.5",stroke:"white","stroke-width":"3","stroke-linecap":"round"})),i=e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"15",height:"11",viewBox:"0 0 15 11",fill:"none"},e("path",{d:"M13 2.5L7.34315 8.28822L1.68629 2.5",stroke:"white","stroke-width":"3","stroke-linecap":"round"})),o=this.getTabs();return e("div",{class:"wrapper"},e("div",{class:"header"},e("h2",null,e("slot",{name:"title"})),e("p",null,e("slot",{name:"description"}))),e("div",{class:"tabs"},e("div",{class:"tabs-desktop"},o.map((t=>e("homepage-clickable-tab",{label:t.label,active:this.activeTab===t.index,activeColor:this.colors[t.index],onClick:()=>this.handleTabSelected(t.index)})))),e("div",{class:"tabs-mobile"},e("button",{class:`dropdown-button ${this.colors[this.activeTab]} ${this.dropdownOpen?"opened":""}`,onClick:()=>this.toggleDropdown()},o[this.activeTab].label,e("span",{class:"arrow"},this.dropdownOpen?t:i)),this.dropdownOpen&&e("div",{class:"dropdown-menu"},o.map((t=>e("div",{class:"dropdown-item "+(t.index===this.activeTab?"active-tab":""),onClick:()=>this.handleTabSelected(t.index)},e("slot",{name:`tab-label-${t.index}`}))))))),e("div",{class:"content"},o.map(((t,i)=>e("div",{class:"tab-content "+(this.activeTab===i?"active-tab":"")},e("slot",{name:`tab-image-${i}`}),e("div",{class:"content-detail"},e("div",{hidden:!0},t.label),e("h2",null,e("slot",{name:`tab-title-${i}`})),e("p",null,e("slot",{name:`tab-content-${i}`})),e("slot",{name:`tab-button-${i}`}),this.activeTab===i&&this.tileElements.length>0?e("div",Object.assign({class:"info-card-wrapper card-section"},this.getSliderBindings()),this.tileElements.map(((t,i)=>e("div",{class:`swiper-slide card-link card-link-${i+1}`,"tab-index":i+1,key:i,innerHTML:t.outerHTML,onMouseDown:t=>this.onCardMouseDown(t),onMouseUp:t=>this.onCardMouseUp(t),onMouseLeave:t=>this.onCardMouseUp(t),onTouchEnd:t=>{this.onCardMouseUp(t)}})))):null))))))}getSliderBindings(){return{onMouseDown:t=>{this.onSliderMouseDown(t,this.slider)},onMouseUp:t=>{this.onSliderMouseExit(t,this.slider)},onMouseLeave:t=>{this.onSliderMouseExit(t,this.slider)},onMouseMove:t=>{this.onSliderMouseDrag(t,this.slider)}}}get el(){return i(this)}};n.style="h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}::slotted(.title){color:var(--color-gray-10) !important;font-family:Raleway !important;font-size:20px !important;font-style:normal !important;font-weight:700 !important;line-height:30px !important;margin-top:0px !important;margin-bottom:16px !important}@media screen and (min-width: 768px){::slotted(.title){font-size:24px !important}}::slotted(.description){color:var(--color-gray-10) !important;font-family:Raleway !important;font-size:18px !important;font-style:normal !important;font-weight:400 !important;line-height:27px !important;margin-top:0px !important;margin-bottom:0px !important}::slotted(.tab-slot-image){width:auto;object-fit:contain;margin-bottom:32px}@media screen and (min-width: 480px){::slotted(.tab-slot-image){height:500px}}@media screen and (min-width: 992px){::slotted(.tab-slot-image){margin-bottom:unset;height:auto;max-width:580px;width:50%}}.header{text-align:center;margin-bottom:20px;max-width:720px}.header h2{margin-top:0px !important;margin-bottom:16px !important}.tabs{display:flex;justify-content:center;margin-bottom:40px;position:relative;z-index:99}@media screen and (min-width: 992px){.tabs{margin-bottom:64px}}.tabs-desktop{display:flex;gap:24px;flex:1}.tabs-desktop homepage-clickable-tab{flex:1 1 122px}.tabs-mobile{display:none;position:relative}.dropdown-button{color:white;padding:24px;border:none;border-radius:var(--ptc-border-radius-standard);cursor:pointer;display:flex;align-items:center;justify-content:space-between;width:100%;font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-extrabold);text-align:left}.dropdown-button.opened{border-radius:var(--ptc-border-radius-standard) var(--ptc-border-radius-standard) 0px 0px}.dropdown-button.hp-blue{background:linear-gradient(180deg, #197BC0 0%, #4795CD 100%)}.dropdown-button.hp-green{background:linear-gradient(180deg, #00890B 0%, #33A13C 100%)}.dropdown-button.hp-red{background:linear-gradient(180deg, #D33E3E 0%, #DC6565 100%)}.dropdown-button.hp-gray{background:linear-gradient(180deg, #617480 0%, #819099 100%)}.dropdown-button.hp-orange{background:linear-gradient(180deg, #C37729 0%, #CF9254 100%)}.dropdown-button .arrow{margin-left:24px}.dropdown-menu{position:absolute;width:100%;background-color:var(--color-white);color:var(--color-gray-10);display:flex;flex-direction:column;border-radius:0px 0px var(--ptc-border-radius-standard) var(--ptc-border-radius-standard);border-top:0px;box-shadow:var(--ptc-shadow-medium)}.dropdown-menu .dropdown-item{color:var(--color-gray-10);font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-regular)}.dropdown-menu .dropdown-item.active-tab ::slotted(.tab-label){font-weight:var(--ptc-font-weight-bold) !important}.dropdown-item{padding:24px 24px 0px 24px;cursor:pointer}.dropdown-item:last-of-type{padding-bottom:24px}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover ::slotted(.tab-label){font-weight:var(--ptc-font-weight-bold)}@media (max-width: 992px){.tabs-desktop{display:none}.tabs-mobile{display:block;width:100%}}.content{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap}.tab-content{display:none;opacity:0;flex-direction:column;width:100%;animation:fadeIn var(--ptc-transition-medium) ease-in-out forwards}.tab-content.active-tab{display:flex;opacity:1}@media only screen and (min-width: 992px){.tab-content{flex-wrap:nowrap;flex-direction:row;width:100%;justify-content:center;align-items:center;gap:56px}}.tab-content img{max-width:100%;width:100%;height:auto;margin-bottom:20px}@media only screen and (min-width: 992px){.tab-content img{width:580px;height:733px;flex-shrink:0}}.content-detail{text-align:left}@media only screen and (min-width: 992px){.content-detail{flex-grow:1;word-break:break-word}}.content-detail p,.content-detail h2{margin-block-start:unset;margin-block-end:unset}.content-detail h2{margin-bottom:16px}.content-detail p{margin-bottom:32px}.info-card-wrapper{margin-top:48px;display:flex;justify-content:center;align-items:center;width:calc(100% + 24px)}@media screen and (min-width: 992px){.info-card-wrapper{width:100%;margin-top:72px}}.card-section{display:flex;position:relative;flex-wrap:nowrap;flex-shrink:0;-ms-overflow-style:none;scrollbar-width:none;transition:box-shadow var(--ptc-transition-medium) var(--ptc-ease-out);justify-content:flex-start}.card-section::-webkit-scrollbar{display:none}.card-section .card-link{display:inline-flex;position:relative;text-decoration:none;z-index:10;align-items:center;gap:16px;margin-right:24px}.card-section .card-link .link-text{display:block;inline-size:190px;white-space:break-spaces}.card-section:before{position:absolute;width:32px;background:linear-gradient(85deg, rgba(255, 255, 255, 0) 0%, white 100.13%);top:16px;right:0;bottom:0;z-index:12}.card-section.scroll-st{box-shadow:inset 2px 0px 0px rgba(255, 255, 255, 0.3)}.card-section.scroll-ed{box-shadow:inset -2px 0px 0px rgba(255, 255, 255, 0.3)}.card-section.scroll-ed.scroll-st{box-shadow:inset 2px 0px 0px rgba(255, 255, 255, 0.3), inset -2px 0px 0px rgba(255, 255, 255, 0.3)}@media only screen and (min-width: 1200px){.card-section{align-items:flex-start;justify-content:flex-start;align-content:flex-start}.card-section.scroll-st,.card-section.scroll-ed,.card-section.scroll-ed.scroll-st{box-shadow:unset}.card-section .card-link{flex:unset}.card-section .card-link:first-child{margin-left:0}.card-section .card-link:last-child{margin-right:0}}.card-section{overflow:inherit;overflow-x:scroll;overflow-y:hidden;animation-duration:0ms;animation-delay:1000ms;animation-fill-mode:forwards}@media only screen and (min-width: 1200px){.card-section{overflow-x:scroll}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}";export{n as homepage_toggled_content}
package/dist/ptcw-design/{p-a974f98f.entry.js → p-8191928d.entry.js} RENAMED
@@ -1 +1 @@
1
- import{r as t,c as e,h as i,a as r}from"./p-944c5be8.js";const o=class{constructor(i){t(this,i),this.clickedItem=e(this,"clickedItem",7),this.handleClick=t=>{this.listItems.forEach((t=>t.selected=void 0)),t.selected=!0,this.selectedItem=t,this.toggle=!this.toggle,this.clickedItem.emit(t)},this.toggleList=()=>{this.toggle=!this.toggle},this.theme="sort",this.label=void 0,this.listItems=void 0,this.toggle=!1,this.selectedItem=void 0,this.trackerId=void 0}offClick(t){t&&!this.host.contains(t.target)&&this.toggle&&(this.toggle=!1)}componentWillLoad(){let t=this.host.querySelectorAll("item");this.listItems||(this.listItems=[]),t.forEach((t=>{if(t&&t.getAttribute("label")){let e={element:t,label:t.getAttribute("label"),value:t.getAttribute("value"),selected:t.hasAttribute("selected")};this.listItems.push(e),t.hasAttribute("selected")&&(this.selectedItem=e)}}))}render(){const t=this.getCssClassMap();return i("div",{class:t},i("header",{id:this.trackerId,class:"dropdown__header mf-listen",onClick:this.toggleList,tabindex:"0",onKeyPress:this.toggleList},i("label",null,i("b",null,this.label)," ",this.selectedItem?this.selectedItem.label:"Select Option"),i("icon-asset",{type:"solid",size:"x-small",name:"chevron-down"})),this.toggle&&i("ul",{id:this.trackerId+"ul",tabIndex:-1,class:"dropdown__list mf-listen",onBlur:()=>{this.toggle=!1}},this.listItems.map((t=>{let e="dropdown__item mf-listen";return t.selected&&(e+=" selected"),i("li",{class:e,id:t.label+this.trackerId,onClick:()=>this.handleClick(t),tabindex:"0",onKeyPress:()=>this.handleClick(t)},t.label)}))))}getCssClassMap(){return{"ptc-dropdown":!0,[this.theme]:!0}}get host(){return r(this)}};o.style='@charset "UTF-8";h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:inline-block;position:relative;color:var(--color-gray-12)}:host label{cursor:pointer}:host .dropdown__header{cursor:pointer;transition:background-color var(--ptc-ease-out) var(--ptc-transition-medium), border-color var(--ptc-ease-out) var(--ptc-transition-medium);background-color:var(--color-white);display:flex;align-items:center;align-content:center;border:1px solid var(--color-gray-05);padding:0.1875rem 0.75rem 0.1875rem 0.75rem;border-radius:4px;font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-regular);line-height:var(--ptc-line-height-loose);letter-spacing:0em;text-align:left;height:1.5rem}:host .dropdown__header b{font-weight:var(--ptc-font-weight-semibold)}:host .dropdown__header icon-asset{width:1rem;height:1rem;margin-left:0.5rem;margin-top:-0.5rem}:host .dropdown__header:hover{background-color:var(--color-gray-02)}:host .dropdown__header:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host .dropdown__list{display:table;border:1px solid rgba(0, 0, 0, 0.24);border-radius:var(--ptc-border-radius-large)}:host ul{display:block;top:0.2rem;margin:0;list-style-type:none;padding-inline-start:0;padding:0.25rem 0.25rem;background-color:var(--color-gray-02);cursor:pointer;position:absolute;z-index:500}@media only screen and (min-width: 992px){:host ul{right:0.2rem}}:host ul li{white-space:nowrap;padding:3px 1rem;font-weight:500}:host ul li.selected:before{content:"✓";display:block;position:absolute;left:0.4rem}:host ul li:hover{color:#fff;background-color:#699af8;border-radius:var(--ptc-border-radius-standard)}:host ul li:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}.ptc-dropdown{position:relative}.ptc-dropdown.support ul{margin:2px 4px 0 0}.ptc-dropdown.support .dropdown__header{transition:background-color var(--ptc-ease-out) var(--ptc-transition-medium), border-color var(--ptc-ease-out) var(--ptc-transition-medium);background-color:transparent;border:none;font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-semibold);line-height:var(--ptc-line-height-dense);letter-spacing:var(--ptc-letter-spacing-dense);text-align:left;padding:2px 6px}.ptc-dropdown.support .dropdown__header:hover{background-color:var(--color-gray-02)}.ptc-dropdown.support .dropdown__header icon-asset{width:10px;height:10px;margin-left:0.25rem;margin-top:-0.8rem}.ptc-dropdown.support .dropdown__header icon-asset svg{width:9px;height:9px}';export{o as ptc_dropdown}
1
+ import{r as t,c as e,h as i,g as r}from"./p-ac75c7ad.js";const o=class{constructor(i){t(this,i),this.clickedItem=e(this,"clickedItem",7),this.handleClick=t=>{this.listItems.forEach((t=>t.selected=void 0)),t.selected=!0,this.selectedItem=t,this.toggle=!this.toggle,this.clickedItem.emit(t)},this.toggleList=()=>{this.toggle=!this.toggle},this.theme="sort",this.label=void 0,this.listItems=void 0,this.toggle=!1,this.selectedItem=void 0,this.trackerId=void 0}offClick(t){t&&!this.host.contains(t.target)&&this.toggle&&(this.toggle=!1)}componentWillLoad(){let t=this.host.querySelectorAll("item");this.listItems||(this.listItems=[]),t.forEach((t=>{if(t&&t.getAttribute("label")){let e={element:t,label:t.getAttribute("label"),value:t.getAttribute("value"),selected:t.hasAttribute("selected")};this.listItems.push(e),t.hasAttribute("selected")&&(this.selectedItem=e)}}))}render(){const t=this.getCssClassMap();return i("div",{class:t},i("header",{id:this.trackerId,class:"dropdown__header mf-listen",onClick:this.toggleList,tabindex:"0",onKeyPress:this.toggleList},i("label",null,i("b",null,this.label)," ",this.selectedItem?this.selectedItem.label:"Select Option"),i("icon-asset",{type:"solid",size:"x-small",name:"chevron-down"})),this.toggle&&i("ul",{id:this.trackerId+"ul",tabIndex:-1,class:"dropdown__list mf-listen",onBlur:()=>{this.toggle=!1}},this.listItems.map((t=>{let e="dropdown__item mf-listen";return t.selected&&(e+=" selected"),i("li",{class:e,id:t.label+this.trackerId,onClick:()=>this.handleClick(t),tabindex:"0",onKeyPress:()=>this.handleClick(t)},t.label)}))))}getCssClassMap(){return{"ptc-dropdown":!0,[this.theme]:!0}}get host(){return r(this)}};o.style='@charset "UTF-8";h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:inline-block;position:relative;color:var(--color-gray-12)}:host label{cursor:pointer}:host .dropdown__header{cursor:pointer;transition:background-color var(--ptc-ease-out) var(--ptc-transition-medium), border-color var(--ptc-ease-out) var(--ptc-transition-medium);background-color:var(--color-white);display:flex;align-items:center;align-content:center;border:1px solid var(--color-gray-05);padding:0.1875rem 0.75rem 0.1875rem 0.75rem;border-radius:4px;font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-regular);line-height:var(--ptc-line-height-loose);letter-spacing:0em;text-align:left;height:1.5rem}:host .dropdown__header b{font-weight:var(--ptc-font-weight-semibold)}:host .dropdown__header icon-asset{width:1rem;height:1rem;margin-left:0.5rem;margin-top:-0.5rem}:host .dropdown__header:hover{background-color:var(--color-gray-02)}:host .dropdown__header:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host .dropdown__list{display:table;border:1px solid rgba(0, 0, 0, 0.24);border-radius:var(--ptc-border-radius-large)}:host ul{display:block;top:0.2rem;margin:0;list-style-type:none;padding-inline-start:0;padding:0.25rem 0.25rem;background-color:var(--color-gray-02);cursor:pointer;position:absolute;z-index:500}@media only screen and (min-width: 992px){:host ul{right:0.2rem}}:host ul li{white-space:nowrap;padding:3px 1rem;font-weight:500}:host ul li.selected:before{content:"✓";display:block;position:absolute;left:0.4rem}:host ul li:hover{color:#fff;background-color:#699af8;border-radius:var(--ptc-border-radius-standard)}:host ul li:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}.ptc-dropdown{position:relative}.ptc-dropdown.support ul{margin:2px 4px 0 0}.ptc-dropdown.support .dropdown__header{transition:background-color var(--ptc-ease-out) var(--ptc-transition-medium), border-color var(--ptc-ease-out) var(--ptc-transition-medium);background-color:transparent;border:none;font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-semibold);line-height:var(--ptc-line-height-dense);letter-spacing:var(--ptc-letter-spacing-dense);text-align:left;padding:2px 6px}.ptc-dropdown.support .dropdown__header:hover{background-color:var(--color-gray-02)}.ptc-dropdown.support .dropdown__header icon-asset{width:10px;height:10px;margin-left:0.25rem;margin-top:-0.8rem}.ptc-dropdown.support .dropdown__header icon-asset svg{width:9px;height:9px}';export{o as ptc_dropdown}
package/dist/ptcw-design/{p-3c52fabe.entry.js → p-8533988f.entry.js} RENAMED
@@ -1 +1 @@
1
- import{r as t,h as e,H as a}from"./p-944c5be8.js";const h=class{constructor(e){t(this,e)}render(){return e(a,null,e("slot",null))}};h.style="h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block;text-align:center;margin:12px 0}:host ::slotted(a){display:inline-block;padding:10px 24px;background-color:var(--color-gray-02);border-radius:var(--ptc-border-radius-pill);color:var(--color-gray-10) !important;font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-x-small);text-decoration:none !important;margin:12px;max-width:205px;vertical-align:middle;line-height:var(--ptc-line-height-densest)}:host ::slotted(a):last-child{margin-right:0}:host ::slotted(a:hover){background-color:var(--color-gray-04)}";export{h as ptc_nav_pills}
1
+ import{r as t,h as e,H as a}from"./p-ac75c7ad.js";const h=class{constructor(e){t(this,e)}render(){return e(a,null,e("slot",null))}};h.style="h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block;text-align:center;margin:12px 0}:host ::slotted(a){display:inline-block;padding:10px 24px;background-color:var(--color-gray-02);border-radius:var(--ptc-border-radius-pill);color:var(--color-gray-10) !important;font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-x-small);text-decoration:none !important;margin:12px;max-width:205px;vertical-align:middle;line-height:var(--ptc-line-height-densest)}:host ::slotted(a):last-child{margin-right:0}:host ::slotted(a:hover){background-color:var(--color-gray-04)}";export{h as ptc_nav_pills}
package/dist/ptcw-design/{p-b5d0e4a2.entry.js → p-85c29073.entry.js} RENAMED
@@ -1 +1 @@
1
- import{r as i,h as e,H as r,a as t}from"./p-944c5be8.js";import{S as s}from"./p-5292a000.js";import{N as a,P as o}from"./p-f5dfa530.js";import{S as p}from"./p-d9c54a1d.js";const n=class{constructor(e){i(this,e),this.isMobile=void 0}handleResize(){this.isMobile=window.innerWidth<768||screen.width<768}componentWillLoad(){this.isMobile=window.innerWidth<768||screen.width<768}componentDidLoad(){this.renderSlides(),setTimeout((()=>{this.initSlider()}),200)}componentDidUpdate(){setTimeout((()=>{this.initSlider()}),200)}renderSlides(){const i=Array.from(this.hostElement.querySelectorAll(".icon-component"));if(i.length>0){const e=this.hostElement.shadowRoot.querySelector(".swiper-wrapper");i.forEach((i=>{const r=document.createElement("div");r.classList.add("swiper-slide");let t=i.cloneNode(!0);r.appendChild(t),e.appendChild(r)}))}}initSlider(){this.swiperWrapperRef&&(this.iconSwiper=new s(this.swiperWrapperRef,{modules:[a,o,p],slidesPerView:1,loop:!0,autoHeight:!0,spaceBetween:24,pagination:{el:this.swiperPaginationRef,clickable:!0,type:"fraction"},navigation:{nextEl:this.swiperButtonNextRef,prevEl:this.swiperButtonPrevRef}}))}disconnectedCallback(){console.log("Running disconnectedCb"),this.iconSwiper&&(this.iconSwiper.destroy(!0,!0),this.iconSwiper=null)}render(){return e(r,{class:this.isMobile?"mobileView":"desktopView"},e("div",{class:"icon-component-row"},e("slot",null)),e("div",{class:"swiper-container",ref:i=>this.swiperWrapperRef=i},e("div",{class:"swiper-wrapper"}),e("div",{class:"swiper-pagination",ref:i=>this.swiperPaginationRef=i}),e("div",{class:"swiper-button-next",ref:i=>this.swiperButtonNextRef=i},e("svg",{width:"20",height:"20",viewBox:"0 0 14 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("path",{d:"M0.75 17.25L8 10L0.75 2.75L3.375 0.125L13.25 10L3.375 19.875L0.75 17.25Z",fill:"#323B42"}))),e("div",{class:"swiper-button-prev",ref:i=>this.swiperButtonPrevRef=i},e("svg",{width:"20",height:"20",viewBox:"0 0 14 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("path",{d:"M13.25 2.75L6 10L13.25 17.25L10.625 19.875L0.749999 10L10.625 0.125L13.25 2.75Z",fill:"#323B42"})))))}get hostElement(){return t(this)}};n.style='@font-face{font-family:\'swiper-icons\';src:url(\'data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA\');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff;}.swiper,swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px, 0, 0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide,swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform, height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0, 0, 0, 0.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-centered>.swiper-wrapper::before{content:\'\';flex-shrink:0;order:9999}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:\'\';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px;}.swiper-button-prev,.swiper-button-next{position:absolute;top:var(--swiper-navigation-top-offset, 50%);width:calc(var(--swiper-navigation-size) / 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity:0.35;cursor:auto;pointer-events:none}.swiper-button-prev.swiper-button-hidden,.swiper-button-next.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-prev,.swiper-navigation-disabled .swiper-button-next{display:none !important}.swiper-button-prev:after,.swiper-button-next:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none !important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset, 10px);right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:\'prev\'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset, 10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:\'next\'}.swiper-button-lock{display:none}:root{}.swiper-pagination{position:absolute;text-align:center;transition:300ms opacity;transform:translate3d(0, 0, 0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none !important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(0.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(0.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(0.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, 0.2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none !important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0px, -50%, 0)}.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:200ms transform, 200ms top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:200ms transform, 200ms left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,:host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:200ms transform, 200ms right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));position:absolute;}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}:root{}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius, 10px);position:relative;-ms-touch-action:none;background:var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none !important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset, 1%);bottom:var(--swiper-scrollbar-bottom, 4px);top:var(--swiper-scrollbar-top, auto);z-index:50;height:var(--swiper-scrollbar-size, 4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))}.swiper-vertical>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-vertical{position:absolute;left:var(--swiper-scrollbar-left, auto);right:var(--swiper-scrollbar-right, 4px);top:var(--swiper-scrollbar-sides-offset, 1%);z-index:50;width:var(--swiper-scrollbar-size, 4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));border-radius:var(--swiper-scrollbar-border-radius, 10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>img,.swiper-zoom-container>svg,.swiper-zoom-container>canvas{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification,swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev,.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-top,.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:0.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:\'\';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-top,.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform, opacity, height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block;width:100%;margin:auto;padding:0}@media only screen and (min-width: 768px){:host{padding:0 24px;max-width:100%}}@media only screen and (min-width: 992px){:host{padding:0 56px}}@media only screen and (min-width: 1440px){:host{padding:0}}:host .icon-component-row{display:flex;flex-wrap:wrap;margin:0 -24px;justify-content:center}@media only screen and (min-width: 992px){:host .icon-component-row{margin:0 -40px}}:host .icon-component-row ::slotted(.icon-component){flex-grow:1;max-width:50%;width:50%;padding:0 24px;margin:40px 0}@media only screen and (min-width: 992px){:host .icon-component-row ::slotted(.icon-component){padding:0 40px;margin:44px 0}}@media only screen and (min-width: 1440px){:host .icon-component-row ::slotted(.icon-component){max-width:33.333333%;width:33.333333%}}:host .swiper-container{position:relative;padding:44px 0;height:100%}:host .swiper-container .swiper-wrapper{height:auto;min-height:100%}:host .swiper-container .icon-component{text-align:center}:host .swiper-container .icon-component ptc-tooltip>.sc-ptc-tooltip:last-child{display:none}:host .swiper-container .icon-component ptc-title .sc-ptc-title-s{margin:12px auto 6px auto;max-width:85%;display:block}:host .swiper-container .swiper-pagination-fraction{top:0px;bottom:auto}:host .swiper-container .swiper-pagination-bullet{width:20px;height:20px;text-align:center;line-height:20px;font-size:12px;opacity:1;border-radius:50%;margin:0px 14px;cursor:pointer;border:2px solid var(--color-gray-03);background-color:transparent;position:relative}:host .swiper-container .swiper-pagination-bullet::after{content:"";display:block;position:absolute;width:32px;height:1px;border-top:2px solid var(--color-gray-03);margin-top:-1px;z-index:-1;top:50%;left:20px}:host .swiper-container .swiper-pagination-bullet:last-child::after{display:none}:host .swiper-container .swiper-pagination-bullet-active{color:var(--color-white);background-image:url(\'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><defs><style> .cls-1 { fill: %2300890B; } .cls-2 { fill: %23f3f3f3; } </style></defs><circle id="Ellipse_1_copy_2" data-name="Ellipse 1 copy 2" class="cls-1" cx="10" cy="10" r="10"/><circle id="Ellipse_1_copy" data-name="Ellipse 1 copy" class="cls-2" cx="10" cy="10" r="7.781"/><circle class="cls-1" cx="10" cy="10" r="5"/></svg>\');background-position:50%;background-repeat:no-repeat;border:2px solid transparent}:host .swiper-container .swiper-button-next:after,:host .swiper-container .swiper-button-prev:after{display:none}:host .swiper-container .swiper-button-next{right:0;top:84px;width:44px;height:44px}:host .swiper-container .swiper-button-prev{left:0;top:84px;height:44px;width:44px}:host .ptc-link{font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-extrabold);line-height:var(--ptc-line-height-densest);color:var(--color-gray-10);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}:host .ptc-link:hover{color:var(--color-green-06)}:host .ptc-link:visited{color:var(--color-gray-10)}:host .ptc-link:active,:host .ptc-link:visited:active{transition:none;color:var(--color-green-06)}:host .ptc-link:hover,:host .ptc-link:visited:hover{color:var(--color-green-06)}:host(.mobileView) .icon-component-row{display:none}:host(.mobileView) .swiper-container{display:block}:host(.desktopView) .icon-component-row{display:flex}:host(.desktopView) .swiper-container{display:none}';export{n as ptc_icon_component}
1
+ import{r as i,h as e,H as r,g as t}from"./p-ac75c7ad.js";import{S as s}from"./p-5292a000.js";import{N as a,P as o}from"./p-f5dfa530.js";import{S as p}from"./p-d9c54a1d.js";const n=class{constructor(e){i(this,e),this.isMobile=void 0}handleResize(){this.isMobile=window.innerWidth<768||screen.width<768}componentWillLoad(){this.isMobile=window.innerWidth<768||screen.width<768}componentDidLoad(){this.renderSlides(),setTimeout((()=>{this.initSlider()}),200)}componentDidUpdate(){setTimeout((()=>{this.initSlider()}),200)}renderSlides(){const i=Array.from(this.hostElement.querySelectorAll(".icon-component"));if(i.length>0){const e=this.hostElement.shadowRoot.querySelector(".swiper-wrapper");i.forEach((i=>{const r=document.createElement("div");r.classList.add("swiper-slide");let t=i.cloneNode(!0);r.appendChild(t),e.appendChild(r)}))}}initSlider(){this.swiperWrapperRef&&(this.iconSwiper=new s(this.swiperWrapperRef,{modules:[a,o,p],slidesPerView:1,loop:!0,autoHeight:!0,spaceBetween:24,pagination:{el:this.swiperPaginationRef,clickable:!0,type:"fraction"},navigation:{nextEl:this.swiperButtonNextRef,prevEl:this.swiperButtonPrevRef}}))}disconnectedCallback(){console.log("Running disconnectedCb"),this.iconSwiper&&(this.iconSwiper.destroy(!0,!0),this.iconSwiper=null)}render(){return e(r,{class:this.isMobile?"mobileView":"desktopView"},e("div",{class:"icon-component-row"},e("slot",null)),e("div",{class:"swiper-container",ref:i=>this.swiperWrapperRef=i},e("div",{class:"swiper-wrapper"}),e("div",{class:"swiper-pagination",ref:i=>this.swiperPaginationRef=i}),e("div",{class:"swiper-button-next",ref:i=>this.swiperButtonNextRef=i},e("svg",{width:"20",height:"20",viewBox:"0 0 14 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("path",{d:"M0.75 17.25L8 10L0.75 2.75L3.375 0.125L13.25 10L3.375 19.875L0.75 17.25Z",fill:"#323B42"}))),e("div",{class:"swiper-button-prev",ref:i=>this.swiperButtonPrevRef=i},e("svg",{width:"20",height:"20",viewBox:"0 0 14 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("path",{d:"M13.25 2.75L6 10L13.25 17.25L10.625 19.875L0.749999 10L10.625 0.125L13.25 2.75Z",fill:"#323B42"})))))}get hostElement(){return t(this)}};n.style='@font-face{font-family:\'swiper-icons\';src:url(\'data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA\');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff;}.swiper,swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px, 0, 0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide,swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform, height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0, 0, 0, 0.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-centered>.swiper-wrapper::before{content:\'\';flex-shrink:0;order:9999}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:\'\';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px;}.swiper-button-prev,.swiper-button-next{position:absolute;top:var(--swiper-navigation-top-offset, 50%);width:calc(var(--swiper-navigation-size) / 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity:0.35;cursor:auto;pointer-events:none}.swiper-button-prev.swiper-button-hidden,.swiper-button-next.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-prev,.swiper-navigation-disabled .swiper-button-next{display:none !important}.swiper-button-prev:after,.swiper-button-next:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none !important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset, 10px);right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:\'prev\'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset, 10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:\'next\'}.swiper-button-lock{display:none}:root{}.swiper-pagination{position:absolute;text-align:center;transition:300ms opacity;transform:translate3d(0, 0, 0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none !important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(0.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(0.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(0.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, 0.2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none !important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0px, -50%, 0)}.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:200ms transform, 200ms top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:200ms transform, 200ms left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,:host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:200ms transform, 200ms right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));position:absolute;}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}:root{}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius, 10px);position:relative;-ms-touch-action:none;background:var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none !important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset, 1%);bottom:var(--swiper-scrollbar-bottom, 4px);top:var(--swiper-scrollbar-top, auto);z-index:50;height:var(--swiper-scrollbar-size, 4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))}.swiper-vertical>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-vertical{position:absolute;left:var(--swiper-scrollbar-left, auto);right:var(--swiper-scrollbar-right, 4px);top:var(--swiper-scrollbar-sides-offset, 1%);z-index:50;width:var(--swiper-scrollbar-size, 4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));border-radius:var(--swiper-scrollbar-border-radius, 10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>img,.swiper-zoom-container>svg,.swiper-zoom-container>canvas{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification,swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev,.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-top,.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:0.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:\'\';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-top,.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform, opacity, height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block;width:100%;margin:auto;padding:0}@media only screen and (min-width: 768px){:host{padding:0 24px;max-width:100%}}@media only screen and (min-width: 992px){:host{padding:0 56px}}@media only screen and (min-width: 1440px){:host{padding:0}}:host .icon-component-row{display:flex;flex-wrap:wrap;margin:0 -24px;justify-content:center}@media only screen and (min-width: 992px){:host .icon-component-row{margin:0 -40px}}:host .icon-component-row ::slotted(.icon-component){flex-grow:1;max-width:50%;width:50%;padding:0 24px;margin:40px 0}@media only screen and (min-width: 992px){:host .icon-component-row ::slotted(.icon-component){padding:0 40px;margin:44px 0}}@media only screen and (min-width: 1440px){:host .icon-component-row ::slotted(.icon-component){max-width:33.333333%;width:33.333333%}}:host .swiper-container{position:relative;padding:44px 0;height:100%}:host .swiper-container .swiper-wrapper{height:auto;min-height:100%}:host .swiper-container .icon-component{text-align:center}:host .swiper-container .icon-component ptc-tooltip>.sc-ptc-tooltip:last-child{display:none}:host .swiper-container .icon-component ptc-title .sc-ptc-title-s{margin:12px auto 6px auto;max-width:85%;display:block}:host .swiper-container .swiper-pagination-fraction{top:0px;bottom:auto}:host .swiper-container .swiper-pagination-bullet{width:20px;height:20px;text-align:center;line-height:20px;font-size:12px;opacity:1;border-radius:50%;margin:0px 14px;cursor:pointer;border:2px solid var(--color-gray-03);background-color:transparent;position:relative}:host .swiper-container .swiper-pagination-bullet::after{content:"";display:block;position:absolute;width:32px;height:1px;border-top:2px solid var(--color-gray-03);margin-top:-1px;z-index:-1;top:50%;left:20px}:host .swiper-container .swiper-pagination-bullet:last-child::after{display:none}:host .swiper-container .swiper-pagination-bullet-active{color:var(--color-white);background-image:url(\'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><defs><style> .cls-1 { fill: %2300890B; } .cls-2 { fill: %23f3f3f3; } </style></defs><circle id="Ellipse_1_copy_2" data-name="Ellipse 1 copy 2" class="cls-1" cx="10" cy="10" r="10"/><circle id="Ellipse_1_copy" data-name="Ellipse 1 copy" class="cls-2" cx="10" cy="10" r="7.781"/><circle class="cls-1" cx="10" cy="10" r="5"/></svg>\');background-position:50%;background-repeat:no-repeat;border:2px solid transparent}:host .swiper-container .swiper-button-next:after,:host .swiper-container .swiper-button-prev:after{display:none}:host .swiper-container .swiper-button-next{right:0;top:84px;width:44px;height:44px}:host .swiper-container .swiper-button-prev{left:0;top:84px;height:44px;width:44px}:host .ptc-link{font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-extrabold);line-height:var(--ptc-line-height-densest);color:var(--color-gray-10);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}:host .ptc-link:hover{color:var(--color-green-06)}:host .ptc-link:visited{color:var(--color-gray-10)}:host .ptc-link:active,:host .ptc-link:visited:active{transition:none;color:var(--color-green-06)}:host .ptc-link:hover,:host .ptc-link:visited:hover{color:var(--color-green-06)}:host(.mobileView) .icon-component-row{display:none}:host(.mobileView) .swiper-container{display:block}:host(.desktopView) .icon-component-row{display:flex}:host(.desktopView) .swiper-container{display:none}';export{n as ptc_icon_component}
package/dist/ptcw-design/{p-1ab6201b.entry.js → p-85f32bf5.entry.js} RENAMED
@@ -1 +1 @@
1
- import{r as t,h as e,H as h}from"./p-944c5be8.js";const a=class{constructor(e){t(this,e),this.contentTag=void 0}render(){return e(h,null,e("div",{class:"content-tag"},this.contentTag),e("slot",null))}};a.style="h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block;margin-bottom:var(--ptc-element-spacing-07);padding-top:var(--ptc-element-spacing-07)}@media only screen and (min-width: 768px){:host{padding-top:0}}@media only screen and (min-width: 1440px){:host{margin-bottom:var(--ptc-element-spacing-09)}}:host .content-tag{font-size:var(--ptc-font-size-xx-small);line-height:var(--ptc-line-height-p);font-weight:var(--ptc-font-weight-medium);margin-bottom:var(--ptc-element-spacing-01);color:var(--color-gray-10)}";export{a as ptc_value_led_intro}
1
+ import{r as t,h as e,H as a}from"./p-ac75c7ad.js";const h=class{constructor(e){t(this,e),this.contentTag=void 0}render(){return e(a,null,e("div",{class:"content-tag"},this.contentTag),e("slot",null))}};h.style="h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block;margin-bottom:var(--ptc-element-spacing-07);padding-top:var(--ptc-element-spacing-07)}@media only screen and (min-width: 768px){:host{padding-top:0}}@media only screen and (min-width: 1440px){:host{margin-bottom:var(--ptc-element-spacing-09)}}:host .content-tag{font-size:var(--ptc-font-size-xx-small);line-height:var(--ptc-line-height-p);font-weight:var(--ptc-font-weight-medium);margin-bottom:var(--ptc-element-spacing-01);color:var(--color-gray-10)}";export{h as ptc_value_led_intro}
package/dist/ptcw-design/{p-3b6c2a79.entry.js → p-867a808f.entry.js} RENAMED
@@ -1 +1 @@
1
- import{r as t,c as i,h as e}from"./p-944c5be8.js";var s=Object.defineProperty,h=(t,i,e)=>(((t,i,e)=>{i in t?s(t,i,{enumerable:!0,configurable:!0,writable:!0,value:e}):t[i]=e})(t,"symbol"!=typeof i?i+"":i,e),e);const o=class{constructor(t){h(this,"mobileSelect"),h(this,"trigger"),h(this,"wheelList"),h(this,"sliderList"),h(this,"wheelsContain"),h(this,"panel"),h(this,"ensureBtn"),h(this,"cancelBtn"),h(this,"grayLayer"),h(this,"popUp"),h(this,"initPosition"),h(this,"initColWidth"),h(this,"wheelsData"),h(this,"displayJson"),h(this,"curValue"),h(this,"curIndexArr"),h(this,"isCascade"),h(this,"isJsonType"),h(this,"startY"),h(this,"moveEndY"),h(this,"moveY"),h(this,"preMoveY"),h(this,"offsetY"),h(this,"offsetSum"),h(this,"oversizeBorder"),h(this,"enableClickStatus"),h(this,"optionHeight"),h(this,"curDistance"),h(this,"cascadeJsonData"),h(this,"eventHandleMap"),h(this,"initDeepCount"),h(this,"config"),!o.checkRequiredConfig(t)||(this.config=Object.assign({},o.defaultConfig,t),this.wheelsData=t.wheels,this.isJsonType=!1,this.cascadeJsonData=[],this.displayJson=[],this.curValue=[],this.curIndexArr=[],this.isCascade=!1,this.offsetY=0,this.offsetSum=0,this.curDistance=[],this.enableClickStatus=!1,this.optionHeight=0,this.initPosition=t.position||[],this.initColWidth=t.colWidth||[],this.init())}init(){if(!this.checkTriggerAvailable())return;const{config:t}=this;if(this.isJsonType=o.checkDataType(this.wheelsData),this.renderComponent(this.wheelsData),this.wheelList=this.mobileSelect.getElementsByClassName("ms-wheel"),this.sliderList=this.mobileSelect.getElementsByClassName("ms-select-container"),this.panel=this.mobileSelect.querySelector(".ms-panel"),this.wheelsContain=this.mobileSelect.querySelector(".ms-wheels"),this.ensureBtn=this.mobileSelect.querySelector(".ms-ensure"),this.cancelBtn=this.mobileSelect.querySelector(".ms-cancel"),this.grayLayer=this.mobileSelect.querySelector(".ms-gray-layer"),this.popUp=this.mobileSelect.querySelector(".ms-content"),this.optionHeight=this.mobileSelect.querySelector("li").offsetHeight,t.initValue&&this.setTriggerInnerText(t.initValue),this.setStyle(t),this.isCascade=this.checkCascade(),this.isCascade&&this.initCascade(),t.initValue&&(this.initPosition=this.getPositionByInitValue()),this.initPosition.length<this.sliderList.length){const t=this.sliderList.length-this.initPosition.length;for(let i=0;i<t;i++)this.initPosition.push(0)}this.isCascade?this.initPosition.forEach(((t,i)=>{this.checkRange(i,this.initPosition)})):this.setCurDistance(this.initPosition),this.eventHandleMap={cancelBtn:{event:"click",fn:()=>{var t,i,e,s;this.hide(),null==(i=(t=this.config).cancel)||i.call(t,this.curIndexArr,this.curValue,this),null==(s=(e=this.config).onCancel)||s.call(e,this.curValue,this.curIndexArr,this)}},ensureBtn:{event:"click",fn:()=>{var t,i,e,s;this.hide(),this.optionHeight||(this.optionHeight=this.mobileSelect.querySelector("li").offsetHeight),this.setTriggerInnerText(this.getConnectedString()),this.curIndexArr=this.getIndexArr(),this.curValue=this.getCurValue(),null==(i=(t=this.config).callback)||i.call(t,this.curIndexArr,this.curValue,this),null==(s=(e=this.config).onChange)||s.call(e,this.curValue,this.curIndexArr,this)}},trigger:{event:"click",fn:()=>{this.show()}},grayLayer:{event:"click",fn:()=>this.hide()},popUp:{event:"click",fn:t=>t.stopPropagation()},panel:{event:["touchstart","touchend","touchmove"],fn:t=>this.touch(t)}},!navigator.userAgent.toLowerCase().match(/ipad|iphone os|midp|rv:1.2.3.4|ucweb|android|windows ce|windows mobile/)&&(this.eventHandleMap.panel.event=["mousedown","mousemove","mouseup"]),this.registerEvents("add"),this.fixRowStyle(),t.autoFocus&&this.show()}static checkDataType(t){var i,e;return"object"==typeof(null==(e=null==(i=t[0])?void 0:i.data)?void 0:e[0])}static checkRequiredConfig(t){const i=o.REQUIRED_PARAMS;if(!t){const t=i.map((t=>`'${t}'`));return o.log("error",`missing required param ${t.join(" and ")}.`),!1}for(let e=0;e<i.length;e++){const s=i[e];if(!t[s])return o.log("error",`missing required param '${s}'.`),!1}return!0}static log(t,i){var e;null==(e=console[t])||e.call(console,`[mobile-select]: ${i}`)}checkTriggerAvailable(){const{config:t}=this;return this.trigger=t.trigger instanceof HTMLElement?t.trigger:document.querySelector(t.trigger),!!this.trigger||(o.log("error","trigger HTMLElement does not found on your document."),!1)}getPositionByInitValue(){var t;const{keyMap:i,connector:e,initValue:s}=this.config,h=(null==s?void 0:s.split(e))||[];if(this.isJsonType){let e=null==(t=this.wheelsData[0])?void 0:t.data;return h.reduce(((t,s)=>{var h;const o=null==e?void 0:e.findIndex((t=>t[i.value]==s));return t.push(o<0?0:o),e=null==(h=e[o])?void 0:h[i.childs],t}),[])}return h.reduce(((t,i,e)=>{var s,h;const o=null==(h=null==(s=this.wheelsData[e])?void 0:s.data)?void 0:h.findIndex((t=>t==i));return t.push(o<0?0:o),t}),[])}getConnectedString(){let t="";for(let i=0;i<this.wheelList.length;i++)t+=i==this.wheelList.length-1?this.getInnerText(i):this.getInnerText(i)+this.config.connector;return t}setTriggerInnerText(t){this.config.triggerDisplayValue&&(this.trigger.textContent=t)}setValue(t){if(!t||!t.length)return;if(this.isJsonType&&"object"!=typeof t[0]||!this.isJsonType&&"object"==typeof t[0])return void o.log("error",`The setValue() input format should be same with getValue(), like: ${JSON.stringify(this.getValue())}`);const{keyMap:i}=this.config;t.forEach(((t,e)=>{var s;const h=this.isCascade?this.displayJson[e]:null==(s=this.wheelsData[e])?void 0:s.data,o=null==h?void 0:h.findIndex((e=>this.isJsonType?t[i.id]==e[i.id]||t[i.value]==e[i.value]:t==e));this.locatePosition(e,o)})),this.setTriggerInnerText(this.getConnectedString())}setTitle(t){this.mobileSelect.querySelector(".ms-title").innerHTML=t}setStyle(t){if(t.ensureBtnColor&&(this.ensureBtn.style.color=t.ensureBtnColor),t.cancelBtnColor&&(this.cancelBtn.style.color=t.cancelBtnColor),t.titleColor&&(this.mobileSelect.querySelector(".ms-title").style.color=t.titleColor),t.textColor&&(this.panel=this.mobileSelect.querySelector(".ms-panel"),this.panel.style.color=t.textColor),t.titleBgColor&&(this.mobileSelect.querySelector(".ms-btn-bar").style.backgroundColor=t.titleBgColor),t.bgColor){this.panel=this.mobileSelect.querySelector(".ms-panel");const i=this.mobileSelect.querySelector(".ms-shadow-mask");this.panel.style.backgroundColor=t.bgColor,i.style.background="linear-gradient(to bottom, "+t.bgColor+", rgba(255, 255, 255, 0), "+t.bgColor+")"}"number"==typeof t.maskOpacity&&(this.mobileSelect.querySelector(".ms-gray-layer").style.background="rgba(0, 0, 0, "+t.maskOpacity+")")}show(){var t,i,e;this.mobileSelect.classList.add("ms-show"),null==(t=document.querySelector("body"))||t.classList.add("ms-show"),"function"==typeof this.config.onShow&&(null==(e=(i=this.config).onShow)||e.call(i,this.curValue,this.curIndexArr,this))}hide(){var t,i,e;this.mobileSelect.classList.remove("ms-show"),null==(t=document.querySelector("body"))||t.classList.remove("ms-show"),"function"==typeof this.config.onHide&&(null==(e=(i=this.config).onHide)||e.call(i,this.curValue,this.curIndexArr,this))}registerEvents(t){for(const[i,e]of Object.entries(this.eventHandleMap))"string"==typeof e.event?this[i][`${t}EventListener`](e.event,e.fn,{passive:!1}):e.event.forEach((s=>{this[i][`${t}EventListener`](s,e.fn,{passive:!1})}))}destroy(){var t,i;this.registerEvents("remove"),null==(i=null==(t=this.mobileSelect)?void 0:t.parentNode)||i.removeChild(this.mobileSelect)}getOptionsHtmlStr(t){const{keyMap:i}=this.config;let e="";if(this.isJsonType)for(let s=0;s<t.length;s++)e+=`<li data-id="${t[s][i.id]}">${t[s][i.value]}</li>`;else for(let i=0;i<t.length;i++)e+="<li>"+t[i]+"</li>";return e}renderComponent(t){this.mobileSelect=document.createElement("div"),this.mobileSelect.className="ms-mobile-select",this.mobileSelect.innerHTML=`<div class="ms-gray-layer"></div>\n <div class="ms-content">\n <div class="ms-btn-bar">\n <div class="ms-fix-width">\n <div class="ms-cancel">${this.config.cancelBtnText}</div> \n <div class="ms-title">${this.config.title||""}</div>\n <div class="ms-ensure">${this.config.ensureBtnText}</div>\n </div>\n </div>\n <div class="ms-panel">\n <div class="ms-fix-width">\n <div class="ms-wheels"></div>\n <div class="ms-select-line"></div>\n <div class="ms-shadow-mask"></div>\n </div>\n </div>`,document.body.appendChild(this.mobileSelect);let i="";for(let e=0;e<t.length;e++)i+=`<div class="ms-wheel" data-index="${e}"><ul class="ms-select-container">`,i+=this.getOptionsHtmlStr(t[e].data),i+="</ul></div>";this.mobileSelect.querySelector(".ms-wheels").innerHTML=i}reRenderWheels(){const t=this.wheelList.length-this.displayJson.length;if(t>0)for(let i=0;i<t;i++)this.wheelsContain.removeChild(this.wheelList[this.wheelList.length-1]);for(let t=0;t<this.displayJson.length;t++)if(this.wheelList[t])this.sliderList[t].innerHTML=this.getOptionsHtmlStr(this.displayJson[t]);else{const i=document.createElement("div");i.className="ms-wheel",i.innerHTML=`<ul class="ms-select-container">${this.getOptionsHtmlStr(this.displayJson[t])}</ul>`,i.setAttribute("data-index",t.toString()),this.wheelsContain.appendChild(i)}}checkCascade(){var t;const{keyMap:i}=this.config;if(this.isJsonType){const e=this.wheelsData[0].data;for(let s=0;s<e.length;s++)if(i.childs in e[s]&&(null==(t=e[s][i.childs])?void 0:t.length)>0)return this.cascadeJsonData=this.wheelsData[0].data,!0}return!1}initCascade(){this.displayJson.push(this.cascadeJsonData),this.initPosition.length>0?(this.initDeepCount=0,this.initCheckArrDeep(this.cascadeJsonData[this.initPosition[0]])):this.checkArrDeep(this.cascadeJsonData[0]),this.reRenderWheels()}initCheckArrDeep(t){if(t){const{keyMap:i}=this.config;if(i.childs in t&&t[i.childs].length>0){this.displayJson.push(t[i.childs]),this.initDeepCount++;const e=t[i.childs][this.initPosition[this.initDeepCount]];e?this.initCheckArrDeep(e):this.checkArrDeep(t[i.childs][0])}}}checkArrDeep(t){if(!t)return;const{keyMap:i}=this.config;i.childs in t&&t[i.childs].length>0&&(this.displayJson.push(t[i.childs]),this.checkArrDeep(t[i.childs][0]))}checkRange(t,i){var e;const s=this.displayJson.length-1-t,{keyMap:h}=this.config;for(let t=0;t<s;t++)this.displayJson.pop();let o;for(let s=0;s<=t;s++)o=0==s?this.cascadeJsonData[i[0]]:null==(e=null==o?void 0:o[h.childs])?void 0:e[i[s]];this.checkArrDeep(o),this.reRenderWheels(),this.fixRowStyle(),this.setCurDistance(this.resetPosition(t,i))}resetPosition(t,i){const e=[...i];let s;if(this.sliderList.length>i.length){s=this.sliderList.length-i.length;for(let t=0;t<s;t++)e.push(0)}else if(this.sliderList.length<i.length){s=i.length-this.sliderList.length;for(let t=0;t<s;t++)e.pop()}for(let i=t+1;i<e.length;i++)e[i]=0;return e}updateWheels(t){if(this.isCascade){if(this.cascadeJsonData=t,this.displayJson=[],this.initCascade(),this.initPosition.length<this.sliderList.length){const t=this.sliderList.length-this.initPosition.length;for(let i=0;i<t;i++)this.initPosition.push(0)}this.setCurDistance(this.initPosition),this.fixRowStyle()}}updateWheel(t,i){if(this.isCascade)return void o.log("error","'updateWheel()' not support cascade json data, please use 'updateWheels()' instead to update the whole data source");let e="";e+=this.getOptionsHtmlStr(i),this.wheelsData[t]=this.isJsonType?{data:i}:i,this.sliderList[t].innerHTML=e}fixRowStyle(){if(this.initColWidth.length&&this.initColWidth.length===this.wheelList.length){const t=this.initColWidth.reduce(((t,i)=>t+i),0);return void this.initColWidth.forEach(((i,e)=>{this.wheelList[e].style.width=(i/t*100).toFixed(2)+"%"}))}const t=(100/this.wheelList.length).toFixed(2);for(let i=0;i<this.wheelList.length;i++)this.wheelList[i].style.width=t+"%"}getIndex(t){return Math.round((2*this.optionHeight-t)/this.optionHeight)}getIndexArr(){const t=[];for(let i=0;i<this.curDistance.length;i++)t.push(this.getIndex(this.curDistance[i]));return t}getCurValue(){const t=[],i=this.getIndexArr(),{keyMap:e}=this.config;if(this.isCascade)for(let s=0;s<this.wheelList.length;s++){const h=this.displayJson[s][i[s]];h&&t.push({[e.id]:h[e.id],[e.value]:h[e.value]})}else if(this.isJsonType)for(let i=0;i<this.curDistance.length;i++)t.push(this.wheelsData[i].data[this.getIndex(this.curDistance[i])]);else for(let i=0;i<this.curDistance.length;i++)t.push(this.getInnerText(i));return t}getValue(){return this.getCurValue()}calcDistance(t){return 2*this.optionHeight-t*this.optionHeight}setCurDistance(t){const i=[];for(let e=0;e<this.sliderList.length;e++)i.push(this.calcDistance(t[e])),this.movePosition(this.sliderList[e],i[e]);this.curDistance=i}fixPosition(t){return-(this.getIndex(t)-2)*this.optionHeight}movePosition(t,i){t.style.transform="translate3d(0,"+i+"px, 0)"}locatePosition(t,i){void 0===t||void 0===i||i<0||(this.curDistance[t]=this.calcDistance(i),this.movePosition(this.sliderList[t],this.curDistance[t]),this.isCascade&&this.checkRange(t,this.getIndexArr()))}updateCurDistance(t,i){this.curDistance[i]=parseInt(t.style.transform.split(",")[1])}getInnerText(t){var i;const e=this.sliderList[t].getElementsByTagName("li").length;let s=this.getIndex(this.curDistance[t]);return s>=e?s=e-1:s<0&&(s=0),(null==(i=this.sliderList[t].getElementsByTagName("li")[s])?void 0:i.textContent)||""}touch(t){var i,e,s,h,o,n,l,r;const a=(t.composedPath&&t.composedPath()).find((t=>{var i;return null==(i=t.classList)?void 0:i.contains("ms-wheel")}));if(!a)return;const c=a.firstChild,p=parseInt(a.getAttribute("data-index")||"0");switch(t.type){case"touchstart":case"mousedown":c.style.transition="none 0s ease-out",this.startY=Math.floor(t instanceof TouchEvent?t.touches[0].clientY:t.clientY),this.preMoveY=this.startY,"mousedown"===t.type&&(this.enableClickStatus=!0);break;case"touchmove":case"mousemove":if(t.preventDefault(),"mousemove"===t.type&&!this.enableClickStatus)break;this.moveY=Math.floor(t instanceof TouchEvent?t.touches[0].clientY:t.clientY),this.offsetY=(this.moveY-this.preMoveY)*this.config.scrollSpeed,this.updateCurDistance(c,p),this.curDistance[p]=this.curDistance[p]+this.offsetY,this.movePosition(c,this.curDistance[p]),this.preMoveY=this.moveY;break;case"touchend":case"mouseup":if(c.style.transition="transform 0.18s ease-out",this.moveEndY=Math.floor(t instanceof TouchEvent?t.changedTouches[0].clientY:t.clientY),this.offsetSum=this.moveEndY-this.startY,this.oversizeBorder=-(c.getElementsByTagName("li").length-3)*this.optionHeight,0==this.offsetSum){const t=Math.floor((window.innerHeight-this.moveEndY)/40);if(2!=t){const o=this.curDistance[p]+(t-2)*this.optionHeight;o<=2*this.optionHeight&&o>=this.oversizeBorder&&(this.curDistance[p]=o,this.movePosition(c,this.curDistance[p]),null==(e=(i=this.config).transitionEnd)||e.call(i,this.getIndexArr(),this.getCurValue(),this),null==(h=(s=this.config).onTransitionEnd)||h.call(s,this.getCurValue(),this.getIndexArr(),this))}}else this.updateCurDistance(c,p),this.curDistance[p]=this.fixPosition(this.curDistance[p]),this.curDistance[p]>2*this.optionHeight?this.curDistance[p]=2*this.optionHeight:this.curDistance[p]<this.oversizeBorder&&(this.curDistance[p]=this.oversizeBorder),this.movePosition(c,this.curDistance[p]),null==(n=(o=this.config).transitionEnd)||n.call(o,this.getIndexArr(),this.getCurValue(),this),null==(r=(l=this.config).onTransitionEnd)||r.call(l,this.getCurValue(),this.getIndexArr(),this);"mouseup"===t.type&&(this.enableClickStatus=!1),this.isCascade&&this.checkRange(p,this.getIndexArr())}}};let n=o;h(n,"defaultConfig",{keyMap:{id:"id",value:"value",childs:"childs"},position:[],colWidth:[],title:"",connector:" ",ensureBtnText:"确认",cancelBtnText:"取消",triggerDisplayValue:!0,scrollSpeed:1}),h(n,"REQUIRED_PARAMS",["trigger","wheels"]);class l{}const r=class{constructor(e){t(this,e),this.selectionChanged=i(this,"selectionChanged",7),this.triggerName=void 0,this.selectedText=void 0,this.wheelData=void 0,this.selectedId="",this.ensureBtnText="Confirm",this.cancelBtnText="Cancel",this.listTitle=void 0,this.notFoundPopupProceedButton=void 0}componentWillLoad(){this.notFoundPopupProceedButton=document.querySelector("#translation-popup-button"),this.notFoundPopupProceedButton&&this.notFoundPopupProceedButton.addEventListener("click",(()=>{let t=document.querySelector("footer-nav");if(t){let i=t.getAttribute("ms-selected-text"),e=document.querySelector("footer-nav #lang-ddl");e&&i&&(e.innerHTML=i)}}))}wrapperClick(t){if(t&&(t.preventDefault(),t.target.id!=this.triggerName)){let i=t.currentTarget.querySelector(`#${this.triggerName}`);i&&i.click()}}render(){return e("div",{class:"mobile-select-wrapper","aria-selectlanguage":"Select Language",tabindex:"0",onKeyPress:t=>{this.wrapperClick(t)}},e("div",{onClick:t=>{this.wrapperClick(t)}},e("span",{id:this.triggerName},this.selectedText),e("icon-asset",{type:"ptc",size:"x-small",name:"lang-drop-arrow",color:"white","is-mobile-select":"true","injected-style":"svg.ismobileselect{transform:translateX(10px); width: 13px !important;height: 10px !important;}"})))}componentDidRender(){let t=this,i=0;new n({trigger:`#${this.triggerName}`,title:`${this.listTitle?this.listTitle:""}`,wheels:this.wheelData?[{data:this.wheelData}]:[{data:["test1","test2"]}],position:[0],ensureBtnText:this.ensureBtnText,cancelBtnText:this.cancelBtnText,ensureBtnColor:"var(--color-gray-12)",cancelBtnColor:"var(--color-gray-12)",titleColor:"var(--color-gray-12)",onShow:function(e,s,h){if(t.selectedId)try{const e=t.getMobileSelectedItem(h);h.locatePosition(0,e.index),i=e.index}catch(t){console.log(t)}},callback:function(i,e,s){if(this.selectionChanged.emit({sender:s,index:i&&i.length>0?i[0]:-1,data:e&&e.length>0?e[0]:void 0}),e&&e[0]&&"#"!=e[0].id)window.location.href=e[0].id;else if(!i||isNaN(i[0])){const i=t.getMobileSelectedItem(s);s.locatePosition(0,i.index),s.setValue(this.wheelData[i.index]),s.setTriggerInnerText(i.value),s.show()}}.bind(this)}).locatePosition(0,i)}getMobileSelectedItem(t){let i=new l;return i.id=this.selectedId,t.mobileSelect.querySelectorAll("[data-id]").forEach(((t,e)=>{if(t.getAttribute("data-id")==i.id)return i.index=e,void(i.value=t.textContent)})),i}};r.style='.ms-mobile-select{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;opacity:0;visibility:hidden;-webkit-transition:opacity 0.4s, z-index 0.4s;transition:opacity 0.4s, z-index 0.4s;transform:translate(0, 0)}.ms-mobile-select *{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.ms-mobile-select .ms-gray-layer{position:fixed;top:0;left:0;bottom:0;right:0;background:rgba(0, 0, 0, 0.7);z-index:888;display:block}.ms-mobile-select .ms-content{width:100%;display:block;position:fixed;z-index:889;color:black;-webkit-transition:all 0.4s;transition:all 0.4s;bottom:-350px;left:0;background:white}.ms-mobile-select .ms-fix-width{width:90%;margin:0 auto;position:relative}.ms-mobile-select .ms-fix-width:after{content:".";display:block;height:0;clear:both;visibility:hidden}.ms-mobile-select .ms-btn-bar{border-bottom:1px solid #dcdcdc;font-size:15px;height:45px;position:relative;text-align:center;line-height:45px}.ms-mobile-select .ms-cancel,.ms-mobile-select .ms-ensure{height:45px;width:55px;cursor:pointer;position:absolute;top:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.ms-mobile-select .ms-cancel{left:0;color:#666}.ms-mobile-select .ms-ensure{right:0;color:#1e83d3}.ms-mobile-select .ms-title{font-size:15px;padding:0 15%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ms-mobile-select .ms-panel:after{content:".";display:block;height:0;clear:both;visibility:hidden}.ms-mobile-select .ms-wheels{width:100%;height:200px;overflow:hidden}.ms-mobile-select .ms-wheel{position:relative;z-index:0;float:left;width:50%;height:200px;overflow:hidden;-webkit-transition:width 0.3s ease;transition:width 0.3s ease}.ms-mobile-select .ms-select-container{display:block;text-align:center}.ms-mobile-select .ms-select-container li{font-size:15px;display:block;height:40px;line-height:40px;cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.ms-mobile-select .ms-select-line{height:40px;width:100%;position:absolute;top:80px;pointer-events:none;-webkit-box-sizing:border-box;box-sizing:border-box;border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc}.ms-mobile-select .ms-shadow-mask{position:absolute;top:0;width:100%;height:200px;background:linear-gradient(to bottom, #fffffff5, #ffffffcc 25%, #ffffff00 49%, #ffffff00 51%, #ffffffcc 75%, #fffffff5);opacity:0.9;pointer-events:none}.ms-mobile-select.ms-show{opacity:1;z-index:10000;visibility:visible}.ms-mobile-select.ms-show .ms-content{bottom:0}.ms-default-trigger{min-height:1em;color:#888}body.ms-show{overflow-y:hidden}h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}.mobile-select-wrapper{display:block;cursor:pointer}.mobile-select-wrapper div{display:inline;margin-right:var(--ptc-element-spacing-03);width:100%;font-family:var(--ptc-font-latin);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-densest);color:var(--color-white);height:18px}.mobile-select-wrapper:focus-visible{padding:2px;border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}.mobileSelect .content{top:auto}.mobileSelect .content .btnBar{border-color:var(--color-gray-10)}.mobileSelect .content .btnBar .cancel,.mobileSelect .content .btnBar .ensure,.mobileSelect .content .btnBar .title{font-family:var(--ptc-font-latin);font-weight:var(--ptc-font-weight-semibold);font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-densest)}.mobileSelect .content .btnBar .ensure,.mobileSelect .content .btnBar .cancel{transform:translateY(12.5px);width:125px}.mobileSelect .content .panel .wheel .selectContainer li{font-family:var(--ptc-font-latin);font-weight:var(--ptc-font-weight-semibold);font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-densest);height:45px}ptc-responsive-wrapper.xsmall .mobile-select-wrapper,ptc-responsive-wrapper.small .mobile-select-wrapper{display:block}ptc-responsive-wrapper.medium .mobile-select-wrapper,ptc-responsive-wrapper.large .mobile-select-wrapper,ptc-responsive-wrapper.xlarge .mobile-select-wrapper,ptc-responsive-wrapper.xxlarge .mobile-select-wrapper,ptc-responsive-wrapper.large2k .mobile-select-wrapper,ptc-responsive-wrapper.large4k .mobile-select-wrapper{display:none}.ms-mobile-select.ms-show .ms-cancel,.ms-mobile-select.ms-show .ms-ensure{width:auto}';export{r as ptc_mobile_select}
1
+ import{r as t,c as i,h as e}from"./p-ac75c7ad.js";var s=Object.defineProperty,h=(t,i,e)=>(((t,i,e)=>{i in t?s(t,i,{enumerable:!0,configurable:!0,writable:!0,value:e}):t[i]=e})(t,"symbol"!=typeof i?i+"":i,e),e);const o=class{constructor(t){h(this,"mobileSelect"),h(this,"trigger"),h(this,"wheelList"),h(this,"sliderList"),h(this,"wheelsContain"),h(this,"panel"),h(this,"ensureBtn"),h(this,"cancelBtn"),h(this,"grayLayer"),h(this,"popUp"),h(this,"initPosition"),h(this,"initColWidth"),h(this,"wheelsData"),h(this,"displayJson"),h(this,"curValue"),h(this,"curIndexArr"),h(this,"isCascade"),h(this,"isJsonType"),h(this,"startY"),h(this,"moveEndY"),h(this,"moveY"),h(this,"preMoveY"),h(this,"offsetY"),h(this,"offsetSum"),h(this,"oversizeBorder"),h(this,"enableClickStatus"),h(this,"optionHeight"),h(this,"curDistance"),h(this,"cascadeJsonData"),h(this,"eventHandleMap"),h(this,"initDeepCount"),h(this,"config"),!o.checkRequiredConfig(t)||(this.config=Object.assign({},o.defaultConfig,t),this.wheelsData=t.wheels,this.isJsonType=!1,this.cascadeJsonData=[],this.displayJson=[],this.curValue=[],this.curIndexArr=[],this.isCascade=!1,this.offsetY=0,this.offsetSum=0,this.curDistance=[],this.enableClickStatus=!1,this.optionHeight=0,this.initPosition=t.position||[],this.initColWidth=t.colWidth||[],this.init())}init(){if(!this.checkTriggerAvailable())return;const{config:t}=this;if(this.isJsonType=o.checkDataType(this.wheelsData),this.renderComponent(this.wheelsData),this.wheelList=this.mobileSelect.getElementsByClassName("ms-wheel"),this.sliderList=this.mobileSelect.getElementsByClassName("ms-select-container"),this.panel=this.mobileSelect.querySelector(".ms-panel"),this.wheelsContain=this.mobileSelect.querySelector(".ms-wheels"),this.ensureBtn=this.mobileSelect.querySelector(".ms-ensure"),this.cancelBtn=this.mobileSelect.querySelector(".ms-cancel"),this.grayLayer=this.mobileSelect.querySelector(".ms-gray-layer"),this.popUp=this.mobileSelect.querySelector(".ms-content"),this.optionHeight=this.mobileSelect.querySelector("li").offsetHeight,t.initValue&&this.setTriggerInnerText(t.initValue),this.setStyle(t),this.isCascade=this.checkCascade(),this.isCascade&&this.initCascade(),t.initValue&&(this.initPosition=this.getPositionByInitValue()),this.initPosition.length<this.sliderList.length){const t=this.sliderList.length-this.initPosition.length;for(let i=0;i<t;i++)this.initPosition.push(0)}this.isCascade?this.initPosition.forEach(((t,i)=>{this.checkRange(i,this.initPosition)})):this.setCurDistance(this.initPosition),this.eventHandleMap={cancelBtn:{event:"click",fn:()=>{var t,i,e,s;this.hide(),null==(i=(t=this.config).cancel)||i.call(t,this.curIndexArr,this.curValue,this),null==(s=(e=this.config).onCancel)||s.call(e,this.curValue,this.curIndexArr,this)}},ensureBtn:{event:"click",fn:()=>{var t,i,e,s;this.hide(),this.optionHeight||(this.optionHeight=this.mobileSelect.querySelector("li").offsetHeight),this.setTriggerInnerText(this.getConnectedString()),this.curIndexArr=this.getIndexArr(),this.curValue=this.getCurValue(),null==(i=(t=this.config).callback)||i.call(t,this.curIndexArr,this.curValue,this),null==(s=(e=this.config).onChange)||s.call(e,this.curValue,this.curIndexArr,this)}},trigger:{event:"click",fn:()=>{this.show()}},grayLayer:{event:"click",fn:()=>this.hide()},popUp:{event:"click",fn:t=>t.stopPropagation()},panel:{event:["touchstart","touchend","touchmove"],fn:t=>this.touch(t)}},!navigator.userAgent.toLowerCase().match(/ipad|iphone os|midp|rv:1.2.3.4|ucweb|android|windows ce|windows mobile/)&&(this.eventHandleMap.panel.event=["mousedown","mousemove","mouseup"]),this.registerEvents("add"),this.fixRowStyle(),t.autoFocus&&this.show()}static checkDataType(t){var i,e;return"object"==typeof(null==(e=null==(i=t[0])?void 0:i.data)?void 0:e[0])}static checkRequiredConfig(t){const i=o.REQUIRED_PARAMS;if(!t){const t=i.map((t=>`'${t}'`));return o.log("error",`missing required param ${t.join(" and ")}.`),!1}for(let e=0;e<i.length;e++){const s=i[e];if(!t[s])return o.log("error",`missing required param '${s}'.`),!1}return!0}static log(t,i){var e;null==(e=console[t])||e.call(console,`[mobile-select]: ${i}`)}checkTriggerAvailable(){const{config:t}=this;return this.trigger=t.trigger instanceof HTMLElement?t.trigger:document.querySelector(t.trigger),!!this.trigger||(o.log("error","trigger HTMLElement does not found on your document."),!1)}getPositionByInitValue(){var t;const{keyMap:i,connector:e,initValue:s}=this.config,h=(null==s?void 0:s.split(e))||[];if(this.isJsonType){let e=null==(t=this.wheelsData[0])?void 0:t.data;return h.reduce(((t,s)=>{var h;const o=null==e?void 0:e.findIndex((t=>t[i.value]==s));return t.push(o<0?0:o),e=null==(h=e[o])?void 0:h[i.childs],t}),[])}return h.reduce(((t,i,e)=>{var s,h;const o=null==(h=null==(s=this.wheelsData[e])?void 0:s.data)?void 0:h.findIndex((t=>t==i));return t.push(o<0?0:o),t}),[])}getConnectedString(){let t="";for(let i=0;i<this.wheelList.length;i++)t+=i==this.wheelList.length-1?this.getInnerText(i):this.getInnerText(i)+this.config.connector;return t}setTriggerInnerText(t){this.config.triggerDisplayValue&&(this.trigger.textContent=t)}setValue(t){if(!t||!t.length)return;if(this.isJsonType&&"object"!=typeof t[0]||!this.isJsonType&&"object"==typeof t[0])return void o.log("error",`The setValue() input format should be same with getValue(), like: ${JSON.stringify(this.getValue())}`);const{keyMap:i}=this.config;t.forEach(((t,e)=>{var s;const h=this.isCascade?this.displayJson[e]:null==(s=this.wheelsData[e])?void 0:s.data,o=null==h?void 0:h.findIndex((e=>this.isJsonType?t[i.id]==e[i.id]||t[i.value]==e[i.value]:t==e));this.locatePosition(e,o)})),this.setTriggerInnerText(this.getConnectedString())}setTitle(t){this.mobileSelect.querySelector(".ms-title").innerHTML=t}setStyle(t){if(t.ensureBtnColor&&(this.ensureBtn.style.color=t.ensureBtnColor),t.cancelBtnColor&&(this.cancelBtn.style.color=t.cancelBtnColor),t.titleColor&&(this.mobileSelect.querySelector(".ms-title").style.color=t.titleColor),t.textColor&&(this.panel=this.mobileSelect.querySelector(".ms-panel"),this.panel.style.color=t.textColor),t.titleBgColor&&(this.mobileSelect.querySelector(".ms-btn-bar").style.backgroundColor=t.titleBgColor),t.bgColor){this.panel=this.mobileSelect.querySelector(".ms-panel");const i=this.mobileSelect.querySelector(".ms-shadow-mask");this.panel.style.backgroundColor=t.bgColor,i.style.background="linear-gradient(to bottom, "+t.bgColor+", rgba(255, 255, 255, 0), "+t.bgColor+")"}"number"==typeof t.maskOpacity&&(this.mobileSelect.querySelector(".ms-gray-layer").style.background="rgba(0, 0, 0, "+t.maskOpacity+")")}show(){var t,i,e;this.mobileSelect.classList.add("ms-show"),null==(t=document.querySelector("body"))||t.classList.add("ms-show"),"function"==typeof this.config.onShow&&(null==(e=(i=this.config).onShow)||e.call(i,this.curValue,this.curIndexArr,this))}hide(){var t,i,e;this.mobileSelect.classList.remove("ms-show"),null==(t=document.querySelector("body"))||t.classList.remove("ms-show"),"function"==typeof this.config.onHide&&(null==(e=(i=this.config).onHide)||e.call(i,this.curValue,this.curIndexArr,this))}registerEvents(t){for(const[i,e]of Object.entries(this.eventHandleMap))"string"==typeof e.event?this[i][`${t}EventListener`](e.event,e.fn,{passive:!1}):e.event.forEach((s=>{this[i][`${t}EventListener`](s,e.fn,{passive:!1})}))}destroy(){var t,i;this.registerEvents("remove"),null==(i=null==(t=this.mobileSelect)?void 0:t.parentNode)||i.removeChild(this.mobileSelect)}getOptionsHtmlStr(t){const{keyMap:i}=this.config;let e="";if(this.isJsonType)for(let s=0;s<t.length;s++)e+=`<li data-id="${t[s][i.id]}">${t[s][i.value]}</li>`;else for(let i=0;i<t.length;i++)e+="<li>"+t[i]+"</li>";return e}renderComponent(t){this.mobileSelect=document.createElement("div"),this.mobileSelect.className="ms-mobile-select",this.mobileSelect.innerHTML=`<div class="ms-gray-layer"></div>\n <div class="ms-content">\n <div class="ms-btn-bar">\n <div class="ms-fix-width">\n <div class="ms-cancel">${this.config.cancelBtnText}</div> \n <div class="ms-title">${this.config.title||""}</div>\n <div class="ms-ensure">${this.config.ensureBtnText}</div>\n </div>\n </div>\n <div class="ms-panel">\n <div class="ms-fix-width">\n <div class="ms-wheels"></div>\n <div class="ms-select-line"></div>\n <div class="ms-shadow-mask"></div>\n </div>\n </div>`,document.body.appendChild(this.mobileSelect);let i="";for(let e=0;e<t.length;e++)i+=`<div class="ms-wheel" data-index="${e}"><ul class="ms-select-container">`,i+=this.getOptionsHtmlStr(t[e].data),i+="</ul></div>";this.mobileSelect.querySelector(".ms-wheels").innerHTML=i}reRenderWheels(){const t=this.wheelList.length-this.displayJson.length;if(t>0)for(let i=0;i<t;i++)this.wheelsContain.removeChild(this.wheelList[this.wheelList.length-1]);for(let t=0;t<this.displayJson.length;t++)if(this.wheelList[t])this.sliderList[t].innerHTML=this.getOptionsHtmlStr(this.displayJson[t]);else{const i=document.createElement("div");i.className="ms-wheel",i.innerHTML=`<ul class="ms-select-container">${this.getOptionsHtmlStr(this.displayJson[t])}</ul>`,i.setAttribute("data-index",t.toString()),this.wheelsContain.appendChild(i)}}checkCascade(){var t;const{keyMap:i}=this.config;if(this.isJsonType){const e=this.wheelsData[0].data;for(let s=0;s<e.length;s++)if(i.childs in e[s]&&(null==(t=e[s][i.childs])?void 0:t.length)>0)return this.cascadeJsonData=this.wheelsData[0].data,!0}return!1}initCascade(){this.displayJson.push(this.cascadeJsonData),this.initPosition.length>0?(this.initDeepCount=0,this.initCheckArrDeep(this.cascadeJsonData[this.initPosition[0]])):this.checkArrDeep(this.cascadeJsonData[0]),this.reRenderWheels()}initCheckArrDeep(t){if(t){const{keyMap:i}=this.config;if(i.childs in t&&t[i.childs].length>0){this.displayJson.push(t[i.childs]),this.initDeepCount++;const e=t[i.childs][this.initPosition[this.initDeepCount]];e?this.initCheckArrDeep(e):this.checkArrDeep(t[i.childs][0])}}}checkArrDeep(t){if(!t)return;const{keyMap:i}=this.config;i.childs in t&&t[i.childs].length>0&&(this.displayJson.push(t[i.childs]),this.checkArrDeep(t[i.childs][0]))}checkRange(t,i){var e;const s=this.displayJson.length-1-t,{keyMap:h}=this.config;for(let t=0;t<s;t++)this.displayJson.pop();let o;for(let s=0;s<=t;s++)o=0==s?this.cascadeJsonData[i[0]]:null==(e=null==o?void 0:o[h.childs])?void 0:e[i[s]];this.checkArrDeep(o),this.reRenderWheels(),this.fixRowStyle(),this.setCurDistance(this.resetPosition(t,i))}resetPosition(t,i){const e=[...i];let s;if(this.sliderList.length>i.length){s=this.sliderList.length-i.length;for(let t=0;t<s;t++)e.push(0)}else if(this.sliderList.length<i.length){s=i.length-this.sliderList.length;for(let t=0;t<s;t++)e.pop()}for(let i=t+1;i<e.length;i++)e[i]=0;return e}updateWheels(t){if(this.isCascade){if(this.cascadeJsonData=t,this.displayJson=[],this.initCascade(),this.initPosition.length<this.sliderList.length){const t=this.sliderList.length-this.initPosition.length;for(let i=0;i<t;i++)this.initPosition.push(0)}this.setCurDistance(this.initPosition),this.fixRowStyle()}}updateWheel(t,i){if(this.isCascade)return void o.log("error","'updateWheel()' not support cascade json data, please use 'updateWheels()' instead to update the whole data source");let e="";e+=this.getOptionsHtmlStr(i),this.wheelsData[t]=this.isJsonType?{data:i}:i,this.sliderList[t].innerHTML=e}fixRowStyle(){if(this.initColWidth.length&&this.initColWidth.length===this.wheelList.length){const t=this.initColWidth.reduce(((t,i)=>t+i),0);return void this.initColWidth.forEach(((i,e)=>{this.wheelList[e].style.width=(i/t*100).toFixed(2)+"%"}))}const t=(100/this.wheelList.length).toFixed(2);for(let i=0;i<this.wheelList.length;i++)this.wheelList[i].style.width=t+"%"}getIndex(t){return Math.round((2*this.optionHeight-t)/this.optionHeight)}getIndexArr(){const t=[];for(let i=0;i<this.curDistance.length;i++)t.push(this.getIndex(this.curDistance[i]));return t}getCurValue(){const t=[],i=this.getIndexArr(),{keyMap:e}=this.config;if(this.isCascade)for(let s=0;s<this.wheelList.length;s++){const h=this.displayJson[s][i[s]];h&&t.push({[e.id]:h[e.id],[e.value]:h[e.value]})}else if(this.isJsonType)for(let i=0;i<this.curDistance.length;i++)t.push(this.wheelsData[i].data[this.getIndex(this.curDistance[i])]);else for(let i=0;i<this.curDistance.length;i++)t.push(this.getInnerText(i));return t}getValue(){return this.getCurValue()}calcDistance(t){return 2*this.optionHeight-t*this.optionHeight}setCurDistance(t){const i=[];for(let e=0;e<this.sliderList.length;e++)i.push(this.calcDistance(t[e])),this.movePosition(this.sliderList[e],i[e]);this.curDistance=i}fixPosition(t){return-(this.getIndex(t)-2)*this.optionHeight}movePosition(t,i){t.style.transform="translate3d(0,"+i+"px, 0)"}locatePosition(t,i){void 0===t||void 0===i||i<0||(this.curDistance[t]=this.calcDistance(i),this.movePosition(this.sliderList[t],this.curDistance[t]),this.isCascade&&this.checkRange(t,this.getIndexArr()))}updateCurDistance(t,i){this.curDistance[i]=parseInt(t.style.transform.split(",")[1])}getInnerText(t){var i;const e=this.sliderList[t].getElementsByTagName("li").length;let s=this.getIndex(this.curDistance[t]);return s>=e?s=e-1:s<0&&(s=0),(null==(i=this.sliderList[t].getElementsByTagName("li")[s])?void 0:i.textContent)||""}touch(t){var i,e,s,h,o,n,l,r;const a=(t.composedPath&&t.composedPath()).find((t=>{var i;return null==(i=t.classList)?void 0:i.contains("ms-wheel")}));if(!a)return;const c=a.firstChild,p=parseInt(a.getAttribute("data-index")||"0");switch(t.type){case"touchstart":case"mousedown":c.style.transition="none 0s ease-out",this.startY=Math.floor(t instanceof TouchEvent?t.touches[0].clientY:t.clientY),this.preMoveY=this.startY,"mousedown"===t.type&&(this.enableClickStatus=!0);break;case"touchmove":case"mousemove":if(t.preventDefault(),"mousemove"===t.type&&!this.enableClickStatus)break;this.moveY=Math.floor(t instanceof TouchEvent?t.touches[0].clientY:t.clientY),this.offsetY=(this.moveY-this.preMoveY)*this.config.scrollSpeed,this.updateCurDistance(c,p),this.curDistance[p]=this.curDistance[p]+this.offsetY,this.movePosition(c,this.curDistance[p]),this.preMoveY=this.moveY;break;case"touchend":case"mouseup":if(c.style.transition="transform 0.18s ease-out",this.moveEndY=Math.floor(t instanceof TouchEvent?t.changedTouches[0].clientY:t.clientY),this.offsetSum=this.moveEndY-this.startY,this.oversizeBorder=-(c.getElementsByTagName("li").length-3)*this.optionHeight,0==this.offsetSum){const t=Math.floor((window.innerHeight-this.moveEndY)/40);if(2!=t){const o=this.curDistance[p]+(t-2)*this.optionHeight;o<=2*this.optionHeight&&o>=this.oversizeBorder&&(this.curDistance[p]=o,this.movePosition(c,this.curDistance[p]),null==(e=(i=this.config).transitionEnd)||e.call(i,this.getIndexArr(),this.getCurValue(),this),null==(h=(s=this.config).onTransitionEnd)||h.call(s,this.getCurValue(),this.getIndexArr(),this))}}else this.updateCurDistance(c,p),this.curDistance[p]=this.fixPosition(this.curDistance[p]),this.curDistance[p]>2*this.optionHeight?this.curDistance[p]=2*this.optionHeight:this.curDistance[p]<this.oversizeBorder&&(this.curDistance[p]=this.oversizeBorder),this.movePosition(c,this.curDistance[p]),null==(n=(o=this.config).transitionEnd)||n.call(o,this.getIndexArr(),this.getCurValue(),this),null==(r=(l=this.config).onTransitionEnd)||r.call(l,this.getCurValue(),this.getIndexArr(),this);"mouseup"===t.type&&(this.enableClickStatus=!1),this.isCascade&&this.checkRange(p,this.getIndexArr())}}};let n=o;h(n,"defaultConfig",{keyMap:{id:"id",value:"value",childs:"childs"},position:[],colWidth:[],title:"",connector:" ",ensureBtnText:"确认",cancelBtnText:"取消",triggerDisplayValue:!0,scrollSpeed:1}),h(n,"REQUIRED_PARAMS",["trigger","wheels"]);class l{}const r=class{constructor(e){t(this,e),this.selectionChanged=i(this,"selectionChanged",7),this.triggerName=void 0,this.selectedText=void 0,this.wheelData=void 0,this.selectedId="",this.ensureBtnText="Confirm",this.cancelBtnText="Cancel",this.listTitle=void 0,this.notFoundPopupProceedButton=void 0}componentWillLoad(){this.notFoundPopupProceedButton=document.querySelector("#translation-popup-button"),this.notFoundPopupProceedButton&&this.notFoundPopupProceedButton.addEventListener("click",(()=>{let t=document.querySelector("footer-nav");if(t){let i=t.getAttribute("ms-selected-text"),e=document.querySelector("footer-nav #lang-ddl");e&&i&&(e.innerHTML=i)}}))}wrapperClick(t){if(t&&(t.preventDefault(),t.target.id!=this.triggerName)){let i=t.currentTarget.querySelector(`#${this.triggerName}`);i&&i.click()}}render(){return e("div",{class:"mobile-select-wrapper","aria-selectlanguage":"Select Language",tabindex:"0",onKeyPress:t=>{this.wrapperClick(t)}},e("div",{onClick:t=>{this.wrapperClick(t)}},e("span",{id:this.triggerName},this.selectedText),e("icon-asset",{type:"ptc",size:"x-small",name:"lang-drop-arrow",color:"white","is-mobile-select":"true","injected-style":"svg.ismobileselect{transform:translateX(10px); width: 13px !important;height: 10px !important;}"})))}componentDidRender(){let t=this,i=0;new n({trigger:`#${this.triggerName}`,title:`${this.listTitle?this.listTitle:""}`,wheels:this.wheelData?[{data:this.wheelData}]:[{data:["test1","test2"]}],position:[0],ensureBtnText:this.ensureBtnText,cancelBtnText:this.cancelBtnText,ensureBtnColor:"var(--color-gray-12)",cancelBtnColor:"var(--color-gray-12)",titleColor:"var(--color-gray-12)",onShow:function(e,s,h){if(t.selectedId)try{const e=t.getMobileSelectedItem(h);h.locatePosition(0,e.index),i=e.index}catch(t){console.log(t)}},callback:function(i,e,s){if(this.selectionChanged.emit({sender:s,index:i&&i.length>0?i[0]:-1,data:e&&e.length>0?e[0]:void 0}),e&&e[0]&&"#"!=e[0].id)window.location.href=e[0].id;else if(!i||isNaN(i[0])){const i=t.getMobileSelectedItem(s);s.locatePosition(0,i.index),s.setValue(this.wheelData[i.index]),s.setTriggerInnerText(i.value),s.show()}}.bind(this)}).locatePosition(0,i)}getMobileSelectedItem(t){let i=new l;return i.id=this.selectedId,t.mobileSelect.querySelectorAll("[data-id]").forEach(((t,e)=>{if(t.getAttribute("data-id")==i.id)return i.index=e,void(i.value=t.textContent)})),i}};r.style='.ms-mobile-select{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;opacity:0;visibility:hidden;-webkit-transition:opacity 0.4s, z-index 0.4s;transition:opacity 0.4s, z-index 0.4s;transform:translate(0, 0)}.ms-mobile-select *{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.ms-mobile-select .ms-gray-layer{position:fixed;top:0;left:0;bottom:0;right:0;background:rgba(0, 0, 0, 0.7);z-index:888;display:block}.ms-mobile-select .ms-content{width:100%;display:block;position:fixed;z-index:889;color:black;-webkit-transition:all 0.4s;transition:all 0.4s;bottom:-350px;left:0;background:white}.ms-mobile-select .ms-fix-width{width:90%;margin:0 auto;position:relative}.ms-mobile-select .ms-fix-width:after{content:".";display:block;height:0;clear:both;visibility:hidden}.ms-mobile-select .ms-btn-bar{border-bottom:1px solid #dcdcdc;font-size:15px;height:45px;position:relative;text-align:center;line-height:45px}.ms-mobile-select .ms-cancel,.ms-mobile-select .ms-ensure{height:45px;width:55px;cursor:pointer;position:absolute;top:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.ms-mobile-select .ms-cancel{left:0;color:#666}.ms-mobile-select .ms-ensure{right:0;color:#1e83d3}.ms-mobile-select .ms-title{font-size:15px;padding:0 15%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ms-mobile-select .ms-panel:after{content:".";display:block;height:0;clear:both;visibility:hidden}.ms-mobile-select .ms-wheels{width:100%;height:200px;overflow:hidden}.ms-mobile-select .ms-wheel{position:relative;z-index:0;float:left;width:50%;height:200px;overflow:hidden;-webkit-transition:width 0.3s ease;transition:width 0.3s ease}.ms-mobile-select .ms-select-container{display:block;text-align:center}.ms-mobile-select .ms-select-container li{font-size:15px;display:block;height:40px;line-height:40px;cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.ms-mobile-select .ms-select-line{height:40px;width:100%;position:absolute;top:80px;pointer-events:none;-webkit-box-sizing:border-box;box-sizing:border-box;border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc}.ms-mobile-select .ms-shadow-mask{position:absolute;top:0;width:100%;height:200px;background:linear-gradient(to bottom, #fffffff5, #ffffffcc 25%, #ffffff00 49%, #ffffff00 51%, #ffffffcc 75%, #fffffff5);opacity:0.9;pointer-events:none}.ms-mobile-select.ms-show{opacity:1;z-index:10000;visibility:visible}.ms-mobile-select.ms-show .ms-content{bottom:0}.ms-default-trigger{min-height:1em;color:#888}body.ms-show{overflow-y:hidden}h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}.mobile-select-wrapper{display:block;cursor:pointer}.mobile-select-wrapper div{display:inline;margin-right:var(--ptc-element-spacing-03);width:100%;font-family:var(--ptc-font-latin);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-densest);color:var(--color-white);height:18px}.mobile-select-wrapper:focus-visible{padding:2px;border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}.mobileSelect .content{top:auto}.mobileSelect .content .btnBar{border-color:var(--color-gray-10)}.mobileSelect .content .btnBar .cancel,.mobileSelect .content .btnBar .ensure,.mobileSelect .content .btnBar .title{font-family:var(--ptc-font-latin);font-weight:var(--ptc-font-weight-semibold);font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-densest)}.mobileSelect .content .btnBar .ensure,.mobileSelect .content .btnBar .cancel{transform:translateY(12.5px);width:125px}.mobileSelect .content .panel .wheel .selectContainer li{font-family:var(--ptc-font-latin);font-weight:var(--ptc-font-weight-semibold);font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-densest);height:45px}ptc-responsive-wrapper.xsmall .mobile-select-wrapper,ptc-responsive-wrapper.small .mobile-select-wrapper{display:block}ptc-responsive-wrapper.medium .mobile-select-wrapper,ptc-responsive-wrapper.large .mobile-select-wrapper,ptc-responsive-wrapper.xlarge .mobile-select-wrapper,ptc-responsive-wrapper.xxlarge .mobile-select-wrapper,ptc-responsive-wrapper.large2k .mobile-select-wrapper,ptc-responsive-wrapper.large4k .mobile-select-wrapper{display:none}.ms-mobile-select.ms-show .ms-cancel,.ms-mobile-select.ms-show .ms-ensure{width:auto}';export{r as ptc_mobile_select}
package/dist/ptcw-design/p-8872161f.js ADDED
@@ -0,0 +1 @@
1
+ function t(t,n,e){return(t||"")+(n?` ${n}`:"")+(e?` ${e}`:"")}function n(t,n,e){let o=n?t.querySelector(n):t,i={},s=t=>t.toLowerCase().replace(/(-\w)/g,(t=>t.replace(/-/,"").toUpperCase())),r=t=>{let n=!0;return/^\s*$/.test(t.textContent)&&(n=!1),n},c=(t,n)=>{let e=t.childNodes;if(e&&e.length>0){for(let t=0;t<e.length;t++){let o=e[t];if(1==o.nodeType){let t=s(o.nodeName);n[t]||(n[t]=[]),n[t].push({}),c(o,n[t][n[t].length-1])}else 3==o.nodeType&&r(o)&&(n.text=(n.text||"")+o.textContent)}for(const t in n)Array.isArray(n[t])&&1==n[t].length&&(n[t]=n[t][0])}if(t.attributes&&t.attributes.length>0)for(let e=0;e<t.attributes.length;e++)n[s(t.attributes[e].nodeName)]=t.attributes[e].nodeValue;"true"==t.getAttribute("html")&&(n.html=t.innerHTML)};return c(o,i),e?JSON.stringify(i):i}function e(){let t=()=>Math.floor(65536*(1+Math.random())).toString(16).substring(1);return t()+t()+"-"+t()+"-"+t()+"-"+t()+"-"+t()+t()+t()}function o(t,n,o){let i=e();return globalThis.debounceTimeouts||(globalThis.debounceTimeouts={}),function(e){var s=o||this,r=e;clearTimeout(globalThis.debounceTimeouts[i]),globalThis.debounceTimeouts[i]=setTimeout((function(){t(s,r)}),n)}}function i(t){if(void 0===t)throw new Error("filePath is not defined");const n=t.lastIndexOf(".");return-1===n?"":t.substring(n)}function s(){const t=window.location.pathname.split("/")[1];return["en","cn","tw","fr","de","it","ja","ko","es","pt"].includes(t)?t:"en"}function r(t,n="span"){if(t&&t.children&&1==t.children.length){let e=t.children[0],o=e.tagName.toLowerCase();return t.removeChild(e),"font"==o&&(o=n),[o,e]}return[n,t]}function c(t){t&&t.children&&1==t.children.length&&"complete"!=t.getAttribute("data-reset")&&(t.innerHTML=t.firstElementChild.innerHTML,t.setAttribute("data-reset","complete"))}function u(t,n){let e=n.querySelectorAll(t);console.log("element: "+e[0].tagName),e.forEach((t=>{t.style.removeProperty("height")}));let o=0;e.forEach((t=>{const n=t.offsetHeight;n>o&&t.classList.contains("hydrated")&&(o=n)})),o>0&&e.forEach((t=>{t.style.height=`${o}px`}))}function l(t,n){let e;if(n instanceof DocumentFragment)e=n.querySelectorAll(t);else{if(!n.shadowRoot)return void console.error("The provided element does not have a shadowRoot.");e=n.shadowRoot.querySelectorAll(t)}let o=0;e.forEach((t=>{const n=t.offsetHeight;n>o&&(o=n)})),e.forEach((t=>{t.style.height=`${o}px`}))}function a(t,n=5e3){const o=["click","scroll","mousemove","touchstart"],i=globalThis.window,s=e();return new Promise((e=>{let r=function(t){return t.HydrationKeys||(t.HydrationKeys={}),t.HydrationKeys}(i);r[s]=!1,o.forEach((function(o){i.addEventListener(o,(function(){r[s]||(r[s]=!0,e({sender:t,interactionType:o}))}),{once:!0}),setTimeout((()=>{r[s]||(r[s]=!0,e({sender:t,interactionType:o}))}),n)}))}))}function f(t,n,e=!1){const o=new IntersectionObserver((t=>{t.forEach((t=>{if(t.isIntersecting)return t.target.classList.add("in-view"),void(e&&o.unobserve(t.target));t.target.classList.remove("in-view")}))}));t.shadowRoot.querySelectorAll(n).forEach((t=>o.observe(t)))}function h(){let t=document.createElement("div");return t.setAttribute("hidden","until-found"),"until-found"===t.hidden}class d{constructor(t){this.dependencyPromiseResolve=()=>{},this.dependencyPromiseReject=()=>{},this.resolve=()=>this.dependencyPromiseResolve(!0),this.reject=()=>this.dependencyPromiseReject();const n=new Promise(((t,n)=>{this.dependencyPromiseResolve=t,this.dependencyPromiseReject=n}));t&&t.registerDependency(n)}}function m(t,n,e=".light-links,.background-grey-10,.background-plm-grey"){t&&null!=t.darkFocusState&&0==t.darkFocusState&&n.closest(e)&&(t.darkFocusState=!0)}export{m as C,n as M,d as P,l as a,e as b,i as c,o as d,u as e,t as f,r as g,s as h,h as i,a as n,f as o,c as s}
package/dist/ptcw-design/{p-e75dff95.entry.js → p-89177041.entry.js} RENAMED
@@ -1 +1 @@
1
- import{r as t,c as i,h as e,H as n}from"./p-944c5be8.js";const s=class{constructor(e){t(this,e),this.addToCartClicked=i(this,"addToCartClicked",7),this.defaultStyles=".ptc-quaternary{width: 100%; border-radius: 0px 0px 4px 4px !important;} .tracker-div { display: block !important}",this.handleDecrement=()=>{this.count>1&&(this.count-=1)},this.handleIncrement=()=>{this.count<999&&(this.count+=1)},this.handleInputChange=t=>{const i=t.target,e=parseInt(i.value);isNaN(e)?isNaN(e)&&(i.value=`${this.count}`):e<1?(i.value="1",this.count=1):e>999?(i.value="999",this.count=999):this.count=e},this.selectText=()=>{this.itemCountInput&&(this.itemCountInput.focus(),this.itemCountInput.select())},this.addToCart=()=>{var t;if(!this.disabled){if(this.addToCartClicked.emit({sender:this,itemCount:null===(t=this.itemCountInput)||void 0===t?void 0:t.value}),this.addToCartCta){try{let t=this.addToCartCta.offsetWidth>50?this.addToCartCta.offsetWidth:this.addToCartCta.clientWidth;t<50&&(t=this.addToCartCta.shadowRoot.querySelector("button").getBoundingClientRect().width),t>50&&(this.addToCartCta.styles=`button{width:${t}px !important}${this.defaultStyles}`)}catch(t){console.log(t)}this.addToCartCta.classList.add("added"),this.addToCartCta.innerHTML=`<svg xmlns="http://www.w3.org/2000/svg" width="16" height="12" viewBox="0 0 16 12" fill="none">\n <path d="M1.71436 4.92857L6.28578 9.5L14.2858 1.5" stroke="white" stroke-width="3" stroke-linecap="round"/>\n</svg>${this.addedLabel}`}setTimeout((()=>{this.addToCartCta&&(this.addToCartCta.classList.remove("added"),this.addToCartCta.innerHTML=this.addToCartLabel,this.addToCartCta.styles=this.defaultStyles)}),3e3)}},this.count=1,this.addToCartLabel="Add to Cart",this.addedLabel="Added",this.disabled=!1}render(){return e(n,null,e("div",{class:"quantity-counter"},e("button",{class:"decrement mf-listen",onClick:this.handleDecrement,disabled:this.disabled,tabindex:"-1"},e("span",{tabindex:"0"},e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"8",height:"8",viewBox:"0 0 8 8",fill:"none"},e("path",{d:"M0 3.15039V4.85039H8V3.15039H0Z",fill:"#20262A"})))),e("input",{type:"number",onInput:this.handleInputChange,onClick:this.selectText,min:"1",max:"999",value:this.count,ref:t=>this.itemCountInput=t,disabled:this.disabled,class:"mf-listen"}),e("button",{class:"increment mf-listen",onClick:this.handleIncrement,disabled:this.disabled,tabindex:"-1"},e("span",{tabindex:"0"},e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"8",height:"8",viewBox:"0 0 8 8",fill:"none"},e("g",{"clip-path":"url(#clip0_2974_659)"},e("path",{d:"M7.95006 3.14981H4.85005V0.0498047H3.15005V3.14981H0.0500488V4.84981H3.15005V7.9498H4.85005V4.84981H7.95006V3.14981Z",fill:"#20262A"})),e("defs",null,e("clipPath",{id:"clip0_2974_659"},e("rect",{width:"8",height:"8",fill:"white"}))))))),e("ptc-button",{disabled:this.disabled,type:"button",color:"ptc-quaternary",onClick:this.addToCart,ref:t=>this.addToCartCta=t,styles:this.defaultStyles},this.addToCartLabel))}};s.style="h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:inline-block;min-width:145px}:host .ptc-quaternary{width:100%}:host .quant-wrap{display:flex;flex-direction:column;width:100%}:host .quantity-counter{display:flex;align-items:flex-end;width:100%;box-sizing:border-box;justify-content:space-between}:host .quantity-counter button{width:44px;height:44px;border:none;display:flex;align-items:flex-end;justify-content:center;background-color:transparent;cursor:pointer;font-size:var(--ptc-font-size-x-small);user-select:none;padding:0}:host .quantity-counter button span{border:1px solid var(--color-gray-03);border-bottom:none;display:block;width:44px;height:32px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;border-radius:4px 0 0px 0px}:host .quantity-counter button span svg path{fill:var(--color-gray-12)}:host .quantity-counter button span:focus-visible{transition:none;border-radius:var(--ptc-border-radius-standard) !important;outline:5px solid var(--keyboard-nav-outline);z-index:1}:host .quantity-counter button.increment span{border-radius:0px 4px 0px 0px}:host .quantity-counter button:hover span{background-color:var(--color-gray-02)}:host .quantity-counter button:active span{transition:none;background-color:var(--color-gray-03)}:host .quantity-counter input{width:100%;height:32px;text-align:center;border:1px solid var(--color-gray-03);border-left:none;border-right:none;border-bottom:none;font-size:16px;text-align:center;font-weight:700;box-sizing:border-box;color:var(--color-gray-10);border-radius:0px;-moz-appearance:textfield;font-family:var(--ptc-font-latin)}:host .quantity-counter input::-webkit-outer-spin-button,:host .quantity-counter input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:host .quantity-counter input:focus-visible{transition:none;border-radius:var(--ptc-border-radius-standard) !important;outline:5px solid var(--keyboard-nav-outline);z-index:1}:host ptc-button svg{margin-right:8px}:host ptc-button.added{pointer-events:none}";export{s as ptc_quantity_counter}
1
+ import{r as t,c as i,h as e,H as n}from"./p-ac75c7ad.js";const s=class{constructor(e){t(this,e),this.addToCartClicked=i(this,"addToCartClicked",7),this.defaultStyles=".ptc-quaternary{width: 100%; border-radius: 0px 0px 4px 4px !important;} .tracker-div { display: block !important}",this.handleDecrement=()=>{this.count>1&&(this.count-=1)},this.handleIncrement=()=>{this.count<999&&(this.count+=1)},this.handleInputChange=t=>{const i=t.target,e=parseInt(i.value);isNaN(e)?isNaN(e)&&(i.value=`${this.count}`):e<1?(i.value="1",this.count=1):e>999?(i.value="999",this.count=999):this.count=e},this.selectText=()=>{this.itemCountInput&&(this.itemCountInput.focus(),this.itemCountInput.select())},this.addToCart=()=>{var t;if(!this.disabled){if(this.addToCartClicked.emit({sender:this,itemCount:null===(t=this.itemCountInput)||void 0===t?void 0:t.value}),this.addToCartCta){try{let t=this.addToCartCta.offsetWidth>50?this.addToCartCta.offsetWidth:this.addToCartCta.clientWidth;t<50&&(t=this.addToCartCta.shadowRoot.querySelector("button").getBoundingClientRect().width),t>50&&(this.addToCartCta.styles=`button{width:${t}px !important}${this.defaultStyles}`)}catch(t){console.log(t)}this.addToCartCta.classList.add("added"),this.addToCartCta.innerHTML=`<svg xmlns="http://www.w3.org/2000/svg" width="16" height="12" viewBox="0 0 16 12" fill="none">\n <path d="M1.71436 4.92857L6.28578 9.5L14.2858 1.5" stroke="white" stroke-width="3" stroke-linecap="round"/>\n</svg>${this.addedLabel}`}setTimeout((()=>{this.addToCartCta&&(this.addToCartCta.classList.remove("added"),this.addToCartCta.innerHTML=this.addToCartLabel,this.addToCartCta.styles=this.defaultStyles)}),3e3)}},this.count=1,this.addToCartLabel="Add to Cart",this.addedLabel="Added",this.disabled=!1}render(){return e(n,null,e("div",{class:"quantity-counter"},e("button",{class:"decrement mf-listen",onClick:this.handleDecrement,disabled:this.disabled,tabindex:"-1"},e("span",{tabindex:"0"},e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"8",height:"8",viewBox:"0 0 8 8",fill:"none"},e("path",{d:"M0 3.15039V4.85039H8V3.15039H0Z",fill:"#20262A"})))),e("input",{type:"number",onInput:this.handleInputChange,onClick:this.selectText,min:"1",max:"999",value:this.count,ref:t=>this.itemCountInput=t,disabled:this.disabled,class:"mf-listen"}),e("button",{class:"increment mf-listen",onClick:this.handleIncrement,disabled:this.disabled,tabindex:"-1"},e("span",{tabindex:"0"},e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"8",height:"8",viewBox:"0 0 8 8",fill:"none"},e("g",{"clip-path":"url(#clip0_2974_659)"},e("path",{d:"M7.95006 3.14981H4.85005V0.0498047H3.15005V3.14981H0.0500488V4.84981H3.15005V7.9498H4.85005V4.84981H7.95006V3.14981Z",fill:"#20262A"})),e("defs",null,e("clipPath",{id:"clip0_2974_659"},e("rect",{width:"8",height:"8",fill:"white"}))))))),e("ptc-button",{disabled:this.disabled,type:"button",color:"ptc-quaternary",onClick:this.addToCart,ref:t=>this.addToCartCta=t,styles:this.defaultStyles},this.addToCartLabel))}};s.style="h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:inline-block;min-width:145px}:host .ptc-quaternary{width:100%}:host .quant-wrap{display:flex;flex-direction:column;width:100%}:host .quantity-counter{display:flex;align-items:flex-end;width:100%;box-sizing:border-box;justify-content:space-between}:host .quantity-counter button{width:44px;height:44px;border:none;display:flex;align-items:flex-end;justify-content:center;background-color:transparent;cursor:pointer;font-size:var(--ptc-font-size-x-small);user-select:none;padding:0}:host .quantity-counter button span{border:1px solid var(--color-gray-03);border-bottom:none;display:block;width:44px;height:32px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;border-radius:4px 0 0px 0px}:host .quantity-counter button span svg path{fill:var(--color-gray-12)}:host .quantity-counter button span:focus-visible{transition:none;border-radius:var(--ptc-border-radius-standard) !important;outline:5px solid var(--keyboard-nav-outline);z-index:1}:host .quantity-counter button.increment span{border-radius:0px 4px 0px 0px}:host .quantity-counter button:hover span{background-color:var(--color-gray-02)}:host .quantity-counter button:active span{transition:none;background-color:var(--color-gray-03)}:host .quantity-counter input{width:100%;height:32px;text-align:center;border:1px solid var(--color-gray-03);border-left:none;border-right:none;border-bottom:none;font-size:16px;text-align:center;font-weight:700;box-sizing:border-box;color:var(--color-gray-10);border-radius:0px;-moz-appearance:textfield;font-family:var(--ptc-font-latin)}:host .quantity-counter input::-webkit-outer-spin-button,:host .quantity-counter input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:host .quantity-counter input:focus-visible{transition:none;border-radius:var(--ptc-border-radius-standard) !important;outline:5px solid var(--keyboard-nav-outline);z-index:1}:host ptc-button svg{margin-right:8px}:host ptc-button.added{pointer-events:none}";export{s as ptc_quantity_counter}
package/dist/ptcw-design/{p-bf2f9183.entry.js → p-89ba3dfd.entry.js} RENAMED
@@ -1 +1 @@
1
- import{r as t,h as e,H as i}from"./p-944c5be8.js";const n=class{constructor(e){t(this,e),this.spanStyle="tag-style",this.display="inline",this.fontWeight="w-4",this.styles=void 0}render(){const t=this.getCssClassMap();return e(i,{class:t},this.styles&&e("style",null,this.styles),e("span",{part:"part-ptc-span"},e("slot",null)))}getCssClassMap(){return{[this.spanStyle]:!0,[this.fontWeight]:!0,[this.display]:!0}}};n.style="h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{z-index:1}:host span{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;}:host(.link-style) span{color:var(--color-gray-10);font-weight:var(--ptc-font-weight-black);position:relative;line-height:var(--ptc-line-height-normal)}:host(.nav-style) span{display:block;color:var(--color-gray-03);font-weight:var(--ptc-font-weight-medium);line-height:var(--ptc-line-height-dense);text-transform:capitalize;padding-left:var(--ptc-element-spacing-06);font-size:var(--ptc-font-size-small);padding-bottom:var(--ptc-element-spacing-03)}:host(.tag-style) span{font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-dense);font-weight:var(--ptc-font-weight-regular);color:var(--color-gray-10)}:host(.plm-hub-style) span{font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-densest);font-weight:var(--ptc-font-weight-medium);color:var(--color-white)}:host(.plm-hub-style-smaller) span{font-size:var(--ptc-font-size-xx-small);line-height:var(--ptc-line-height-densest);font-weight:var(--ptc-font-weight-semibold);color:var(--color-white)}:host(.three-column-report) span{font-size:var(--ptc-font-size-medium);line-height:var(--ptc-line-height-densest)}:host(.blog-tag) span{font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-densest);color:var(--color-gray-10)}:host(.inline) span{display:inline}:host(.block) span{display:block}:host(.inline-block) span{display:inline-block}:host(.white) span{color:var(--color-white)}:host(.primary-grey) span{color:var(--color-gray-10)}:host(.w-3) span{font-weight:var(--ptc-font-weight-thin)}:host(.w-4) span{font-weight:var(--ptc-font-weight-regular)}:host(.w-5) span{font-weight:var(--ptc-font-weight-medium)}:host(.w-6) span{font-weight:var(--ptc-font-weight-semibold)}:host(.w-7) span{font-weight:var(--ptc-font-weight-bold)}:host(.w-8) span{font-weight:var(--ptc-font-weight-extrabold)}:host(.w-9) span{font-weight:var(--ptc-font-weight-black)}@media only screen and (min-width: 360px){:host(.three-column-report) span{font-size:var(--ptc-font-size-large);line-height:var(--ptc-line-height-densest)}}@media only screen and (min-width: 480px){:host(.three-column-report) span{font-size:var(--ptc-font-size-x-large);line-height:var(--ptc-line-height-densest)}}@media only screen and (min-width: 768px){:host(.three-column-report) span{font-size:var(--ptc-font-size-xx-large);line-height:var(--ptc-line-height-densest)}}";export{n as ptc_span}
1
+ import{r as t,h as e,H as i}from"./p-ac75c7ad.js";const n=class{constructor(e){t(this,e),this.spanStyle="tag-style",this.display="inline",this.fontWeight="w-4",this.styles=void 0}render(){const t=this.getCssClassMap();return e(i,{class:t},this.styles&&e("style",null,this.styles),e("span",{part:"part-ptc-span"},e("slot",null)))}getCssClassMap(){return{[this.spanStyle]:!0,[this.fontWeight]:!0,[this.display]:!0}}};n.style="h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{z-index:1}:host span{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;}:host(.link-style) span{color:var(--color-gray-10);font-weight:var(--ptc-font-weight-black);position:relative;line-height:var(--ptc-line-height-normal)}:host(.nav-style) span{display:block;color:var(--color-gray-03);font-weight:var(--ptc-font-weight-medium);line-height:var(--ptc-line-height-dense);text-transform:capitalize;padding-left:var(--ptc-element-spacing-06);font-size:var(--ptc-font-size-small);padding-bottom:var(--ptc-element-spacing-03)}:host(.tag-style) span{font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-dense);font-weight:var(--ptc-font-weight-regular);color:var(--color-gray-10)}:host(.plm-hub-style) span{font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-densest);font-weight:var(--ptc-font-weight-medium);color:var(--color-white)}:host(.plm-hub-style-smaller) span{font-size:var(--ptc-font-size-xx-small);line-height:var(--ptc-line-height-densest);font-weight:var(--ptc-font-weight-semibold);color:var(--color-white)}:host(.three-column-report) span{font-size:var(--ptc-font-size-medium);line-height:var(--ptc-line-height-densest)}:host(.blog-tag) span{font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-densest);color:var(--color-gray-10)}:host(.inline) span{display:inline}:host(.block) span{display:block}:host(.inline-block) span{display:inline-block}:host(.white) span{color:var(--color-white)}:host(.primary-grey) span{color:var(--color-gray-10)}:host(.w-3) span{font-weight:var(--ptc-font-weight-thin)}:host(.w-4) span{font-weight:var(--ptc-font-weight-regular)}:host(.w-5) span{font-weight:var(--ptc-font-weight-medium)}:host(.w-6) span{font-weight:var(--ptc-font-weight-semibold)}:host(.w-7) span{font-weight:var(--ptc-font-weight-bold)}:host(.w-8) span{font-weight:var(--ptc-font-weight-extrabold)}:host(.w-9) span{font-weight:var(--ptc-font-weight-black)}@media only screen and (min-width: 360px){:host(.three-column-report) span{font-size:var(--ptc-font-size-large);line-height:var(--ptc-line-height-densest)}}@media only screen and (min-width: 480px){:host(.three-column-report) span{font-size:var(--ptc-font-size-x-large);line-height:var(--ptc-line-height-densest)}}@media only screen and (min-width: 768px){:host(.three-column-report) span{font-size:var(--ptc-font-size-xx-large);line-height:var(--ptc-line-height-densest)}}";export{n as ptc_span}
package/dist/ptcw-design/{p-212d0145.entry.js → p-8c49d736.entry.js} RENAMED
@@ -1 +1 @@
1
- import{r as t,h as e,H as s}from"./p-944c5be8.js";const a=class{constructor(e){t(this,e),this.svgName="close",this.display="block",this.zIndex=void 0,this.styles=void 0}render(){const t=this.getCssClassMap();return e(s,Object.assign({class:t},void 0!==this.zIndex?{style:{zIndex:this.zIndex}}:null),this.styles&&e("style",null,this.styles),this.svgName&&"close"===this.svgName?e("div",{class:"svg-close",innerHTML:'<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 42 41.485">\n <g id="Group_1042" data-name="Group 1042" transform="rotate(180 108.25 87.993)">\n <path id="Line_446" d="M0 0v39.486" class="cls-1" data-name="Line 446"></path>\n <path id="Line_447" d="M0 0h40" class="cls-1" data-name="Line 447"></path>\n <path id="Line_448" d="M0 33.592V0" class="cls-1" data-name="Line 448"></path>\n <path id="Line_449" d="M23.994 0H0" class="cls-1" data-name="Line 449"></path>\n <path id="Line_450" d="M0 0l17.596 17.596" class="cls-2" data-name="Line 450" transform="translate(187.229 147.226)"></path>\n <path id="Line_451" d="M0 7.198L7.199 0" class="cls-2" data-name="Line 451" transform="translate(197.55 147.312)"></path>\n <path id="Path_114" d="M0 7.2L7.2 0" class="cls-2" data-name="Path 114" transform="translate(187.313 157.549)"></path>\n </g>\n</svg>'}):null,this.svgName&&"slider-left"===this.svgName?e("div",{class:"slider-left",innerHTML:'<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">\n<g filter="url(#filter0_d_494_37)">\n<circle cx="24" cy="22" r="20" fill="white"/>\n<path d="M23.1444 16L23.1444 20.5762L31 20.5762L31 23.4239L23.1444 23.4239L23.1444 28L17 21.9669L23.1444 16Z" class="arrow"/>\n</g>\n<defs>\n<filter id="filter0_d_494_37" x="0" y="0" width="48" height="48" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">\n<feFlood flood-opacity="0" result="BackgroundImageFix"/>\n<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>\n<feOffset dy="2"/>\n<feGaussianBlur stdDeviation="2"/>\n<feComposite in2="hardAlpha" operator="out"/>\n<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>\n<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_494_37"/>\n<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_494_37" result="shape"/>\n</filter>\n</defs>\n</svg>\n'}):null,this.svgName&&"slider-right"===this.svgName?e("div",{class:"slider-right",innerHTML:'<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">\n<g filter="url(#filter0_d_494_34)">\n<circle cx="24" cy="22" r="20" fill="white"/>\n<path d="M24.8556 16L24.8556 20.5762L17 20.5762L17 23.4239L24.8556 23.4239L24.8556 28L31 21.9669L24.8556 16Z" class="arrow"/>\n</g>\n<defs>\n<filter id="filter0_d_494_34" x="0" y="0" width="48" height="48" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">\n<feFlood flood-opacity="0" result="BackgroundImageFix"/>\n<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>\n<feOffset dy="2"/>\n<feGaussianBlur stdDeviation="2"/>\n<feComposite in2="hardAlpha" operator="out"/>\n<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>\n<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_494_34"/>\n<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_494_34" result="shape"/>\n</filter>\n</defs>\n</svg>\n'}):null,this.svgName&&"back-arrow"===this.svgName?e("div",{class:"back-arrow",innerHTML:'<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 311 512">\n <defs>\n <style>\n .cls-1 {\n fill: #fff;\n fill-rule: evenodd;\n }\n </style>\n </defs>\n <path class="cls-1" d="M251.762,512L311,452.638,114.774,256,311,59.362,251.762,0,0,252.29Z"/>\n</svg>\n'}):null,this.svgName&&"play"===this.svgName?e("div",{class:"play",innerHTML:'<svg width="84" height="84" viewBox="0 0 84 84" fill="none" xmlns="http://www.w3.org/2000/svg">\n<g filter="url(#filter0_d_241_171)">\n<circle cx="42" cy="38" r="36" fill="#1F2024"/>\n<circle cx="42" cy="38" r="35" stroke="#33A13C" stroke-width="2"/>\n</g>\n<path d="M58 38L34 51.8564L34 24.1436L58 38Z" fill="white"/>\n<defs>\n<filter id="filter0_d_241_171" x="0" y="0" width="84" height="84" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">\n<feFlood flood-opacity="0" result="BackgroundImageFix"/>\n<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>\n<feMorphology radius="2" operator="dilate" in="SourceAlpha" result="effect1_dropShadow_241_171"/>\n<feOffset dy="4"/>\n<feGaussianBlur stdDeviation="2"/>\n<feComposite in2="hardAlpha" operator="out"/>\n<feColorMatrix type="matrix" values="0 0 0 0 0.231373 0 0 0 0 0.270588 0 0 0 0 0.313726 0 0 0 0.1 0"/>\n<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_241_171"/>\n<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_241_171" result="shape"/>\n</filter>\n</defs>\n</svg>\n'}):null)}getCssClassMap(){return{[this.display]:!0}}};a.style="h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{cursor:pointer}:host(.block){display:block}:host(.inline){display:inline}:host(.inline-block){display:inline-block}:host(.flex){display:flex}:host(:focus-visible){outline:none}:host(.backarrow){margin:8px 8px 0px -2px}:focus-visible{outline:none}.svg-close svg .cls-1,.svg-close svg .cls-2{fill:none;stroke-width:2px}.svg-close svg .cls-1{stroke:var(--color-gray-10);stroke-linecap:square}.svg-close svg .cls-2{stroke:var(--color-gray-10)}.svg-close svg path{transition:all var(--ptc-transition-medium) var(--ptc-ease-inout)}.svg-close svg .cls-1:first-child{-webkit-transform:translate(175.5px, 135.5px);-ms-transform:translate(175.5px, 135.5px);transform:translate(175.5px, 135.5px)}.svg-close svg .cls-1:nth-child(2){-webkit-transform:translate(175.5px, 174.985px);-ms-transform:translate(175.5px, 174.985px);transform:translate(175.5px, 174.985px)}.svg-close svg .cls-1:nth-child(3){-webkit-transform:translate(215.5px, 141.393px);-ms-transform:translate(215.5px, 141.393px);transform:translate(215.5px, 141.393px)}.svg-close svg .cls-1:nth-child(4){-webkit-transform:translate(175.5px, 135.5px);-ms-transform:translate(175.5px, 135.5px);transform:translate(175.5px, 135.5px)}.svg-close:hover svg .cls-1:first-child{-webkit-transform:translate(175.5px, 162px);-ms-transform:translate(175.5px, 162px);transform:translate(175.5px, 162px)}.svg-close:hover svg .cls-1:nth-child(2){-webkit-transform:translate(149px, 174.985px);-ms-transform:translate(149px, 174.985px);transform:translate(149px, 174.985px)}.svg-close:hover svg .cls-1:nth-child(3){-webkit-transform:translate(215.5px, 174px);-ms-transform:translate(215.5px, 174px);transform:translate(215.5px, 174px)}.svg-close:hover svg .cls-1:nth-child(4){-webkit-transform:translate(152.5px, 135.5px);-ms-transform:translate(152.5px, 135.5px);transform:translate(152.5px, 135.5px)}.svg-close.svg-close-white .cls-1{stroke:var(--color-white)}.slider-left,.slider-right{transition:all var(--ptc-transition-medium) var(--ptc-ease-inout)}.slider-left svg .arrow,.slider-right svg .arrow{fill:var(--color-gray-10)}.slider-left:hover svg .arrow,.slider-right:hover svg .arrow{fill:var(--color-green-06)}.back-arrow{display:inline-block;fill:none;stroke-width:30px;stroke:var(--color-gray-10);stroke-linecap:square;height:10px;width:20px;position:relative;top:1px;text-align:center}@media only screen and (max-width: 1024px) and (min-width: 576px){:host(.back-arrow){margin:8px 8px 16px -2px}}";export{a as ptc_svg_btn}
1
+ import{r as t,h as e,H as s}from"./p-ac75c7ad.js";const a=class{constructor(e){t(this,e),this.svgName="close",this.display="block",this.zIndex=void 0,this.styles=void 0}render(){const t=this.getCssClassMap();return e(s,Object.assign({class:t},void 0!==this.zIndex?{style:{zIndex:this.zIndex}}:null),this.styles&&e("style",null,this.styles),this.svgName&&"close"===this.svgName?e("div",{class:"svg-close",innerHTML:'<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 42 41.485">\n <g id="Group_1042" data-name="Group 1042" transform="rotate(180 108.25 87.993)">\n <path id="Line_446" d="M0 0v39.486" class="cls-1" data-name="Line 446"></path>\n <path id="Line_447" d="M0 0h40" class="cls-1" data-name="Line 447"></path>\n <path id="Line_448" d="M0 33.592V0" class="cls-1" data-name="Line 448"></path>\n <path id="Line_449" d="M23.994 0H0" class="cls-1" data-name="Line 449"></path>\n <path id="Line_450" d="M0 0l17.596 17.596" class="cls-2" data-name="Line 450" transform="translate(187.229 147.226)"></path>\n <path id="Line_451" d="M0 7.198L7.199 0" class="cls-2" data-name="Line 451" transform="translate(197.55 147.312)"></path>\n <path id="Path_114" d="M0 7.2L7.2 0" class="cls-2" data-name="Path 114" transform="translate(187.313 157.549)"></path>\n </g>\n</svg>'}):null,this.svgName&&"slider-left"===this.svgName?e("div",{class:"slider-left",innerHTML:'<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">\n<g filter="url(#filter0_d_494_37)">\n<circle cx="24" cy="22" r="20" fill="white"/>\n<path d="M23.1444 16L23.1444 20.5762L31 20.5762L31 23.4239L23.1444 23.4239L23.1444 28L17 21.9669L23.1444 16Z" class="arrow"/>\n</g>\n<defs>\n<filter id="filter0_d_494_37" x="0" y="0" width="48" height="48" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">\n<feFlood flood-opacity="0" result="BackgroundImageFix"/>\n<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>\n<feOffset dy="2"/>\n<feGaussianBlur stdDeviation="2"/>\n<feComposite in2="hardAlpha" operator="out"/>\n<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>\n<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_494_37"/>\n<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_494_37" result="shape"/>\n</filter>\n</defs>\n</svg>\n'}):null,this.svgName&&"slider-right"===this.svgName?e("div",{class:"slider-right",innerHTML:'<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">\n<g filter="url(#filter0_d_494_34)">\n<circle cx="24" cy="22" r="20" fill="white"/>\n<path d="M24.8556 16L24.8556 20.5762L17 20.5762L17 23.4239L24.8556 23.4239L24.8556 28L31 21.9669L24.8556 16Z" class="arrow"/>\n</g>\n<defs>\n<filter id="filter0_d_494_34" x="0" y="0" width="48" height="48" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">\n<feFlood flood-opacity="0" result="BackgroundImageFix"/>\n<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>\n<feOffset dy="2"/>\n<feGaussianBlur stdDeviation="2"/>\n<feComposite in2="hardAlpha" operator="out"/>\n<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>\n<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_494_34"/>\n<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_494_34" result="shape"/>\n</filter>\n</defs>\n</svg>\n'}):null,this.svgName&&"back-arrow"===this.svgName?e("div",{class:"back-arrow",innerHTML:'<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 311 512">\n <defs>\n <style>\n .cls-1 {\n fill: #fff;\n fill-rule: evenodd;\n }\n </style>\n </defs>\n <path class="cls-1" d="M251.762,512L311,452.638,114.774,256,311,59.362,251.762,0,0,252.29Z"/>\n</svg>\n'}):null,this.svgName&&"play"===this.svgName?e("div",{class:"play",innerHTML:'<svg width="84" height="84" viewBox="0 0 84 84" fill="none" xmlns="http://www.w3.org/2000/svg">\n<g filter="url(#filter0_d_241_171)">\n<circle cx="42" cy="38" r="36" fill="#1F2024"/>\n<circle cx="42" cy="38" r="35" stroke="#33A13C" stroke-width="2"/>\n</g>\n<path d="M58 38L34 51.8564L34 24.1436L58 38Z" fill="white"/>\n<defs>\n<filter id="filter0_d_241_171" x="0" y="0" width="84" height="84" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">\n<feFlood flood-opacity="0" result="BackgroundImageFix"/>\n<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>\n<feMorphology radius="2" operator="dilate" in="SourceAlpha" result="effect1_dropShadow_241_171"/>\n<feOffset dy="4"/>\n<feGaussianBlur stdDeviation="2"/>\n<feComposite in2="hardAlpha" operator="out"/>\n<feColorMatrix type="matrix" values="0 0 0 0 0.231373 0 0 0 0 0.270588 0 0 0 0 0.313726 0 0 0 0.1 0"/>\n<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_241_171"/>\n<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_241_171" result="shape"/>\n</filter>\n</defs>\n</svg>\n'}):null)}getCssClassMap(){return{[this.display]:!0}}};a.style="h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{cursor:pointer}:host(.block){display:block}:host(.inline){display:inline}:host(.inline-block){display:inline-block}:host(.flex){display:flex}:host(:focus-visible){outline:none}:host(.backarrow){margin:8px 8px 0px -2px}:focus-visible{outline:none}.svg-close svg .cls-1,.svg-close svg .cls-2{fill:none;stroke-width:2px}.svg-close svg .cls-1{stroke:var(--color-gray-10);stroke-linecap:square}.svg-close svg .cls-2{stroke:var(--color-gray-10)}.svg-close svg path{transition:all var(--ptc-transition-medium) var(--ptc-ease-inout)}.svg-close svg .cls-1:first-child{-webkit-transform:translate(175.5px, 135.5px);-ms-transform:translate(175.5px, 135.5px);transform:translate(175.5px, 135.5px)}.svg-close svg .cls-1:nth-child(2){-webkit-transform:translate(175.5px, 174.985px);-ms-transform:translate(175.5px, 174.985px);transform:translate(175.5px, 174.985px)}.svg-close svg .cls-1:nth-child(3){-webkit-transform:translate(215.5px, 141.393px);-ms-transform:translate(215.5px, 141.393px);transform:translate(215.5px, 141.393px)}.svg-close svg .cls-1:nth-child(4){-webkit-transform:translate(175.5px, 135.5px);-ms-transform:translate(175.5px, 135.5px);transform:translate(175.5px, 135.5px)}.svg-close:hover svg .cls-1:first-child{-webkit-transform:translate(175.5px, 162px);-ms-transform:translate(175.5px, 162px);transform:translate(175.5px, 162px)}.svg-close:hover svg .cls-1:nth-child(2){-webkit-transform:translate(149px, 174.985px);-ms-transform:translate(149px, 174.985px);transform:translate(149px, 174.985px)}.svg-close:hover svg .cls-1:nth-child(3){-webkit-transform:translate(215.5px, 174px);-ms-transform:translate(215.5px, 174px);transform:translate(215.5px, 174px)}.svg-close:hover svg .cls-1:nth-child(4){-webkit-transform:translate(152.5px, 135.5px);-ms-transform:translate(152.5px, 135.5px);transform:translate(152.5px, 135.5px)}.svg-close.svg-close-white .cls-1{stroke:var(--color-white)}.slider-left,.slider-right{transition:all var(--ptc-transition-medium) var(--ptc-ease-inout)}.slider-left svg .arrow,.slider-right svg .arrow{fill:var(--color-gray-10)}.slider-left:hover svg .arrow,.slider-right:hover svg .arrow{fill:var(--color-green-06)}.back-arrow{display:inline-block;fill:none;stroke-width:30px;stroke:var(--color-gray-10);stroke-linecap:square;height:10px;width:20px;position:relative;top:1px;text-align:center}@media only screen and (max-width: 1024px) and (min-width: 576px){:host(.back-arrow){margin:8px 8px 16px -2px}}";export{a as ptc_svg_btn}
package/dist/ptcw-design/p-8c692bd6.entry.js ADDED
@@ -0,0 +1 @@
1
+ import{r as t,h as e,H as i,g as a}from"./p-ac75c7ad.js";const s=class{constructor(e){t(this,e),this.formData={email:"",firstName:"",lastName:"",company:"",country:"",phone:"",inquiryReason:"",howhearselfreport:"",policyChecked:!1},this.isSubmitted=!1}componentDidLoad(){this.onDataLookup(),this.formButton=this.el.querySelector(".form-submit"),this.formButton.addEventListener("click",this.handleSubmit.bind(this)),this.emailEle=this.el.querySelector('ptc-textfield[field-id="contact-email"]'),this.firstNameEle=this.el.querySelector('ptc-textfield[field-id="contact-firstname"]'),this.lastNameEle=this.el.querySelector('ptc-textfield[field-id="contact-lastname"]'),this.companyEle=this.el.querySelector('ptc-textfield[field-id="company"]'),this.phoneEle=this.el.querySelector('ptc-textfield[field-id="contact-phone"]'),this.countryEle=this.el.querySelector('ptc-select[field-id="contact-country"]'),this.inquiryreasonEle=this.el.querySelector('ptc-select[field-id="contact-inquiry"]'),this.howhearselfreport=this.el.querySelector('ptc-textfield[field-id="self-reporting"]'),this.policy1=this.el.querySelector('ptc-form-checkbox[checkbox-id="policy1"]')}onDataLookup(){const t=this.el.closest("ptc-data-lookup");t?(console.log("Perform Data Lookup..."),t.performDataLookup()):console.log("No Data Lookup...")}handleInputChange(t,e){this.formData=Object.assign(Object.assign({},this.formData),{[t]:e})}handleSubmit(t){if(t.preventDefault(),this.formData.email=this.emailEle.inputValue,this.formData.firstName=this.firstNameEle.inputValue,this.formData.lastName=this.lastNameEle.inputValue,this.formData.company=this.companyEle.inputValue,this.formData.phone=this.phoneEle.inputValue,this.formData.country=this.countryEle.selectedValue,this.formData.inquiryReason=this.inquiryreasonEle.selectedValue,this.formData.howhearselfreport=this.howhearselfreport.inputValue,this.formData.policyChecked=this.policy1.isChecked,this.formData.policyChecked)if(this.isValid()){const t=new CustomEvent("formSubmit",{detail:this.formData,bubbles:!0});this.el.dispatchEvent(t),this.isSubmitted=!0,console.log("Form Submitted: "+this.formData.email,this.formData.firstName,this.formData.lastName,this.formData.company,this.formData.phone,this.formData.country,this.formData.inquiryReason,this.formData.howhearselfreport,this.formData.policyChecked)}else console.log("Form validation failed");else this.policy1.validateCheckbox(),console.log("Warning: Checkbox is not checked. This field is required")}isValid(){const{email:t,firstName:e,lastName:i,company:a,country:s,phone:l,inquiryReason:n,howhearselfreport:c,policyChecked:o}=this.formData,d=document.querySelectorAll(".invalid-field").length;return""!==t&&""!==l&&""!==e&&""!==i&&""!==a&&""!==s&&""!==n&&""!=c&&o&&0===d}render(){const t=this.isSubmitted?"ptc-form-roll-up":"";return e(i,null,e("div",{class:"ptc-container ptc-section-standard flex-adjustments"},e("div",{class:"form-wrapper ptc-embedded-form"},e("max-width-container",{"max-width":"277",breakpoint:480},e("ptc-title",{type:"h2","text-align":"center","title-size":"x-small","title-color":"gray",upperline:"no-upperline","title-display":"inline-block","title-height":"densest","title-margin":"margin-flush","title-weight":"w-6","is-plm-hub":"false"},"Please fill out the form and a PTC sales representative will be in touch."),e("ptc-spacer",{breakpoint:"x-small",size:"medium"}),e("ptc-spacer",{breakpoint:"x-small",size:"medium"}),e("ptc-spacer",{breakpoint:"small",size:"small"}),e("ptc-spacer",{breakpoint:"small",size:"small"})),e("form",{onSubmit:t=>this.handleSubmit(t),class:t},e("div",{id:"not-me-link-id"}),e("div",{id:"not-me-additional-top",class:"not-me-additional-text"}),e("ptc-textfield",{"field-id":"contact-firstname","label-text":"First Name*",type:"text","ptc-data-eloqua-name":"C_FirstName","field-name":"firstname"}),e("ptc-textfield",{"field-id":"contact-lastname","label-text":"Last Name*",type:"text","ptc-data-eloqua-name":"C_LastName","field-name":"lastname"}),e("ptc-textfield",{"field-id":"company","label-text":"Company*",type:"text","ptc-data-eloqua-name":"C_Company","field-name":"company"}),e("ptc-textfield",{"field-id":"contact-email","label-text":"Email*",type:"email","ptc-data-eloqua-name":"C_EmailAddress","field-name":"email","info-text":"Please include @ in the email address"}),e("ptc-select",{"field-id":"contact-country",label:"Country*","ptc-data-eloqua-name":"C_Country","field-name":"country","default-value":"USA"},e("ul",{class:"mdc-list"},e("li",{class:"mdc-list-item","data-value":""},e("span",{class:"mdc-list-item__ripple"})),e("li",{class:"mdc-list-item","data-value":"USA"},e("span",{class:"mdc-list-item__ripple"}),e("span",{class:"mdc-list-item__text"},"USA")),e("li",{class:"mdc-list-item","data-value":"Canada"},e("span",{class:"mdc-list-item__ripple"}),e("span",{class:"mdc-list-item__text"},"Canada")),e("li",{class:"mdc-list-item","data-value":"China"},e("span",{class:"mdc-list-item__ripple"}),e("span",{class:"mdc-list-item__text"},"China")))),e("ptc-textfield",{"field-id":"contact-phone","label-text":"Phone*",type:"tel","ptc-data-eloqua-name":"C_BusPhone","field-name":"phone"}),e("ptc-select",{label:"What information are you interested in?","ptc-data-eloqua-name":"Inquiry_Reason","field-name":"inquiryreason","field-id":"contact-inquiry","info-text":"info text example."},e("ul",{class:"mdc-list"},e("li",{class:"mdc-list-item","data-value":""},e("span",{class:"mdc-list-item__ripple"})),e("li",{class:"mdc-list-item","data-value":"Augmented Reality (AR)"},e("span",{class:"mdc-list-item__ripple"}),e("span",{class:"mdc-list-item__text"},"Augmented Reality (AR)")),e("li",{class:"mdc-list-item","data-value":"CAD"},e("span",{class:"mdc-list-item__ripple"}),e("span",{class:"mdc-list-item__text"},"Computer Aided Design")),e("li",{class:"mdc-list-item","data-value":"Retail(FlexPLM)"},e("span",{class:"mdc-list-item__ripple"}),e("span",{class:"mdc-list-item__text"},"Fashion and Retail Product Lifecycle Management")))),e("ptc-multi-select",null),e("ptc-textfield",{"field-id":"self-reporting","label-text":"How can we help you?*",type:"text","ptc-data-eloqua-name":"HowHearSelfReport","ptc-max-length":"100","field-name":"howhearselfreport"}),e("ptc-textfield",{type:"hidden","ptc-data-eloqua-name":"test","input-value":"test"}),e("ptc-form-checkbox",{label:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent nec ultricies risus. Praesent suscipit mauris vel augue facilisis, nec consequat ipsum placerat. Curabitur nisi elit, dignissim tincidunt tincidunt at, vehicula sit amet nisl. Maecenas sodales est vulputate ex feugiat tincidunt.","checkbox-id":"policy1"}),e("div",{id:"not-me-additional-bottom",class:"not-me-additional-text"}),e("ptc-button",{class:"form-submit",color:"ptc-quaternary",type:"submit",styles:":host{align-self:flex-end; margin-top: 12px; display:block; text-align:right;}"},"Submit")))))}get el(){return a(this)}};s.style="h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block}.flex-adjustments{display:flex;justify-content:center}@media only screen and (min-width: 768px){.flex-adjustments{justify-content:flex-end}}.embedded-form-container{background-color:#142D48}.ptc-embedded-form.form-wrapper{max-width:361px;display:flex;border-radius:3px;background:#FFF;box-shadow:0px 2px 6px 0px rgba(0, 0, 0, 0.16);flex-direction:column;align-items:center;padding:24px 0px;justify-content:center}@media only screen and (min-width: 480px){.ptc-embedded-form.form-wrapper{width:361px}}@keyframes rollUp{from{height:auto;opacity:1}to{height:0;opacity:0}}.ptc-form-roll-up{animation:rollUp 1s forwards;}";export{s as embedded_form}
package/dist/ptcw-design/p-90c4f08b.entry.js ADDED
@@ -0,0 +1 @@
1
+ import{r as o,h as t,H as a,g as r}from"./p-ac75c7ad.js";const e=class{constructor(t){o(this,t),this.sectionTitle=void 0,this.description=void 0,this.backgroundImage=void 0}componentDidLoad(){this.el.addEventListener("mousemove",(()=>{}));let o=this.el.shadowRoot.querySelector(".bgImage");onmousemove=t=>{t.target===this.el&&o.style.setProperty("transform",`translate(-${t.clientX/100}px, -${t.clientY/100}px) scale(1.1, 1.1)`)}}render(){return t(a,null,t("img",{src:this.backgroundImage,alt:"",class:"bgImage"}),t("svg",{class:"cut cut-top",xmlns:"http://www.w3.org/2000/svg",width:"320.963",height:"28.179",viewBox:"0 0 320.963 28.179"},t("path",{fill:"#F3F3F3",d:"M737.02 463.856v27.8H416.057v.378h102.38l47.607-28.179z",class:"path-1","data-name":"Path 8770",transform:"translate(-416.057 -463.856)"})),t("div",{class:"backdrop-blur light-links"},t("div",{class:"ptc-container"},t("ptc-title",{type:"h2","text-align":"center","title-color":"white","title-margin":"margin-flush"},this.sectionTitle),t("ptc-para",{"font-size":"small","para-align":"center","font-weight":"w-5","para-color":"white","para-margin":"margin-5"},this.description),t("ptc-spacer",null)),t("div",{class:"ptc-container"},t("div",{class:"content-box"},t("div",{class:"backdrop"}),t("slot",null)))),t("svg",{class:"cut cut-bottom",xmlns:"http://www.w3.org/2000/svg",width:"320.963",height:"28.179",viewBox:"0 0 320.963 28.179"},t("path",{fill:"#F3F3F3",d:"M737.02 463.856v27.8H416.057v.378h102.38l47.607-28.179z",class:"path-1","data-name":"Path 8770",transform:"translate(-416.057 -463.856)"})))}get el(){return r(this)}};e.style='h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}a{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);text-decoration-line:underline;color:var(--color-hyperlink);transition:color var(--ptc-transition-medium) var(--ptc-ease-out);font-weight:var(--ptc-font-weight-bold)}a:visited{color:var(--color-blue-10)}a:active,a:visited:active{transition:none;color:var(--color-blue-09)}a:hover,a:visited:hover{color:var(--color-blue-08)}a.disabled{color:var(--color-gray-04) !important;cursor:not-allowed}a:focus-visible{outline:5px solid #003DD6 !important;outline-offset:0px !important;border-radius:var(--ptc-border-radius-standard)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a),.light-links a.light-link,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a),.background-grey-10 a.light-link,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a),.background-plm-grey a.light-link{color:var(--color-blue-04);margin:-2px;border:2px solid transparent}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a):visited,.light-links a.light-link:visited,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a):visited,.background-grey-10 a.light-link:visited,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a):visited,.background-plm-grey a.light-link:visited{color:var(--color-blue-06)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a):active,.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a):visited:active,.light-links a.light-link:active,.light-links a.light-link:visited:active,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a):active,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a):visited:active,.background-grey-10 a.light-link:active,.background-grey-10 a.light-link:visited:active,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a):active,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a):visited:active,.background-plm-grey a.light-link:active,.background-plm-grey a.light-link:visited:active{transition:none;color:var(--color-blue-07)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a):hover,.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a):visited:hover,.light-links a.light-link:hover,.light-links a.light-link:visited:hover,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a):hover,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a):visited:hover,.background-grey-10 a.light-link:hover,.background-grey-10 a.light-link:visited:hover,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a):hover,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a):visited:hover,.background-plm-grey a.light-link:hover,.background-plm-grey a.light-link:visited:hover{color:var(--color-blue-05)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a).disabled,.light-links a.light-link.disabled,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a).disabled,.background-grey-10 a.light-link.disabled,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a).disabled,.background-plm-grey a.light-link.disabled{color:var(--color-gray-04) !important;cursor:not-allowed}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a):focus-visible,.light-links a.light-link:focus-visible,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a):focus-visible,.background-grey-10 a.light-link:focus-visible,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a):focus-visible,.background-plm-grey a.light-link:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}.light-links .podcast-cta-section a,.background-grey-10 .podcast-cta-section a,.background-plm-grey .podcast-cta-section a{border:2px solid transparent}.light-links .podcast-cta-section a:focus-visible,.background-grey-10 .podcast-cta-section a:focus-visible,.background-plm-grey .podcast-cta-section a:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}.ptc-link{color:var(--color-gray-10);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.ptc-link:hover{color:var(--color-green-06)}.ptc-link:visited{color:var(--color-gray-10)}.ptc-link:active,.ptc-link:visited:active{transition:none;color:var(--color-green-06)}.ptc-link:hover,.ptc-link:visited:hover{color:var(--color-green-06)}.ptc-link-dark{color:var(--color-white);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.ptc-link-dark:hover{color:var(--color-green-06)}.ptc-link-dark:visited{color:var(--color-white)}.ptc-link-dark:active,.ptc-link-dark:visited:active{transition:none;color:var(--color-green-06)}.ptc-link-dark:hover,.ptc-link-dark:visited:hover{color:var(--color-green-06)}:host{display:block;background:linear-gradient(180deg, rgba(0, 0, 0, 0.62), rgba(0, 0, 0, 0));background-position:50%;background-size:cover;overflow:hidden;position:relative}:host .bgImage{height:100%;left:0;object-fit:cover;position:absolute;top:0;transform:scale(1.1);width:100%;z-index:-2}:host svg.cut{left:0;position:absolute;z-index:99}:host svg.cut-top{top:0;transform:rotate(180deg) translateY(5px)}:host .cut-bottom{bottom:0;transform:scaleX(-1) translateY(5px)}:host .backdrop-blur{backdrop-filter:blur(7px);padding:var(--ptc-layout-spacing-05) 0}:host .content-box{padding:var(--ptc-element-spacing-05);backdrop-filter:blur(13.7px);border:1px solid rgba(255, 255, 255, 0.54);border-radius:10px;position:relative}@media only screen and (min-width: 768px){:host .content-box{padding:var(--ptc-element-spacing-08)}}:host .content-box .backdrop{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:10px;box-shadow:0 3px 15px 0 rgba(0, 0, 0, 0.35);width:100%;height:100%;overflow:hidden;position:absolute;top:0;left:0}:host .content-box .backdrop::before{background-color:#2a2729;border-radius:10px;content:"";height:100%;opacity:0.7;position:absolute;width:100%;z-index:-1}:host .ptc-container{padding-right:24px;padding-left:24px;margin-right:auto;margin-left:auto}@media only screen and (min-width: 1200px){:host .ptc-container{padding-left:0;padding-right:0;max-width:1136px}}@media only screen and (min-width: 1440px){:host .ptc-container{padding-left:0;padding-right:0;max-width:1200px}}';export{e as innovator_toggle_container}
package/dist/ptcw-design/{p-80c56c81.entry.js → p-931650bb.entry.js} RENAMED
@@ -1 +1 @@
1
- import{r as e,h as t}from"./p-944c5be8.js";const i=class{constructor(t){e(this,t),this.linkHref=void 0,this.linkTarget="_self"}render(){return t("div",{class:"dropdown-item"},t("slot",null))}};i.style='h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}.dropdown-item{transition:background-color ease-out 250ms;max-width:240px}@media only screen and (min-width: 480px){.dropdown-item{max-width:400px}}@media only screen and (min-width: 992px){.dropdown-item{max-width:650px}}.dropdown-item:active{transition:background-color ease-out 0ms}.dropdown-item:hover,.dropdown-item:active,.dropdown-item:focus,.dropdown-item:focus-visible{background-color:var(--color-gray-02)}.dropdown-item span{display:block;padding:0.75rem 1.5rem;font-family:"Raleway";font-style:normal;font-weight:var(--ptc-font-weight-regular);font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-dense);color:var(--color-gray-12);text-decoration:none}.dropdown-item span:hover,.dropdown-item span:visited,.dropdown-item span:active,.dropdown-item span:focus,.dropdown-item span:focus-visible{color:var(--color-gray-12)}';export{i as dropdown_item}
1
+ import{r as e,h as t}from"./p-ac75c7ad.js";const i=class{constructor(t){e(this,t),this.linkHref=void 0,this.linkTarget="_self"}render(){return t("div",{class:"dropdown-item"},t("slot",null))}};i.style='h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}.dropdown-item{transition:background-color ease-out 250ms;max-width:240px}@media only screen and (min-width: 480px){.dropdown-item{max-width:400px}}@media only screen and (min-width: 992px){.dropdown-item{max-width:650px}}.dropdown-item:active{transition:background-color ease-out 0ms}.dropdown-item:hover,.dropdown-item:active,.dropdown-item:focus,.dropdown-item:focus-visible{background-color:var(--color-gray-02)}.dropdown-item span{display:block;padding:0.75rem 1.5rem;font-family:"Raleway";font-style:normal;font-weight:var(--ptc-font-weight-regular);font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-dense);color:var(--color-gray-12);text-decoration:none}.dropdown-item span:hover,.dropdown-item span:visited,.dropdown-item span:active,.dropdown-item span:focus,.dropdown-item span:focus-visible{color:var(--color-gray-12)}';export{i as dropdown_item}
package/dist/ptcw-design/p-95187918.entry.js ADDED
@@ -0,0 +1 @@
1
+ import{r as t,h as o,H as e}from"./p-ac75c7ad.js";const i=class{constructor(o){t(this,o),this.isTabMob=void 0,this.backgroundImage=void 0}handleWindowResize(){this.setEqualHeights("ptc-icon-card"),this.isTabMob=window.innerWidth<1200,this.isTabMob?document.querySelectorAll(".ft-col").forEach((t=>{t.style.height="auto"})):this.setEqualHeights(".ft-col")}componentWillLoad(){this.isTabMob=window.innerWidth<1200}componentDidLoad(){this.setEqualHeights("ptc-icon-card"),this.isTabMob?document.querySelectorAll(".ft-col").forEach((t=>{t.style.height="auto"})):this.setEqualHeights(".ft-col")}setEqualHeights(t){const o=document.querySelectorAll(t);let e=0;o.forEach((t=>{t.style.height="auto"})),o.forEach((t=>{const o=t.offsetHeight;o>e&&(e=o)})),o.forEach((t=>{t.style.height=`${e}px`}))}render(){return o(e,null,o("div",{class:"footer-bg-wrap"},o("div",{class:"footer-bg",style:{backgroundImage:`url(${this.backgroundImage})`}}),o("slot",null)),o("slot",{name:"footer-bottom-slot"}))}};i.style="h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}ptc-footer{display:block;color:var(--color-white);background-color:var(--color-gray-12);position:relative;z-index:2}ptc-footer ul{padding:0;margin:0;list-style:none}ptc-footer ul li a{margin:-2px;border:2px solid transparent;text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px;text-decoration-color:transparent;transition:text-decoration var(--ptc-transition-medium) var(--ptc-ease-inout);color:var(--color-white) !important}ptc-footer ul li a:hover{color:var(--color-white) !important;text-decoration-color:var(--color-white)}ptc-footer ul li a:visited{color:var(--color-white)}ptc-footer ul li a:active{color:var(--color-gray-04) !important;transition:none;text-decoration-color:var(--color-gray-04)}ptc-footer ul li a:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}ptc-footer .gap-20{grid-column-gap:20px;grid-row-gap:20px}ptc-footer .footer-bg-wrap{position:relative;border-top:1px solid var(--color-gray-10)}ptc-footer .footer-bg{position:absolute;width:100%;text-align:center;height:100%;background-repeat:no-repeat;background-position:center center;z-index:0}ptc-footer .footer-top{padding-top:48px;padding-bottom:48px;position:relative;z-index:1;max-width:500px;margin:auto;box-sizing:content-box}@media only screen and (min-width: 992px){ptc-footer .footer-top{padding:var(--ptc-layout-spacing-06) 80px;max-width:900px}}@media only screen and (min-width: 1200px){ptc-footer .footer-top{padding:var(--ptc-layout-spacing-06) 88px;max-width:1200px}}@media only screen and (min-width: 1440px){ptc-footer .footer-top{padding:var(--ptc-layout-spacing-06) 88px;max-width:1200px}}ptc-footer .footer-top ptc-title{display:block}ptc-footer .footer-top .f-menu{justify-content:space-between;width:100%;gap:16px;max-width:516px}@media only screen and (min-width: 992px){ptc-footer .footer-top .f-menu{justify-content:flex-start;max-width:419px;gap:56px}}@media only screen and (min-width: 1200px){ptc-footer .footer-top .f-menu{justify-content:flex-start;max-width:413px;gap:80px}}@media only screen and (min-width: 992px){ptc-footer .footer-top .f-menu ul,ptc-footer .footer-top .f-menu ol{max-width:initial}}@media only screen and (min-width: 1024px){ptc-footer .footer-top .f-menu ul,ptc-footer .footer-top .f-menu ol{width:50%}}ptc-footer .footer-top .f-menu ul li,ptc-footer .footer-top .f-menu ol li{padding:6px 0;font-size:var(--ptc-font-size-x-small)}ptc-footer .footer-top .f-menu ul li:first-child,ptc-footer .footer-top .f-menu ol li:first-child{padding-top:0}ptc-footer .footer-top .f-menu ul li:last-child,ptc-footer .footer-top .f-menu ol li:last-child{padding-bottom:0}ptc-footer .footer-top .f-menu ul li a,ptc-footer .footer-top .f-menu ol li a{display:inline-block;font-weight:var(--ptc-font-weight-medium);line-height:var(--ptc-line-height-p);padding-bottom:4px}ptc-footer .footer-top .f-social-wrap{display:flex;flex-direction:column;align-items:center;grid-column-gap:48px;grid-row-gap:48px}@media only screen and (min-width: 992px){ptc-footer .footer-top .f-social-wrap{flex-direction:row;justify-content:flex-start}}@media only screen and (min-width: 1200px){ptc-footer .footer-top .f-social-wrap{display:block}}ptc-footer ptc-mobile-select,ptc-footer .mobile-lang{display:block}@media only screen and (min-width: 1200px){ptc-footer ptc-mobile-select,ptc-footer .mobile-lang{display:none}}ptc-footer .footer-bottom{background-color:var(--color-gray-11);padding-top:var(--ptc-layout-spacing-02);padding-bottom:var(--ptc-layout-spacing-02);text-align:center;font-size:var(--ptc-font-size-xx-small)}@media only screen and (min-width: 992px){ptc-footer .footer-bottom{display:flex;align-items:center;justify-content:space-between}}@media only screen and (min-width: 992px){ptc-footer .footer-bottom{max-width:1136px;box-sizing:content-box}}@media only screen and (min-width: 1200px){ptc-footer .footer-bottom{padding-right:24px;padding-left:24px;max-width:1200px}}ptc-footer .footer-bottom ul li,ptc-footer .footer-bottom ol li{font-size:var(--ptc-font-size-xx-small)}ptc-footer .footer-bottom .logo{margin:-2px;margin-bottom:var(--ptc-element-spacing-06)}ptc-footer .footer-bottom .logo a{border:2px solid transparent;display:inline-block}ptc-footer .footer-bottom .logo a:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}ptc-footer .footer-bottom .logo .footer-ptc-logo{width:78px;height:28px}@media only screen and (min-width: 992px){ptc-footer .footer-bottom .logo{margin-bottom:0}}@media only screen and (min-width: 992px){ptc-footer .footer-bottom .copyright-list .copyright{margin-left:20px}}@media only screen and (min-width: 992px){ptc-footer .footer-bottom .copyright-list{display:flex;align-items:center}}ptc-footer .footer-bottom .copyright-list ul{margin-top:var(--ptc-element-spacing-04)}@media only screen and (min-width: 992px){ptc-footer .footer-bottom .copyright-list ul{margin-left:40px;margin-top:0}}ptc-footer .footer-bottom .copyright-list ul li{display:inline-block;margin:0 12px}ptc-footer .footer-bottom .copyright-list ul li:first-child{margin-left:0}ptc-footer .footer-bottom .copyright-list ul li:last-child{margin-right:0}ptc-footer .footer-bottom .copyright-list ul li a{display:block;padding:6px 0}ptc-footer .f-desktop-div{display:none}@media only screen and (min-width: 1200px){ptc-footer .f-desktop-div{display:block}}ptc-footer .f-mobile-div{display:block}@media only screen and (min-width: 1200px){ptc-footer .f-mobile-div{display:none}}ptc-footer .ft-grid{display:flex;justify-content:space-between;align-items:flex-start;align-content:flex-start;row-gap:48px;align-self:stretch;flex-flow:row wrap}@media only screen and (min-width: 992px){ptc-footer .ft-grid{row-gap:56px}}ptc-footer .ft-grid .ft-col{display:flex;flex-direction:column;align-items:flex-start;gap:24px}@media only screen and (min-width: 992px){ptc-footer .ft-grid .ft-col{padding-right:64px}}ptc-footer .ft-grid .ft-cards{padding-right:0;width:100%}@media only screen and (min-width: 992px){ptc-footer .ft-grid .ft-cards{padding-right:48px;width:auto}}@media only screen and (min-width: 1200px){ptc-footer .ft-grid .ft-cards{padding-right:64px}}ptc-footer .ft-grid .ft-cards max-width-container{width:100%;margin-top:0}@media only screen and (min-width: 992px){ptc-footer .ft-grid .ft-cards max-width-container{width:auto}}ptc-footer .ft-grid .ft-menu{padding-right:16px;width:100%}@media only screen and (min-width: 480px){ptc-footer .ft-grid .ft-menu{padding-right:56px}}@media only screen and (min-width: 992px){ptc-footer .ft-grid .ft-menu{width:auto;max-width:365px;padding-right:0}}@media (min-width: 998px){ptc-footer .ft-grid .ft-menu{min-width:360px}}@media only screen and (min-width: 1200px){ptc-footer .ft-grid .ft-menu{padding-right:64px;min-width:413px;max-width:min-content}}ptc-footer .ft-grid .ft-social{display:flex;padding-right:0;width:100%;justify-content:flex-start;align-items:center;flex-direction:column;gap:48px}@media only screen and (min-width: 992px){ptc-footer .ft-grid .ft-social{flex-direction:row}}@media only screen and (min-width: 1200px){ptc-footer .ft-grid .ft-social{width:auto;justify-content:space-between;align-items:flex-end;flex-direction:column}}ptc-footer .ft-grid .ft-cn-contact{width:100%;text-align:center}";export{i as ptc_footer}