@ptcwebops/ptcw-design 6.2.22 → 6.2.23-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 (498) hide show
  1. package/dist/cjs/{component-06dda623.js → component-4dd13907.js} +2643 -832
  2. package/dist/cjs/event-jumbotron-example_15.cjs.entry.js +1430 -0
  3. package/dist/cjs/event-podcast-slider-example.cjs.entry.js +7 -13
  4. package/dist/cjs/featured-list.cjs.entry.js +1 -1
  5. package/dist/cjs/innovator-toggle-container.cjs.entry.js +1 -1
  6. package/dist/cjs/loader.cjs.js +1 -1
  7. package/dist/cjs/modal-form-example.cjs.entry.js +94 -0
  8. package/dist/cjs/ptc-announcement.cjs.entry.js +2 -2
  9. package/dist/cjs/ptc-bio-card.cjs.entry.js +1 -1
  10. package/dist/cjs/ptc-card-bottom.cjs.entry.js +67 -0
  11. package/dist/cjs/ptc-card_2.cjs.entry.js +4 -9
  12. package/dist/cjs/ptc-case-studies-slider.cjs.entry.js +1 -1
  13. package/dist/cjs/ptc-collapse-list.cjs.entry.js +512 -0
  14. package/dist/cjs/ptc-data-lookup.cjs.entry.js +1 -2
  15. package/dist/cjs/ptc-featured-list.cjs.entry.js +1 -1
  16. package/dist/cjs/ptc-filter-level-theater.cjs.entry.js +1 -1
  17. package/dist/cjs/ptc-filter-tag_2.cjs.entry.js +0 -15
  18. package/dist/cjs/{ptc-form-checkbox_2.cjs.entry.js → ptc-form-checkbox_4.cjs.entry.js} +786 -4
  19. package/dist/cjs/ptc-icon-component.cjs.entry.js +2 -45
  20. package/dist/cjs/ptc-icon-minimize.cjs.entry.js +3 -50
  21. package/dist/cjs/ptc-jumbotron.cjs.entry.js +1 -1
  22. package/dist/cjs/ptc-minimized-nav.cjs.entry.js +1 -2
  23. package/dist/cjs/ptc-nav-link.cjs.entry.js +1 -1
  24. package/dist/cjs/ptc-nav-slider.cjs.entry.js +2 -2
  25. package/dist/cjs/ptc-podcast-card.cjs.entry.js +1 -1
  26. package/dist/cjs/ptc-previous-url.cjs.entry.js +10 -2
  27. package/dist/cjs/ptc-pricing-tabs.cjs.entry.js +1 -1
  28. package/dist/cjs/ptc-product-card.cjs.entry.js +1 -1
  29. package/dist/cjs/ptc-product-category.cjs.entry.js +1 -1
  30. package/dist/cjs/ptc-product-highlight-card.cjs.entry.js +1 -1
  31. package/dist/cjs/ptc-readmore-char.cjs.entry.js +1 -1
  32. package/dist/cjs/ptc-readmore-v3.cjs.entry.js +1 -1
  33. package/dist/cjs/ptc-tooltip-v2.cjs.entry.js +1 -1
  34. package/dist/cjs/ptc-tooltip.cjs.entry.js +107 -0
  35. package/dist/cjs/ptc-value-led-speed-bump.cjs.entry.js +1 -1
  36. package/dist/cjs/ptc-white-paper.cjs.entry.js +2 -2
  37. package/dist/cjs/ptcw-design.cjs.js +1 -1
  38. package/dist/collection/collection-manifest.json +1 -0
  39. package/dist/collection/components/icon-asset/icon-asset.css +0 -6
  40. package/dist/collection/components/icon-asset/media/designer-v6.0.6.svg +30 -2
  41. package/dist/collection/components/innovator-toggle-container/innovator-toggle-container.css +6 -13
  42. package/dist/collection/components/organism-bundles/bundle-featured-list/featured-list.css +2 -9
  43. package/dist/collection/components/organism-bundles/event-jumbotron-example/event-jumbotron-example.css +3 -25
  44. package/dist/collection/components/organism-bundles/event-jumbotron-example/event-jumbotron-example.js +1 -3
  45. package/dist/collection/components/organism-bundles/event-podcast-slider-example/event-podcast-slider-example.css +71 -23
  46. package/dist/collection/components/organism-bundles/event-podcast-slider-example/event-podcast-slider-example.js +30 -12
  47. package/dist/collection/components/organism-bundles/form/modal-from-example/modal-form-example.css +26 -0
  48. package/dist/collection/components/organism-bundles/form/modal-from-example/modal-form-example.js +99 -0
  49. package/dist/collection/components/ptc-announcement/ptc-announcement.css +0 -6
  50. package/dist/collection/components/ptc-announcement/ptc-announcement.js +1 -1
  51. package/dist/collection/components/ptc-bio-card/ptc-bio-card.css +6 -13
  52. package/dist/collection/components/ptc-card/ptc-card.css +0 -1
  53. package/dist/collection/components/ptc-card-wrapper/ptc-card-wrapper.css +0 -2
  54. package/dist/collection/components/ptc-card-wrapper/ptc-card-wrapper.js +1 -20
  55. package/dist/collection/components/ptc-case-studies-slider/ptc-case-studies-slider.css +6 -13
  56. package/dist/collection/components/ptc-close-icon/ptc-close-icon.js +1 -1
  57. package/dist/collection/components/ptc-featured-list/ptc-featured-list.css +6 -13
  58. package/dist/collection/components/ptc-filter-level-theater/ptc-filter-level-theater.css +6 -13
  59. package/dist/collection/components/ptc-icon-component/ptc-icon-component.css +0 -12
  60. package/dist/collection/components/ptc-icon-component/ptc-icon-component.js +1 -44
  61. package/dist/collection/components/ptc-icon-minimize/ptc-icon-minimize.css +0 -8
  62. package/dist/collection/components/ptc-icon-minimize/ptc-icon-minimize.js +2 -67
  63. package/dist/collection/components/ptc-jumbotron/ptc-jumbotron.css +6 -26
  64. package/dist/collection/components/ptc-minimized-nav/ptc-minimized-nav.js +1 -19
  65. package/dist/collection/components/ptc-modal/ptc-modal.css +6 -13
  66. package/dist/collection/components/ptc-modal/ptc-modal.js +99 -27
  67. package/dist/collection/components/ptc-pagenation/ptc-pagenation.js +0 -29
  68. package/dist/collection/components/ptc-para/ptc-para.css +3 -0
  69. package/dist/collection/components/ptc-para/ptc-para.js +2 -2
  70. package/dist/collection/components/ptc-podcast-card/ptc-podcast-card.css +6 -13
  71. package/dist/collection/components/ptc-preloader-section/ptc-preloader-section.css +47 -220
  72. package/dist/collection/components/ptc-preloader-section/ptc-preloader-section.js +2 -7
  73. package/dist/collection/components/ptc-previous-url/ptc-previous-url.css +16 -0
  74. package/dist/collection/components/ptc-previous-url/ptc-previous-url.js +27 -1
  75. package/dist/collection/components/ptc-pricing-tabs/ptc-pricing-tabs.css +0 -13
  76. package/dist/collection/components/ptc-product-card/ptc-product-card.css +6 -13
  77. package/dist/collection/components/ptc-product-category/ptc-product-category.css +6 -13
  78. package/dist/collection/components/ptc-product-highlight-card/ptc-product-highlight-card.css +6 -13
  79. package/dist/collection/components/ptc-readmore-char/ptc-readmore-char.css +6 -13
  80. package/dist/collection/components/ptc-readmore-v3/ptc-readmore-v3.css +6 -13
  81. package/dist/collection/components/ptc-tooltip-v2/ptc-tooltip-v2.css +6 -13
  82. package/dist/collection/components/ptc-value-led-speed-bump/ptc-value-led-speed-bump.css +6 -13
  83. package/dist/collection/components/ptc-white-paper/ptc-white-paper.css +6 -13
  84. package/dist/collection/components/ptc-white-paper/ptc-white-paper.js +1 -1
  85. package/dist/collection/components/subnav/ptc-nav-link/ptc-nav-link.css +1 -14
  86. package/dist/collection/components/subnav/ptc-nav-slider/ptc-nav-slider.css +0 -8
  87. package/dist/collection/components/subnav/ptc-nav-slider/ptc-nav-slider.js +1 -1
  88. package/dist/collection/stories/organisms/eSupport/CaseTracker/preview.stories.js +45 -0
  89. package/dist/collection/stories/organisms/eSupport/SupportArticle/preview.stories.js +47 -0
  90. package/dist/collection/stories/organisms/eSupport/SupportPage/preview.stories.js +157 -0
  91. package/dist/custom-elements/index.d.ts +6 -0
  92. package/dist/custom-elements/index.js +233 -202
  93. package/dist/esm/academic-form-test.entry.js +1 -1
  94. package/dist/esm/author-listing-example.entry.js +1 -1
  95. package/dist/esm/blog-detail-content_2.entry.js +2 -2
  96. package/dist/esm/blog-detail-layout.entry.js +2 -2
  97. package/dist/esm/blogs-search-section.entry.js +2 -2
  98. package/dist/esm/bundle-example.entry.js +1 -1
  99. package/dist/esm/bundle-jumbotron-example.entry.js +1 -1
  100. package/dist/esm/{component-274da230.js → component-9c921cc6.js} +2592 -793
  101. package/dist/esm/dropdown-item.entry.js +1 -1
  102. package/dist/esm/dynamic-box-bundle.entry.js +1 -1
  103. package/dist/esm/embedded-form.entry.js +1 -1
  104. package/dist/esm/event-jumbotron-example_15.entry.js +1412 -0
  105. package/dist/esm/event-podcast-slider-example.entry.js +8 -14
  106. package/dist/esm/featured-events-slider-example.entry.js +1 -1
  107. package/dist/esm/featured-list.entry.js +2 -2
  108. package/dist/esm/fl-tab-content_3.entry.js +1 -1
  109. package/dist/esm/footer-form.entry.js +1 -1
  110. package/dist/esm/homepage-clickable-tab.entry.js +1 -1
  111. package/dist/esm/homepage-jumbotron.entry.js +2 -2
  112. package/dist/esm/homepage-toggled-content.entry.js +2 -2
  113. package/dist/esm/{index-0bf594c4.js → index-c83db688.js} +1 -1
  114. package/dist/esm/innovator-toggle-container.entry.js +2 -2
  115. package/dist/esm/jumbotron-sub-menu.entry.js +1 -1
  116. package/dist/esm/jumbotron-sub-mune.entry.js +1 -1
  117. package/dist/esm/loader.js +3 -3
  118. package/dist/esm/max-width-container.entry.js +1 -1
  119. package/dist/esm/modal-form-example.entry.js +90 -0
  120. package/dist/esm/most-popular-news.entry.js +2 -2
  121. package/dist/esm/my-component.entry.js +2 -2
  122. package/dist/esm/news-search-result.entry.js +1 -1
  123. package/dist/esm/ptc-accordion-item.entry.js +2 -2
  124. package/dist/esm/ptc-accordion.entry.js +1 -1
  125. package/dist/esm/ptc-announcement.entry.js +3 -3
  126. package/dist/esm/ptc-back-to-top.entry.js +1 -1
  127. package/dist/esm/ptc-background-video.entry.js +2 -2
  128. package/dist/esm/ptc-badge.entry.js +1 -1
  129. package/dist/esm/ptc-bio-card.entry.js +2 -2
  130. package/dist/esm/ptc-brightcov-video.entry.js +1 -1
  131. package/dist/esm/ptc-card-bottom.entry.js +63 -0
  132. package/dist/esm/ptc-card_2.entry.js +5 -10
  133. package/dist/esm/ptc-case-studies-slider.entry.js +2 -2
  134. package/dist/esm/ptc-checkbox-group.entry.js +1 -1
  135. package/dist/esm/ptc-checkbox.entry.js +1 -1
  136. package/dist/esm/ptc-collapse-list.entry.js +508 -0
  137. package/dist/esm/ptc-container.entry.js +1 -1
  138. package/dist/esm/ptc-countdown.entry.js +1 -1
  139. package/dist/esm/ptc-data-lookup.entry.js +2 -3
  140. package/dist/esm/ptc-date.entry.js +1 -1
  141. package/dist/esm/ptc-dropdown.entry.js +1 -1
  142. package/dist/esm/ptc-dynamic-card.entry.js +1 -1
  143. package/dist/esm/ptc-ellipsis-dropdown.entry.js +1 -1
  144. package/dist/esm/ptc-embedded-quiz.entry.js +1 -1
  145. package/dist/esm/ptc-featured-list.entry.js +2 -2
  146. package/dist/esm/ptc-filter-dropdown_4.entry.js +1 -1
  147. package/dist/esm/ptc-filter-level-theater.entry.js +2 -2
  148. package/dist/esm/ptc-filter-tag_2.entry.js +1 -16
  149. package/dist/esm/ptc-footer.entry.js +1 -1
  150. package/dist/esm/{ptc-form-checkbox_2.entry.js → ptc-form-checkbox_4.entry.js} +785 -5
  151. package/dist/esm/ptc-form-radio-button.entry.js +1 -1
  152. package/dist/esm/ptc-form-radio-group.entry.js +1 -1
  153. package/dist/esm/ptc-form.entry.js +1 -1
  154. package/dist/esm/ptc-hero-footer-cta.entry.js +1 -1
  155. package/dist/esm/ptc-hero.entry.js +1 -1
  156. package/dist/esm/ptc-homepage-image-feature.entry.js +2 -2
  157. package/dist/esm/ptc-homepage-video-background.entry.js +2 -2
  158. package/dist/esm/ptc-icon-card.entry.js +2 -2
  159. package/dist/esm/ptc-icon-component.entry.js +3 -46
  160. package/dist/esm/ptc-icon-list.entry.js +1 -1
  161. package/dist/esm/ptc-icon-minimize.entry.js +4 -51
  162. package/dist/esm/ptc-image-download-strip.entry.js +1 -1
  163. package/dist/esm/ptc-info-tile.entry.js +1 -1
  164. package/dist/esm/ptc-inline-cta.entry.js +1 -1
  165. package/dist/esm/ptc-jumbotron.entry.js +2 -2
  166. package/dist/esm/ptc-list.entry.js +1 -1
  167. package/dist/esm/ptc-media-card.entry.js +2 -2
  168. package/dist/esm/ptc-minimized-nav.entry.js +2 -3
  169. package/dist/esm/ptc-mobile-select.entry.js +1 -1
  170. package/dist/esm/ptc-modal-quiz.entry.js +1 -1
  171. package/dist/esm/ptc-nav-card.entry.js +1 -1
  172. package/dist/esm/ptc-nav-link.entry.js +2 -2
  173. package/dist/esm/ptc-nav-pills.entry.js +1 -1
  174. package/dist/esm/ptc-nav-skip-to-content.entry.js +1 -1
  175. package/dist/esm/ptc-nav-slider.entry.js +3 -3
  176. package/dist/esm/ptc-nav-submenu.entry.js +1 -1
  177. package/dist/esm/ptc-nav-tile.entry.js +1 -1
  178. package/dist/esm/ptc-news.entry.js +1 -1
  179. package/dist/esm/ptc-office-location-card.entry.js +1 -1
  180. package/dist/esm/ptc-office-locations.entry.js +1 -1
  181. package/dist/esm/ptc-overlay.entry.js +1 -1
  182. package/dist/esm/ptc-picture.entry.js +1 -1
  183. package/dist/esm/ptc-podcast-card.entry.js +2 -2
  184. package/dist/esm/ptc-preferance-center-form.entry.js +1 -1
  185. package/dist/esm/ptc-previous-url.entry.js +11 -3
  186. package/dist/esm/ptc-pricing-add-on-card.entry.js +1 -1
  187. package/dist/esm/ptc-pricing-add-on-section.entry.js +1 -1
  188. package/dist/esm/ptc-pricing-block.entry.js +1 -1
  189. package/dist/esm/ptc-pricing-packaging-table.entry.js +2 -2
  190. package/dist/esm/ptc-pricing-tabs.entry.js +3 -3
  191. package/dist/esm/ptc-product-card.entry.js +2 -2
  192. package/dist/esm/ptc-product-category.entry.js +2 -2
  193. package/dist/esm/ptc-product-dropdown.entry.js +1 -1
  194. package/dist/esm/ptc-product-highlight-card.entry.js +2 -2
  195. package/dist/esm/ptc-product-list.entry.js +1 -1
  196. package/dist/esm/ptc-product-sidebar.entry.js +1 -1
  197. package/dist/esm/ptc-progress-bar.entry.js +1 -1
  198. package/dist/esm/ptc-quantity-counter.entry.js +1 -1
  199. package/dist/esm/ptc-quote.entry.js +1 -1
  200. package/dist/esm/ptc-readmore-char.entry.js +2 -2
  201. package/dist/esm/ptc-readmore-new.entry.js +1 -1
  202. package/dist/esm/ptc-readmore-v3.entry.js +2 -2
  203. package/dist/esm/ptc-readmore.entry.js +1 -1
  204. package/dist/esm/ptc-related-card-rail.entry.js +1 -1
  205. package/dist/esm/ptc-responsive-wrapper.entry.js +1 -1
  206. package/dist/esm/ptc-search-field.entry.js +1 -1
  207. package/dist/esm/ptc-seo-title.entry.js +1 -1
  208. package/dist/esm/ptc-shopping-cart.entry.js +1 -1
  209. package/dist/esm/ptc-showcase-card.entry.js +1 -1
  210. package/dist/esm/ptc-skeleton.entry.js +1 -1
  211. package/dist/esm/ptc-slit-card.entry.js +1 -1
  212. package/dist/esm/ptc-social-icons-footer.entry.js +2 -2
  213. package/dist/esm/ptc-social-icons.entry.js +1 -1
  214. package/dist/esm/ptc-span.entry.js +1 -1
  215. package/dist/esm/ptc-square-card.entry.js +1 -1
  216. package/dist/esm/ptc-sticky-icons.entry.js +1 -1
  217. package/dist/esm/ptc-sticky-section.entry.js +1 -1
  218. package/dist/esm/ptc-sticky-title.entry.js +1 -1
  219. package/dist/esm/ptc-subnav-card.entry.js +1 -1
  220. package/dist/esm/ptc-subnav.entry.js +1 -1
  221. package/dist/esm/ptc-svg-btn.entry.js +1 -1
  222. package/dist/esm/ptc-tab-list.entry.js +1 -1
  223. package/dist/esm/ptc-tab.entry.js +1 -1
  224. package/dist/esm/ptc-tabs.entry.js +1 -1
  225. package/dist/esm/ptc-text-copy-with-background.entry.js +1 -1
  226. package/dist/esm/ptc-theater-video-modal.entry.js +1 -1
  227. package/dist/esm/ptc-tooltip-v2.entry.js +2 -2
  228. package/dist/esm/ptc-tooltip-v3.entry.js +1 -1
  229. package/dist/esm/ptc-tooltip.entry.js +103 -0
  230. package/dist/esm/ptc-two-column-media.entry.js +1 -1
  231. package/dist/esm/ptc-value-led-card.entry.js +1 -1
  232. package/dist/esm/ptc-value-led-content-highlight.entry.js +1 -1
  233. package/dist/esm/ptc-value-led-content.entry.js +1 -1
  234. package/dist/esm/ptc-value-led-intro.entry.js +1 -1
  235. package/dist/esm/ptc-value-led-layout.entry.js +1 -1
  236. package/dist/esm/ptc-value-led-speed-bump.entry.js +2 -2
  237. package/dist/esm/ptc-value-prop-card.entry.js +1 -1
  238. package/dist/esm/ptc-video-embed.entry.js +1 -1
  239. package/dist/esm/ptc-white-paper.entry.js +3 -3
  240. package/dist/esm/ptcw-design.js +3 -3
  241. package/dist/esm/sequential-bundle-example.entry.js +1 -1
  242. package/dist/esm/sequential-bundle.entry.js +1 -1
  243. package/dist/esm/tab-content.entry.js +1 -1
  244. package/dist/esm/tab-header.entry.js +1 -1
  245. package/dist/esm/{utils-355f1d70.js → utils-ff65c75b.js} +1 -1
  246. package/dist/ptcw-design/media/designer-v6.0.6.svg +30 -2
  247. package/dist/ptcw-design/{p-02f0460b.entry.js → p-03a917f8.entry.js} +1 -1
  248. package/dist/ptcw-design/{p-74a845fd.entry.js → p-04aae3f5.entry.js} +1 -1
  249. package/dist/ptcw-design/{p-c9a73ad1.entry.js → p-04f0b1ba.entry.js} +1 -1
  250. package/dist/ptcw-design/{p-ef0079b0.entry.js → p-071a6109.entry.js} +1 -1
  251. package/dist/ptcw-design/{p-7b75091d.entry.js → p-081e969d.entry.js} +1 -1
  252. package/dist/ptcw-design/p-0a214a22.entry.js +1 -0
  253. package/dist/ptcw-design/{p-e8b51e7d.entry.js → p-0a9ee6c2.entry.js} +1 -1
  254. package/dist/ptcw-design/{p-788c2859.entry.js → p-0d806031.entry.js} +1 -1
  255. package/dist/ptcw-design/{p-b3b63f67.entry.js → p-0e5932f0.entry.js} +1 -1
  256. package/dist/ptcw-design/{p-d4207d86.entry.js → p-0ee01112.entry.js} +1 -1
  257. package/dist/ptcw-design/p-0fdfd4ad.entry.js +68 -0
  258. package/dist/ptcw-design/{p-30ec0036.entry.js → p-11e0edaf.entry.js} +1 -1
  259. package/dist/ptcw-design/{p-d113403b.entry.js → p-1a6759a4.entry.js} +1 -1
  260. package/dist/ptcw-design/{p-1056fdc7.entry.js → p-1b257420.entry.js} +1 -1
  261. package/dist/ptcw-design/p-21ee77ab.entry.js +1 -0
  262. package/dist/ptcw-design/{p-2fd01953.entry.js → p-21fa5abe.entry.js} +1 -1
  263. package/dist/ptcw-design/p-246df0d6.entry.js +1 -0
  264. package/dist/ptcw-design/{p-a22d7ae8.entry.js → p-257a68df.entry.js} +1 -1
  265. package/dist/ptcw-design/p-257deac0.entry.js +1 -0
  266. package/dist/ptcw-design/{p-d9ec506c.entry.js → p-260ecfef.entry.js} +1 -1
  267. package/dist/ptcw-design/{p-132f71c3.entry.js → p-2657df50.entry.js} +1 -1
  268. package/dist/ptcw-design/{p-6b7d2579.entry.js → p-2749c178.entry.js} +1 -1
  269. package/dist/ptcw-design/{p-eef5d58b.entry.js → p-27a4ee73.entry.js} +1 -1
  270. package/dist/ptcw-design/{p-14c77b5e.entry.js → p-27e47c25.entry.js} +1 -1
  271. package/dist/ptcw-design/{p-78252282.entry.js → p-282b7d4e.entry.js} +1 -1
  272. package/dist/ptcw-design/p-2ac5ed9c.entry.js +1 -0
  273. package/dist/ptcw-design/{p-54891548.entry.js → p-2c2f895a.entry.js} +1 -1
  274. package/dist/ptcw-design/p-2c6fc745.entry.js +1 -0
  275. package/dist/ptcw-design/{p-00ccc051.entry.js → p-34c50b3e.entry.js} +1 -1
  276. package/dist/ptcw-design/p-36007a57.entry.js +1 -0
  277. package/dist/ptcw-design/{p-794eebdb.entry.js → p-3738a01f.entry.js} +1 -1
  278. package/dist/ptcw-design/{p-a2710bbf.entry.js → p-3872fce7.entry.js} +1 -1
  279. package/dist/ptcw-design/{p-c05e326f.entry.js → p-38a56ed6.entry.js} +1 -1
  280. package/dist/ptcw-design/{p-7edef9ed.entry.js → p-3c3a7b54.entry.js} +1 -1
  281. package/dist/ptcw-design/{p-9dde477c.entry.js → p-3ee2a531.entry.js} +1 -1
  282. package/dist/ptcw-design/p-40b8c884.entry.js +1 -0
  283. package/dist/ptcw-design/{p-1d48bad3.entry.js → p-464d8e22.entry.js} +1 -1
  284. package/dist/ptcw-design/{p-1e9f25fc.entry.js → p-46f67bec.entry.js} +1 -1
  285. package/dist/ptcw-design/{p-88379d69.entry.js → p-48815ee0.entry.js} +1 -1
  286. package/dist/ptcw-design/{p-7e19be10.entry.js → p-4b192f5e.entry.js} +1 -1
  287. package/dist/ptcw-design/p-4cee12b8.entry.js +1 -0
  288. package/dist/ptcw-design/{p-f77c7c78.entry.js → p-4f93c631.entry.js} +1 -1
  289. package/dist/ptcw-design/p-50d68602.entry.js +1 -0
  290. package/dist/ptcw-design/{p-3c72e82d.entry.js → p-58e91cb8.entry.js} +1 -1
  291. package/dist/ptcw-design/{p-cab0274c.entry.js → p-5946d7c9.entry.js} +1 -1
  292. package/dist/ptcw-design/{p-807ad5c4.entry.js → p-5980d65d.entry.js} +1 -1
  293. package/dist/ptcw-design/{p-9d32f1bc.entry.js → p-5db7f70b.entry.js} +1 -1
  294. package/dist/ptcw-design/p-5ef23b5c.entry.js +1 -0
  295. package/dist/ptcw-design/{p-5fb671ee.entry.js → p-61d28206.entry.js} +1 -1
  296. package/dist/ptcw-design/p-69686408.entry.js +1 -0
  297. package/dist/ptcw-design/{p-1ec32cbc.entry.js → p-6b32020a.entry.js} +1 -1
  298. package/dist/ptcw-design/{p-66ddc281.entry.js → p-6d3326da.entry.js} +1 -1
  299. package/dist/ptcw-design/{p-379fcc72.entry.js → p-6e8ed2ee.entry.js} +1 -1
  300. package/dist/ptcw-design/{p-0b182300.entry.js → p-71360e29.entry.js} +1 -1
  301. package/dist/ptcw-design/{p-d21cf742.entry.js → p-72825cf6.entry.js} +1 -1
  302. package/dist/ptcw-design/{p-3e13b735.entry.js → p-76d98c5a.entry.js} +1 -1
  303. package/dist/ptcw-design/{p-1adea6a5.entry.js → p-77cad16c.entry.js} +1 -1
  304. package/dist/ptcw-design/p-799afee5.entry.js +1 -0
  305. package/dist/ptcw-design/{p-ecfc8211.entry.js → p-7a1db471.entry.js} +1 -1
  306. package/dist/ptcw-design/{p-cb2b87bb.entry.js → p-7a9611b4.entry.js} +1 -1
  307. package/dist/ptcw-design/{p-7fada7ae.entry.js → p-7cc9255e.entry.js} +1 -1
  308. package/dist/ptcw-design/{p-183ba1ca.entry.js → p-7d29a418.entry.js} +1 -1
  309. package/dist/ptcw-design/{p-779c3f21.entry.js → p-8038bf31.entry.js} +1 -1
  310. package/dist/ptcw-design/{p-455bdea0.entry.js → p-808ec62a.entry.js} +1 -1
  311. package/dist/ptcw-design/{p-a974f98f.entry.js → p-8191928d.entry.js} +1 -1
  312. package/dist/ptcw-design/{p-3c52fabe.entry.js → p-8533988f.entry.js} +1 -1
  313. package/dist/ptcw-design/p-85c29073.entry.js +1 -0
  314. package/dist/ptcw-design/{p-1ab6201b.entry.js → p-85f32bf5.entry.js} +1 -1
  315. package/dist/ptcw-design/{p-3b6c2a79.entry.js → p-867a808f.entry.js} +1 -1
  316. package/dist/ptcw-design/{p-ead9ebbc.js → p-8872161f.js} +1 -1
  317. package/dist/ptcw-design/{p-e75dff95.entry.js → p-89177041.entry.js} +1 -1
  318. package/dist/ptcw-design/{p-bf2f9183.entry.js → p-89ba3dfd.entry.js} +1 -1
  319. package/dist/ptcw-design/{p-212d0145.entry.js → p-8c49d736.entry.js} +1 -1
  320. package/dist/ptcw-design/p-8c692bd6.entry.js +1 -0
  321. package/dist/ptcw-design/p-90c4f08b.entry.js +1 -0
  322. package/dist/ptcw-design/{p-80c56c81.entry.js → p-931650bb.entry.js} +1 -1
  323. package/dist/ptcw-design/{p-e77d2204.entry.js → p-95187918.entry.js} +1 -1
  324. package/dist/ptcw-design/{p-c5886b7b.entry.js → p-97b9f41b.entry.js} +1 -1
  325. package/dist/ptcw-design/p-97eb1025.entry.js +1 -0
  326. package/dist/ptcw-design/{p-139ca5d2.entry.js → p-99b45d23.entry.js} +1 -1
  327. package/dist/ptcw-design/p-99daf693.entry.js +1 -0
  328. package/dist/ptcw-design/{p-761f71c4.entry.js → p-99ee8a0e.entry.js} +1 -1
  329. package/dist/ptcw-design/{p-8eb36507.entry.js → p-9a335b5b.entry.js} +1 -1
  330. package/dist/ptcw-design/{p-0abb6e77.entry.js → p-9ac99185.entry.js} +1 -1
  331. package/dist/ptcw-design/{p-298d02ab.entry.js → p-9b0df204.entry.js} +1 -1
  332. package/dist/ptcw-design/{p-290012e3.entry.js → p-9b26ea67.entry.js} +1 -1
  333. package/dist/ptcw-design/p-9c1057ce.entry.js +1 -0
  334. package/dist/ptcw-design/p-9d3a7f36.entry.js +1 -0
  335. package/dist/ptcw-design/{p-6d628113.entry.js → p-9de963f8.entry.js} +1 -1
  336. package/dist/ptcw-design/{p-0a558a22.entry.js → p-9e2fd13c.entry.js} +1 -1
  337. package/dist/ptcw-design/p-9fe0c27d.entry.js +1 -0
  338. package/dist/ptcw-design/{p-dadbab48.entry.js → p-a0bf3dd2.entry.js} +1 -1
  339. package/dist/ptcw-design/{p-ac78409e.entry.js → p-a25578e9.entry.js} +1 -1
  340. package/dist/ptcw-design/{p-e2e33ddb.entry.js → p-a37c5209.entry.js} +1 -1
  341. package/dist/ptcw-design/p-a3b57ede.entry.js +1 -0
  342. package/dist/ptcw-design/p-a4f65d28.entry.js +1 -0
  343. package/dist/ptcw-design/{p-dabb1b70.entry.js → p-a54c6da5.entry.js} +1 -1
  344. package/dist/ptcw-design/{p-be00fb74.entry.js → p-a7cb3851.entry.js} +1 -1
  345. package/dist/ptcw-design/{p-c5417010.entry.js → p-aac082cf.entry.js} +1 -1
  346. package/dist/ptcw-design/{p-944c5be8.js → p-ac75c7ad.js} +1 -1
  347. package/dist/ptcw-design/p-ae970a60.entry.js +1 -0
  348. package/dist/ptcw-design/{p-b293a0b1.entry.js → p-aea09a70.entry.js} +1 -1
  349. package/dist/ptcw-design/p-b0be7066.entry.js +1 -0
  350. package/dist/ptcw-design/p-b1ebac6f.entry.js +1 -0
  351. package/dist/ptcw-design/p-b50f71dd.entry.js +1 -0
  352. package/dist/ptcw-design/p-ba8c58a7.entry.js +1 -0
  353. package/dist/ptcw-design/p-bb902570.entry.js +1 -0
  354. package/dist/ptcw-design/p-bcab66bf.js +336 -0
  355. package/dist/ptcw-design/{p-208ec7f3.entry.js → p-bf8fbba7.entry.js} +1 -1
  356. package/dist/ptcw-design/{p-9a28ded2.entry.js → p-bfacfe67.entry.js} +1 -1
  357. package/dist/ptcw-design/{p-13131b4d.entry.js → p-c0bb1ad0.entry.js} +1 -1
  358. package/dist/ptcw-design/{p-3815217a.entry.js → p-c37a3bd2.entry.js} +1 -1
  359. package/dist/ptcw-design/{p-dd38bf84.entry.js → p-c5f42895.entry.js} +1 -1
  360. package/dist/ptcw-design/{p-61a5012d.entry.js → p-c631608f.entry.js} +1 -1
  361. package/dist/ptcw-design/p-c66b8926.entry.js +1 -0
  362. package/dist/ptcw-design/{p-e87a4ff8.entry.js → p-c68d31c6.entry.js} +1 -1
  363. package/dist/ptcw-design/{p-43756439.entry.js → p-c6a0dd99.entry.js} +1 -1
  364. package/dist/ptcw-design/p-c89030e4.entry.js +1 -0
  365. package/dist/ptcw-design/{p-c811bca6.entry.js → p-c95f423e.entry.js} +1 -1
  366. package/dist/ptcw-design/p-d10cb999.entry.js +1 -0
  367. package/dist/ptcw-design/{p-aaf8fb04.entry.js → p-d20cf3c5.entry.js} +1 -1
  368. package/dist/ptcw-design/p-d2cc0297.entry.js +1 -0
  369. package/dist/ptcw-design/p-d2e26642.entry.js +1 -0
  370. package/dist/ptcw-design/{p-e1242dd4.entry.js → p-d7275289.entry.js} +1 -1
  371. package/dist/ptcw-design/{p-2ab0f25c.entry.js → p-d756db27.entry.js} +1 -1
  372. package/dist/ptcw-design/{p-57360be3.entry.js → p-d9abe7e8.entry.js} +1 -1
  373. package/dist/ptcw-design/{p-f05be87f.entry.js → p-da02913d.entry.js} +1 -1
  374. package/dist/ptcw-design/{p-c5631974.entry.js → p-da82dc93.entry.js} +1 -1
  375. package/dist/ptcw-design/{p-bf439f9b.entry.js → p-dbbe35bf.entry.js} +1 -1
  376. package/dist/ptcw-design/{p-afbe8e2c.entry.js → p-dc85c302.entry.js} +1 -1
  377. package/dist/ptcw-design/{p-37899461.entry.js → p-dc8c0a06.entry.js} +1 -1
  378. package/dist/ptcw-design/p-de960790.entry.js +1 -0
  379. package/dist/ptcw-design/p-e0b873d0.entry.js +1 -0
  380. package/dist/ptcw-design/{p-d1f57070.entry.js → p-e3bf092e.entry.js} +1 -1
  381. package/dist/ptcw-design/{p-b1d85ece.entry.js → p-e3f8e5d5.entry.js} +1 -1
  382. package/dist/ptcw-design/{p-e78596eb.entry.js → p-e4000363.entry.js} +1 -1
  383. package/dist/ptcw-design/p-e89ce54f.entry.js +1 -0
  384. package/dist/ptcw-design/{p-2a3735a5.entry.js → p-e90fbbad.entry.js} +1 -1
  385. package/dist/ptcw-design/p-e9f12e0d.entry.js +1 -0
  386. package/dist/ptcw-design/{p-e6cb2dce.entry.js → p-ea7369e9.entry.js} +1 -1
  387. package/dist/ptcw-design/{p-4b23b4c3.entry.js → p-ee534211.entry.js} +1 -1
  388. package/dist/ptcw-design/p-f4699d4e.entry.js +1 -0
  389. package/dist/ptcw-design/{p-f2006b03.entry.js → p-f5c97ab2.entry.js} +1 -1
  390. package/dist/ptcw-design/{p-3b967df1.entry.js → p-f61a3476.entry.js} +1 -1
  391. package/dist/ptcw-design/{p-5da98805.entry.js → p-f731fc96.entry.js} +1 -1
  392. package/dist/ptcw-design/p-f8512dc9.entry.js +1 -0
  393. package/dist/ptcw-design/{p-0ed4609e.entry.js → p-fb8584e4.entry.js} +1 -1
  394. package/dist/ptcw-design/p-fd7e5935.entry.js +1 -0
  395. package/dist/ptcw-design/{p-e6ebc832.entry.js → p-fdee2cdc.entry.js} +1 -1
  396. package/dist/ptcw-design/{p-4335d7f3.entry.js → p-fe907670.entry.js} +1 -1
  397. package/dist/ptcw-design/{p-c415ab42.entry.js → p-ffb0ff97.entry.js} +1 -1
  398. package/dist/ptcw-design/ptcw-design.css +2 -2
  399. package/dist/ptcw-design/ptcw-design.esm.js +1 -1
  400. package/dist/types/components/organism-bundles/event-podcast-slider-example/event-podcast-slider-example.d.ts +1 -0
  401. package/dist/types/components/organism-bundles/form/modal-from-example/modal-form-example.d.ts +25 -0
  402. package/dist/types/components/ptc-card-wrapper/ptc-card-wrapper.d.ts +0 -2
  403. package/dist/types/components/ptc-icon-component/ptc-icon-component.d.ts +0 -5
  404. package/dist/types/components/ptc-icon-minimize/ptc-icon-minimize.d.ts +0 -2
  405. package/dist/types/components/ptc-minimized-nav/ptc-minimized-nav.d.ts +0 -1
  406. package/dist/types/components/ptc-modal/ptc-modal.d.ts +10 -3
  407. package/dist/types/components/ptc-pagenation/ptc-pagenation.d.ts +0 -3
  408. package/dist/types/components/ptc-para/ptc-para.d.ts +1 -1
  409. package/dist/types/components/ptc-previous-url/ptc-previous-url.d.ts +2 -0
  410. package/dist/types/components.d.ts +23 -17
  411. package/package.json +1 -1
  412. package/readme.md +5 -1
  413. package/dist/cjs/component-5b5b6a98.js +0 -1819
  414. package/dist/cjs/event-jumbotron-example.cjs.entry.js +0 -148
  415. package/dist/cjs/icon-asset_4.cjs.entry.js +0 -817
  416. package/dist/cjs/list-item.cjs.entry.js +0 -48
  417. package/dist/cjs/ptc-breadcrumb.cjs.entry.js +0 -47
  418. package/dist/cjs/ptc-button.cjs.entry.js +0 -87
  419. package/dist/cjs/ptc-card-bottom_2.cjs.entry.js +0 -156
  420. package/dist/cjs/ptc-card-content.cjs.entry.js +0 -76
  421. package/dist/cjs/ptc-close-icon_2.cjs.entry.js +0 -222
  422. package/dist/cjs/ptc-img.cjs.entry.js +0 -133
  423. package/dist/cjs/ptc-link.cjs.entry.js +0 -87
  424. package/dist/cjs/ptc-multi-select_2.cjs.entry.js +0 -670
  425. package/dist/cjs/ptc-para.cjs.entry.js +0 -127
  426. package/dist/cjs/ptc-scroll-button.cjs.entry.js +0 -136
  427. package/dist/cjs/ptc-spacer.cjs.entry.js +0 -38
  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 -144
  431. package/dist/esm/icon-asset_4.entry.js +0 -810
  432. package/dist/esm/list-item.entry.js +0 -44
  433. package/dist/esm/ptc-breadcrumb.entry.js +0 -43
  434. package/dist/esm/ptc-button.entry.js +0 -83
  435. package/dist/esm/ptc-card-bottom_2.entry.js +0 -151
  436. package/dist/esm/ptc-card-content.entry.js +0 -72
  437. package/dist/esm/ptc-close-icon_2.entry.js +0 -217
  438. package/dist/esm/ptc-img.entry.js +0 -129
  439. package/dist/esm/ptc-link.entry.js +0 -83
  440. package/dist/esm/ptc-multi-select_2.entry.js +0 -665
  441. package/dist/esm/ptc-para.entry.js +0 -123
  442. package/dist/esm/ptc-scroll-button.entry.js +0 -132
  443. package/dist/esm/ptc-spacer.entry.js +0 -34
  444. package/dist/esm/validation-messages-adbb6518.js +0 -124
  445. package/dist/ptcw-design/p-07b1afd5.entry.js +0 -1
  446. package/dist/ptcw-design/p-09def480.entry.js +0 -1
  447. package/dist/ptcw-design/p-0f32883f.entry.js +0 -1
  448. package/dist/ptcw-design/p-11eb4dd1.entry.js +0 -1
  449. package/dist/ptcw-design/p-18a5a338.js +0 -1
  450. package/dist/ptcw-design/p-212cdacd.entry.js +0 -1
  451. package/dist/ptcw-design/p-235149b5.entry.js +0 -1
  452. package/dist/ptcw-design/p-29ae44dd.entry.js +0 -1
  453. package/dist/ptcw-design/p-36c42aae.entry.js +0 -1
  454. package/dist/ptcw-design/p-3717a6e1.entry.js +0 -1
  455. package/dist/ptcw-design/p-39255f59.entry.js +0 -1
  456. package/dist/ptcw-design/p-39ec04d4.entry.js +0 -1
  457. package/dist/ptcw-design/p-3b6826c3.entry.js +0 -1
  458. package/dist/ptcw-design/p-3d3328f9.entry.js +0 -1
  459. package/dist/ptcw-design/p-3f935e06.entry.js +0 -1
  460. package/dist/ptcw-design/p-483e20af.entry.js +0 -1
  461. package/dist/ptcw-design/p-4ee29b78.entry.js +0 -1
  462. package/dist/ptcw-design/p-4f523245.entry.js +0 -1
  463. package/dist/ptcw-design/p-520542e2.entry.js +0 -1
  464. package/dist/ptcw-design/p-53d15f85.entry.js +0 -1
  465. package/dist/ptcw-design/p-53d88f2b.entry.js +0 -1
  466. package/dist/ptcw-design/p-57d86f12.entry.js +0 -1
  467. package/dist/ptcw-design/p-647dee4f.entry.js +0 -1
  468. package/dist/ptcw-design/p-66f319f0.entry.js +0 -1
  469. package/dist/ptcw-design/p-69ef15d4.entry.js +0 -1
  470. package/dist/ptcw-design/p-6d0f7580.entry.js +0 -1
  471. package/dist/ptcw-design/p-6f8858c3.entry.js +0 -1
  472. package/dist/ptcw-design/p-72681e91.entry.js +0 -1
  473. package/dist/ptcw-design/p-770b269c.entry.js +0 -1
  474. package/dist/ptcw-design/p-79762cf6.entry.js +0 -1
  475. package/dist/ptcw-design/p-7a5c0d47.entry.js +0 -1
  476. package/dist/ptcw-design/p-88ff7bc5.entry.js +0 -1
  477. package/dist/ptcw-design/p-8da51d65.entry.js +0 -1
  478. package/dist/ptcw-design/p-973b06d1.entry.js +0 -1
  479. package/dist/ptcw-design/p-99e41dc4.entry.js +0 -1
  480. package/dist/ptcw-design/p-9ae901e2.entry.js +0 -1
  481. package/dist/ptcw-design/p-9d8a9a72.entry.js +0 -1
  482. package/dist/ptcw-design/p-a4c68b6d.entry.js +0 -1
  483. package/dist/ptcw-design/p-ad4f4f33.entry.js +0 -1
  484. package/dist/ptcw-design/p-b0c99e8e.entry.js +0 -1
  485. package/dist/ptcw-design/p-b29e43cf.entry.js +0 -1
  486. package/dist/ptcw-design/p-b9dd37cc.entry.js +0 -1
  487. package/dist/ptcw-design/p-be533f0d.js +0 -134
  488. package/dist/ptcw-design/p-bf04c250.entry.js +0 -1
  489. package/dist/ptcw-design/p-c1513c3f.js +0 -203
  490. package/dist/ptcw-design/p-c2ab3f44.entry.js +0 -68
  491. package/dist/ptcw-design/p-e05b1f0e.entry.js +0 -1
  492. package/dist/ptcw-design/p-e487b592.entry.js +0 -1
  493. package/dist/ptcw-design/p-ec22d0b8.entry.js +0 -1
  494. package/dist/ptcw-design/p-edcad0f1.entry.js +0 -1
  495. package/dist/ptcw-design/p-f093f6f8.entry.js +0 -1
  496. package/dist/ptcw-design/p-f31e17d9.entry.js +0 -1
  497. package/dist/ptcw-design/p-f6bfbe18.entry.js +0 -1
  498. package/dist/ptcw-design/p-ffd5c822.entry.js +0 -1
@@ -1,817 +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 iconAssetCss = ".svg-inline--fa.sc-icon-asset,svg.sc-icon-asset:not(:root).svg-inline--fa{overflow:visible}.svg-inline--fa.sc-icon-asset{display:inline-block;font-size:inherit;height:1em;vertical-align:-.125em}.svg-inline--fa.fa-lg.sc-icon-asset{vertical-align:-.225em}.svg-inline--fa.fa-w-1.sc-icon-asset{width:.0625em}.svg-inline--fa.fa-w-2.sc-icon-asset{width:.125em}.svg-inline--fa.fa-w-3.sc-icon-asset{width:.1875em}.svg-inline--fa.fa-w-4.sc-icon-asset{width:.25em}.svg-inline--fa.fa-w-5.sc-icon-asset{width:.3125em}.svg-inline--fa.fa-w-6.sc-icon-asset{width:.375em}.svg-inline--fa.fa-w-7.sc-icon-asset{width:.4375em}.svg-inline--fa.fa-w-8.sc-icon-asset{width:.5em}.svg-inline--fa.fa-w-9.sc-icon-asset{width:.5625em}.svg-inline--fa.fa-w-10.sc-icon-asset{width:.625em}.svg-inline--fa.fa-w-11.sc-icon-asset{width:.6875em}.svg-inline--fa.fa-w-12.sc-icon-asset{width:.75em}.svg-inline--fa.fa-w-13.sc-icon-asset{width:.8125em}.svg-inline--fa.fa-w-14.sc-icon-asset{width:.875em}.svg-inline--fa.fa-w-15.sc-icon-asset{width:.9375em}.svg-inline--fa.fa-w-16.sc-icon-asset{width:1em}.svg-inline--fa.fa-w-17.sc-icon-asset{width:1.0625em}.svg-inline--fa.fa-w-18.sc-icon-asset{width:1.125em}.svg-inline--fa.fa-w-19.sc-icon-asset{width:1.1875em}.svg-inline--fa.fa-w-20.sc-icon-asset{width:1.25em}.svg-inline--fa.fa-pull-left.sc-icon-asset{margin-right:.3em;width:auto}.svg-inline--fa.fa-pull-right.sc-icon-asset{margin-left:.3em;width:auto}.svg-inline--fa.fa-border.sc-icon-asset{height:1.5em}.svg-inline--fa.fa-li.sc-icon-asset{width:2em}.svg-inline--fa.fa-fw.sc-icon-asset{width:1.25em}.fa-layers.sc-icon-asset svg.svg-inline--fa.sc-icon-asset{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.fa-layers.sc-icon-asset{display:inline-block;height:1em;position:relative;text-align:center;vertical-align:-.125em;width:1em}.fa-layers.sc-icon-asset svg.svg-inline--fa.sc-icon-asset{-webkit-transform-origin:center center;transform-origin:center center}.fa-layers-counter.sc-icon-asset,.fa-layers-text.sc-icon-asset{display:inline-block;position:absolute;text-align:center}.fa-layers-text.sc-icon-asset{left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform-origin:center center;transform-origin:center center}.fa-layers-counter.sc-icon-asset{background-color:#ff253a;border-radius:1em;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;height:1.5em;line-height:1;max-width:5em;min-width:1.5em;overflow:hidden;padding:.25em;right:0;text-overflow:ellipsis;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top right;transform-origin:top right}.fa-layers-bottom-right.sc-icon-asset{bottom:0;right:0;top:auto;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:bottom right;transform-origin:bottom right}.fa-layers-bottom-left.sc-icon-asset{bottom:0;left:0;right:auto;top:auto;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:bottom left;transform-origin:bottom left}.fa-layers-top-right.sc-icon-asset{right:0;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top right;transform-origin:top right}.fa-layers-top-left.sc-icon-asset{left:0;right:auto;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top left;transform-origin:top left}.fa-lg.sc-icon-asset{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa-xs.sc-icon-asset{font-size:.75em}.fa-sm.sc-icon-asset{font-size:.875em}.fa-1x.sc-icon-asset{font-size:1em}.fa-2x.sc-icon-asset{font-size:2em}.fa-3x.sc-icon-asset{font-size:3em}.fa-4x.sc-icon-asset{font-size:4em}.fa-5x.sc-icon-asset{font-size:5em}.fa-6x.sc-icon-asset{font-size:6em}.fa-7x.sc-icon-asset{font-size:7em}.fa-8x.sc-icon-asset{font-size:8em}.fa-9x.sc-icon-asset{font-size:9em}.fa-10x.sc-icon-asset{font-size:10em}.fa-fw.sc-icon-asset{text-align:center;width:1.25em}.fa-ul.sc-icon-asset{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul.sc-icon-asset>li.sc-icon-asset{position:relative}.fa-li.sc-icon-asset{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border.sc-icon-asset{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left.sc-icon-asset{float:left}.fa-pull-right.sc-icon-asset{float:right}.fa.fa-pull-left.sc-icon-asset,.fab.fa-pull-left.sc-icon-asset,.fal.fa-pull-left.sc-icon-asset,.far.fa-pull-left.sc-icon-asset,.fas.fa-pull-left.sc-icon-asset{margin-right:.3em}.fa.fa-pull-right.sc-icon-asset,.fab.fa-pull-right.sc-icon-asset,.fal.fa-pull-right.sc-icon-asset,.far.fa-pull-right.sc-icon-asset,.fas.fa-pull-right.sc-icon-asset{margin-left:.3em}.fa-spin.sc-icon-asset{-webkit-animation:fa-spin 2s linear infinite;animation:fa-spin 2s linear infinite}.fa-pulse.sc-icon-asset{-webkit-animation:fa-spin 1s steps(8) infinite;animation:fa-spin 1s steps(8) infinite}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fa-rotate-90.sc-icon-asset{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)\";-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180.sc-icon-asset{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)\";-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270.sc-icon-asset{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)\";-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal.sc-icon-asset{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)\";-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fa-flip-vertical.sc-icon-asset{-webkit-transform:scaleY(-1);transform:scaleY(-1)}.fa-flip-both.sc-icon-asset,.fa-flip-horizontal.fa-flip-vertical.sc-icon-asset,.fa-flip-vertical.sc-icon-asset{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)\"}.fa-flip-both.sc-icon-asset,.fa-flip-horizontal.fa-flip-vertical.sc-icon-asset{-webkit-transform:scale(-1);transform:scale(-1)}.sc-icon-asset:root .fa-flip-both.sc-icon-asset,.sc-icon-asset:root .fa-flip-horizontal.sc-icon-asset,.sc-icon-asset:root .fa-flip-vertical.sc-icon-asset,.sc-icon-asset:root .fa-rotate-90.sc-icon-asset,.sc-icon-asset:root .fa-rotate-180.sc-icon-asset,.sc-icon-asset:root .fa-rotate-270.sc-icon-asset{-webkit-filter:none;filter:none}.fa-stack.sc-icon-asset{display:inline-block;height:2em;position:relative;width:2.5em}.fa-stack-1x.sc-icon-asset,.fa-stack-2x.sc-icon-asset{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.svg-inline--fa.fa-stack-1x.sc-icon-asset{height:1em;width:1.25em}.svg-inline--fa.fa-stack-2x.sc-icon-asset{height:2em;width:2.5em}.fa-inverse.sc-icon-asset{color:#fff}.sr-only.sc-icon-asset{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable.sc-icon-asset:active,.sr-only-focusable.sc-icon-asset:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.svg-inline--fa.sc-icon-asset .fa-primary.sc-icon-asset{fill:var(--fa-primary-color,currentColor);opacity:1;opacity:var(--fa-primary-opacity,1)}.svg-inline--fa.sc-icon-asset .fa-secondary.sc-icon-asset{fill:var(--fa-secondary-color,currentColor)}.svg-inline--fa.sc-icon-asset .fa-secondary.sc-icon-asset,.svg-inline--fa.fa-swap-opacity.sc-icon-asset .fa-primary.sc-icon-asset{opacity:.4;opacity:var(--fa-secondary-opacity,.4)}.svg-inline--fa.fa-swap-opacity.sc-icon-asset .fa-secondary.sc-icon-asset{opacity:1;opacity:var(--fa-primary-opacity,1)}.svg-inline--fa.sc-icon-asset mask.sc-icon-asset .fa-primary.sc-icon-asset,.svg-inline--fa.sc-icon-asset mask.sc-icon-asset .fa-secondary.sc-icon-asset{fill:#000}.fad.fa-inverse.sc-icon-asset{color:#fff}h1.sc-icon-asset,h2.sc-icon-asset,h3.sc-icon-asset,h4.sc-icon-asset,h5.sc-icon-asset,h6.sc-icon-asset,p.sc-icon-asset,ul.sc-icon-asset,li.sc-icon-asset,ptc-subnav.sc-icon-asset,ptc-tab-list.sc-icon-asset,ptc-link.sc-icon-asset,ptc-square-card.sc-icon-asset,.hyphenate-text.sc-icon-asset,ptc-footer.sc-icon-asset{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1.sc-icon-asset,h2.sc-icon-asset,h3.sc-icon-asset,h4.sc-icon-asset,h5.sc-icon-asset,h6.sc-icon-asset,p.sc-icon-asset,ul.sc-icon-asset,li.sc-icon-asset,ptc-subnav.sc-icon-asset,ptc-tab-list.sc-icon-asset,ptc-link.sc-icon-asset,ptc-square-card.sc-icon-asset,.hyphenate-text.sc-icon-asset,ptc-footer.sc-icon-asset{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}}icon-asset.sc-icon-asset{vertical-align:middle}svg.sc-icon-asset{transition:all var(--ptc-transition-medium) var(--ptc-ease-inout)}svg.micro.sc-icon-asset{width:calc(var(--ptc-font-size-x-small) / 2);height:calc(var(--ptc-font-size-x-small) / 2)}svg.xxx-small.sc-icon-asset{width:var(--ptc-font-size-xxx-small);height:var(--ptc-font-size-xxx-small)}svg.xx-small.sc-icon-asset{width:var(--ptc-font-size-xx-small);height:var(--ptc-font-size-xx-small)}svg.x-small.sc-icon-asset{width:var(--ptc-font-size-x-small);height:var(--ptc-font-size-x-small)}svg.small.sc-icon-asset{width:var(--ptc-font-size-small);height:var(--ptc-font-size-small)}svg.medium.sc-icon-asset{width:var(--ptc-font-size-medium);height:var(--ptc-font-size-medium)}svg.large.sc-icon-asset{width:var(--ptc-font-size-large);height:var(--ptc-font-size-large)}svg.x-large.sc-icon-asset{width:var(--ptc-font-size-x-large);height:var(--ptc-font-size-x-large)}svg.xx-large.sc-icon-asset{width:var(--ptc-font-size-xx-large);height:var(--ptc-font-size-xx-large)}svg.xxx-large.sc-icon-asset{width:var(--ptc-font-size-xxx-large);height:var(--ptc-font-size-xxx-large)}svg.xxxx-large.sc-icon-asset{width:var(--ptc-font-size-xxxx-large);height:var(--ptc-font-size-xxxx-large)}svg.white.sc-icon-asset{fill:var(--color-white)}svg.white.sc-icon-asset use[href$=\"#minus\"].sc-icon-asset,svg.white.sc-icon-asset use[href$=\"#plus\"].sc-icon-asset,svg.white.sc-icon-asset use[href$=\"#checkmark\"].sc-icon-asset{stroke:var(--color-white)}svg.black.sc-icon-asset{fill:var(--color-black)}svg.black.sc-icon-asset use[href$=\"#minus\"].sc-icon-asset,svg.black.sc-icon-asset use[href$=\"#plus\"].sc-icon-asset,svg.black.sc-icon-asset use[href$=\"#checkmark\"].sc-icon-asset{stroke:var(--color-black)}svg.ptc-green.sc-icon-asset{fill:var(--color-green-07)}svg.ptc-green.sc-icon-asset use[href$=\"#minus\"].sc-icon-asset,svg.ptc-green.sc-icon-asset use[href$=\"#plus\"].sc-icon-asset,svg.ptc-green.sc-icon-asset use[href$=\"#checkmark\"].sc-icon-asset{stroke:var(--color-green-07)}svg.gray.sc-icon-asset{fill:var(--color-gray-06)}svg.gray.sc-icon-asset use[href$=\"#minus\"].sc-icon-asset,svg.gray.sc-icon-asset use[href$=\"#plus\"].sc-icon-asset,svg.gray.sc-icon-asset use[href$=\"#checkmark\"].sc-icon-asset{stroke:var(--color-gray-06)}svg.light-gray.sc-icon-asset{fill:var(--color-gray-05)}svg.light-gray.sc-icon-asset use[href$=\"#minus\"].sc-icon-asset,svg.light-gray.sc-icon-asset use[href$=\"#plus\"].sc-icon-asset,svg.light-gray.sc-icon-asset use[href$=\"#checkmark\"].sc-icon-asset{stroke:var(--color-gray-05)}svg.primary-gray.sc-icon-asset{fill:var(--color-gray-10)}svg.inherit.sc-icon-asset{fill:inherit}svg.inherit.sc-icon-asset use[href$=\"#minus\"].sc-icon-asset,svg.inherit.sc-icon-asset use[href$=\"#plus\"].sc-icon-asset,svg.inherit.sc-icon-asset use[href$=\"#checkmark\"].sc-icon-asset{stroke:inherit}svg.sc-icon-asset:focus{outline:none !important}svg[tabIndex=\"0\"].sc-icon-asset:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}svg[tabIndex=\"0\"].sc-icon-asset:focus{outline:none !important}";
9
-
10
- const IconAsset = class {
11
- constructor(hostRef) {
12
- index.registerInstance(this, hostRef);
13
- this.ready = index.createEvent(this, "ready", 7);
14
- this.regularSprite = index.getAssetPath('./media/regular.svg');
15
- this.solidSprite = index.getAssetPath('./media/solid.svg');
16
- this.brandSprite = index.getAssetPath('./media/brands.svg');
17
- this.ptcSprite = index.getAssetPath('./media/designer-v6.0.6.svg');
18
- this.name = undefined;
19
- this.size = 'xx-small';
20
- this.type = 'regular';
21
- this.spin = '';
22
- this.pulse = '';
23
- this.color = 'default';
24
- this.isMobileSelect = undefined;
25
- this.injectedStyle = undefined;
26
- this.focusOn = false;
27
- this.trackerId = "";
28
- }
29
- componentDidLoad() {
30
- this.ready.emit({
31
- 'regular-icons': this.regularSprite,
32
- 'sold-icons': this.solidSprite,
33
- 'brand-icons': this.brandSprite,
34
- 'ptc-icons': this.ptcSprite
35
- });
36
- }
37
- render() {
38
- const classMap = this.getCssClassMap();
39
- if (this.type == 'brands') {
40
- return (index.h(index.Host, null, this.injectedStyle && index.h("style", null, this.injectedStyle), index.h("svg", { class: classMap }, index.h("use", { href: `${this.brandSprite}#${this.name}` }))));
41
- }
42
- else if (this.type == 'solid') {
43
- return (index.h(index.Host, null, this.injectedStyle && index.h("style", null, this.injectedStyle), index.h("svg", { class: classMap }, index.h("use", { href: `${this.solidSprite}#${this.name}` }))));
44
- }
45
- else if (this.type == 'ptc') {
46
- return (index.h(index.Host, null, this.injectedStyle && index.h("style", null, this.injectedStyle), index.h("svg", { class: classMap, "aria-hidden": this.isMobileSelect && "true", tabindex: this.focusOn ? 0 : -1, id: this.trackerId }, index.h("use", { href: `${this.ptcSprite}#${this.name}` }))));
47
- }
48
- else {
49
- return (index.h(index.Host, null, this.injectedStyle && index.h("style", null, this.injectedStyle), index.h("svg", { class: classMap }, index.h("use", { href: `${this.regularSprite}#${this.name}` }))));
50
- }
51
- }
52
- getCssClassMap() {
53
- return {
54
- [this.size]: true,
55
- [this.spin]: true,
56
- [this.pulse]: true,
57
- [this.color]: true,
58
- ['ismobileselect']: this.isMobileSelect ? true : false,
59
- ['mf-listen']: this.trackerId !== "" ? true : false
60
- };
61
- }
62
- static get assetsDirs() { return ["media"]; }
63
- };
64
- IconAsset.style = iconAssetCss;
65
-
66
- const info = `<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 13 13">
67
- <defs>
68
- <style>
69
- .cls-1,.cls-4{fill:none}.cls-1{stroke:#a6adb4;stroke-width:.7px}.cls-2{fill:#a6adb4;font-size:10px;font-family:Bender-BoldItalic,Bender;font-weight:700;font-style:italic;letter-spacing:.035em}.cls-3{stroke:none}
70
- </style>
71
- </defs>
72
- <g id="info" transform="translate(-211 -479)">
73
- <g id="Ellipse_6" class="cls-1" data-name="Ellipse 6" transform="translate(211 479)">
74
- <circle cx="6.5" cy="6.5" r="6.5" class="cls-3"/>
75
- <circle cx="6.5" cy="6.5" r="6.15" class="cls-4"/>
76
- </g>
77
- <text id="i" class="cls-2" transform="translate(216 480)">
78
- <tspan x="-.56" y="9">i</tspan>
79
- </text>
80
- </g>
81
- </svg>
82
- `;
83
-
84
- const infoGreen = `<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 13 13">
85
- <defs>
86
- <style>
87
- .acls-1,.acls-4{fill:none}.acls-1{stroke:#74c34d;stroke-width:.7px}.acls-2{fill:#74c34d;font-size:10px;font-family:Bender-BoldItalic,Bender;font-weight:700;font-style:italic;letter-spacing:.035em}.acls-3{stroke:none}
88
- </style>
89
- </defs>
90
- <g id="info" transform="translate(-211 -479)">
91
- <g id="Ellipse_6" class="acls-1" data-name="Ellipse 6" transform="translate(211 479)">
92
- <circle cx="6.5" cy="6.5" r="6.5" class="acls-3"/>
93
- <circle cx="6.5" cy="6.5" r="6.15" class="acls-4"/>
94
- </g>
95
- <text id="i" class="acls-2" transform="translate(216 480)">
96
- <tspan x="-.56" y="9">i</tspan>
97
- </text>
98
- </g>
99
- </svg>
100
- `;
101
-
102
- const ptcCollapseListCss = "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;height:100%}.container{border-right:1px solid rgba(112, 112, 112, 0.25);position:relative;height:100%}.container>ul{overflow:visible}a{transition:color ease-out 250ms}ul{transition:max-height ease-out 250ms, padding ease-out 250ms;overflow:hidden;list-style:none;padding:0;margin:0}li{cursor:pointer}.level-1>ul{max-height:0}.level-1>ul>li{margin:var(--ptc-element-spacing-03) 0}.level-1>ul>li:first-child{margin-top:var(--ptc-element-spacing-05)}.level-1>ul>li:last-child{margin-bottom:10px}.level-2>ul,.level-3>ul,.level-4>ul,.level-5>ul{max-height:0}.level-2>ul>li,.level-3>ul>li,.level-4>ul>li,.level-5>ul>li{margin:var(--ptc-element-spacing-02) 0}.level-2>ul{padding-left:2.25rem}.level-3>ul{padding-left:var(--ptc-element-spacing-09)}.level-4>ul{padding-left:3.75rem}.level-5>ul{padding-left:4.5rem}.level-1{position:relative}.level-1>a{position:relative;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-05) 17.5px 0;display:block;font-size:var(--ptc-font-size-small);letter-spacing:0.45px;font-weight:var(--ptc-font-weight-extrabold);color:var(--color-gray-12);text-decoration:none;border-bottom:1px solid rgba(112, 112, 112, 0.25)}.level-1>a:hover,.level-1>a:active,.level-1>a:focus{text-decoration:none}.level-1>a:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}.level-1>a>icon-asset{transition:transform var(--ptc-ease-out) var(--ptc-transition-medium), padding var(--ptc-ease-out) var(--ptc-transition-medium);position:absolute;right:20px;padding-top:2px}.level-1>a:after{content:\"\";display:block;position:absolute;bottom:-2px;left:0;height:3px;width:40px;background-color:var(--color-green-07);transition:background-color var(--ptc-ease-out) var(--ptc-transition-medium)}.level-1.expanded a>icon-asset{transform:rotate(-180deg);padding-top:0}.level-1.expanded a>ul{padding-top:14px}.level-1.expanded a:after{background-color:var(--color-gray-11)}.level-1>ul{padding-top:0}.level-1:first-child>a{padding-top:var(--ptc-element-spacing-05)}.level-2,.level-3,.level-4,.level-5{position:relative}.level-2>a,.level-3>a,.level-4>a,.level-5>a{font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-medium);letter-spacing:0.4px;color:var(--color-gray-10);text-decoration:none;display:inline-block;margin-left:var(--ptc-element-spacing-05);margin-right:6px}.level-2>a:hover,.level-2>a:active,.level-3>a:hover,.level-3>a:active,.level-4>a:hover,.level-4>a:active,.level-5>a:hover,.level-5>a:active{font-weight:var(--ptc-font-weight-extrabold);color:var(--color-green-07);text-decoration:none}.level-2>a:focus-visible,.level-3>a:focus-visible,.level-4>a:focus-visible,.level-5>a:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}.level-2 .expander-icon,.level-3 .expander-icon,.level-4 .expander-icon,.level-5 .expander-icon{position:absolute;left:-18px;top:2px}.level-2 .expander-icon:focus-visible,.level-3 .expander-icon:focus-visible,.level-4 .expander-icon:focus-visible,.level-5 .expander-icon:focus-visible{border-radius:8px;border:5px solid var(--keyboard-nav-outline);outline:none;top:-5px}.level-3:before,.level-4:before,.level-5:before{position:absolute;content:\"\";width:2rem;height:1px;display:block;left:0;top:9px;background-color:var(--color-gray-02)}.level-3:before{width:2rem;left:-2.25rem}.level-4:before{width:2.75rem;left:-3rem}.level-5:before{width:3.5rem;left:-3.75rem}.search-box{display:flex;width:100%}.search-box input[type=text]{font-family:var(--ptc-font-latin);padding:var(--ptc-element-spacing-02) var(--ptc-element-spacing-08) var(--ptc-element-spacing-02) var(--ptc-element-spacing-04);font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-regular);color:var(--color-gray-12);box-shadow:var(--ptc-shadow-x-small);border:solid 1px var(--color-gray-06);transition:border var(--ptc-transition-medium) var(--ptc-ease-out), box-shadow var(--ptc-transition-medium) var(--ptc-ease-out);background-color:var(--color-white);width:100%;margin-right:var(--ptc-element-spacing-07)}.search-box input[type=text]::-ms-clear{display:none}.search-box input[type=text]:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}.search-box input[type=text]::placeholder{color:var(--color-gray-07)}.icon-wrapper{width:32px;display:inline-flex;justify-content:center;align-items:center}.icon-wrapper .active-icon{display:none}.icon-wrapper .inactive-icon{display:inline}.icon-wrapper:hover .active-icon{display:inline}.icon-wrapper:hover .inactive-icon{display:none}.popup{display:inline-flex;width:256px}.popup i{margin-right:var(--ptc-element-spacing-02)}ptc-tooltip .wrapper-content.sc-ptc-tooltip{display:inline-flex;justify-content:center}.search-box-wrapper .search-box{margin-left:var(--ptc-element-spacing-01)}";
103
-
104
- class CollapseListItem {
105
- }
106
- const PtcCollapseList = class {
107
- constructor(hostRef) {
108
- index.registerInstance(this, hostRef);
109
- this.itemSelected = index.createEvent(this, "itemSelected", 7);
110
- this.itemExpanded = index.createEvent(this, "itemExpanded", 7);
111
- this.textChanged = index.createEvent(this, "textChanged", 7);
112
- this.inputUpdated = index.createEvent(this, "inputUpdated", 7);
113
- this.ready = index.createEvent(this, "ready", 7);
114
- this.viewUpdated = index.createEvent(this, "viewUpdated", 7);
115
- this.changed = index.createEvent(this, "changed", 7);
116
- this.data = undefined;
117
- this.searchText = undefined;
118
- this.showSearchBar = true;
119
- this.header = undefined;
120
- this.trackerId = undefined;
121
- this.selectedValue = undefined;
122
- this.selectedItems = undefined;
123
- this.hashMap = undefined;
124
- this.debouncedUpdatedEvent = undefined;
125
- this.refreshBuffer = undefined;
126
- this.listItems = undefined;
127
- this.placeholderText = undefined;
128
- this.debounceUpdateDelay = undefined;
129
- this.allowMultiSelect = true;
130
- }
131
- componentWillLoad() {
132
- this.loadListItems();
133
- this.selectedItems = [];
134
- }
135
- componentDidLoad() {
136
- this.ready.emit({
137
- sender: this.el,
138
- tree: this.data,
139
- search: this.searchText
140
- });
141
- let event = () => {
142
- this.changed.emit({
143
- sender: this.el,
144
- selectedValue: this.selectedValue,
145
- selectedItems: this.selectedItems,
146
- search: this.searchText
147
- });
148
- };
149
- this.debouncedUpdatedEvent = utils.debounce(event, this.debounceUpdateDelay, this);
150
- this.openList();
151
- }
152
- openList() {
153
- var _a;
154
- const listitem = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll('.listOpen');
155
- listitem.forEach((item) => {
156
- if (item.classList.contains('listOpen')) {
157
- item === null || item === void 0 ? void 0 : item.classList.add('expanded');
158
- const ulElement = item === null || item === void 0 ? void 0 : item.querySelector('ul');
159
- if (ulElement) {
160
- ulElement.style.maxHeight = `${ulElement.scrollHeight}px`;
161
- }
162
- }
163
- });
164
- }
165
- componentDidUpdate() {
166
- this.viewUpdated.emit({
167
- sender: this.el,
168
- tree: this.data,
169
- search: this.searchText
170
- });
171
- }
172
- onItemSelectedHandler(event) {
173
- this.itemSelected.emit({
174
- event: event,
175
- sender: event ? event.target : this.el,
176
- selectedValue: this.selectedValue,
177
- selectedItems: this.selectedItems,
178
- tree: this.data
179
- });
180
- this.fireChangedEvent();
181
- }
182
- onInputUpdated(event) {
183
- let input = event.target;
184
- this.searchText = input.value;
185
- this.inputUpdated.emit({
186
- event: event,
187
- sender: input,
188
- selectedValue: this.selectedValue,
189
- selectedItems: this.selectedItems,
190
- tree: this.data,
191
- search: this.searchText
192
- });
193
- this.fireChangedEvent();
194
- }
195
- onItemExpandedHandler(event) {
196
- this.itemExpanded.emit({
197
- event: event,
198
- sender: event ? event.target : this.el,
199
- selectedValue: this.selectedValue,
200
- selectedItems: this.selectedItems,
201
- tree: this.data
202
- });
203
- }
204
- fireChangedEvent() {
205
- this.debouncedUpdatedEvent();
206
- }
207
- loadListItems() {
208
- let counter = 0;
209
- this.hashMap = {};
210
- if (!this.data) {
211
- let dom = utils.MapDOM(this.el);
212
- if (dom.collapseListItem) {
213
- this.data = new Array();
214
- let buildChildren = (arr, outArr) => {
215
- arr.map((z) => {
216
- var newItem = new CollapseListItem();
217
- newItem.isExternalLink = z.linkHref ? true : false;
218
- newItem.trackerId = z.trackerId ? z.trackerId : `${this.trackerId}-list-item-${counter++}`;
219
- if (z.linkHref) {
220
- newItem.href = z.linkHref;
221
- newItem.target = z.linkTarget;
222
- newItem.title = z.linkTitle;
223
- newItem.text = z.facetDisplay;
224
- newItem.id = utils.generateUUID();
225
- }
226
- else {
227
- newItem.id = utils.generateUUID();
228
- newItem.text = z.facetDisplay;
229
- newItem.name = z.facetName;
230
- newItem.value = z.facetValue;
231
- newItem.category = z.category;
232
- newItem.allowMultiSelect = z.allowMultiSelect != 'false';
233
- newItem.enableSearch = z.enableSearch == 'true';
234
- newItem.searchBoxPlaceholder = z.placeholderText;
235
- newItem.tooltip = z.tooltip;
236
- this.setUpCategory(newItem.category, newItem.allowMultiSelect);
237
- // Ensure listOpened is set based on is-list-opened attribute
238
- newItem.listOpened = z.hasOwnProperty('listOpened');
239
- }
240
- if (z.collapseListItem) {
241
- newItem.children = new Array();
242
- if (!Array.isArray(z.collapseListItem)) {
243
- let tempArr = new Array();
244
- tempArr.push(z.collapseListItem);
245
- buildChildren(tempArr, newItem.children);
246
- }
247
- else {
248
- buildChildren(z.collapseListItem, newItem.children);
249
- }
250
- }
251
- this.hashMap[newItem.id] = newItem;
252
- outArr.push(newItem);
253
- });
254
- };
255
- this.setUpCategory('default', true);
256
- buildChildren(dom.collapseListItem, this.data);
257
- }
258
- }
259
- }
260
- setUpCategory(name, allowMultiSelect) {
261
- if (!this.selectedValue) {
262
- this.selectedValue = {};
263
- }
264
- if (name && !this.selectedValue[name]) {
265
- this.selectedValue[name] = {
266
- name: name,
267
- items: new Array(),
268
- allowMultiSelect: allowMultiSelect
269
- };
270
- }
271
- }
272
- collapseAllFirstLevelItems(exclude) {
273
- let items = this.el.shadowRoot.querySelectorAll('.level-1');
274
- items.forEach((z) => {
275
- if (z.classList.contains('expanded') && z != exclude) {
276
- z.classList.remove('expanded');
277
- }
278
- });
279
- }
280
- updateExpandedItems() {
281
- const redraw = (timestamp) => {
282
- if (!this.refreshBuffer) {
283
- this.refreshBuffer = timestamp;
284
- }
285
- const elapsed = timestamp - this.refreshBuffer;
286
- let items = this.el.shadowRoot.querySelectorAll('li');
287
- items.forEach((z) => {
288
- let ul = z.querySelector(':scope > ul');
289
- if (ul) {
290
- if (!z.classList.contains('expanded')) {
291
- ul.style.removeProperty('max-height');
292
- let childAnchorItems = ul.querySelectorAll('a');
293
- if (childAnchorItems) {
294
- childAnchorItems.forEach((child) => {
295
- if (child) {
296
- child.tabIndex = -1;
297
- }
298
- });
299
- }
300
- let childInputsItems = ul.querySelectorAll('input');
301
- if (childInputsItems) {
302
- childInputsItems.forEach((child) => {
303
- if (child) {
304
- child.tabIndex = -1;
305
- }
306
- });
307
- }
308
- }
309
- else {
310
- ul.style.maxHeight = ul.scrollHeight + "px";
311
- let level1Parent = ul.closest('.level-1');
312
- if (level1Parent) {
313
- if (level1Parent.classList.contains('expanded')) {
314
- if (ul.childNodes) {
315
- ul.childNodes.forEach((child) => {
316
- if (child.children[0] && child.children[0].tagName != 'DIV') {
317
- child.children[0].setAttribute('tabindex', '0');
318
- }
319
- });
320
- }
321
- }
322
- }
323
- let childInputsItems = ul.querySelectorAll('input');
324
- if (childInputsItems) {
325
- childInputsItems.forEach((child) => {
326
- if (child) {
327
- child.tabIndex = 0;
328
- }
329
- });
330
- }
331
- }
332
- }
333
- });
334
- if (elapsed < 2500) {
335
- window.requestAnimationFrame(redraw);
336
- }
337
- else {
338
- this.refreshBuffer = undefined;
339
- }
340
- };
341
- if (!this.refreshBuffer) {
342
- window.requestAnimationFrame(redraw);
343
- }
344
- else {
345
- this.refreshBuffer = undefined;
346
- }
347
- }
348
- updateSelectedItemStatus(uuid) {
349
- var _a;
350
- let selectedItem = this.hashMap[uuid];
351
- if (selectedItem && selectedItem.value) {
352
- let categoryName = (_a = selectedItem.category) !== null && _a !== void 0 ? _a : 'default';
353
- if (!this.selectedValue[categoryName]) {
354
- this.setUpCategory(categoryName, selectedItem.allowMultiSelect == true);
355
- }
356
- let items = this.selectedValue[categoryName].items;
357
- if (items.indexOf(selectedItem.value) < 0) {
358
- if (this.selectedValue[categoryName].allowMultiSelect) {
359
- items.push(selectedItem.value);
360
- }
361
- else {
362
- this.selectedItems = this.selectedItems.filter((z) => { return z.value != items[0]; });
363
- items = [selectedItem.value];
364
- }
365
- this.selectedItems.push(selectedItem);
366
- }
367
- else {
368
- items = items.filter((z) => { return z != selectedItem.value; });
369
- this.selectedItems = this.selectedItems.filter((z) => { return z.value != selectedItem.value; });
370
- }
371
- this.selectedValue[categoryName].items = items;
372
- }
373
- }
374
- unSelectItem(uuid) {
375
- var _a;
376
- let selectedItem = this.hashMap[uuid];
377
- if (selectedItem && selectedItem.value) {
378
- let categoryName = (_a = selectedItem.category) !== null && _a !== void 0 ? _a : 'default';
379
- if (!this.selectedValue[categoryName]) {
380
- this.setUpCategory(categoryName, selectedItem.allowMultiSelect == true);
381
- }
382
- let items = this.selectedValue[categoryName].items;
383
- if (items.indexOf(selectedItem.value) > -1) {
384
- items = items.filter((z) => { return z != selectedItem.value; });
385
- this.selectedItems = this.selectedItems.filter((z) => { return z.value != selectedItem.value; });
386
- }
387
- this.selectedValue[categoryName].items = items;
388
- }
389
- }
390
- selectItem(uuid) {
391
- var _a;
392
- let selectedItem = this.hashMap[uuid];
393
- if (selectedItem && selectedItem.value) {
394
- let categoryName = (_a = selectedItem.category) !== null && _a !== void 0 ? _a : 'default';
395
- if (!this.selectedValue[categoryName]) {
396
- this.setUpCategory(categoryName, selectedItem.allowMultiSelect == true);
397
- }
398
- let items = this.selectedValue[categoryName].items;
399
- if (items.indexOf(selectedItem.value) < 0) {
400
- if (this.selectedValue[categoryName].allowMultiSelect) {
401
- items.push(selectedItem.value);
402
- }
403
- else {
404
- items = [selectedItem.value];
405
- }
406
- this.selectedItems.push(selectedItem);
407
- }
408
- this.selectedValue[categoryName].items = items;
409
- }
410
- }
411
- getItemByValue(value) {
412
- let result;
413
- if (this.hashMap) {
414
- for (const [_, v] of Object.entries(this.hashMap)) {
415
- let item = v;
416
- if (item.value == value) {
417
- result = item;
418
- break;
419
- }
420
- }
421
- }
422
- return result;
423
- }
424
- onItemFilterSearchUpdate(e) {
425
- if (e && e.target) {
426
- let input = e.target;
427
- let search = input.value;
428
- if (input) {
429
- let items = input.closest('ul').querySelectorAll('li:not(.search-box-wrapper)');
430
- if (search && search.length > 0) {
431
- items.forEach((item) => {
432
- var _a;
433
- let content = (_a = item === null || item === void 0 ? void 0 : item.textContent) === null || _a === void 0 ? void 0 : _a.toLowerCase();
434
- if (content && content.indexOf(search) > -1) {
435
- item.style.removeProperty("display");
436
- }
437
- else {
438
- item.style.display = "none";
439
- }
440
- });
441
- }
442
- else {
443
- items.forEach((item) => {
444
- item.style.removeProperty("display");
445
- });
446
- }
447
- }
448
- this.updateExpandedItems();
449
- }
450
- }
451
- onItemLinkClick(event, uuid) {
452
- if (event) {
453
- event.preventDefault();
454
- }
455
- this.updateSelectedItemStatus(uuid);
456
- this.onItemSelectedHandler(event);
457
- }
458
- onExpandClick(event, collapseParents) {
459
- if (event) {
460
- event.preventDefault();
461
- let sender = event.currentTarget;
462
- let root = sender.closest('.level-1');
463
- let parent = sender.closest('li');
464
- if (collapseParents) {
465
- this.collapseAllFirstLevelItems(root);
466
- }
467
- if (parent) {
468
- parent.classList.toggle("expanded");
469
- }
470
- if (sender.classList.contains('expander-icon')) {
471
- let icon = parent.classList.contains('expanded') ? 'minus' : 'plus';
472
- sender.querySelector('icon-asset').setAttribute('name', icon);
473
- }
474
- this.updateExpandedItems();
475
- }
476
- this.onItemExpandedHandler(event);
477
- }
478
- render() {
479
- let renderToolTip = (tooltip) => {
480
- if (tooltip) {
481
- return (index.h("ptc-tooltip", { "text-display": "inline", mode: "wrapper", "z-index": "z-2", position: "bottom", description: '' }, index.h("div", { class: "icon-wrapper" }, index.h("i", { class: 'active-icon', innerHTML: infoGreen }), index.h("i", { class: 'inactive-icon', innerHTML: info })), index.h("span", { class: "popup", slot: "description" }, index.h("i", { innerHTML: infoGreen }), index.h("div", { class: "content", innerHTML: tooltip }))));
482
- }
483
- };
484
- let renderLevel = (arr, level, searchOptions) => {
485
- let levelClass = `level-${level} mf-listen`;
486
- let tId = this.trackerId ? `${this.trackerId}-${levelClass}` : '';
487
- return (index.h("ul", null, searchOptions &&
488
- index.h("li", { class: "search-box-wrapper" }, index.h("div", { id: tId, class: "search-box mf-listen" }, index.h("input", { class: "search-box", id: "searchBoxId", type: "text", placeholder: searchOptions.placeholder, tabIndex: -1, onKeyUp: (e) => { this.onItemFilterSearchUpdate(e); }, onBlur: (e) => { this.onItemFilterSearchUpdate(e); } }))), arr.map((z) => {
489
- let expandable = false;
490
- let selectable = false;
491
- let icon;
492
- let searchOptions = undefined;
493
- if (z.enableSearch) {
494
- searchOptions = {
495
- placeholder: z.searchBoxPlaceholder
496
- };
497
- }
498
- if (level == 1) {
499
- if (z.children) {
500
- expandable = true;
501
- selectable = false;
502
- icon = (index.h("icon-asset", { type: "ptc", name: "chevron-down", color: "ptc-green", size: "medium" }));
503
- }
504
- else {
505
- expandable = false;
506
- selectable = true;
507
- icon = (index.h("icon-asset", { type: "ptc", name: "plus", color: "ptc-green", size: "medium" }));
508
- }
509
- }
510
- else if (level > 1) {
511
- selectable = true;
512
- if (z.children) {
513
- expandable = true;
514
- icon = (index.h("icon-asset", { type: "ptc", name: "plus", color: "gray", size: "xxx-small" }));
515
- }
516
- else {
517
- expandable = false;
518
- }
519
- }
520
- return (index.h("li", { id: z.trackerId, class: {
521
- [levelClass]: true,
522
- listOpen: z.listOpened
523
- } }, getLink(z, icon, level, expandable, selectable), z.children ? renderLevel(z.children, level + 1, searchOptions) : ''));
524
- })));
525
- };
526
- let getLink = (item, icon, level, expandable, selectable) => {
527
- let clickEvent = (e) => {
528
- if (expandable) {
529
- this.onExpandClick(e, this.allowMultiSelect && level == 1);
530
- }
531
- else {
532
- this.onItemLinkClick(e, item.id);
533
- }
534
- };
535
- let tooltip = level == 1 ? item.tooltip : undefined;
536
- let tabIndexValue = level == 1 ? 0 : -1;
537
- if (item.isExternalLink) {
538
- return (index.h("a", { href: item.href, id: item.id, target: item.target, title: item.title, tabindex: tabIndexValue }, icon, item.text, renderToolTip(tooltip)));
539
- }
540
- else if ((!expandable && selectable) || (expandable && !selectable)) {
541
- return (index.h("a", { href: "#", id: item.id, title: item.text, onClick: clickEvent, tabindex: tabIndexValue }, icon, item.text, renderToolTip(tooltip)));
542
- }
543
- else {
544
- return [
545
- index.h("a", { class: "expander-icon", href: "#", id: item.id, onClick: (e) => { this.onExpandClick(e, false); }, tabindex: tabIndexValue }, icon),
546
- index.h("a", { href: "#", title: item.text, id: item.id, onClick: (e) => { this.onItemLinkClick(e, item.id); }, tabindex: tabIndexValue }, item.text),
547
- renderToolTip(tooltip)
548
- ];
549
- }
550
- };
551
- // Ignore search bar if the showSearchBar is false
552
- if (!this.showSearchBar) {
553
- return (index.h(index.Host, null, index.h("div", { class: "container" }, index.h("ptc-title", { type: 'h2', "title-size": "medium", "title-weight": "w-6", "text-align": 'left', upperline: "no-upperline" }, this.header), renderLevel(this.data, 1))));
554
- }
555
- return (index.h(index.Host, null, index.h("div", { class: "container" }, index.h("ptc-title", { type: 'h2', "title-size": "medium", "title-weight": "w-6", "text-align": 'left', upperline: "no-upperline" }, this.header), index.h("div", { id: `${this.trackerId}-search-box`, class: "search-box mf-listen" }, index.h("input", { type: "text", id: "searchBoxId", placeholder: this.placeholderText, onKeyUp: (e) => { this.onInputUpdated(e); } })), renderLevel(this.data, 1))));
556
- }
557
- async removeSelectedItem(value) {
558
- let item = this.getItemByValue(value);
559
- this.unSelectItem(item.id);
560
- this.fireChangedEvent();
561
- }
562
- async addSelectedItem(value) {
563
- let item = this.getItemByValue(value);
564
- this.selectItem(item.id);
565
- }
566
- get el() { return index.getElement(this); }
567
- };
568
- PtcCollapseList.style = ptcCollapseListCss;
569
-
570
- 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}";
571
-
572
- const PtcTitle = class {
573
- constructor(hostRef) {
574
- index.registerInstance(this, hostRef);
575
- this.isPlmHub = false;
576
- this.type = 'h2';
577
- this.textAlign = undefined;
578
- this.upperline = 'dotted';
579
- this.titleShadow = undefined;
580
- this.titleColor = 'gray';
581
- this.titleMargin = undefined;
582
- this.titleWeight = undefined;
583
- this.titleSize = undefined;
584
- this.titleHeight = 'densest';
585
- this.styles = undefined;
586
- this.ellipsisLineCutoff = undefined;
587
- this.titleDisplay = 'inline-block';
588
- this.seoCompatibilityMode = false;
589
- this.tooltipZIndex = 'auto';
590
- this.tooltipPosition = 'bottom';
591
- this.tooltipTheme = 'standard';
592
- this.enableTooltip = false;
593
- this.maxChars = undefined;
594
- this.maxLines = undefined;
595
- this.hideTooltipOnMobile = false;
596
- this.ismob = undefined;
597
- this.tooltipWidth = 'default';
598
- }
599
- // Tooltip Properties ends
600
- componentDidLoad() {
601
- if (this.hideTooltipOnMobile) {
602
- this.el.classList.add('hide-tooltip-on-mobile');
603
- }
604
- this.el.addEventListener('mouseenter', () => this.toggleTitleTooltip(true));
605
- this.el.addEventListener('mouseleave', () => this.toggleTitleTooltip(false));
606
- }
607
- render() {
608
- if (this.seoCompatibilityMode) {
609
- return this.seoCompRender();
610
- }
611
- else {
612
- return this.standardRender();
613
- }
614
- }
615
- getSortedText(content) {
616
- if (!this.enableTooltip)
617
- return;
618
- const trimmedContent = content.trim();
619
- const shouldTruncate = (trimmedContent.length > this.maxChars) && !this.maxLines;
620
- return shouldTruncate ? trimmedContent.slice(0, this.maxChars) + '...' : trimmedContent;
621
- }
622
- toggleTitleTooltip(show) {
623
- var _a;
624
- const tooltipClass = 'tooltip-box';
625
- const existingTooltip = this.el.querySelector(`.${tooltipClass}`);
626
- const text = this.el.querySelectorAll('.line-clamp-title');
627
- let maxLinesShowCheck = false;
628
- if (text) {
629
- text.forEach(t => {
630
- maxLinesShowCheck = t.scrollHeight > t.clientHeight;
631
- });
632
- }
633
- const ifCharExceeds = this.tooltipText && (this.tooltipText.length > this.maxChars) && !this.maxLines;
634
- const ifLinesExceeds = this.maxLines && maxLinesShowCheck;
635
- if (show && this.enableTooltip) {
636
- if ((!existingTooltip && ifCharExceeds) || (!existingTooltip && ifLinesExceeds)) {
637
- const tooltipMarkup = document.createElement('div');
638
- tooltipMarkup.className = tooltipClass;
639
- tooltipMarkup.innerText = this.tooltipText;
640
- tooltipMarkup.style.zIndex = String(this.tooltipZIndex); // Ensures zIndex is a string
641
- tooltipMarkup.classList.add(this.tooltipPosition, this.tooltipTheme, this.tooltipWidth);
642
- if (this.hideTooltipOnMobile) {
643
- tooltipMarkup.classList.add('hide-tooltip-mobile');
644
- }
645
- (_a = this.el.querySelector('div')) === null || _a === void 0 ? void 0 : _a.appendChild(tooltipMarkup);
646
- }
647
- }
648
- else {
649
- existingTooltip === null || existingTooltip === void 0 ? void 0 : existingTooltip.remove();
650
- }
651
- }
652
- seoCompRender() {
653
- const classMap = this.getCssClassMap();
654
- const cutOff = this.getLineCuttoff();
655
- const [TagType, firstChild] = utils.getSeoTagType(this.el, this.type);
656
- let html = firstChild && firstChild.innerHTML;
657
- // added for tooltip
658
- this.tooltipText = html.trim();
659
- let eleText = firstChild && firstChild.innerText;
660
- html = (this.enableTooltip) ? this.getSortedText(eleText) : html;
661
- if (this.el == firstChild) {
662
- this.el.innerHTML = '';
663
- }
664
- 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' : '' }))));
665
- }
666
- standardRender() {
667
- const classMap = this.getCssClassMap();
668
- const cutOff = this.getLineCuttoff();
669
- let TagType;
670
- switch (this.type) {
671
- case 'h1':
672
- TagType = 'h1';
673
- break;
674
- case 'h3':
675
- TagType = 'h3';
676
- break;
677
- case 'h4':
678
- TagType = 'h4';
679
- break;
680
- case 'h5':
681
- TagType = 'h5';
682
- break;
683
- case 'h6':
684
- TagType = 'h6';
685
- break;
686
- default:
687
- TagType = 'h2';
688
- }
689
- 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)))));
690
- }
691
- getCssClassMap() {
692
- return {
693
- [this.textAlign]: !!this.textAlign ? true : false,
694
- [this.upperline]: true,
695
- [this.isPlmHub ? 'is-plm-hub' : 'is-standard']: true,
696
- [this.titleMargin]: !!this.titleMargin ? true : false,
697
- [this.titleShadow]: !!this.titleShadow ? true : false,
698
- [this.titleWeight]: !!this.titleWeight ? true : false,
699
- [this.titleSize]: !!this.titleSize ? true : false,
700
- [this.titleHeight]: !!this.titleHeight ? true : false,
701
- [this.titleColor]: !!this.titleColor ? true : false,
702
- ['ellipsis-boxing']: this.ellipsisLineCutoff && this.ellipsisLineCutoff > 0,
703
- [this.titleDisplay]: !!this.titleDisplay ? true : false,
704
- };
705
- }
706
- getLineCuttoff() {
707
- const lineClamp = this.ellipsisLineCutoff > 0 ? this.ellipsisLineCutoff : this.maxLines;
708
- return lineClamp > 0 ? { '-webkit-line-clamp': `${lineClamp}` } : {};
709
- }
710
- get el() { return index.getElement(this); }
711
- };
712
- PtcTitle.style = ptcTitleCss;
713
-
714
- const ptcTooltipCss = "h1.sc-ptc-tooltip,h2.sc-ptc-tooltip,h3.sc-ptc-tooltip,h4.sc-ptc-tooltip,h5.sc-ptc-tooltip,h6.sc-ptc-tooltip,p.sc-ptc-tooltip,ul.sc-ptc-tooltip,li.sc-ptc-tooltip,ptc-subnav.sc-ptc-tooltip,ptc-tab-list.sc-ptc-tooltip,ptc-link.sc-ptc-tooltip,ptc-square-card.sc-ptc-tooltip,.hyphenate-text.sc-ptc-tooltip,ptc-footer.sc-ptc-tooltip{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-tooltip,h2.sc-ptc-tooltip,h3.sc-ptc-tooltip,h4.sc-ptc-tooltip,h5.sc-ptc-tooltip,h6.sc-ptc-tooltip,p.sc-ptc-tooltip,ul.sc-ptc-tooltip,li.sc-ptc-tooltip,ptc-subnav.sc-ptc-tooltip,ptc-tab-list.sc-ptc-tooltip,ptc-link.sc-ptc-tooltip,ptc-square-card.sc-ptc-tooltip,.hyphenate-text.sc-ptc-tooltip,ptc-footer.sc-ptc-tooltip{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}}.sc-ptc-tooltip-h{position:relative}.inline.sc-ptc-tooltip-h{display:inline}.inline.sc-ptc-tooltip-h .text-content.sc-ptc-tooltip{display:inline}.block.sc-ptc-tooltip-h{display:block}.text-ellipsis.sc-ptc-tooltip{position:relative;display:inline}.text-ellipsis.sc-ptc-tooltip:not(.truncated){z-index:auto !important}.z-auto.sc-ptc-tooltip{z-index:auto}.z-1.sc-ptc-tooltip{z-index:1}.z-2.sc-ptc-tooltip{z-index:2}.z-3.sc-ptc-tooltip{z-index:3}.z-999.sc-ptc-tooltip{z-index:999}.tooltip.sc-ptc-tooltip{position:absolute;padding:8px;color:var(--color-white);font-size:var(--ptc-font-size-xxx-small);font-weight:var(--ptc-font-weight-semibold);background:var(--color-gray-09);box-shadow:0px 2px 4px rgba(0, 0, 0, 0.3);border:none;border-radius:2px;width:auto;height:auto;visibility:hidden;text-align:left;text-shadow:none;white-space:normal}.tooltip.sc-ptc-tooltip span.sc-ptc-tooltip{word-break:initial}@media only screen and (min-width: 480px){.tooltip.sc-ptc-tooltip{width:273px}}.tooltip.danger.sc-ptc-tooltip{color:var(--color-red-07);font-family:var(--ptc-font-latin);font-weight:var(--ptc-font-weight-semibold);font-size:var(--ptc-font-size-xx-small);line-height:var(--ptc-line-height-p);border:2px solid var(--color-red-07);border-radius:var(--ptc-border-radius-standard);background-color:var(--color-white);padding:var(--ptc-element-spacing-06)}.tooltip.danger.sc-ptc-tooltip a.sc-ptc-tooltip{color:var(--color-hyperlink)}.tooltip.bottom.sc-ptc-tooltip{bottom:-12px;transform:translateY(100%)}.tooltip.bottom.sc-ptc-tooltip::after{top:1px;left:50%;transform:translate(-50%, -100%);border:8px solid transparent;border-bottom:8px solid var(--color-gray-09)}.tooltip.left.sc-ptc-tooltip{bottom:-12px;transform:translate(-80%, 100%)}.tooltip.left.sc-ptc-tooltip::after{top:1px;right:8px;transform:translateY(-100%);border:8px solid transparent;border-bottom:8px solid var(--color-gray-09)}.tooltip.right.sc-ptc-tooltip{bottom:-12px;transform:translateY(100%);right:0px}@-moz-document url-prefix(){.tooltip.right{right:unset !important;bottom:unset !important;transform:translate(60%, 8px) !important}@media screen and (min-width: 992px){.tooltip.right{transform:translate(100%, 8px) !important}}}.tooltip.right.sc-ptc-tooltip::after{top:1px;left:8px;transform:translateY(-100%);border:8px solid transparent;border-bottom:8px solid var(--color-gray-09)}.tooltip.top.sc-ptc-tooltip{top:-8px;transform:translateY(-100%)}.tooltip.top.sc-ptc-tooltip::after{left:50%;bottom:1px;transform:translate(-50%, 100%);border:8px solid transparent;border-top:8px solid var(--color-gray-09)}.tooltip.bottom-right.sc-ptc-tooltip{bottom:-12px;transform:translate(-60%, 100%)}.tooltip.bottom-right.sc-ptc-tooltip::after{top:1px;left:75%;transform:translate(-50%, -100%);border:8px solid transparent;border-bottom:8px solid var(--color-gray-09)}.tooltip.danger.sc-ptc-tooltip::after{top:0;border-bottom:8px solid var(--color-red-07)}.tooltip.side-left.sc-ptc-tooltip{bottom:12px;transform:translateX(-112%)}@media only screen and (min-width: 768px){.tooltip.side-left.sc-ptc-tooltip{bottom:4px}}.tooltip.side-left.sc-ptc-tooltip::after{top:50%;right:-15px;transform:translateY(-50%);border:8px solid transparent;border-left:8px solid var(--color-gray-09)}.truncated.sc-ptc-tooltip{cursor:help}.truncated.sc-ptc-tooltip:hover+.tooltip.sc-ptc-tooltip{visibility:visible;z-index:9999}.wrapper-content.sc-ptc-tooltip{display:inline-block;position:relative}.wrapper-content.sc-ptc-tooltip .tooltip.sc-ptc-tooltip{width:auto;min-width:72px;max-width:273px}.wrapper-content.sc-ptc-tooltip .slot-content.sc-ptc-tooltip:hover+.tooltip.sc-ptc-tooltip{visibility:visible;z-index:9999}.tooltip.sc-ptc-tooltip::after{content:\"\";position:absolute}.ellipsis-by-line-boxing.sc-ptc-tooltip{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;overflow-wrap:break-word;padding-bottom:0}.full-width.sc-ptc-tooltip-h .tooltip.sc-ptc-tooltip{width:100%}@media only screen and (min-width: 480px){.full-width.sc-ptc-tooltip-h .tooltip.sc-ptc-tooltip{width:100%}}.no-overflow.sc-ptc-tooltip-h .tooltip.sc-ptc-tooltip{display:none !important}.no-overflow.sc-ptc-tooltip-h .truncated.sc-ptc-tooltip.sc-ptc-tooltip{cursor:pointer}";
715
-
716
- const PtcTooltip = class {
717
- constructor(hostRef) {
718
- index.registerInstance(this, hostRef);
719
- this.textDisplay = 'inline';
720
- this.maxLength = 45;
721
- this.textLines = undefined;
722
- this.description = 'This is a tooltip text placeholder';
723
- this.zIndex = 'z-auto';
724
- this.position = 'bottom';
725
- this.styles = undefined;
726
- this.mode = 'text-only';
727
- this.theme = 'standard';
728
- this.width = 'default';
729
- this.hideOnMobile = false;
730
- this.isSmallScreen = undefined;
731
- this.noOverflow = false;
732
- }
733
- addTruncatedClass() {
734
- const appRoot = this.el;
735
- const text = appRoot.querySelectorAll('.ellipsis-by-line-boxing');
736
- text.forEach(t => {
737
- t.classList[t.scrollHeight > t.clientHeight ? 'add' : 'remove']('truncated');
738
- });
739
- }
740
- windowResize() {
741
- this.verifiyScreenSize();
742
- }
743
- verifiyScreenSize() {
744
- this.isSmallScreen = window.innerWidth < 768;
745
- }
746
- // Created this function to initialize the truncate function on specific elements like tabs
747
- enableAddTruncatedClass(element) {
748
- const allTabHeaders = document.querySelectorAll(element);
749
- for (const element of Array.from(allTabHeaders)) {
750
- let tabHeader = element;
751
- if (tabHeader) {
752
- tabHeader.addEventListener('click', () => {
753
- setTimeout(() => {
754
- this.addTruncatedClass();
755
- }, 100);
756
- });
757
- }
758
- }
759
- }
760
- componentWillLoad() {
761
- this.verifiyScreenSize();
762
- }
763
- componentDidLoad() {
764
- //this.addTruncatedClass();
765
- setTimeout(() => {
766
- this.addTruncatedClass();
767
- }, 1000);
768
- this.enableAddTruncatedClass('tab-header');
769
- this.enableAddTruncatedClass('ptc-ellipsis-dropdown');
770
- this.enableAddTruncatedClass('ptc-product-card');
771
- document.addEventListener('readystatechange', () => {
772
- if (document.readyState === 'complete') {
773
- this.addTruncatedClass();
774
- }
775
- });
776
- }
777
- render() {
778
- if (this.mode == 'wrapper') {
779
- return (index.h(index.Host, { class: this.textDisplay }, this.styles && index.h("style", null, this.styles), index.h("div", { class: "wrapper-content" }, index.h("div", { class: "slot-content" }, index.h("slot", null)), index.h("div", { class: `tooltip ${this.position} ${this.theme}` }, index.h("slot", { name: "description" }), this.description && index.h("span", { innerHTML: this.description })))));
780
- }
781
- else {
782
- const classMap = this.getCssClassMap();
783
- const cutOff = this.getLineCuttoff();
784
- let truncatedText = this.description.substring(0, this.maxLength);
785
- if (this.description.length > this.maxLength) {
786
- //const lastSpace = truncatedText.lastIndexOf(' ');
787
- //truncatedText = truncatedText.substring(0, lastSpace);
788
- truncatedText += '... ';
789
- }
790
- return (index.h(index.Host, { class: { [this.textDisplay]: true, [this.width]: true, 'no-overflow': this.noOverflow } }, this.styles && index.h("style", null, this.styles), this.hideOnMobile && this.isSmallScreen ? (index.h("div", null, this.description)) : (index.h("div", { class: "text-content" }, this.textLines > 0 && !!this.textLines ? (index.h("div", { class: "ellipsis-by-line-boxing", style: cutOff, innerHTML: this.description })) : (index.h("div", { class: classMap }, truncatedText)), index.h("div", { class: `tooltip ${this.position} ${this.theme}`, innerHTML: this.description })))));
791
- }
792
- }
793
- getCssClassMap() {
794
- return {
795
- // ['ellipsis-by-line-boxing']: this.textLines && this.textLines > 0,
796
- ['text-ellipsis']: true,
797
- [this.zIndex]: this.description.length > this.maxLength ? true : false,
798
- ['truncated']: this.description.length > this.maxLength && !this.textLines ? true : false,
799
- };
800
- }
801
- getLineCuttoff() {
802
- let result;
803
- if (this.textLines && this.textLines > 0) {
804
- result = {
805
- ['-webkit-line-clamp']: `${this.textLines}`,
806
- };
807
- }
808
- return result;
809
- }
810
- get el() { return index.getElement(this); }
811
- };
812
- PtcTooltip.style = ptcTooltipCss;
813
-
814
- exports.icon_asset = IconAsset;
815
- exports.ptc_collapse_list = PtcCollapseList;
816
- exports.ptc_title = PtcTitle;
817
- exports.ptc_tooltip = PtcTooltip;