@ptcwebops/ptcw-design 6.2.4-beta → 6.2.4

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 (406) hide show
  1. package/dist/cjs/{component-4dd13907.js → component-06dda623.js} +1494 -3305
  2. package/dist/cjs/component-5b5b6a98.js +1819 -0
  3. package/dist/cjs/icon-asset_15.cjs.entry.js +1714 -0
  4. package/dist/cjs/loader.cjs.js +1 -1
  5. package/dist/cjs/ptc-data-lookup.cjs.entry.js +2 -1
  6. package/dist/cjs/{ptc-form-checkbox_4.cjs.entry.js → ptc-form-checkbox_2.cjs.entry.js} +4 -786
  7. package/dist/cjs/ptc-multi-select_2.cjs.entry.js +670 -0
  8. package/dist/cjs/ptc-previous-url.cjs.entry.js +2 -10
  9. package/dist/cjs/ptcw-design.cjs.js +1 -1
  10. package/dist/cjs/validation-messages-33a4f26b.js +126 -0
  11. package/dist/collection/collection-manifest.json +0 -1
  12. package/dist/collection/components/icon-asset/media/designer-v6.0.6.svg +2 -30
  13. package/dist/collection/components/ptc-modal/ptc-modal.css +0 -4
  14. package/dist/collection/components/ptc-modal/ptc-modal.js +2 -2
  15. package/dist/collection/components/ptc-para/ptc-para.css +0 -3
  16. package/dist/collection/components/ptc-para/ptc-para.js +2 -2
  17. package/dist/collection/components/ptc-previous-url/ptc-previous-url.css +0 -16
  18. package/dist/collection/components/ptc-previous-url/ptc-previous-url.js +1 -27
  19. package/dist/custom-elements/index.d.ts +0 -6
  20. package/dist/custom-elements/index.js +6 -104
  21. package/dist/esm/academic-form-test.entry.js +1 -1
  22. package/dist/esm/author-listing-example.entry.js +1 -1
  23. package/dist/esm/blog-detail-content_2.entry.js +2 -2
  24. package/dist/esm/blog-detail-layout.entry.js +2 -2
  25. package/dist/esm/blogs-search-section.entry.js +2 -2
  26. package/dist/esm/bundle-example.entry.js +1 -1
  27. package/dist/esm/bundle-jumbotron-example.entry.js +1 -1
  28. package/dist/esm/{component-9c921cc6.js → component-274da230.js} +1482 -3281
  29. package/dist/esm/component-341e4eaa.js +1802 -0
  30. package/dist/esm/dropdown-item.entry.js +1 -1
  31. package/dist/esm/dynamic-box-bundle.entry.js +1 -1
  32. package/dist/esm/embedded-form.entry.js +1 -1
  33. package/dist/esm/event-jumbotron-example.entry.js +1 -1
  34. package/dist/esm/featured-events-slider-example.entry.js +1 -1
  35. package/dist/esm/featured-list.entry.js +1 -1
  36. package/dist/esm/fl-tab-content_3.entry.js +1 -1
  37. package/dist/esm/footer-form.entry.js +1 -1
  38. package/dist/esm/homepage-clickable-tab.entry.js +1 -1
  39. package/dist/esm/homepage-jumbotron.entry.js +2 -2
  40. package/dist/esm/homepage-toggled-content.entry.js +2 -2
  41. package/dist/esm/icon-asset_15.entry.js +1696 -0
  42. package/dist/esm/{index-c83db688.js → index-0bf594c4.js} +1 -1
  43. package/dist/esm/innovator-toggle-container.entry.js +1 -1
  44. package/dist/esm/{interfaces-4caedd26.js → interfaces-7c0243be.js} +1 -1
  45. package/dist/esm/jumbotron-sub-menu.entry.js +1 -1
  46. package/dist/esm/jumbotron-sub-mune.entry.js +1 -1
  47. package/dist/esm/list-item.entry.js +1 -1
  48. package/dist/esm/loader.js +3 -3
  49. package/dist/esm/most-popular-news.entry.js +2 -2
  50. package/dist/esm/my-component.entry.js +2 -2
  51. package/dist/esm/news-search-result.entry.js +1 -1
  52. package/dist/esm/ptc-accordion-item.entry.js +2 -2
  53. package/dist/esm/ptc-accordion.entry.js +1 -1
  54. package/dist/esm/ptc-announcement.entry.js +1 -1
  55. package/dist/esm/ptc-back-to-top.entry.js +1 -1
  56. package/dist/esm/ptc-background-video.entry.js +2 -2
  57. package/dist/esm/ptc-badge.entry.js +1 -1
  58. package/dist/esm/ptc-bio-card.entry.js +1 -1
  59. package/dist/esm/ptc-breadcrumb.entry.js +1 -1
  60. package/dist/esm/ptc-brightcov-video.entry.js +1 -1
  61. package/dist/esm/ptc-card-bottom_2.entry.js +1 -1
  62. package/dist/esm/ptc-card-content.entry.js +1 -1
  63. package/dist/esm/ptc-card_2.entry.js +1 -1
  64. package/dist/esm/ptc-case-studies-slider.entry.js +1 -1
  65. package/dist/esm/ptc-checkbox-group.entry.js +1 -1
  66. package/dist/esm/ptc-checkbox.entry.js +1 -1
  67. package/dist/esm/ptc-collapse-list.entry.js +2 -2
  68. package/dist/esm/ptc-container.entry.js +1 -1
  69. package/dist/esm/ptc-countdown.entry.js +1 -1
  70. package/dist/esm/ptc-data-lookup.entry.js +3 -2
  71. package/dist/esm/ptc-date.entry.js +1 -1
  72. package/dist/esm/ptc-dropdown.entry.js +1 -1
  73. package/dist/esm/ptc-dynamic-card.entry.js +1 -1
  74. package/dist/esm/ptc-ellipsis-dropdown.entry.js +1 -1
  75. package/dist/esm/ptc-embedded-quiz.entry.js +1 -1
  76. package/dist/esm/ptc-featured-list.entry.js +1 -1
  77. package/dist/esm/ptc-filter-dropdown_4.entry.js +1 -1
  78. package/dist/esm/ptc-filter-level-theater.entry.js +1 -1
  79. package/dist/esm/ptc-filter-tag_2.entry.js +1 -1
  80. package/dist/esm/{ptc-form-checkbox_4.entry.js → ptc-form-checkbox_2.entry.js} +5 -785
  81. package/dist/esm/ptc-form-radio-button.entry.js +1 -1
  82. package/dist/esm/ptc-form-radio-group.entry.js +1 -1
  83. package/dist/esm/ptc-form.entry.js +1 -1
  84. package/dist/esm/ptc-hero-footer-cta.entry.js +1 -1
  85. package/dist/esm/ptc-hero.entry.js +1 -1
  86. package/dist/esm/ptc-homepage-image-feature.entry.js +2 -2
  87. package/dist/esm/ptc-homepage-video-background.entry.js +2 -2
  88. package/dist/esm/ptc-icon-component.entry.js +1 -1
  89. package/dist/esm/ptc-icon-list.entry.js +1 -1
  90. package/dist/esm/ptc-icon-minimize.entry.js +1 -1
  91. package/dist/esm/ptc-image-download-strip.entry.js +1 -1
  92. package/dist/esm/ptc-img.entry.js +2 -2
  93. package/dist/esm/ptc-info-tile.entry.js +1 -1
  94. package/dist/esm/ptc-inline-cta.entry.js +1 -1
  95. package/dist/esm/ptc-jumbotron.entry.js +1 -1
  96. package/dist/esm/ptc-list.entry.js +1 -1
  97. package/dist/esm/ptc-media-card.entry.js +2 -2
  98. package/dist/esm/ptc-minimized-nav.entry.js +1 -1
  99. package/dist/esm/ptc-modal-quiz.entry.js +1 -1
  100. package/dist/esm/ptc-multi-select_2.entry.js +665 -0
  101. package/dist/esm/ptc-nav-card.entry.js +1 -1
  102. package/dist/esm/ptc-nav-link.entry.js +1 -1
  103. package/dist/esm/ptc-nav-pills.entry.js +1 -1
  104. package/dist/esm/ptc-nav-skip-to-content.entry.js +1 -1
  105. package/dist/esm/ptc-nav-slider.entry.js +1 -1
  106. package/dist/esm/ptc-nav-submenu.entry.js +1 -1
  107. package/dist/esm/ptc-nav-tile.entry.js +1 -1
  108. package/dist/esm/ptc-news.entry.js +1 -1
  109. package/dist/esm/ptc-office-location-card.entry.js +1 -1
  110. package/dist/esm/ptc-office-locations.entry.js +1 -1
  111. package/dist/esm/ptc-overlay.entry.js +1 -1
  112. package/dist/esm/ptc-podcast-card.entry.js +1 -1
  113. package/dist/esm/ptc-preferance-center-form.entry.js +1 -1
  114. package/dist/esm/ptc-previous-url.entry.js +3 -11
  115. package/dist/esm/ptc-pricing-add-on-card.entry.js +1 -1
  116. package/dist/esm/ptc-pricing-add-on-section.entry.js +1 -1
  117. package/dist/esm/ptc-pricing-block.entry.js +1 -1
  118. package/dist/esm/ptc-pricing-packaging-table.entry.js +2 -2
  119. package/dist/esm/ptc-pricing-tabs.entry.js +2 -2
  120. package/dist/esm/ptc-product-card.entry.js +1 -1
  121. package/dist/esm/ptc-product-category.entry.js +1 -1
  122. package/dist/esm/ptc-product-dropdown.entry.js +1 -1
  123. package/dist/esm/ptc-product-highlight-card.entry.js +1 -1
  124. package/dist/esm/ptc-product-list.entry.js +1 -1
  125. package/dist/esm/ptc-product-sidebar.entry.js +1 -1
  126. package/dist/esm/ptc-progress-bar.entry.js +1 -1
  127. package/dist/esm/ptc-quantity-counter.entry.js +1 -1
  128. package/dist/esm/ptc-quote.entry.js +1 -1
  129. package/dist/esm/ptc-readmore-char.entry.js +1 -1
  130. package/dist/esm/ptc-readmore-new.entry.js +1 -1
  131. package/dist/esm/ptc-readmore-v3.entry.js +1 -1
  132. package/dist/esm/ptc-readmore.entry.js +1 -1
  133. package/dist/esm/ptc-related-card-rail.entry.js +1 -1
  134. package/dist/esm/ptc-responsive-wrapper.entry.js +1 -1
  135. package/dist/esm/ptc-search-field.entry.js +1 -1
  136. package/dist/esm/ptc-seo-title.entry.js +1 -1
  137. package/dist/esm/ptc-shopping-cart.entry.js +1 -1
  138. package/dist/esm/ptc-showcase-card.entry.js +1 -1
  139. package/dist/esm/ptc-skeleton.entry.js +1 -1
  140. package/dist/esm/ptc-slit-card.entry.js +1 -1
  141. package/dist/esm/ptc-social-icons.entry.js +1 -1
  142. package/dist/esm/ptc-span.entry.js +1 -1
  143. package/dist/esm/ptc-square-card.entry.js +1 -1
  144. package/dist/esm/ptc-sticky-icons.entry.js +1 -1
  145. package/dist/esm/ptc-sticky-section.entry.js +1 -1
  146. package/dist/esm/ptc-sticky-title.entry.js +1 -1
  147. package/dist/esm/ptc-subnav-card.entry.js +1 -1
  148. package/dist/esm/ptc-subnav.entry.js +1 -1
  149. package/dist/esm/ptc-svg-btn.entry.js +1 -1
  150. package/dist/esm/ptc-tab-list.entry.js +1 -1
  151. package/dist/esm/ptc-tab.entry.js +1 -1
  152. package/dist/esm/ptc-tabs.entry.js +1 -1
  153. package/dist/esm/ptc-theater-video-modal.entry.js +1 -1
  154. package/dist/esm/ptc-tooltip-v2.entry.js +1 -1
  155. package/dist/esm/ptc-tooltip-v3.entry.js +1 -1
  156. package/dist/esm/ptc-tooltip.entry.js +1 -1
  157. package/dist/esm/ptc-two-column-media.entry.js +1 -1
  158. package/dist/esm/ptc-value-led-card.entry.js +1 -1
  159. package/dist/esm/ptc-value-led-content-highlight.entry.js +1 -1
  160. package/dist/esm/ptc-value-led-content.entry.js +1 -1
  161. package/dist/esm/ptc-value-led-intro.entry.js +1 -1
  162. package/dist/esm/ptc-value-led-layout.entry.js +1 -1
  163. package/dist/esm/ptc-value-led-speed-bump.entry.js +1 -1
  164. package/dist/esm/ptc-value-prop-card.entry.js +1 -1
  165. package/dist/esm/ptc-video-embed.entry.js +1 -1
  166. package/dist/esm/ptc-white-paper.entry.js +1 -1
  167. package/dist/esm/ptcw-design.js +3 -3
  168. package/dist/esm/sequential-bundle-example.entry.js +1 -1
  169. package/dist/esm/sequential-bundle.entry.js +1 -1
  170. package/dist/esm/tab-content.entry.js +1 -1
  171. package/dist/esm/tab-header.entry.js +1 -1
  172. package/dist/esm/{utils-63eab4bd.js → utils-ff65c75b.js} +1 -1
  173. package/dist/esm/validation-messages-adbb6518.js +124 -0
  174. package/dist/ptcw-design/media/designer-v6.0.6.svg +2 -30
  175. package/dist/ptcw-design/{p-03a917f8.entry.js → p-02f0460b.entry.js} +1 -1
  176. package/dist/ptcw-design/p-051ba8f9.entry.js +1 -0
  177. package/dist/ptcw-design/{p-577dad08.entry.js → p-0554d900.entry.js} +1 -1
  178. package/dist/ptcw-design/{p-b8ee8699.entry.js → p-07b1afd5.entry.js} +1 -1
  179. package/dist/ptcw-design/{p-9e2fd13c.entry.js → p-0a558a22.entry.js} +1 -1
  180. package/dist/ptcw-design/{p-9ac99185.entry.js → p-0abb6e77.entry.js} +1 -1
  181. package/dist/ptcw-design/{p-71360e29.entry.js → p-0b182300.entry.js} +1 -1
  182. package/dist/ptcw-design/{p-bbc706df.entry.js → p-0bc848ef.entry.js} +1 -1
  183. package/dist/ptcw-design/{p-28be539b.entry.js → p-0c862dbd.entry.js} +1 -1
  184. package/dist/ptcw-design/{p-fb8584e4.entry.js → p-0ed4609e.entry.js} +1 -1
  185. package/dist/ptcw-design/p-11eb4dd1.entry.js +1 -0
  186. package/dist/ptcw-design/{p-c0bb1ad0.entry.js → p-13131b4d.entry.js} +1 -1
  187. package/dist/ptcw-design/{p-2657df50.entry.js → p-132f71c3.entry.js} +1 -1
  188. package/dist/ptcw-design/{p-99b45d23.entry.js → p-139ca5d2.entry.js} +1 -1
  189. package/dist/ptcw-design/{p-27e47c25.entry.js → p-14c77b5e.entry.js} +1 -1
  190. package/dist/ptcw-design/p-169fdc62.entry.js +1 -0
  191. package/dist/ptcw-design/p-18a5a338.js +1 -0
  192. package/dist/ptcw-design/p-19a9ada3.entry.js +68 -0
  193. package/dist/ptcw-design/{p-85f32bf5.entry.js → p-1ab6201b.entry.js} +1 -1
  194. package/dist/ptcw-design/{p-99daf693.entry.js → p-1acd3617.entry.js} +1 -1
  195. package/dist/ptcw-design/{p-77cad16c.entry.js → p-1adea6a5.entry.js} +1 -1
  196. package/dist/ptcw-design/{p-bb28bbad.entry.js → p-1d00a43a.entry.js} +1 -1
  197. package/dist/ptcw-design/{p-464d8e22.entry.js → p-1d48bad3.entry.js} +1 -1
  198. package/dist/ptcw-design/{p-b3bbd17d.entry.js → p-1e44cf5e.entry.js} +1 -1
  199. package/dist/ptcw-design/{p-46f67bec.entry.js → p-1e9f25fc.entry.js} +1 -1
  200. package/dist/ptcw-design/p-1eb92079.entry.js +1 -0
  201. package/dist/ptcw-design/{p-6b32020a.entry.js → p-1ec32cbc.entry.js} +1 -1
  202. package/dist/ptcw-design/{p-2ac5ed9c.entry.js → p-20670bc5.entry.js} +1 -1
  203. package/dist/ptcw-design/p-208ca9de.entry.js +1 -0
  204. package/dist/ptcw-design/{p-bf8fbba7.entry.js → p-208ec7f3.entry.js} +1 -1
  205. package/dist/ptcw-design/{p-50d68602.entry.js → p-20d837a9.entry.js} +1 -1
  206. package/dist/ptcw-design/p-212cdacd.entry.js +1 -0
  207. package/dist/ptcw-design/{p-8c49d736.entry.js → p-212d0145.entry.js} +1 -1
  208. package/dist/ptcw-design/{p-9b26ea67.entry.js → p-290012e3.entry.js} +1 -1
  209. package/dist/ptcw-design/{p-9b0df204.entry.js → p-298d02ab.entry.js} +1 -1
  210. package/dist/ptcw-design/{p-6f5fecae.entry.js → p-2a255901.entry.js} +1 -1
  211. package/dist/ptcw-design/{p-e90fbbad.entry.js → p-2a3735a5.entry.js} +1 -1
  212. package/dist/ptcw-design/p-2ee3a32b.entry.js +1 -0
  213. package/dist/ptcw-design/{p-21fa5abe.entry.js → p-2fd01953.entry.js} +1 -1
  214. package/dist/ptcw-design/p-330e1a36.entry.js +1 -0
  215. package/dist/ptcw-design/p-36c42aae.entry.js +1 -0
  216. package/dist/ptcw-design/p-3717a6e1.entry.js +1 -0
  217. package/dist/ptcw-design/{p-dc8c0a06.entry.js → p-37899461.entry.js} +1 -1
  218. package/dist/ptcw-design/p-3a7c5330.entry.js +1 -0
  219. package/dist/ptcw-design/{p-f61a3476.entry.js → p-3b967df1.entry.js} +1 -1
  220. package/dist/ptcw-design/{p-8533988f.entry.js → p-3c52fabe.entry.js} +1 -1
  221. package/dist/ptcw-design/{p-58e91cb8.entry.js → p-3c72e82d.entry.js} +1 -1
  222. package/dist/ptcw-design/{p-76d98c5a.entry.js → p-3e13b735.entry.js} +1 -1
  223. package/dist/ptcw-design/{p-c6a0dd99.entry.js → p-43756439.entry.js} +1 -1
  224. package/dist/ptcw-design/{p-ee534211.entry.js → p-4b23b4c3.entry.js} +1 -1
  225. package/dist/ptcw-design/p-520542e2.entry.js +1 -0
  226. package/dist/ptcw-design/p-53d88f2b.entry.js +1 -0
  227. package/dist/ptcw-design/{p-2c2f895a.entry.js → p-54891548.entry.js} +1 -1
  228. package/dist/ptcw-design/{p-56a2a9dc.entry.js → p-5588653b.entry.js} +1 -1
  229. package/dist/ptcw-design/{p-90c4f08b.entry.js → p-5ae21271.entry.js} +1 -1
  230. package/dist/ptcw-design/{p-fec1acdf.entry.js → p-5b0bc600.entry.js} +1 -1
  231. package/dist/ptcw-design/{p-f731fc96.entry.js → p-5da98805.entry.js} +1 -1
  232. package/dist/ptcw-design/{p-61d28206.entry.js → p-5fb671ee.entry.js} +1 -1
  233. package/dist/ptcw-design/{p-c631608f.entry.js → p-61a5012d.entry.js} +1 -1
  234. package/dist/ptcw-design/{p-34c50b3e.entry.js → p-6a79e68e.entry.js} +1 -1
  235. package/dist/ptcw-design/{p-cbee4653.entry.js → p-6bd26096.entry.js} +1 -1
  236. package/dist/ptcw-design/{p-9de963f8.entry.js → p-6d628113.entry.js} +1 -1
  237. package/dist/ptcw-design/p-70ac8aa5.entry.js +1 -0
  238. package/dist/ptcw-design/p-72681e91.entry.js +1 -0
  239. package/dist/ptcw-design/{p-04aae3f5.entry.js → p-74a845fd.entry.js} +1 -1
  240. package/dist/ptcw-design/{p-99ee8a0e.entry.js → p-761f71c4.entry.js} +1 -1
  241. package/dist/ptcw-design/{p-8038bf31.entry.js → p-779c3f21.entry.js} +1 -1
  242. package/dist/ptcw-design/{p-282b7d4e.entry.js → p-78252282.entry.js} +1 -1
  243. package/dist/ptcw-design/{p-081e969d.entry.js → p-7b75091d.entry.js} +1 -1
  244. package/dist/ptcw-design/{p-4b192f5e.entry.js → p-7e19be10.entry.js} +1 -1
  245. package/dist/ptcw-design/{p-3c3a7b54.entry.js → p-7edef9ed.entry.js} +1 -1
  246. package/dist/ptcw-design/{p-7cc9255e.entry.js → p-7fada7ae.entry.js} +1 -1
  247. package/dist/ptcw-design/{p-5980d65d.entry.js → p-807ad5c4.entry.js} +1 -1
  248. package/dist/ptcw-design/{p-931650bb.entry.js → p-80c56c81.entry.js} +1 -1
  249. package/dist/ptcw-design/{p-48815ee0.entry.js → p-88379d69.entry.js} +1 -1
  250. package/dist/ptcw-design/{p-77b1221e.js → p-8872161f.js} +1 -1
  251. package/dist/ptcw-design/{p-9a335b5b.entry.js → p-8eb36507.entry.js} +1 -1
  252. package/dist/ptcw-design/{p-bb902570.entry.js → p-907727fd.entry.js} +1 -1
  253. package/dist/ptcw-design/{p-2a70a438.entry.js → p-9350450b.entry.js} +1 -1
  254. package/dist/ptcw-design/{p-ac75c7ad.js → p-944c5be8.js} +1 -1
  255. package/dist/ptcw-design/{p-7b71abaf.entry.js → p-94c59fac.entry.js} +1 -1
  256. package/dist/ptcw-design/p-973b06d1.entry.js +1 -0
  257. package/dist/ptcw-design/{p-40b8c884.entry.js → p-986be938.entry.js} +1 -1
  258. package/dist/ptcw-design/p-99e41dc4.entry.js +1 -0
  259. package/dist/ptcw-design/{p-bfacfe67.entry.js → p-9a28ded2.entry.js} +1 -1
  260. package/dist/ptcw-design/p-9ae901e2.entry.js +1 -0
  261. package/dist/ptcw-design/{p-eec2f3da.entry.js → p-9b60270e.entry.js} +1 -1
  262. package/dist/ptcw-design/{p-5db7f70b.entry.js → p-9d32f1bc.entry.js} +1 -1
  263. package/dist/ptcw-design/{p-3ee2a531.entry.js → p-9dde477c.entry.js} +1 -1
  264. package/dist/ptcw-design/p-9e6fb4ba.entry.js +1 -0
  265. package/dist/ptcw-design/{p-257a68df.entry.js → p-a22d7ae8.entry.js} +1 -1
  266. package/dist/ptcw-design/{p-3872fce7.entry.js → p-a2710bbf.entry.js} +1 -1
  267. package/dist/ptcw-design/{p-821f0ff9.entry.js → p-a560e839.entry.js} +1 -1
  268. package/dist/ptcw-design/{p-8191928d.entry.js → p-a974f98f.entry.js} +1 -1
  269. package/dist/ptcw-design/{p-d20cf3c5.entry.js → p-aaf8fb04.entry.js} +1 -1
  270. package/dist/ptcw-design/{p-257deac0.entry.js → p-aba549b7.entry.js} +1 -1
  271. package/dist/ptcw-design/p-ac32267c.entry.js +1 -0
  272. package/dist/ptcw-design/{p-a25578e9.entry.js → p-ac78409e.entry.js} +1 -1
  273. package/dist/ptcw-design/p-ad4f4f33.entry.js +1 -0
  274. package/dist/ptcw-design/{p-0d806031.entry.js → p-af9bb288.entry.js} +1 -1
  275. package/dist/ptcw-design/{p-dc85c302.entry.js → p-afbe8e2c.entry.js} +1 -1
  276. package/dist/ptcw-design/{p-8193a2ae.entry.js → p-affe4655.entry.js} +1 -1
  277. package/dist/ptcw-design/{p-48c33817.entry.js → p-b1c1de30.entry.js} +1 -1
  278. package/dist/ptcw-design/{p-aea09a70.entry.js → p-b293a0b1.entry.js} +1 -1
  279. package/dist/ptcw-design/{p-0e5932f0.entry.js → p-b3b63f67.entry.js} +1 -1
  280. package/dist/ptcw-design/{p-49e54079.entry.js → p-b4ba719a.entry.js} +1 -1
  281. package/dist/ptcw-design/{p-85c29073.entry.js → p-b5d0e4a2.entry.js} +1 -1
  282. package/dist/ptcw-design/{p-a7cb3851.entry.js → p-be00fb74.entry.js} +1 -1
  283. package/dist/ptcw-design/p-be533f0d.js +134 -0
  284. package/dist/ptcw-design/{p-ea7369e9.entry.js → p-bf076b87.entry.js} +1 -1
  285. package/dist/ptcw-design/{p-89ba3dfd.entry.js → p-bf2f9183.entry.js} +1 -1
  286. package/dist/ptcw-design/{p-dbbe35bf.entry.js → p-bf439f9b.entry.js} +1 -1
  287. package/dist/ptcw-design/{p-38a56ed6.entry.js → p-c05e326f.entry.js} +1 -1
  288. package/dist/ptcw-design/p-c1513c3f.js +203 -0
  289. package/dist/ptcw-design/{p-6c2b4fb8.entry.js → p-c2e7fec4.entry.js} +1 -1
  290. package/dist/ptcw-design/{p-ffb0ff97.entry.js → p-c415ab42.entry.js} +1 -1
  291. package/dist/ptcw-design/{p-aac082cf.entry.js → p-c5417010.entry.js} +1 -1
  292. package/dist/ptcw-design/{p-97b9f41b.entry.js → p-c5886b7b.entry.js} +1 -1
  293. package/dist/ptcw-design/{p-2749c178.entry.js → p-c9518684.entry.js} +1 -1
  294. package/dist/ptcw-design/{p-04f0b1ba.entry.js → p-c9a73ad1.entry.js} +1 -1
  295. package/dist/ptcw-design/{p-ba8c58a7.entry.js → p-ca268a17.entry.js} +1 -1
  296. package/dist/ptcw-design/{p-5946d7c9.entry.js → p-cab0274c.entry.js} +1 -1
  297. package/dist/ptcw-design/p-ce6d1c5f.entry.js +1 -0
  298. package/dist/ptcw-design/{p-1a6759a4.entry.js → p-d113403b.entry.js} +1 -1
  299. package/dist/ptcw-design/{p-e3bf092e.entry.js → p-d1f57070.entry.js} +1 -1
  300. package/dist/ptcw-design/{p-ecd86dfe.entry.js → p-d3087f34.entry.js} +1 -1
  301. package/dist/ptcw-design/{p-0ee01112.entry.js → p-d5fbe774.entry.js} +1 -1
  302. package/dist/ptcw-design/{p-e577ad62.entry.js → p-d871e7f7.entry.js} +1 -1
  303. package/dist/ptcw-design/{p-158f6d50.entry.js → p-d955c44f.entry.js} +1 -1
  304. package/dist/ptcw-design/{p-a54c6da5.entry.js → p-dabb1b70.entry.js} +1 -1
  305. package/dist/ptcw-design/{p-a0bf3dd2.entry.js → p-dadbab48.entry.js} +1 -1
  306. package/dist/ptcw-design/{p-c5f42895.entry.js → p-dd38bf84.entry.js} +1 -1
  307. package/dist/ptcw-design/{p-d7275289.entry.js → p-e1242dd4.entry.js} +1 -1
  308. package/dist/ptcw-design/{p-a37c5209.entry.js → p-e2e33ddb.entry.js} +1 -1
  309. package/dist/ptcw-design/{p-fdee2cdc.entry.js → p-e6ebc832.entry.js} +1 -1
  310. package/dist/ptcw-design/{p-89177041.entry.js → p-e75dff95.entry.js} +1 -1
  311. package/dist/ptcw-design/{p-c68d31c6.entry.js → p-e87a4ff8.entry.js} +1 -1
  312. package/dist/ptcw-design/{p-d2825140.entry.js → p-e895bf99.entry.js} +1 -1
  313. package/dist/ptcw-design/{p-0a9ee6c2.entry.js → p-e8b51e7d.entry.js} +1 -1
  314. package/dist/ptcw-design/{p-7a1db471.entry.js → p-ecfc8211.entry.js} +1 -1
  315. package/dist/ptcw-design/{p-711bcdad.js → p-ee1183b2.js} +1 -1
  316. package/dist/ptcw-design/{p-071a6109.entry.js → p-ef0079b0.entry.js} +1 -1
  317. package/dist/ptcw-design/{p-da02913d.entry.js → p-f05be87f.entry.js} +1 -1
  318. package/dist/ptcw-design/{p-f5c97ab2.entry.js → p-f2006b03.entry.js} +1 -1
  319. package/dist/ptcw-design/{p-5d885144.entry.js → p-f457709f.entry.js} +1 -1
  320. package/dist/ptcw-design/{p-139a02e6.entry.js → p-f64fadad.entry.js} +1 -1
  321. package/dist/ptcw-design/{p-4f93c631.entry.js → p-f77c7c78.entry.js} +1 -1
  322. package/dist/ptcw-design/{p-f8512dc9.entry.js → p-fb2e4612.entry.js} +1 -1
  323. package/dist/ptcw-design/{p-6a3caf2b.entry.js → p-fc0d9251.entry.js} +1 -1
  324. package/dist/ptcw-design/{p-72df6678.entry.js → p-fe72010d.entry.js} +1 -1
  325. package/dist/ptcw-design/{p-7793babb.entry.js → p-ffd5c822.entry.js} +1 -1
  326. package/dist/ptcw-design/ptcw-design.css +1 -1
  327. package/dist/ptcw-design/ptcw-design.esm.js +1 -1
  328. package/dist/types/components/ptc-modal/ptc-modal.d.ts +1 -1
  329. package/dist/types/components/ptc-para/ptc-para.d.ts +1 -1
  330. package/dist/types/components/ptc-previous-url/ptc-previous-url.d.ts +0 -2
  331. package/dist/types/components.d.ts +4 -19
  332. package/package.json +1 -1
  333. package/readme.md +1 -1
  334. package/dist/cjs/icon-asset.cjs.entry.js +0 -65
  335. package/dist/cjs/max-width-container.cjs.entry.js +0 -54
  336. package/dist/cjs/modal-form-example.cjs.entry.js +0 -94
  337. package/dist/cjs/ptc-button.cjs.entry.js +0 -87
  338. package/dist/cjs/ptc-close-icon_2.cjs.entry.js +0 -211
  339. package/dist/cjs/ptc-footer.cjs.entry.js +0 -66
  340. package/dist/cjs/ptc-icon-card.cjs.entry.js +0 -28
  341. package/dist/cjs/ptc-link.cjs.entry.js +0 -98
  342. package/dist/cjs/ptc-mobile-select.cjs.entry.js +0 -570
  343. package/dist/cjs/ptc-para.cjs.entry.js +0 -127
  344. package/dist/cjs/ptc-picture.cjs.entry.js +0 -163
  345. package/dist/cjs/ptc-social-icons-footer.cjs.entry.js +0 -82
  346. package/dist/cjs/ptc-spacer.cjs.entry.js +0 -38
  347. package/dist/cjs/ptc-text-copy-with-background.cjs.entry.js +0 -56
  348. package/dist/cjs/ptc-title.cjs.entry.js +0 -152
  349. package/dist/collection/components/organism-bundles/form/modal-from-example/modal-form-example.css +0 -26
  350. package/dist/collection/components/organism-bundles/form/modal-from-example/modal-form-example.js +0 -99
  351. package/dist/collection/stories/organisms/eSupport/CaseTracker/preview.stories.js +0 -45
  352. package/dist/collection/stories/organisms/eSupport/SupportArticle/preview.stories.js +0 -47
  353. package/dist/collection/stories/organisms/eSupport/SupportPage/preview.stories.js +0 -157
  354. package/dist/esm/icon-asset.entry.js +0 -61
  355. package/dist/esm/max-width-container.entry.js +0 -50
  356. package/dist/esm/modal-form-example.entry.js +0 -90
  357. package/dist/esm/ptc-button.entry.js +0 -83
  358. package/dist/esm/ptc-close-icon_2.entry.js +0 -206
  359. package/dist/esm/ptc-footer.entry.js +0 -62
  360. package/dist/esm/ptc-icon-card.entry.js +0 -24
  361. package/dist/esm/ptc-link.entry.js +0 -94
  362. package/dist/esm/ptc-mobile-select.entry.js +0 -566
  363. package/dist/esm/ptc-para.entry.js +0 -123
  364. package/dist/esm/ptc-picture.entry.js +0 -159
  365. package/dist/esm/ptc-social-icons-footer.entry.js +0 -78
  366. package/dist/esm/ptc-spacer.entry.js +0 -34
  367. package/dist/esm/ptc-text-copy-with-background.entry.js +0 -52
  368. package/dist/esm/ptc-title.entry.js +0 -148
  369. package/dist/ptcw-design/p-0a214a22.entry.js +0 -1
  370. package/dist/ptcw-design/p-0c69ea52.entry.js +0 -1
  371. package/dist/ptcw-design/p-1070f8a3.entry.js +0 -1
  372. package/dist/ptcw-design/p-17f6e145.entry.js +0 -1
  373. package/dist/ptcw-design/p-1d068cc2.entry.js +0 -68
  374. package/dist/ptcw-design/p-25a25451.entry.js +0 -1
  375. package/dist/ptcw-design/p-260ecfef.entry.js +0 -1
  376. package/dist/ptcw-design/p-3738a01f.entry.js +0 -1
  377. package/dist/ptcw-design/p-40160817.entry.js +0 -1
  378. package/dist/ptcw-design/p-4cee12b8.entry.js +0 -1
  379. package/dist/ptcw-design/p-4ee98a3e.entry.js +0 -1
  380. package/dist/ptcw-design/p-5ef23b5c.entry.js +0 -1
  381. package/dist/ptcw-design/p-627103d8.entry.js +0 -1
  382. package/dist/ptcw-design/p-799afee5.entry.js +0 -1
  383. package/dist/ptcw-design/p-867a808f.entry.js +0 -1
  384. package/dist/ptcw-design/p-8c692bd6.entry.js +0 -1
  385. package/dist/ptcw-design/p-92d22c78.entry.js +0 -1
  386. package/dist/ptcw-design/p-95187918.entry.js +0 -1
  387. package/dist/ptcw-design/p-97eb1025.entry.js +0 -1
  388. package/dist/ptcw-design/p-9a6bd91f.entry.js +0 -1
  389. package/dist/ptcw-design/p-9d3a7f36.entry.js +0 -1
  390. package/dist/ptcw-design/p-9e9ae28c.entry.js +0 -1
  391. package/dist/ptcw-design/p-a3b57ede.entry.js +0 -1
  392. package/dist/ptcw-design/p-a4f65d28.entry.js +0 -1
  393. package/dist/ptcw-design/p-b50f71dd.entry.js +0 -1
  394. package/dist/ptcw-design/p-bcab66bf.js +0 -336
  395. package/dist/ptcw-design/p-bf18b622.entry.js +0 -1
  396. package/dist/ptcw-design/p-c01ea76f.entry.js +0 -1
  397. package/dist/ptcw-design/p-d2cc0297.entry.js +0 -1
  398. package/dist/ptcw-design/p-d2e26642.entry.js +0 -1
  399. package/dist/ptcw-design/p-d3229458.entry.js +0 -1
  400. package/dist/ptcw-design/p-d756db27.entry.js +0 -1
  401. package/dist/ptcw-design/p-de960790.entry.js +0 -1
  402. package/dist/ptcw-design/p-e89ce54f.entry.js +0 -1
  403. package/dist/ptcw-design/p-fd394e84.entry.js +0 -1
  404. package/dist/ptcw-design/p-fd7e5935.entry.js +0 -1
  405. package/dist/ptcw-design/p-fe907670.entry.js +0 -1
  406. package/dist/types/components/organism-bundles/form/modal-from-example/modal-form-example.d.ts +0 -25
@@ -1,152 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- const index = require('./index-63ddc79c.js');
6
- const utils = require('./utils-ad441b07.js');
7
-
8
- const ptcTitleCss = "h1.sc-ptc-title,h2.sc-ptc-title,h3.sc-ptc-title,h4.sc-ptc-title,h5.sc-ptc-title,h6.sc-ptc-title,p.sc-ptc-title,ul.sc-ptc-title,li.sc-ptc-title,ptc-subnav.sc-ptc-title,ptc-tab-list.sc-ptc-title,ptc-link.sc-ptc-title,ptc-square-card.sc-ptc-title,.hyphenate-text.sc-ptc-title,ptc-footer.sc-ptc-title{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1.sc-ptc-title,h2.sc-ptc-title,h3.sc-ptc-title,h4.sc-ptc-title,h5.sc-ptc-title,h6.sc-ptc-title,p.sc-ptc-title,ul.sc-ptc-title,li.sc-ptc-title,ptc-subnav.sc-ptc-title,ptc-tab-list.sc-ptc-title,ptc-link.sc-ptc-title,ptc-square-card.sc-ptc-title,.hyphenate-text.sc-ptc-title,ptc-footer.sc-ptc-title{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}}div.center.sc-ptc-title{text-align:center}div.center.dotted.sc-ptc-title h1.sc-ptc-title::before,div.center.dotted.sc-ptc-title h2.sc-ptc-title::before,div.center.dotted.sc-ptc-title h3.sc-ptc-title::before,div.center.dotted.sc-ptc-title h4.sc-ptc-title::before,div.center.dotted.sc-ptc-title h5.sc-ptc-title::before,div.center.dotted.sc-ptc-title h6.sc-ptc-title::before{left:50%;transform:translateX(-50%)}div.left.sc-ptc-title{text-align:left;width:100%}div.left.dotted.sc-ptc-title h1.sc-ptc-title::before,div.left.dotted.sc-ptc-title h2.sc-ptc-title::before,div.left.dotted.sc-ptc-title h3.sc-ptc-title::before,div.left.dotted.sc-ptc-title h4.sc-ptc-title::before,div.left.dotted.sc-ptc-title h5.sc-ptc-title::before,div.left.dotted.sc-ptc-title h6.sc-ptc-title::before{left:0%}div.right.sc-ptc-title{text-align:right}div.right.dotted.sc-ptc-title h1.sc-ptc-title::before,div.right.dotted.sc-ptc-title h2.sc-ptc-title::before,div.right.dotted.sc-ptc-title h3.sc-ptc-title::before,div.right.dotted.sc-ptc-title h4.sc-ptc-title::before,div.right.dotted.sc-ptc-title h5.sc-ptc-title::before,div.right.dotted.sc-ptc-title h6.sc-ptc-title::before{right:0%}div.inherit.sc-ptc-title{text-align:inherit}div.dotted.sc-ptc-title h1.sc-ptc-title::before,div.dotted.sc-ptc-title h2.sc-ptc-title::before,div.dotted.sc-ptc-title h3.sc-ptc-title::before,div.dotted.sc-ptc-title h4.sc-ptc-title::before,div.dotted.sc-ptc-title h5.sc-ptc-title::before,div.dotted.sc-ptc-title h6.sc-ptc-title::before{content:\"\";position:absolute;top:-6px;width:30%;display:block;border-top:3px dashed var(--color-green-07)}div.solid.sc-ptc-title h1.sc-ptc-title,div.solid.sc-ptc-title h2.sc-ptc-title,div.solid.sc-ptc-title h3.sc-ptc-title,div.solid.sc-ptc-title h4.sc-ptc-title,div.solid.sc-ptc-title h5.sc-ptc-title,div.solid.sc-ptc-title h6.sc-ptc-title{padding-top:12px}div.solid.sc-ptc-title h1.sc-ptc-title::before,div.solid.sc-ptc-title h2.sc-ptc-title::before,div.solid.sc-ptc-title h3.sc-ptc-title::before,div.solid.sc-ptc-title h4.sc-ptc-title::before,div.solid.sc-ptc-title h5.sc-ptc-title::before,div.solid.sc-ptc-title h6.sc-ptc-title::before{content:\"\";position:absolute;width:100%;height:0.7px;background-color:var(--color-gray-03);opacity:0.9;left:0px;top:0}div.solid.sc-ptc-title h1.sc-ptc-title::after,div.solid.sc-ptc-title h2.sc-ptc-title::after,div.solid.sc-ptc-title h3.sc-ptc-title::after,div.solid.sc-ptc-title h4.sc-ptc-title::after,div.solid.sc-ptc-title h5.sc-ptc-title::after,div.solid.sc-ptc-title h6.sc-ptc-title::after{content:\"\";position:absolute;width:56px;height:2px;background-color:var(--color-green-07);top:-2px;left:0px}div.is-standard.sc-ptc-title h1.sc-ptc-title,div.is-standard.sc-ptc-title h2.sc-ptc-title,div.is-standard.sc-ptc-title h3.sc-ptc-title,div.is-standard.sc-ptc-title h4.sc-ptc-title,div.is-standard.sc-ptc-title h5.sc-ptc-title,div.is-standard.sc-ptc-title h6.sc-ptc-title{display:inline-block;position:relative}div.is-standard.sc-ptc-title h1.sc-ptc-title{font-size:var(--ptc-font-size-xxx-large);line-height:var(--ptc-line-height-densest);font-weight:var(--ptc-font-weight-extrabold);letter-spacing:0px;color:var(--color-gray-10)}@media only screen and (min-width: 768px){div.is-standard.sc-ptc-title h1.sc-ptc-title{font-size:var(--ptc-font-size-xxxx-large)}}div.is-standard.sc-ptc-title h2.sc-ptc-title{font-size:var(--ptc-font-size-x-large);line-height:var(--ptc-line-height-densest);font-weight:var(--ptc-font-weight-extrabold);color:var(--color-gray-10)}@media only screen and (min-width: 768px){div.is-standard.sc-ptc-title h2.sc-ptc-title{font-size:var(--ptc-font-size-xx-large)}}div.is-plm-hub.sc-ptc-title h1.sc-ptc-title,div.is-plm-hub.sc-ptc-title h2.sc-ptc-title,div.is-plm-hub.sc-ptc-title h3.sc-ptc-title,div.is-plm-hub.sc-ptc-title h4.sc-ptc-title,div.is-plm-hub.sc-ptc-title h5.sc-ptc-title,div.is-plm-hub.sc-ptc-title h6.sc-ptc-title{display:inline-block;position:relative;margin-block-start:0em;margin-block-end:0em;margin-inline-start:0px;margin-inline-end:0px;color:var(--color-white) !important}div.margin-flush.sc-ptc-title{margin-top:0;margin-bottom:0}div.margin-flush.sc-ptc-title h1.sc-ptc-title,div.margin-flush.sc-ptc-title h2.sc-ptc-title,div.margin-flush.sc-ptc-title h3.sc-ptc-title,div.margin-flush.sc-ptc-title h4.sc-ptc-title,div.margin-flush.sc-ptc-title h5.sc-ptc-title{margin-top:0;margin-bottom:0}div.margin-top-2.sc-ptc-title{margin-top:var(--ptc-element-spacing-02);margin-bottom:0}div.margin-top-3.sc-ptc-title{margin-top:var(--ptc-element-spacing-03);margin-bottom:0}div.margin-top-4.sc-ptc-title{margin-top:var(--ptc-element-spacing-04);margin-bottom:0}div.margin-top-5.sc-ptc-title{margin-top:var(--ptc-element-spacing-05);margin-bottom:0}div.margin-top-6.sc-ptc-title{margin-top:var(--ptc-element-spacing-06);margin-bottom:0}div.margin-bottom-2.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-02);margin-top:0}div.margin-bottom-3.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-03);margin-top:0}div.margin-bottom-4.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-04);margin-top:0}div.margin-bottom-5.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-05);margin-top:0}div.margin-bottom-6.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-06);margin-top:0}div.margin-2.sc-ptc-title{margin-top:var(--ptc-element-spacing-02);margin-bottom:var(--ptc-element-spacing-02)}div.margin-3.sc-ptc-title{margin-top:var(--ptc-element-spacing-03);margin-bottom:var(--ptc-element-spacing-03)}div.margin-4.sc-ptc-title{margin-top:var(--ptc-element-spacing-04);margin-bottom:var(--ptc-element-spacing-04)}div.margin-5.sc-ptc-title{margin-top:var(--ptc-element-spacing-05);margin-bottom:var(--ptc-element-spacing-05)}div.margin-5.sc-ptc-title h4.sc-ptc-title{margin-top:0;margin-bottom:0}div.margin-6.sc-ptc-title{margin-top:var(--ptc-element-spacing-06);margin-bottom:var(--ptc-element-spacing-06)}div.margin-9.sc-ptc-title{margin-top:var(--ptc-element-spacing-09);margin-bottom:var(--ptc-element-spacing-09)}div.green.sc-ptc-title h1.sc-ptc-title,div.green.sc-ptc-title h2.sc-ptc-title,div.green.sc-ptc-title h3.sc-ptc-title,div.green.sc-ptc-title h4.sc-ptc-title,div.green.sc-ptc-title h5.sc-ptc-title,div.green.sc-ptc-title h6.sc-ptc-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-green-07)}div.blue.sc-ptc-title h1.sc-ptc-title,div.blue.sc-ptc-title h2.sc-ptc-title,div.blue.sc-ptc-title h3.sc-ptc-title,div.blue.sc-ptc-title h4.sc-ptc-title,div.blue.sc-ptc-title h5.sc-ptc-title,div.blue.sc-ptc-title h6.sc-ptc-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-blue-07)}div.red.sc-ptc-title h1.sc-ptc-title,div.red.sc-ptc-title h2.sc-ptc-title,div.red.sc-ptc-title h3.sc-ptc-title,div.red.sc-ptc-title h4.sc-ptc-title,div.red.sc-ptc-title h5.sc-ptc-title,div.red.sc-ptc-title h6.sc-ptc-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-red-07)}div.orange.sc-ptc-title h1.sc-ptc-title,div.orange.sc-ptc-title h2.sc-ptc-title,div.orange.sc-ptc-title h3.sc-ptc-title,div.orange.sc-ptc-title h4.sc-ptc-title,div.orange.sc-ptc-title h5.sc-ptc-title,div.orange.sc-ptc-title h6.sc-ptc-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-orange-07)}div.slate-grey.sc-ptc-title h1.sc-ptc-title,div.slate-grey.sc-ptc-title h2.sc-ptc-title,div.slate-grey.sc-ptc-title h3.sc-ptc-title,div.slate-grey.sc-ptc-title h4.sc-ptc-title,div.slate-grey.sc-ptc-title h5.sc-ptc-title,div.slate-grey.sc-ptc-title h6.sc-ptc-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-gray-07)}div.w-3.sc-ptc-title h1.sc-ptc-title,div.w-3.sc-ptc-title h2.sc-ptc-title,div.w-3.sc-ptc-title h3.sc-ptc-title,div.w-3.sc-ptc-title h4.sc-ptc-title,div.w-3.sc-ptc-title h5.sc-ptc-title,div.w-3.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-thin)}div.w-4.sc-ptc-title h1.sc-ptc-title,div.w-4.sc-ptc-title h2.sc-ptc-title,div.w-4.sc-ptc-title h3.sc-ptc-title,div.w-4.sc-ptc-title h4.sc-ptc-title,div.w-4.sc-ptc-title h5.sc-ptc-title,div.w-4.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-regular)}div.w-5.sc-ptc-title h1.sc-ptc-title,div.w-5.sc-ptc-title h2.sc-ptc-title,div.w-5.sc-ptc-title h3.sc-ptc-title,div.w-5.sc-ptc-title h4.sc-ptc-title,div.w-5.sc-ptc-title h5.sc-ptc-title,div.w-5.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-medium)}div.w-6.sc-ptc-title h1.sc-ptc-title,div.w-6.sc-ptc-title h2.sc-ptc-title,div.w-6.sc-ptc-title h3.sc-ptc-title,div.w-6.sc-ptc-title h4.sc-ptc-title,div.w-6.sc-ptc-title h5.sc-ptc-title,div.w-6.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-semibold)}div.w-7.sc-ptc-title h1.sc-ptc-title,div.w-7.sc-ptc-title h2.sc-ptc-title,div.w-7.sc-ptc-title h3.sc-ptc-title,div.w-7.sc-ptc-title h4.sc-ptc-title,div.w-7.sc-ptc-title h5.sc-ptc-title,div.w-7.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-bold)}div.w-8.sc-ptc-title h1.sc-ptc-title,div.w-8.sc-ptc-title h2.sc-ptc-title,div.w-8.sc-ptc-title h3.sc-ptc-title,div.w-8.sc-ptc-title h4.sc-ptc-title,div.w-8.sc-ptc-title h5.sc-ptc-title,div.w-8.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-extrabold)}div.w-9.sc-ptc-title h1.sc-ptc-title,div.w-9.sc-ptc-title h2.sc-ptc-title,div.w-9.sc-ptc-title h3.sc-ptc-title,div.w-9.sc-ptc-title h4.sc-ptc-title,div.w-9.sc-ptc-title h5.sc-ptc-title,div.w-9.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-black)}div.xx-small.sc-ptc-title h1.sc-ptc-title,div.xx-small.sc-ptc-title h2.sc-ptc-title,div.xx-small.sc-ptc-title h3.sc-ptc-title,div.xx-small.sc-ptc-title h4.sc-ptc-title,div.xx-small.sc-ptc-title h5.sc-ptc-title,div.xx-small.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xx-small)}div.x-small.sc-ptc-title h1.sc-ptc-title,div.x-small.sc-ptc-title h2.sc-ptc-title,div.x-small.sc-ptc-title h3.sc-ptc-title,div.x-small.sc-ptc-title h4.sc-ptc-title,div.x-small.sc-ptc-title h5.sc-ptc-title,div.x-small.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-x-small)}div.small.sc-ptc-title h1.sc-ptc-title,div.small.sc-ptc-title h2.sc-ptc-title,div.small.sc-ptc-title h3.sc-ptc-title,div.small.sc-ptc-title h4.sc-ptc-title,div.small.sc-ptc-title h5.sc-ptc-title,div.small.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-small)}div.medium.sc-ptc-title h1.sc-ptc-title,div.medium.sc-ptc-title h2.sc-ptc-title,div.medium.sc-ptc-title h3.sc-ptc-title,div.medium.sc-ptc-title h4.sc-ptc-title,div.medium.sc-ptc-title h5.sc-ptc-title,div.medium.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-medium)}div.large.sc-ptc-title h1.sc-ptc-title,div.large.sc-ptc-title h2.sc-ptc-title,div.large.sc-ptc-title h3.sc-ptc-title,div.large.sc-ptc-title h4.sc-ptc-title,div.large.sc-ptc-title h5.sc-ptc-title,div.large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-large)}div.large.sc-ptc-title h3.sc-ptc-title{font-size:var(--ptc-font-size-medium)}@media only screen and (min-width: 768px){div.large.sc-ptc-title h3.sc-ptc-title{font-size:var(--ptc-font-size-large)}}div.x-large.sc-ptc-title h1.sc-ptc-title,div.x-large.sc-ptc-title h2.sc-ptc-title,div.x-large.sc-ptc-title h3.sc-ptc-title,div.x-large.sc-ptc-title h4.sc-ptc-title,div.x-large.sc-ptc-title h5.sc-ptc-title,div.x-large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-x-large)}div.xx-large.sc-ptc-title h1.sc-ptc-title,div.xx-large.sc-ptc-title h2.sc-ptc-title,div.xx-large.sc-ptc-title h3.sc-ptc-title,div.xx-large.sc-ptc-title h4.sc-ptc-title{font-size:var(--ptc-font-size-x-large)}@media only screen and (min-width: 768px){div.xx-large.sc-ptc-title h1.sc-ptc-title,div.xx-large.sc-ptc-title h2.sc-ptc-title,div.xx-large.sc-ptc-title h3.sc-ptc-title,div.xx-large.sc-ptc-title h4.sc-ptc-title{font-size:var(--ptc-font-size-xx-large)}}div.xxx-large.sc-ptc-title h1.sc-ptc-title,div.xxx-large.sc-ptc-title h2.sc-ptc-title,div.xxx-large.sc-ptc-title h3.sc-ptc-title,div.xxx-large.sc-ptc-title h4.sc-ptc-title,div.xxx-large.sc-ptc-title h5.sc-ptc-title,div.xxx-large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xx-large)}@media only screen and (min-width: 768px){div.xxx-large.sc-ptc-title h1.sc-ptc-title,div.xxx-large.sc-ptc-title h2.sc-ptc-title,div.xxx-large.sc-ptc-title h3.sc-ptc-title,div.xxx-large.sc-ptc-title h4.sc-ptc-title,div.xxx-large.sc-ptc-title h5.sc-ptc-title,div.xxx-large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxx-large)}}div.xxxx-large.sc-ptc-title h1.sc-ptc-title,div.xxxx-large.sc-ptc-title h2.sc-ptc-title,div.xxxx-large.sc-ptc-title h3.sc-ptc-title,div.xxxx-large.sc-ptc-title h4.sc-ptc-title,div.xxxx-large.sc-ptc-title h5.sc-ptc-title,div.xxxx-large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxx-large)}@media only screen and (min-width: 768px){div.xxxx-large.sc-ptc-title h1.sc-ptc-title,div.xxxx-large.sc-ptc-title h2.sc-ptc-title,div.xxxx-large.sc-ptc-title h3.sc-ptc-title,div.xxxx-large.sc-ptc-title h4.sc-ptc-title,div.xxxx-large.sc-ptc-title h5.sc-ptc-title,div.xxxx-large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxxx-large)}}div.xx-large-allbp.sc-ptc-title h1.sc-ptc-title,div.xx-large-allbp.sc-ptc-title h2.sc-ptc-title,div.xx-large-allbp.sc-ptc-title h3.sc-ptc-title,div.xx-large-allbp.sc-ptc-title h4.sc-ptc-title,div.xx-large-allbp.sc-ptc-title h5.sc-ptc-title,div.xx-large-allbp.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xx-large)}div.xxxx-large-allbp.sc-ptc-title h1.sc-ptc-title,div.xxxx-large-allbp.sc-ptc-title h2.sc-ptc-title,div.xxxx-large-allbp.sc-ptc-title h3.sc-ptc-title,div.xxxx-large-allbp.sc-ptc-title h4.sc-ptc-title,div.xxxx-large-allbp.sc-ptc-title h5.sc-ptc-title,div.xxxx-large-allbp.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxxx-large)}div.xxxx-large-desktop.sc-ptc-title h1.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h2.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h3.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h4.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h5.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxx-large)}@media only screen and (min-width: 992px){div.xxxx-large-desktop.sc-ptc-title h1.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h2.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h3.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h4.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h5.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxxx-large)}}div.xxxx-large-store.sc-ptc-title h1.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h2.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h3.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h4.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h5.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxx-large)}@media only screen and (min-width: 992px){div.xxxx-large-store.sc-ptc-title h1.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h2.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h3.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h4.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h5.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxxx-large)}}div.densest.sc-ptc-title h1.sc-ptc-title,div.densest.sc-ptc-title h2.sc-ptc-title,div.densest.sc-ptc-title h3.sc-ptc-title,div.densest.sc-ptc-title h4.sc-ptc-title,div.densest.sc-ptc-title h5.sc-ptc-title,div.densest.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-densest)}div.denser.sc-ptc-title h1.sc-ptc-title,div.denser.sc-ptc-title h2.sc-ptc-title,div.denser.sc-ptc-title h3.sc-ptc-title,div.denser.sc-ptc-title h4.sc-ptc-title,div.denser.sc-ptc-title h5.sc-ptc-title,div.denser.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-denser)}div.dense.sc-ptc-title h1.sc-ptc-title,div.dense.sc-ptc-title h2.sc-ptc-title,div.dense.sc-ptc-title h3.sc-ptc-title,div.dense.sc-ptc-title h4.sc-ptc-title,div.dense.sc-ptc-title h5.sc-ptc-title,div.dense.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-dense)}div.normal.sc-ptc-title h1.sc-ptc-title,div.normal.sc-ptc-title h2.sc-ptc-title,div.normal.sc-ptc-title h3.sc-ptc-title,div.normal.sc-ptc-title h4.sc-ptc-title,div.normal.sc-ptc-title h5.sc-ptc-title,div.normal.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-normal)}div.loose.sc-ptc-title h1.sc-ptc-title,div.loose.sc-ptc-title h2.sc-ptc-title,div.loose.sc-ptc-title h3.sc-ptc-title,div.loose.sc-ptc-title h4.sc-ptc-title,div.loose.sc-ptc-title h5.sc-ptc-title,div.loose.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-loose)}div.looser.sc-ptc-title h1.sc-ptc-title,div.looser.sc-ptc-title h2.sc-ptc-title,div.looser.sc-ptc-title h3.sc-ptc-title,div.looser.sc-ptc-title h4.sc-ptc-title,div.looser.sc-ptc-title h5.sc-ptc-title,div.looser.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-looser)}div.paragraph.sc-ptc-title h1.sc-ptc-title,div.paragraph.sc-ptc-title h2.sc-ptc-title,div.paragraph.sc-ptc-title h3.sc-ptc-title,div.paragraph.sc-ptc-title h4.sc-ptc-title,div.paragraph.sc-ptc-title h5.sc-ptc-title,div.paragraph.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-paragraph)}div.black.sc-ptc-title h1.sc-ptc-title,div.black.sc-ptc-title h2.sc-ptc-title,div.black.sc-ptc-title h3.sc-ptc-title,div.black.sc-ptc-title h4.sc-ptc-title,div.black.sc-ptc-title h5.sc-ptc-title,div.black.sc-ptc-title h6.sc-ptc-title{color:var(--color-black)}div.white.sc-ptc-title h1.sc-ptc-title,div.white.sc-ptc-title h2.sc-ptc-title,div.white.sc-ptc-title h3.sc-ptc-title,div.white.sc-ptc-title h4.sc-ptc-title,div.white.sc-ptc-title h5.sc-ptc-title,div.white.sc-ptc-title h6.sc-ptc-title{color:var(--color-white)}div.gray-1.sc-ptc-title h1.sc-ptc-title,div.gray-1.sc-ptc-title h2.sc-ptc-title,div.gray-1.sc-ptc-title h3.sc-ptc-title,div.gray-1.sc-ptc-title h4.sc-ptc-title,div.gray-1.sc-ptc-title h5.sc-ptc-title,div.gray-1.sc-ptc-title h6.sc-ptc-title{color:var(--color-gray-01)}div.gray.sc-ptc-title h1.sc-ptc-title,div.gray.sc-ptc-title h2.sc-ptc-title,div.gray.sc-ptc-title h3.sc-ptc-title,div.gray.sc-ptc-title h4.sc-ptc-title,div.gray.sc-ptc-title h5.sc-ptc-title,div.gray.sc-ptc-title h6.sc-ptc-title{color:var(--color-gray-10)}div.gray-darker.sc-ptc-title h1.sc-ptc-title,div.gray-darker.sc-ptc-title h2.sc-ptc-title,div.gray-darker.sc-ptc-title h3.sc-ptc-title,div.gray-darker.sc-ptc-title h4.sc-ptc-title,div.gray-darker.sc-ptc-title h5.sc-ptc-title,div.gray-darker.sc-ptc-title h6.sc-ptc-title{color:var(--color-gray-11)}div.ellipsis-boxing.sc-ptc-title h1.sc-ptc-title,div.ellipsis-boxing.sc-ptc-title h2.sc-ptc-title,div.ellipsis-boxing.sc-ptc-title h3.sc-ptc-title,div.ellipsis-boxing.sc-ptc-title h4.sc-ptc-title,div.ellipsis-boxing.sc-ptc-title h5.sc-ptc-title,div.ellipsis-boxing.sc-ptc-title h6.sc-ptc-title{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;overflow-wrap:break-word;padding-bottom:0}div.block.sc-ptc-title h1.sc-ptc-title,div.block.sc-ptc-title h2.sc-ptc-title,div.block.sc-ptc-title h3.sc-ptc-title,div.block.sc-ptc-title h4.sc-ptc-title,div.block.sc-ptc-title h5.sc-ptc-title,div.block.sc-ptc-title h6.sc-ptc-title{display:block}.line-clamp-title.sc-ptc-title{display:-webkit-box !important;-webkit-box-orient:vertical;overflow:hidden}.sc-ptc-title-h{display:block}.sc-ptc-title-h div.sc-ptc-title{position:relative}";
9
-
10
- const PtcTitle = class {
11
- constructor(hostRef) {
12
- index.registerInstance(this, hostRef);
13
- this.isPlmHub = false;
14
- this.type = 'h2';
15
- this.textAlign = undefined;
16
- this.upperline = 'dotted';
17
- this.titleShadow = undefined;
18
- this.titleColor = 'gray';
19
- this.titleMargin = undefined;
20
- this.titleWeight = undefined;
21
- this.titleSize = undefined;
22
- this.titleHeight = 'densest';
23
- this.styles = undefined;
24
- this.ellipsisLineCutoff = undefined;
25
- this.titleDisplay = 'inline-block';
26
- this.seoCompatibilityMode = false;
27
- this.tooltipZIndex = 'auto';
28
- this.tooltipPosition = 'bottom';
29
- this.tooltipTheme = 'standard';
30
- this.enableTooltip = false;
31
- this.maxChars = undefined;
32
- this.maxLines = undefined;
33
- this.hideTooltipOnMobile = false;
34
- this.ismob = undefined;
35
- this.tooltipWidth = 'default';
36
- }
37
- // Tooltip Properties ends
38
- componentDidLoad() {
39
- if (this.hideTooltipOnMobile) {
40
- this.el.classList.add('hide-tooltip-on-mobile');
41
- }
42
- this.el.addEventListener('mouseenter', () => this.toggleTitleTooltip(true));
43
- this.el.addEventListener('mouseleave', () => this.toggleTitleTooltip(false));
44
- }
45
- render() {
46
- if (this.seoCompatibilityMode) {
47
- return this.seoCompRender();
48
- }
49
- else {
50
- return this.standardRender();
51
- }
52
- }
53
- getSortedText(content) {
54
- if (!this.enableTooltip)
55
- return;
56
- const trimmedContent = content.trim();
57
- const shouldTruncate = (trimmedContent.length > this.maxChars) && !this.maxLines;
58
- return shouldTruncate ? trimmedContent.slice(0, this.maxChars) + '...' : trimmedContent;
59
- }
60
- toggleTitleTooltip(show) {
61
- var _a;
62
- const tooltipClass = 'tooltip-box';
63
- const existingTooltip = this.el.querySelector(`.${tooltipClass}`);
64
- const text = this.el.querySelectorAll('.line-clamp-title');
65
- let maxLinesShowCheck = false;
66
- if (text) {
67
- text.forEach(t => {
68
- maxLinesShowCheck = t.scrollHeight > t.clientHeight;
69
- });
70
- }
71
- const ifCharExceeds = this.tooltipText && (this.tooltipText.length > this.maxChars) && !this.maxLines;
72
- const ifLinesExceeds = this.maxLines && maxLinesShowCheck;
73
- if (show && this.enableTooltip) {
74
- if ((!existingTooltip && ifCharExceeds) || (!existingTooltip && ifLinesExceeds)) {
75
- const tooltipMarkup = document.createElement('div');
76
- tooltipMarkup.className = tooltipClass;
77
- tooltipMarkup.innerText = this.tooltipText;
78
- tooltipMarkup.style.zIndex = String(this.tooltipZIndex); // Ensures zIndex is a string
79
- tooltipMarkup.classList.add(this.tooltipPosition, this.tooltipTheme, this.tooltipWidth);
80
- if (this.hideTooltipOnMobile) {
81
- tooltipMarkup.classList.add('hide-tooltip-mobile');
82
- }
83
- (_a = this.el.querySelector('div')) === null || _a === void 0 ? void 0 : _a.appendChild(tooltipMarkup);
84
- }
85
- }
86
- else {
87
- existingTooltip === null || existingTooltip === void 0 ? void 0 : existingTooltip.remove();
88
- }
89
- }
90
- seoCompRender() {
91
- const classMap = this.getCssClassMap();
92
- const cutOff = this.getLineCuttoff();
93
- const [TagType, firstChild] = utils.getSeoTagType(this.el, this.type);
94
- let html = firstChild && firstChild.innerHTML;
95
- // added for tooltip
96
- this.tooltipText = html.trim();
97
- let eleText = firstChild && firstChild.innerText;
98
- html = (this.enableTooltip) ? this.getSortedText(eleText) : html;
99
- if (this.el == firstChild) {
100
- this.el.innerHTML = '';
101
- }
102
- return (index.h(index.Host, null, this.styles && index.h("style", null, this.styles), index.h("div", { class: classMap }, index.h(TagType, { innerHTML: html, style: cutOff, class: this.maxLines && this.maxLines > 0 ? 'line-clamp-title' : '' }))));
103
- }
104
- standardRender() {
105
- const classMap = this.getCssClassMap();
106
- const cutOff = this.getLineCuttoff();
107
- let TagType;
108
- switch (this.type) {
109
- case 'h1':
110
- TagType = 'h1';
111
- break;
112
- case 'h3':
113
- TagType = 'h3';
114
- break;
115
- case 'h4':
116
- TagType = 'h4';
117
- break;
118
- case 'h5':
119
- TagType = 'h5';
120
- break;
121
- case 'h6':
122
- TagType = 'h6';
123
- break;
124
- default:
125
- TagType = 'h2';
126
- }
127
- return (index.h(index.Host, null, this.styles && index.h("style", null, this.styles), index.h("div", { class: classMap }, index.h(TagType, { style: cutOff }, index.h("slot", null)))));
128
- }
129
- getCssClassMap() {
130
- return {
131
- [this.textAlign]: !!this.textAlign ? true : false,
132
- [this.upperline]: true,
133
- [this.isPlmHub ? 'is-plm-hub' : 'is-standard']: true,
134
- [this.titleMargin]: !!this.titleMargin ? true : false,
135
- [this.titleShadow]: !!this.titleShadow ? true : false,
136
- [this.titleWeight]: !!this.titleWeight ? true : false,
137
- [this.titleSize]: !!this.titleSize ? true : false,
138
- [this.titleHeight]: !!this.titleHeight ? true : false,
139
- [this.titleColor]: !!this.titleColor ? true : false,
140
- ['ellipsis-boxing']: this.ellipsisLineCutoff && this.ellipsisLineCutoff > 0,
141
- [this.titleDisplay]: !!this.titleDisplay ? true : false,
142
- };
143
- }
144
- getLineCuttoff() {
145
- const lineClamp = this.ellipsisLineCutoff > 0 ? this.ellipsisLineCutoff : this.maxLines;
146
- return lineClamp > 0 ? { '-webkit-line-clamp': `${lineClamp}` } : {};
147
- }
148
- get el() { return index.getElement(this); }
149
- };
150
- PtcTitle.style = ptcTitleCss;
151
-
152
- exports.ptc_title = PtcTitle;
@@ -1,26 +0,0 @@
1
- :host {
2
- display: block;
3
- }
4
-
5
- .form-wrapper {
6
- width: 371px;
7
- display: flex;
8
- border-radius: 3px;
9
- background: #FFF;
10
- flex-direction: column;
11
- align-items: center;
12
- padding: 0px 32px;
13
-
14
- @media only screen and (min-width: 360px) and (max-width: 479.55px) {
15
- max-width: 360px;
16
- width: 360px;
17
- }
18
-
19
- .button-wrapper {
20
- display: flex;
21
- justify-content: flex-end;
22
- gap: 20px;
23
- margin-top: 48px;
24
- flex-wrap: wrap;
25
- }
26
- }
@@ -1,99 +0,0 @@
1
- import { Host, h } from '@stencil/core';
2
- export class PtcForm {
3
- constructor() {
4
- this.formData = {
5
- email: '',
6
- firstName: '',
7
- lastName: '',
8
- company: '',
9
- country: '',
10
- phone: '',
11
- inquiryReason: '',
12
- howhearselfreport: '',
13
- policyChecked: false,
14
- };
15
- }
16
- // private countryEle: HTMLPtcSelectElement;
17
- // private inquiryreasonEle: HTMLPtcTextfieldElement;
18
- // private howhearselfreport: HTMLPtcTextfieldElement;
19
- componentDidLoad() {
20
- this.formButton = this.el.querySelector('.form-submit');
21
- this.formButton.addEventListener('click', this.handleSubmit.bind(this));
22
- //get Email
23
- this.emailEle = this.el.querySelector('ptc-textfield[field-id="contact-email"]');
24
- this.firstNameEle = this.el.querySelector('ptc-textfield[field-id="contact-firstname"]');
25
- this.lastNameEle = this.el.querySelector('ptc-textfield[field-id="contact-lastname"]');
26
- this.companyEle = this.el.querySelector('ptc-textfield[field-id="company"]');
27
- this.phoneEle = this.el.querySelector('ptc-textfield[field-id="contact-phone"]');
28
- // this.countryEle = this.el.querySelector('ptc-select[field-id="contact-country"]')
29
- // this.inquiryreasonEle = this.el.querySelector('ptc-textfield[field-id="contact-inquiry"]')
30
- // this.howhearselfreport = this.el.querySelector('ptc-textfield[field-id="self-reporting"]')
31
- }
32
- handleInputChange(field, value) {
33
- this.formData = Object.assign(Object.assign({}, this.formData), { [field]: value });
34
- }
35
- handleSubmit(event) {
36
- event.preventDefault();
37
- this.formData.email = this.emailEle.inputValue;
38
- this.formData.firstName = this.firstNameEle.inputValue;
39
- this.formData.lastName = this.lastNameEle.inputValue;
40
- this.formData.company = this.companyEle.inputValue;
41
- this.formData.phone = this.phoneEle.inputValue;
42
- // this.formData.country = this.countryEle.inputValue;
43
- // this.formData.inquiryReason= this.inquiryreasonEle.inputValue;
44
- // this.formData.howhearselfreport = this.howhearselfreport.inputValue;
45
- // console.log("get form Data: " + this.formData.email)
46
- if (this.isValid()) {
47
- const formSubmitEvent = new CustomEvent('formSubmit', {
48
- detail: this.formData,
49
- bubbles: true,
50
- });
51
- this.el.dispatchEvent(formSubmitEvent);
52
- console.log('Form Submitted: ' + this.formData);
53
- }
54
- else {
55
- console.log('Form validation failed');
56
- console.log('Form Submitted: ' + this.formData.email, this.formData.firstName, this.formData.lastName, this.formData.company, this.formData.phone);
57
- }
58
- }
59
- isValid() {
60
- const { email, firstName, lastName, company, country, phone, inquiryReason, howhearselfreport, policyChecked } = this.formData;
61
- const invalidLength = document.querySelectorAll('.invalid-field').length;
62
- // console.log('invalid fields length: ' + invalidLength), check the select field
63
- return (email !== '' &&
64
- phone !== '' &&
65
- firstName !== '' &&
66
- lastName !== '' &&
67
- company !== '' &&
68
- country !== '' &&
69
- inquiryReason !== '' &&
70
- howhearselfreport != '' &&
71
- policyChecked &&
72
- invalidLength === 0);
73
- }
74
- render() {
75
- const multiSelectItems = [
76
- { text: 'Item 1', selected: false, ptcDataEloquaName: 'item_1', ptcDataTargetEloquaName: 'item_target-1' },
77
- { text: 'Item 2', selected: false, ptcDataEloquaName: 'item_2', ptcDataTargetEloquaName: 'item_target-2' },
78
- { text: 'Item 3', selected: false, ptcDataEloquaName: 'item_3', ptcDataTargetEloquaName: 'item_target-3' }
79
- ];
80
- return (h(Host, null, h("div", { class: "ptc-container u-flex u-flex-justify-center" }, h("div", { class: "form-wrapper" }, h("ptc-title", { "seo-compatibility-mode": true, "text-align": "left", "title-color": "gray", upperline: "no-upperline", "title-display": "inline-block", "title-height": "densest", "title-margin": "margin-flush", "title-weight": "w-7", "is-plm-hub": "false", "title-size": "medium" }, h("h2", null, "PTC\u2019s PLM application suite combines the power of Windchill, the industry\u2019s #1 PLM software with Thingworx")), h("ptc-spacer", { size: "x-small", breakpoint: "small" }), h("ptc-spacer", { size: "small", breakpoint: "x-small" }), h("ptc-para", { "seo-compatibility-mode": true, "font-size": "x-small", "font-weight": "w-4", "para-margin": "margin-flush", "para-style": "main", "para-line-h": "line-height-densest" }, "PTC\u2019s market-leading, purpose-built IIoT platform. The suite offers a mix of Packages, Add-Ons, and Apps to best suit your business needs:"), h("ptc-spacer", { size: "x-small", breakpoint: "small" }), h("ptc-spacer", { size: "small", breakpoint: "x-small" }), h("max-width-container", { "max-width": "277", breakpoint: 480 }, h("ptc-title", { type: "h2", "text-align": "", "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."), h("ptc-spacer", { breakpoint: "x-small", size: "medium" }), h("ptc-spacer", { breakpoint: "x-small", size: "medium" }), h("ptc-spacer", { breakpoint: "small", size: "small" }), h("ptc-spacer", { breakpoint: "small", size: "small" })), h("form", { onSubmit: event => this.handleSubmit(event) }, h("ptc-textfield", { "field-id": "contact-firstname", "label-text": "First Name*", type: "text", "ptc-data-eloqua-name": "C_FirstName", "field-name": "firstname" }), h("ptc-textfield", { "field-id": "contact-lastname", "label-text": "Last Name*", type: "text", "ptc-data-eloqua-name": "C_LastName", "field-name": "lastname" }), h("ptc-textfield", { "field-id": "company", "label-text": "Company*", type: "text", "ptc-data-eloqua-name": "C_Company", "field-name": "company" }), h("ptc-textfield", { "field-id": "contact-email", "label-text": "Email*", type: "email", "ptc-data-eloqua-name": "C_EmailAddress", "field-name": "email" }), h("ptc-textfield", { "field-id": "company-email", "label-text": "Company Email*", type: "email", "ptc-data-eloqua-name": "C_EmailAddress", "field-name": "companyemail" }), h("ptc-select", { "field-id": "contact-country", label: "Country*", "ptc-data-eloqua-name": "C_Country", "field-name": "country" }, h("ul", { class: "mdc-list" }, h("li", { class: "mdc-list-item placehoder-li", "data-value": "" }, h("span", { class: "mdc-list-item__ripple" }), h("span", { class: "mdc-list-item__text" }, "Select a country")), h("li", { class: "mdc-list-item", "data-value": "USA" }, h("span", { class: "mdc-list-item__ripple" }), h("span", { class: "mdc-list-item__text" }, "USA")), h("li", { class: "mdc-list-item", "data-value": "Canada" }, h("span", { class: "mdc-list-item__ripple" }), h("span", { class: "mdc-list-item__text" }, "Canada")), h("li", { class: "mdc-list-item", "data-value": "China" }, h("span", { class: "mdc-list-item__ripple" }), h("span", { class: "mdc-list-item__text" }, "China")))), h("ptc-textfield", { "field-id": "contact-phone", "label-text": "Phone*", type: "tel", "ptc-data-eloqua-name": "C_BusPhone", "field-name": "phone" }), h("ptc-select", { label: "What information are you interested in?*", "ptc-data-eloqua-name": "Inquiry_Reason", "field-name": "inquiryreason", "field-id": "contact-inquiry" }, h("ul", { class: "mdc-list" }, h("li", { class: "mdc-list-item", "data-value": "Please select a value" }, h("span", { class: "mdc-list-item__ripple" })), h("li", { class: "mdc-list-item", "data-value": "Augmented Reality (AR)" }, h("span", { class: "mdc-list-item__ripple" }), h("span", { class: "mdc-list-item__text" }, "Augmented Reality (AR)")), h("li", { class: "mdc-list-item", "data-value": "CAD" }, h("span", { class: "mdc-list-item__ripple" }), h("span", { class: "mdc-list-item__text" }, "Computer Aided Design")), h("li", { class: "mdc-list-item", "data-value": "Retail(FlexPLM)" }, h("span", { class: "mdc-list-item__ripple" }), h("span", { class: "mdc-list-item__text" }, "Fashion and Retail Product Lifecycle Management")))), h("ptc-multi-select", { items: multiSelectItems, "is-required": 'true' }), h("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" }), h("ptc-form-checkbox", { label: "I agree to the policy", "checkbox-id": "test" }), h("div", { class: "button-wrapper" }, h("ptc-button", { class: "form-submit", color: "ptc-quaternary", type: "submit", styles: ":host{align-self:flex-end; display:block; float: left; width: fit-content;}" }, "Submit"), h("ptc-button", { class: "form-close", color: "ptc-tertiary", type: "button", styles: ":host{align-self:flex-end; display:block; float: left; width: fit-content;}" }, "Cancel")))))));
81
- }
82
- static get is() { return "modal-form-example"; }
83
- static get originalStyleUrls() {
84
- return {
85
- "$": ["modal-form-example.css"]
86
- };
87
- }
88
- static get styleUrls() {
89
- return {
90
- "$": ["modal-form-example.css"]
91
- };
92
- }
93
- static get states() {
94
- return {
95
- "formData": {}
96
- };
97
- }
98
- static get elementRef() { return "el"; }
99
- }
@@ -1,45 +0,0 @@
1
- import { html } from 'lit';
2
-
3
- export default {
4
- title: 'Organisms/E-Support Organisms/Case Tracker'
5
-
6
- }
7
- const CaseTracker = args => {
8
- return html `
9
-
10
- <ptc-spacer></ptc-spacer>
11
- <ptc-spacer></ptc-spacer>
12
- <ptc-spacer></ptc-spacer>
13
- <div class="ptc-container is-grid">
14
- <div class="is-col-12 is-col-6-md">
15
- <ptc-title upperline="none">Case Tracker - Authorized Use Only</ptc-title>
16
- <ptc-spacer></ptc-spacer>
17
- <ptc-spacer></ptc-spacer>
18
- <ptc-para>If you want to use this application on behalf of a customer use this search from to lookup the customer record. When you have found the customer hit the Next > button</ptc-para>
19
- <ptc-textfield field-id="contact-email" label-text="Customer Name" type="text" ptc-data-eloqua-name="C_EmailAddress" field-name="email"></ptc-textfield>
20
- <ptc-textfield field-id="contact-email" label-text="Customer Number" type="text" ptc-data-eloqua-name="C_EmailAddress" field-name="email"></ptc-textfield>
21
- <ptc-button color="ptc-quaternary" disabled="false" link-href="https://www.ptc.com" link-title="PTC" rel="undefined" tab-nav="0" target="_self" text-align="undefined" type="button">Search</ptc-button>
22
- <ptc-button color="ptc-quaternary" disabled="false" link-href="https://www.ptc.com" link-title="PTC" rel="undefined" tab-nav="0" target="_self" text-align="undefined" type="button">Next</ptc-button>
23
- </div>
24
- <div class="is-col-12 is-col-2-md">
25
-
26
- </div>
27
- <div class="is-col-12 is-col-3-md">
28
- <ptc-spacer></ptc-spacer>
29
- <ptc-spacer></ptc-spacer>
30
- <ptc-spacer></ptc-spacer>
31
- <ptc-spacer></ptc-spacer>
32
- <div style="border: solid; padding: 5px;">
33
- <ptc-title upperline="none" type="h3">search tips</ptc-title>
34
- <ul>
35
- <li>You can use this search form to use this application on behalf of a customer.</li>
36
- <li>You can use this search form to use this application on behalf of a customer.</li>
37
- </ul>
38
- </div>
39
- </div>
40
-
41
-
42
- </div>
43
- `;}
44
-
45
- export const Preview = CaseTracker.bind();
@@ -1,47 +0,0 @@
1
- import { html } from 'lit';
2
-
3
- export default {
4
- title: 'Organisms/E-Support Organisms/Support Article'
5
-
6
- }
7
- const ArticlePage = args => {
8
- return html `
9
-
10
- <div class="ptc-container">
11
-
12
- <ptc-title upperline="" type="h4" title-color="grey">How to run Apache, Tomcat, Windchill Directory Server </ptc-title>
13
- <ptc-para>Modified: 23-Nov-2023 | LastSeen: 17-Jun-2024
14
- <ptc-dropdown label="Available in:" listitems="" theme="support">
15
- <item selected="" label="English"></item>
16
- <item label="English"></item>
17
- <item label="English"></item>
18
-
19
- </ptc-dropdown>
20
-
21
- </ptc-para>
22
-
23
- <div style="background-color: rgb(238, 238, 238);; padding:2px">
24
- <ptc-title type="h5" upperline="">Public</ptc-title>
25
- <ptc-para >
26
- Created by Steven Jin and improved by Mi Yeon Grace Jin, Amit Deshpande, Hideyuki Akiyama, Lily Liu, Arshad Imam, Luis Barbosa, Feng Xiang Cliff Tian, Swapnil Deshmukh, Kellan Chen, Teresa Man, Chao Max Wang, Saurabh Ghewande, Mahesh Lomate, Aditya Chaure, Tsutomu Seki, Salesforce Data Manipulation User, Steven Jin, Shirley Yang
27
- Customer Views: 24559 | Useful Ratings (Customers): 118 | Useful Ratings (PTC): 45 | Cases Solved: 154
28
- </ptc-para>
29
-
30
- </div>
31
- <ptc-spacer></ptc-spacer>
32
- <ptc-spacer></ptc-spacer>
33
- <div>
34
- <ptc-title upperline="" type="h4">Description</ptc-title>
35
- <hr style="color:green">
36
- <ptc-para>
37
- <ul>
38
- <li>How to run Apache HTTP Server, Tomcat, WindchillDS and, Windchill as a Windows service</li>
39
- <li>How to run Apache HTTP Server, Tomcat, WindchillDS and, Windchill as a Windows service</li>
40
- <li>How to run Apache HTTP Server, Tomcat, WindchillDS and, Windchill as a Windows service</li>
41
- </ul>
42
- </ptc-para>
43
- </div>
44
- </div>
45
- `;}
46
-
47
- export const Preview = ArticlePage.bind();
@@ -1,157 +0,0 @@
1
- import { html } from 'lit';
2
-
3
- export default {
4
- title: 'Organisms/E-Support Organisms/Support Page'
5
-
6
- }
7
- const SupportPage = args => {
8
- return html `
9
-
10
- <ptc-spacer></ptc-spacer>
11
- <ptc-spacer></ptc-spacer>
12
- <ptc-spacer></ptc-spacer>
13
- <ptc-spacer></ptc-spacer>
14
- <div class="ptc-container is-grid has-col-gap green-container">
15
- <div class="is-col-12 is-col-7-md search-container">
16
-
17
- <ptc-spacer></ptc-spacer>
18
- <ptc-spacer></ptc-spacer>
19
- <ptc-spacer></ptc-spacer>
20
- <ptc-title type="h2" text-align="center" title-size="x-large" title-color="white" upperline="no-upperline" title-display="inline-block" title-shadow="" title-height="densest" title-margin="margin-3" title-weight="w-8" is-plm-hub="false">
21
- Search the Knowledge Base
22
- </ptc-title>
23
- <ptc-search-field placeholder-label="Search Technical Support Documentation and Articles" ></ptc-search-field>
24
- </div>
25
- <div class="is-col-12 is-col-5-md form-section">
26
- <ptc-title upperline="none">Popular Tasks</ptc-title>
27
- <!-- <ul> -->
28
- <ptc-link>Product Pages</ptc-link>
29
- <ptc-link>Product Pages</ptc-link>
30
- <ptc-link>Product Pages</ptc-link>
31
- <ptc-link>Product Pages</ptc-link>
32
-
33
- </div>
34
- </div>
35
-
36
- <ptc-spacer></ptc-spacer>
37
- <ptc-spacer></ptc-spacer>
38
-
39
- <div class="ptc-container is-grid has-col-gap link-container ">
40
- <div class="is-col-1"></div>
41
- <div class="is-col-2 links"><ptc-link>Support</ptc-link>
42
- <button class="btn" role="button" >
43
- <span class="arrow">
44
- <icon-asset slot="icon" type="solid" size="large" name="arrow-down" color="ptc-green"></icon-asset>
45
- </span>
46
- </button>
47
- </div>
48
- <div class="is-col-2 llinks"><ptc-link>Manage and monitor software</ptc-link>
49
- <button class="btn" role="button" >
50
- <span class="arrow">
51
- <icon-asset slot="icon" type="solid" size="large" name="arrow-down" color="ptc-green"></icon-asset>
52
- </span>
53
- </button>
54
- </div>
55
- <div class="is-col-2 llinks"><ptc-link>Learn</ptc-link>
56
- <button class="btn" role="button" >
57
- <span class="arrow">
58
- <icon-asset slot="icon" type="solid" size="large" name="arrow-down" color="ptc-green"></icon-asset>
59
- </span>
60
- </button>
61
- </div>
62
- <div class="is-col-2 llinks"><ptc-link>Service and Expertise</ptc-link>
63
- <button class="btn" role="button" >
64
- <span class="arrow">
65
- <icon-asset slot="icon" type="solid" size="large" name="arrow-down" color="ptc-green"></icon-asset>
66
- </span>
67
- </button>
68
- </div>
69
- <div class="is-col-2 llinks"><ptc-link>PTC Partner Network</ptc-link>
70
- <button class="btn" role="button" >
71
- <span class="arrow">
72
- <icon-asset slot="icon" type="solid" size="large" name="arrow-down" color="ptc-green"></icon-asset>
73
- </span>
74
- </button>
75
- </div>
76
- <div class="is-col-1 links"></div>
77
- </div>
78
- <style>
79
-
80
-
81
- .btn {
82
- display: none;
83
- padding: 10px;
84
- font-size: 16px;
85
- font-weight: 500;
86
- border: none;
87
- background-color: transparent;
88
- cursor: pointer;
89
- align-items: center;
90
- span {
91
- margin-right: 8px;
92
- align-items: center;
93
- }
94
-
95
-
96
-
97
- }
98
-
99
- .llinks:hover .btn {
100
- display: block;
101
-
102
-
103
- }
104
-
105
- .links:hover .btn {
106
- display: flex;
107
- }
108
- .green-container {
109
- background-color:#b3dda4 ;
110
- padding: 10px;
111
- .search-container{
112
- background-color: #00890B;
113
- padding:10px;
114
- align-items: center;
115
- }
116
- .form-section {
117
- background-color: white;
118
- padding: 10px;
119
-
120
- ptc-link {
121
- padding: 5px;
122
- }
123
- }
124
- }
125
- .links {
126
- align-content: center;
127
- text-align: center;
128
- padding-bottom: 16px;
129
- align-items: center;
130
- display: flex;
131
- flex-direction: column;
132
- align-items: center;
133
- justify-content: space-between;
134
- }
135
-
136
- .llinks {
137
- align-content: center;
138
- text-align: center;
139
- padding-bottom: 16px;
140
- border-left: solid 2px #b3dda4;
141
- padding: 10px;
142
- display: flex;
143
- flex-direction: column;
144
- align-items: center;
145
- justify-content: space-between;
146
-
147
- }
148
- .link-container {
149
- border-bottom: solid 2px #b3dda4;
150
- /* margin: 15px; */
151
- }
152
-
153
-
154
- </style>
155
- `;}
156
-
157
- export const Preview = SupportPage.bind();