@ptcwebops/ptcw-design 6.3.59-beta → 6.3.60-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 (189) hide show
  1. package/dist/cjs/loader.cjs.js +1 -1
  2. package/dist/cjs/ptc-button.cjs.entry.js +89 -0
  3. package/dist/cjs/ptc-img.cjs.entry.js +45 -1
  4. package/dist/cjs/ptc-jumbotron.cjs.entry.js +3 -2
  5. package/dist/cjs/ptc-para.cjs.entry.js +127 -0
  6. package/dist/cjs/ptc-picture.cjs.entry.js +162 -0
  7. package/dist/cjs/ptc-spacer.cjs.entry.js +38 -0
  8. package/dist/cjs/ptc-title.cjs.entry.js +152 -0
  9. package/dist/cjs/ptcw-design.cjs.js +1 -1
  10. package/dist/collection/components/ptc-img/ptc-img.js +86 -1
  11. package/dist/collection/components/ptc-jumbotron/ptc-jumbotron.js +21 -2
  12. package/dist/collection/stories/ResponsiveWrapper.stories.js +21 -0
  13. package/dist/collection/stories/organisms/ptc/Academic Form/preview.stories.js +22 -0
  14. package/dist/collection/stories/organisms/ptc/All Products/preview.stories.js +1616 -0
  15. package/dist/collection/stories/organisms/ptc/Announcement/preview.stories.js +58 -0
  16. package/dist/collection/stories/organisms/ptc/Background Video/preview.stories.js +58 -0
  17. package/dist/collection/stories/organisms/ptc/Blog Author Listing/preview.stories.js +32 -0
  18. package/dist/collection/stories/organisms/ptc/Blog Content/preview.stories.js +317 -0
  19. package/dist/collection/stories/organisms/ptc/Blog Detail/preview.stories.js +500 -0
  20. package/dist/collection/stories/organisms/ptc/Blogs Listing Page/preview.stories.js +368 -0
  21. package/dist/collection/stories/organisms/ptc/Bureau New Dynamic/preview.stories.js +54 -0
  22. package/dist/collection/stories/organisms/ptc/Case Studies/preview.stories.js +243 -0
  23. package/dist/collection/stories/organisms/ptc/Case Studies Detail Page/preview.stories.js +456 -0
  24. package/dist/collection/stories/organisms/ptc/Case Studies Slider/preview.stories.js +384 -0
  25. package/dist/collection/stories/organisms/ptc/Case Studies Slider New/preview.stories.js +171 -0
  26. package/dist/collection/stories/organisms/ptc/Clq Modal Quiz/preview.stories.js +100 -0
  27. package/dist/collection/stories/organisms/ptc/Contact Free Trial Form/preview.stories.js +22 -0
  28. package/dist/collection/stories/organisms/ptc/Countdown Example/preview.stories.js +29 -0
  29. package/dist/collection/stories/organisms/ptc/E Store Build Listing/preview.stories.js +543 -0
  30. package/dist/collection/stories/organisms/ptc/E Store Build Product/preview.stories.js +427 -0
  31. package/dist/collection/stories/organisms/ptc/Eloqua Library Contact Info/preview.stories.js +168 -0
  32. package/dist/collection/stories/organisms/ptc/Eloqua Library Visitor PCenter/preview.stories.js +60 -0
  33. package/dist/collection/stories/organisms/ptc/Eloqua Library Visitor Recipient Id/preview.stories.js +59 -0
  34. package/dist/collection/stories/organisms/ptc/Embedded Form/preview.stories.js +23 -0
  35. package/dist/collection/stories/organisms/ptc/Embedded Form Floating/preview.stories.js +165 -0
  36. package/dist/collection/stories/organisms/ptc/Event Detail/preview.stories.js +16 -0
  37. package/dist/collection/stories/organisms/ptc/Event Jumbotron/preview.stories.js +470 -0
  38. package/dist/collection/stories/organisms/ptc/Event Podcast Slider/preview.stories.js +142 -0
  39. package/dist/collection/stories/organisms/ptc/Events Listing Cards/preview.stories.js +169 -0
  40. package/dist/collection/stories/organisms/ptc/Events Listing Cards Horizontal/preview.stories.js +169 -0
  41. package/dist/collection/stories/organisms/ptc/Featured Events Slider/preview.stories.js +165 -0
  42. package/dist/collection/stories/organisms/ptc/Featured List/preview.stories.js +16 -0
  43. package/dist/collection/stories/organisms/ptc/Filter Level Theater/preview.stories.js +18 -0
  44. package/dist/collection/stories/organisms/ptc/Five Card Value Prop/preview.stories.js +64 -0
  45. package/dist/collection/stories/organisms/ptc/Footer Form/preview.stories.js +18 -0
  46. package/dist/collection/stories/organisms/ptc/Footer V2/preview.stories.js +138 -0
  47. package/dist/collection/stories/organisms/ptc/Footer V2 Cn/preview.stories.js +146 -0
  48. package/dist/collection/stories/organisms/ptc/Form Radio Button/preview.stories.js +42 -0
  49. package/dist/collection/stories/organisms/ptc/Framed Video 16 9/preview.stories.js +31 -0
  50. package/dist/collection/stories/organisms/ptc/Homepage Image Feature/preview.stories.js +41 -0
  51. package/dist/collection/stories/organisms/ptc/Homepage Jumbotron/preview.stories.js +166 -0
  52. package/dist/collection/stories/organisms/ptc/Homepage Toggled Content/preview.stories.js +227 -0
  53. package/dist/collection/stories/organisms/ptc/Hub Of Hubs/preview.stories.js +417 -0
  54. package/dist/collection/stories/organisms/ptc/Intro/preview.stories.js +41 -0
  55. package/dist/collection/stories/organisms/ptc/Jumbotron/preview.stories.js +431 -0
  56. package/dist/collection/stories/organisms/ptc/Jumbotron With Logos/preview.stories.js +431 -0
  57. package/dist/collection/stories/organisms/ptc/Large Bulleted List/preview.stories.js +224 -0
  58. package/dist/collection/stories/organisms/ptc/Large Bulleted List V2/preview.stories.js +326 -0
  59. package/dist/collection/stories/organisms/ptc/Listing Filter/preview.stories.js +256 -0
  60. package/dist/collection/stories/organisms/ptc/Main Nav Product Solutions Tab/preview.stories.js +200 -0
  61. package/dist/collection/stories/organisms/ptc/Mathcad Start Page/preview.stories.js +100 -0
  62. package/dist/collection/stories/organisms/ptc/Media Kit Speed Bump/preview.stories.js +39 -0
  63. package/dist/collection/stories/organisms/ptc/Most Popular News/preview.stories.js +28 -0
  64. package/dist/collection/stories/organisms/ptc/Mvc Form/preview.stories.js +22 -0
  65. package/dist/collection/stories/organisms/ptc/New Buttons/preview.stories.js +125 -0
  66. package/dist/collection/stories/organisms/ptc/Partners Detail/preview.stories.js +151 -0
  67. package/dist/collection/stories/organisms/ptc/Partners Listing/preview.stories.js +394 -0
  68. package/dist/collection/stories/organisms/ptc/Pdf Portal/preview.stories.js +140 -0
  69. package/dist/collection/stories/organisms/ptc/Plm On Demand 1/preview.stories.js +205 -0
  70. package/dist/collection/stories/organisms/ptc/Plm On Demand 2/preview.stories.js +180 -0
  71. package/dist/collection/stories/organisms/ptc/Podcast List/preview.stories.js +175 -0
  72. package/dist/collection/stories/organisms/ptc/Preference Center/preview.stories.js +235 -0
  73. package/dist/collection/stories/organisms/ptc/Preference Center Exit Page/preview.stories.js +85 -0
  74. package/dist/collection/stories/organisms/ptc/Preference Center Update Email/preview.stories.js +54 -0
  75. package/dist/collection/stories/organisms/ptc/Preference Center Update Personal Info/preview.stories.js +59 -0
  76. package/dist/collection/stories/organisms/ptc/Pricing Packaging Table/preview.stories.js +399 -0
  77. package/dist/collection/stories/organisms/ptc/Pricing Packaging Table Subnav/preview.stories.js +179 -0
  78. package/dist/collection/stories/organisms/ptc/Ptc 3 Card Value Prop/preview.stories.js +46 -0
  79. package/dist/collection/stories/organisms/ptc/Ptc Bio Cards/preview.stories.js +741 -0
  80. package/dist/collection/stories/organisms/ptc/Ptc Creo Start Page/preview.stories.js +111 -0
  81. package/dist/collection/stories/organisms/ptc/Ptc Editorial/preview.stories.js +84 -0
  82. package/dist/collection/stories/organisms/ptc/Ptc Form/preview.stories.js +18 -0
  83. package/dist/collection/stories/organisms/ptc/Ptc Icon Card Slider/preview.stories.js +121 -0
  84. package/dist/collection/stories/organisms/ptc/Ptc Icon Component/preview.stories.js +185 -0
  85. package/dist/collection/stories/organisms/ptc/Ptc Icon Sprites/preview.stories.js +150 -0
  86. package/dist/collection/stories/organisms/ptc/Ptc Innovator Toggle/preview.stories.js +421 -0
  87. package/dist/collection/stories/organisms/ptc/Ptc Media Cards/preview.stories.js +133 -0
  88. package/dist/collection/stories/organisms/ptc/Ptc News Detail/preview.stories.js +142 -0
  89. package/dist/collection/stories/organisms/ptc/Ptc News Detail Alternate/preview.stories.js +140 -0
  90. package/dist/collection/stories/organisms/ptc/Ptc Offices/preview.stories.js +405 -0
  91. package/dist/collection/stories/organisms/ptc/Ptc Readmore V3/preview.stories.js +71 -0
  92. package/dist/collection/stories/organisms/ptc/Ptc Showcase Card/preview.stories.js +177 -0
  93. package/dist/collection/stories/organisms/ptc/Ptc Sticky Share Icons/preview.stories.js +184 -0
  94. package/dist/collection/stories/organisms/ptc/Ptc Subnav V1/preview.stories.js +149 -0
  95. package/dist/collection/stories/organisms/ptc/Ptc Subnav V2/preview.stories.js +91 -0
  96. package/dist/collection/stories/organisms/ptc/Ptc Text Copy With Background/preview.stories.js +226 -0
  97. package/dist/collection/stories/organisms/ptc/Ptc Title Demo/preview.stories.js +24 -0
  98. package/dist/collection/stories/organisms/ptc/Ptc Tooltip V3/preview.stories.js +85 -0
  99. package/dist/collection/stories/organisms/ptc/Ptc Two Column Two Media/preview.stories.js +126 -0
  100. package/dist/collection/stories/organisms/ptc/Read More/preview.stories.js +278 -0
  101. package/dist/collection/stories/organisms/ptc/Related Cards/preview.stories.js +107 -0
  102. package/dist/collection/stories/organisms/ptc/Resource Center/preview.stories.js +149 -0
  103. package/dist/collection/stories/organisms/ptc/Search Result/preview.stories.js +62 -0
  104. package/dist/collection/stories/organisms/ptc/Search Result News/preview.stories.js +72 -0
  105. package/dist/collection/stories/organisms/ptc/Searchbar Plm On Demand/preview.stories.js +62 -0
  106. package/dist/collection/stories/organisms/ptc/Seo Test/preview.stories.js +215 -0
  107. package/dist/collection/stories/organisms/ptc/Sequential Slider/preview.stories.js +38 -0
  108. package/dist/collection/stories/organisms/ptc/Sequential Slider Mobile/preview.stories.js +90 -0
  109. package/dist/collection/stories/organisms/ptc/Shortform Agileworx/preview.stories.js +22 -0
  110. package/dist/collection/stories/organisms/ptc/Storefront Enhanced Product Listing/preview.stories.js +132 -0
  111. package/dist/collection/stories/organisms/ptc/Success Path Details Page/preview.stories.js +236 -0
  112. package/dist/collection/stories/organisms/ptc/Three Column Text/preview.stories.js +75 -0
  113. package/dist/collection/stories/organisms/ptc/Three Up Text Cards/preview.stories.js +134 -0
  114. package/dist/collection/stories/organisms/ptc/Two Column Media/preview.stories.js +181 -0
  115. package/dist/collection/stories/organisms/ptc/Two Column With Toggle/preview.stories.js +549 -0
  116. package/dist/collection/stories/organisms/ptc/Value Led Resource/preview.stories.js +479 -0
  117. package/dist/collection/stories/organisms/ptc/Volvo Three Col/preview.stories.js +115 -0
  118. package/dist/collection/stories/organisms/ptc/Vuforia Quiz/preview.stories.js +26 -0
  119. package/dist/collection/stories/organisms/ptc/White Paper/preview.stories.js +174 -0
  120. package/dist/custom-elements/index.js +50 -5
  121. package/dist/esm/blog-detail-content_2.entry.js +1 -1
  122. package/dist/esm/blog-detail-layout.entry.js +1 -1
  123. package/dist/esm/blogs-search-section.entry.js +1 -1
  124. package/dist/esm/homepage-jumbotron.entry.js +1 -1
  125. package/dist/esm/homepage-toggled-content.entry.js +1 -1
  126. package/dist/esm/{interfaces-7c0243be.js → interfaces-4caedd26.js} +1 -1
  127. package/dist/esm/loader.js +1 -1
  128. package/dist/esm/most-popular-news.entry.js +1 -1
  129. package/dist/esm/my-component.entry.js +1 -1
  130. package/dist/esm/ptc-accordion-item.entry.js +1 -1
  131. package/dist/esm/ptc-background-video.entry.js +1 -1
  132. package/dist/esm/ptc-button.entry.js +85 -0
  133. package/dist/esm/ptc-collapse-list.entry.js +1 -1
  134. package/dist/esm/ptc-form-checkbox_4.entry.js +1 -1
  135. package/dist/esm/ptc-homepage-image-feature.entry.js +1 -1
  136. package/dist/esm/ptc-homepage-video-background.entry.js +1 -1
  137. package/dist/esm/ptc-icon-card.entry.js +1 -1
  138. package/dist/esm/ptc-img.entry.js +46 -2
  139. package/dist/esm/ptc-jumbotron.entry.js +3 -2
  140. package/dist/esm/ptc-link.entry.js +1 -1
  141. package/dist/esm/ptc-media-card.entry.js +1 -1
  142. package/dist/esm/ptc-para.entry.js +123 -0
  143. package/dist/esm/ptc-picture.entry.js +158 -0
  144. package/dist/esm/ptc-pricing-packaging-table.entry.js +1 -1
  145. package/dist/esm/ptc-pricing-tabs.entry.js +1 -1
  146. package/dist/esm/ptc-social-icons-footer.entry.js +1 -1
  147. package/dist/esm/ptc-spacer.entry.js +34 -0
  148. package/dist/esm/ptc-title.entry.js +148 -0
  149. package/dist/esm/ptcw-design.js +1 -1
  150. package/dist/esm/{utils-7c68b88a.js → utils-2f12c081.js} +1 -1
  151. package/dist/ptcw-design/p-0c69ea52.entry.js +1 -0
  152. package/dist/ptcw-design/{p-dffcfa42.entry.js → p-14b7693f.entry.js} +1 -1
  153. package/dist/ptcw-design/{p-30bfb2f9.entry.js → p-1eb40265.entry.js} +1 -1
  154. package/dist/ptcw-design/{p-068ea6b7.entry.js → p-1efb0486.entry.js} +1 -1
  155. package/dist/ptcw-design/{p-673cfd2e.entry.js → p-257267e3.entry.js} +1 -1
  156. package/dist/ptcw-design/{p-4056c365.entry.js → p-297a14cb.entry.js} +1 -1
  157. package/dist/ptcw-design/p-2cc7e2a8.entry.js +1 -0
  158. package/dist/ptcw-design/{p-16d47ac5.entry.js → p-45b1f3fc.entry.js} +1 -1
  159. package/dist/ptcw-design/{p-81e65926.entry.js → p-4702c233.entry.js} +1 -1
  160. package/dist/ptcw-design/{p-531caca4.entry.js → p-4ca956c1.entry.js} +1 -1
  161. package/dist/ptcw-design/{p-55e344bc.entry.js → p-52e17d34.entry.js} +1 -1
  162. package/dist/ptcw-design/p-539639ff.entry.js +1 -0
  163. package/dist/ptcw-design/{p-ee1183b2.js → p-711bcdad.js} +1 -1
  164. package/dist/ptcw-design/{p-e813ea2b.entry.js → p-76dab076.entry.js} +1 -1
  165. package/dist/ptcw-design/{p-826c17e8.js → p-80122e26.js} +1 -1
  166. package/dist/ptcw-design/{p-a5ad0eff.entry.js → p-8c121480.entry.js} +1 -1
  167. package/dist/ptcw-design/{p-5bd8b4be.entry.js → p-8cea8943.entry.js} +1 -1
  168. package/dist/ptcw-design/{p-757e3edb.entry.js → p-8e42a22d.entry.js} +1 -1
  169. package/dist/ptcw-design/{p-0252726c.entry.js → p-901c31b3.entry.js} +1 -1
  170. package/dist/ptcw-design/{p-2ba1ef9d.entry.js → p-9dbcfcee.entry.js} +1 -1
  171. package/dist/ptcw-design/{p-24a6eefa.entry.js → p-a5fc048f.entry.js} +1 -1
  172. package/dist/ptcw-design/p-a8872ce3.entry.js +1 -0
  173. package/dist/ptcw-design/p-a978cd5b.entry.js +1 -0
  174. package/dist/ptcw-design/{p-50770cc0.entry.js → p-b647f7a1.entry.js} +1 -1
  175. package/dist/ptcw-design/{p-80588c84.entry.js → p-d51438de.entry.js} +1 -1
  176. package/dist/ptcw-design/p-e4eb925f.entry.js +1 -0
  177. package/dist/ptcw-design/{p-37c4f168.entry.js → p-f1734520.entry.js} +1 -1
  178. package/dist/ptcw-design/p-f74e87ec.entry.js +1 -0
  179. package/dist/ptcw-design/ptcw-design.esm.js +1 -1
  180. package/dist/types/components/ptc-img/ptc-img.d.ts +19 -0
  181. package/dist/types/components/ptc-jumbotron/ptc-jumbotron.d.ts +4 -0
  182. package/dist/types/components.d.ts +24 -0
  183. package/package.json +1 -1
  184. package/readme.md +1 -1
  185. package/dist/cjs/ptc-button_5.cjs.entry.js +0 -542
  186. package/dist/esm/ptc-button_5.entry.js +0 -534
  187. package/dist/ptcw-design/p-0529caaa.entry.js +0 -1
  188. package/dist/ptcw-design/p-5ca42138.entry.js +0 -1
  189. package/dist/ptcw-design/p-a3977a9e.entry.js +0 -1
@@ -1,542 +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-b63aef52.js');
7
- const interfaces = require('./interfaces-574e6df7.js');
8
-
9
- const ptcButtonCss = "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}}button.disabled{pointer-events:none;opacity:0.6}button{background-color:var(--color-gray-10);display:inline-block;border-style:solid;border-width:1px;white-space:normal;position:relative;text-decoration:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;cursor:pointer;padding:9.4px 17.5px;border-radius:var(--ptc-border-radius-standard)}button.reveal-down .content{transition:opacity var(--ptc-transition-medium) var(--ptc-ease-out);opacity:0;font-size:var(--ptc-font-size-xx-small)}button.reveal-down .icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center;align-content:center;height:16px}button.reveal-down .icon-wrapper .icon{transition:top var(--ptc-transition-fast) var(--ptc-ease-out);position:absolute;display:inline-block;top:-12px}button:hover.reveal-down .content{opacity:1}button:hover.reveal-down .icon-wrapper .icon{top:4px}button.animation-right ::slotted([slot=slot-after-text]),button.animation-right ::slotted([slot=slot-before-text]),button.animation-down ::slotted([slot=slot-after-text]),button.animation-down ::slotted([slot=slot-before-text]){transition:transform var(--ptc-transition-medium) var(--ptc-ease-inout);position:relative;display:inline-block}button:hover.animation-right ::slotted([slot=slot-after-text]),button:hover.animation-right ::slotted([slot=slot-before-text]){transform:translateX(var(--ptc-element-spacing-02))}button:hover.animation-down ::slotted([slot=slot-after-text]),button:hover.animation-down ::slotted([slot=slot-before-text]){transform:translateY(var(--ptc-element-spacing-02))}button span{font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-small);font-weight:bold;line-height:var(--ptc-line-height-densest)}button.left{text-align:left}button.right{text-align:right}button.center{text-align:center}.icon-left ::slotted([slot=slot-before-text]){margin-right:var(--ptc-element-spacing-01)}.icon-right ::slotted([slot=slot-after-text]){margin-left:var(--ptc-element-spacing-01)}.blackgrey{box-shadow:var(--ptc-shadow-x-small);border:solid 1px var(--color-gray-10);background-image:linear-gradient(285deg, var(--color-gray-10) 155%, var(--color-gray-07) 62%)}.blackgrey:hover{box-shadow:var(--ptc-shadow-x-large)}.blackgrey span{color:var(--color-white)}.turtlegreen{box-shadow:var(--ptc-shadow-x-small);border:solid 1px var(--color-green-07);background-image:linear-gradient(285deg, var(--color-green-07) 155%, var(--color-green-07) 62%)}.turtlegreen:hover{box-shadow:var(--ptc-shadow-x-large)}.turtlegreen span{color:var(--color-white)}.offwhite{box-shadow:var(--ptc-shadow-x-small);border:solid 1px var(--color-gray-10);background-image:linear-gradient(to right, var(--color-white), var(--color-gray-02), var(--color-gray-01))}.offwhite:hover{box-shadow:var(--ptc-shadow-x-large)}.offwhite span{color:var(--color-gray-10)}.legacy-green{margin-left:10px;padding:10px 20px;margin-bottom:var(--ptc-element-spacing-01);margin-top:var(--ptc-element-spacing-01);box-shadow:var(--ptc-shadow-large);border:solid 2.5px var(--color-green-08);background-image:linear-gradient(to right, var(--color-green-06), var(--color-green-08))}.legacy-green:after{position:absolute;content:\"\";top:-1px;left:0;bottom:0;right:0;width:100%;height:103%;background-image:linear-gradient(to right, var(--color-green-08), var(--color-green-06));opacity:0;transition:opacity var(--ptc-transition-x-slow) var(--ptc-ease-inout);border-radius:2px}.legacy-green:hover{box-shadow:var(--ptc-shadow-x-large)}.legacy-green:hover span{color:var(--color-white)}.legacy-green:hover:after{opacity:1}.legacy-green span{font-family:var(--ptc-font-secondary-latin);color:var(--color-white);z-index:100;position:relative;text-transform:uppercase;font-weight:var(--ptc-font-weight-bold);letter-spacing:var(--ptc-letter-spacing-normal);font-size:var(--ptc-font-size-x-small)}@media only screen and (min-width: 768px){.legacy-green span{font-size:var(--ptc-font-size-small);letter-spacing:var(--ptc-letter-spacing-loose)}}.legacy-green icon-asset{display:inline}a{border-style:solid;border-width:1px;position:relative;text-decoration:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;padding:9.4px 17.5px;border-radius:var(--ptc-border-radius-standard);display:inline-block;position:relative}a.animation-right ::slotted([slot=slot-after-text]),a.animation-right ::slotted([slot=slot-before-text]),a.animation-down ::slotted([slot=slot-after-text]),a.animation-down ::slotted([slot=slot-before-text]){transition:all var(--ptc-ease-inout) var(--ptc-transition-medium);position:relative;display:inline-block;margin-left:5px}a:hover.animation-right ::slotted([slot=slot-after-text]),a:hover.animation-right ::slotted([slot=slot-before-text]){transform:translateX(var(--ptc-element-spacing-02))}a:hover.animation-down ::slotted([slot=slot-after-text]),a:hover.animation-down ::slotted([slot=slot-before-text]){transform:translateY(var(--ptc-element-spacing-02))}a.left{text-align:left}a.right{text-align:right}a.center{text-align:center}.nav{font-family:var(--ptc-font-latin);background-color:var(--color-gray-10);border-radius:var(--ptc-border-radius-standard);border:1px solid var(--color-white);border-bottom-style:solid;border-bottom-width:1px;box-sizing:border-box;color:var(--color-white);display:inline-block;font-size:var(--ptc-font-size-xx-small);font-stretch:100%;font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-loose);list-style:none;padding:3px var(--ptc-element-spacing-04);position:relative;text-align:center;text-decoration:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;transition:background-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.nav:focus-visible{border-radius:4px !important;border:2px solid #FFF !important;outline:5px solid #003DD6 !important;background-color:transparent !important;outline-offset:0px !important}.nav:focus{text-decoration:none;border:solid 2px transparent;outline:none}.nav:hover{background-color:var(--color-gray-12)}.ptc-primary,.ptc-quaternary,.ptc-secondary,.ptc-tertiary,.icon-toggle{padding:var(--ptc-font-size-xx-small) var(--ptc-font-size-medium);transition:background-color var(--ptc-ease-inout) var(--ptc-transition-medium);line-height:20px}.ptc-primary.disabled,.ptc-quaternary.disabled,.ptc-secondary.disabled,.ptc-tertiary.disabled,.icon-toggle.disabled{pointer-events:none;border-color:var(--color-gray-03);background:var(--color-gray-02)}.ptc-primary.disabled span,.ptc-quaternary.disabled span,.ptc-secondary.disabled span,.ptc-tertiary.disabled span,.icon-toggle.disabled span{color:var(--color-gray-03)}.ptc-primary.disabled ::slotted([slot=slot-after-text]),.ptc-quaternary.disabled ::slotted([slot=slot-after-text]),.ptc-secondary.disabled ::slotted([slot=slot-after-text]),.ptc-tertiary.disabled ::slotted([slot=slot-after-text]),.icon-toggle.disabled ::slotted([slot=slot-after-text]){fill:var(--color-gray-03) !important}.ptc-primary:focus-visible,.ptc-quaternary:focus-visible,.ptc-secondary:focus-visible,.ptc-tertiary:focus-visible,.icon-toggle:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}.ptc-primary span,.ptc-quaternary span,.ptc-secondary span,.ptc-tertiary span,.icon-toggle span{font-family:var(--ptc-font-latin);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-densest);letter-spacing:normal}.ptc-primary.small,.ptc-quaternary.small,.ptc-secondary.small,.ptc-tertiary.small,.icon-toggle.small{padding:var(--ptc-element-spacing-03) var(--ptc-element-spacing-04)}.ptc-primary.small span,.ptc-quaternary.small span,.ptc-secondary.small span,.ptc-tertiary.small span,.icon-toggle.small span{font-size:var(--ptc-font-size-xx-small)}.ptc-primary.medium,.ptc-quaternary.medium,.ptc-secondary.medium,.ptc-tertiary.medium,.icon-toggle.medium{padding:14px 20px}.ptc-primary.medium span,.ptc-quaternary.medium span,.ptc-secondary.medium span,.ptc-tertiary.medium span,.icon-toggle.medium span{font-size:var(--ptc-font-size-small)}.ptc-primary.large,.ptc-quaternary.large,.ptc-secondary.large,.ptc-tertiary.large,.icon-toggle.large{padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-06)}.ptc-primary.large span,.ptc-quaternary.large span,.ptc-secondary.large span,.ptc-tertiary.large span,.icon-toggle.large span{font-size:var(--ptc-font-size-large)}.ptc-primary.acc-alt-style:focus-visible,.ptc-quaternary.acc-alt-style:focus-visible,.ptc-secondary.acc-alt-style:focus-visible,.ptc-tertiary.acc-alt-style:focus-visible,.icon-toggle.acc-alt-style:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}.ptc-primary{background:var(--color-gray-12);border:2px solid var(--color-green-07);border-radius:var(--ptc-border-radius-standard)}.ptc-primary:hover{background-color:var(--color-gray-10)}.ptc-primary:active{background-color:var(--color-black);transition:none}.ptc-primary span{color:var(--color-white)}.ptc-primary ::slotted([slot=slot-after-text]){fill:var(--color-white) !important}.ptc-secondary{background:var(--color-gray-12);border:2px solid var(--color-gray-08);border-radius:var(--ptc-border-radius-standard)}.ptc-secondary:hover{background-color:var(--color-gray-10)}.ptc-secondary:active{background-color:var(--color-black);transition:none}.ptc-secondary span{color:var(--color-white)}.ptc-secondary ::slotted([slot=slot-after-text]){fill:var(--color-white) !important}.ptc-tertiary{background:var(--color-white);border:2px solid var(--color-gray-10);border-radius:var(--ptc-border-radius-standard)}.ptc-tertiary:hover{background-color:var(--color-gray-02)}.ptc-tertiary:active{background-color:var(--color-gray-03);transition:none}.ptc-tertiary span{color:var(--color-gray-10)}.ptc-tertiary ::slotted([slot=slot-after-text]){fill:var(--color-gray-10) !important}.ptc-tertiary ::slotted(a){color:var(--color-gray-10) !important;text-decoration-line:none !important}.ptc-quaternary{background:var(--color-green-07);border:2px solid var(--color-green-07);border-radius:var(--ptc-border-radius-standard);cursor:pointer}.ptc-quaternary:hover{background-color:var(--color-green-08)}.ptc-quaternary:active{background-color:var(--color-green-09);transition:none}.ptc-quaternary span{color:var(--color-white)}.ptc-quaternary ::slotted([slot=slot-after-text]){fill:var(--color-white) !important}.icon-toggle{background:var(--color-white);border:1px solid var(--color-gray-10);border-radius:var(--ptc-border-radius-standard);padding:0;height:2.125rem;width:2.125rem;box-shadow:var(--ptc-shadow-medium)}.icon-toggle:hover{background-color:var(--color-gray-02)}.icon-toggle:active{transition:none;background-color:var(--color-gray-03)}.icon-toggle.active{background-color:var(--color-gray-04)}.icon-toggle.active:hover{background-color:var(--color-gray-05)}.icon-toggle.active:active{transition:none;background-color:var(--color-gray-03)}.icon-toggle:focus{outline:2px solid var(--color-blue-07);outline-offset:1px}.icon-toggle span{color:var(--color-gray-10);padding:0}.icon-toggle ::slotted([slot=slot-after-text]){fill:var(--color-gray-10) !important}.icon-toggle ::slotted(icon-asset){display:block;margin:auto;height:18px;width:18px}.clear-search{border:none;padding:0px;line-height:var(----ptc-line-height-densest);background-color:transparent}.clear-search:hover{text-decoration:underline;text-decoration-color:var(--color-white)}.clear-search span{color:var(--color-white);font-weight:var(--ptc-font-weight-semibold);font-size:var(--ptc-font-size-x-small);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.tracker-div{display:inline;display:inline-block}.focus-state-dark-background:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}.secondary-cta-light,.secondary-cta-dark,.primary-cta{padding:0.875rem 1.25rem;font-size:var(--ptc-font-size-small);font-style:normal;font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-densest);color:var(--color-white);border:2px solid transparent;text-decoration:none}.medium.secondary-cta-light,.medium.secondary-cta-dark,.medium.primary-cta{padding:0.75rem 1rem}.medium.secondary-cta-light span,.medium.secondary-cta-dark span,.medium.primary-cta span{font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-extrabold)}.small.secondary-cta-light,.small.secondary-cta-dark,.small.primary-cta{padding:0.5rem 0.75rem}.small.secondary-cta-light span,.small.secondary-cta-dark span,.small.primary-cta span{font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-extrabold)}.disabled.secondary-cta-light,.disabled.secondary-cta-dark,.disabled.primary-cta{pointer-events:none;color:var(--color-gray-03);border-color:var(--color-gray-03);background-color:var(--color-gray-02)}.disabled.secondary-cta-light icon-asset svg,.disabled.secondary-cta-dark icon-asset svg,.disabled.primary-cta icon-asset svg{fill:var(--color-gray-03)}.disabled.secondary-cta-light:focus-visible,.disabled.secondary-cta-dark:focus-visible,.disabled.primary-cta:focus-visible{background-color:var(--color-gray-02)}.secondary-cta-light:focus-visible,.secondary-cta-dark:focus-visible,.primary-cta:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}.full-width.secondary-cta-light,.full-width.secondary-cta-dark,.full-width.primary-cta{width:100%}.secondary-cta-light .cta-content-wrap,.secondary-cta-dark .cta-content-wrap,.primary-cta .cta-content-wrap{display:flex;justify-content:center;align-items:center}.secondary-cta-light .cta-content-wrap icon-asset,.secondary-cta-dark .cta-content-wrap icon-asset,.primary-cta .cta-content-wrap icon-asset{margin-right:8px;line-height:0}.secondary-cta-light .cta-content-wrap icon-asset+span,.secondary-cta-dark .cta-content-wrap icon-asset+span,.primary-cta .cta-content-wrap icon-asset+span{text-align:left}.primary-cta{background-color:var(--color-green-07);border-color:var(--color-green-07)}.primary-cta:hover{background-color:var(--color-green-08)}.primary-cta:active{background-color:var(--color-green-09)}.primary-cta:focus-visible{background-color:var(--color-green-07)}.secondary-cta-dark{background-color:var(--color-gray-12);border-color:var(--color-gray-08)}.secondary-cta-dark:hover{background-color:var(--color-gray-10)}.secondary-cta-dark:active{background-color:var(--color-black)}.secondary-cta-dark:focus-visible{background-color:var(--color-gray-12)}.secondary-cta-light{background-color:var(--color-white);border-color:var(--color-gray-10);color:var(--color-gray-10)}.secondary-cta-light:hover{background-color:var(--color-gray-02)}.secondary-cta-light:active{background-color:var(--color-gray-03)}.secondary-cta-light:focus-visible{background-color:var(--color-white)}";
10
-
11
- const PtcButton = class {
12
- constructor(hostRef) {
13
- index.registerInstance(this, hostRef);
14
- this.clickEvent = index.createEvent(this, "clickEvent", 7);
15
- this.disabled = false;
16
- this.active = false;
17
- this.type = 'button';
18
- this.color = 'ptc-primary';
19
- this.iconAnimation = '';
20
- this.iconPosition = 'icon-right';
21
- this.linkHref = undefined;
22
- this.linkTitle = undefined;
23
- this.target = '_self';
24
- this.rel = undefined;
25
- this.tabNav = 0;
26
- this.styles = undefined;
27
- this.textAlign = undefined;
28
- this.enableAccessibilityAltStyle = false;
29
- this.size = undefined;
30
- this.buttonTitle = undefined;
31
- this.ariaLabel = '';
32
- this.seoCompatibilityMode = false;
33
- this.maintainContent = false;
34
- this.trackerId = undefined;
35
- this.darkFocusState = false;
36
- this.ctaWidth = 'default';
37
- }
38
- clickEventHandler() {
39
- this.clickEvent.emit();
40
- }
41
- componentWillLoad() {
42
- utils.CheckDarkFocusState(this, this.el);
43
- }
44
- seoCompRender() {
45
- const classMap = this.getCssClassMap();
46
- const Tag = !!this.linkHref ? 'a' : 'button';
47
- const [TagType, firstChild] = utils.getSeoTagType(this.el, Tag);
48
- const html = firstChild && firstChild.innerHTML;
49
- if (this.el == firstChild) {
50
- this.el.innerHTML = '';
51
- }
52
- if (this.maintainContent) {
53
- this.el.innerHTML = html;
54
- }
55
- return (index.h(index.Host, null, this.styles && index.h("style", null, this.styles), index.h("div", Object.assign({ id: this.trackerId, class: "tracker-div mf-listen" }, (this.ctaWidth === 'full-width' ? { style: { display: 'block' } } : {})), index.h(TagType, Object.assign({ class: classMap, onClick: this.clickEventHandler.bind(this) }, (!!this.linkHref ? { href: this.linkHref } : {}), (!this.linkHref ? { type: this.type } : {}), (!!this.target && !!this.linkHref ? { target: this.target } : {}), (!!this.rel && !!this.linkHref ? { rel: this.rel } : {}), (!!this.linkHref ? { title: this.linkTitle ? this.linkTitle : this.linkHref } : {}), (!!this.tabNav ? { tabindex: -1 } : { tabindex: 0 }), { title: this.buttonTitle }, (this.ariaLabel !== '' ? { ariaLabel: this.ariaLabel } : {})), index.h("span", { innerHTML: html, class: 'cta-content-wrap' }, index.h("slot", { name: "slot-before-text" }), index.h("slot", { name: "slot-after-text" }))))));
56
- }
57
- standardRender() {
58
- const classMap = this.getCssClassMap();
59
- const Tag = !!this.linkHref ? 'a' : 'button';
60
- return (index.h(index.Host, null, this.styles && index.h("style", null, this.styles), index.h("div", { id: this.trackerId, class: "tracker-div mf-listen" }, index.h(Tag, Object.assign({ class: classMap, onClick: this.clickEventHandler.bind(this) }, (!!this.linkHref ? { href: this.linkHref } : {}), (!this.linkHref ? { type: this.type } : {}), (!!this.target && !!this.linkHref ? { target: this.target } : {}), (!!this.rel && !!this.linkHref ? { rel: this.rel } : {}), (!!this.linkHref ? { title: this.linkTitle ? this.linkTitle : this.linkHref } : {}), (!!this.tabNav ? { tabindex: -1 } : { tabindex: 0 }), { title: this.buttonTitle }, (this.ariaLabel !== '' ? { ariaLabel: this.ariaLabel } : {})), this.iconAnimation == 'reveal-down' ?
61
- index.h("span", null, index.h("div", { class: "content" }, index.h("slot", null)), index.h("div", { class: "icon-wrapper" }, index.h("div", { class: "icon" }, index.h("slot", { name: "slot-after-text" })))) :
62
- index.h("span", null, index.h("slot", { name: "slot-before-text" }), index.h("slot", null), index.h("slot", { name: "slot-after-text" }))))));
63
- }
64
- render() {
65
- if (this.seoCompatibilityMode) {
66
- return this.seoCompRender();
67
- }
68
- else {
69
- return this.standardRender();
70
- }
71
- }
72
- getCssClassMap() {
73
- return {
74
- [this.color]: true,
75
- [this.iconAnimation]: true,
76
- [this.iconPosition]: true,
77
- ['disabled']: this.disabled ? true : false,
78
- ['active']: this.active ? true : false,
79
- [this.textAlign]: true,
80
- [this.size]: true,
81
- ['acc-alt-style']: this.enableAccessibilityAltStyle,
82
- ['focus-state-dark-background']: this.darkFocusState,
83
- [this.ctaWidth]: true
84
- };
85
- }
86
- get el() { return index.getElement(this); }
87
- };
88
- PtcButton.style = ptcButtonCss;
89
-
90
- const ptcParaCss = "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{position:relative;z-index:1}:host .tooltip-enabled{position:relative}:host(.white){color:var(--color-white)}:host(.z-1){z-index:1}:host(.z-2){z-index:2}:host(.z-3){z-index:3}:host(.z-99){z-index:99}:host(.z-999){z-index:999}:host(.z-auto){z-index:auto}p.default{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;}p.main{text-shadow:0 3px 6px var(--color-white);line-height:var(--ptc-line-height-dense);color:var(--color-gray-10)}p.primary-grey{color:var(--color-gray-10)}p.primary-green{color:var(--color-green-06)}p.gray-darker{color:var(--color-gray-11)}p.white{color:var(--color-white)}p.xxx-small{font-size:var(--ptc-font-size-xxx-small)}p.xx-small{font-size:var(--ptc-font-size-xx-small)}p.x-small{font-size:var(--ptc-font-size-x-small)}p.small{font-size:var(--ptc-font-size-small)}p.medium{font-size:var(--ptc-font-size-medium)}p.large{font-size:var(--ptc-font-size-large)}p.x-large{font-size:var(--ptc-font-size-x-large)}p.xx-large{font-size:var(--ptc-font-size-xx-large)}p.xxx-large{font-size:var(--ptc-font-size-xxx-large)}p.xxxx-large{font-size:var(--ptc-font-size-xxxx-large)}p.htmlquote-para{font-size:var(--ptc-font-size-small)}@media only screen and (min-width: 992px){p.htmlquote-para{font-size:var(--ptc-font-size-large)}}p.w-3{font-weight:var(--ptc-font-weight-thin)}p.w-4{font-weight:var(--ptc-font-weight-regular)}p.w-5{font-weight:var(--ptc-font-weight-medium)}p.w-6{font-weight:var(--ptc-font-weight-semibold)}p.w-7{font-weight:var(--ptc-font-weight-bold)}p.w-8{font-weight:var(--ptc-font-weight-extrabold)}p.w-8 ::slotted(a){font-weight:var(--ptc-font-weight-extrabold) !important}p.w-9{font-weight:var(--ptc-font-weight-black)}p.w-9 ::slotted(a){font-weight:var(--ptc-font-weight-black) !important}p.margin-flush{margin-top:0;margin-bottom:0}p.margin-top-1{margin-top:var(--ptc-element-spacing-01);margin-bottom:0}p.margin-top-2{margin-top:var(--ptc-element-spacing-02);margin-bottom:0}p.margin-top-3{margin-top:var(--ptc-element-spacing-03);margin-bottom:0}p.margin-top-4{margin-top:var(--ptc-element-spacing-04);margin-bottom:0}p.margin-top-5{margin-top:var(--ptc-element-spacing-05);margin-bottom:0}p.margin-top-6{margin-top:var(--ptc-element-spacing-06);margin-bottom:0}p.margin-bottom-1{margin-bottom:var(--ptc-element-spacing-01);margin-top:0}p.margin-bottom-2{margin-bottom:var(--ptc-element-spacing-02);margin-top:0}p.margin-bottom-3{margin-bottom:var(--ptc-element-spacing-03);margin-top:0}p.margin-bottom-4{margin-bottom:var(--ptc-element-spacing-04);margin-top:0}p.margin-bottom-5{margin-bottom:var(--ptc-element-spacing-05);margin-top:0}p.margin-bottom-6{margin-bottom:var(--ptc-element-spacing-06);margin-top:0}p.margin-1{margin-top:var(--ptc-element-spacing-01);margin-bottom:var(--ptc-element-spacing-01)}p.margin-2{margin-top:var(--ptc-element-spacing-02);margin-bottom:var(--ptc-element-spacing-02)}p.margin-3{margin-top:var(--ptc-element-spacing-03);margin-bottom:var(--ptc-element-spacing-03)}p.margin-4{margin-top:var(--ptc-element-spacing-04);margin-bottom:var(--ptc-element-spacing-04)}p.margin-5{margin-top:var(--ptc-element-spacing-05);margin-bottom:var(--ptc-element-spacing-05)}p.margin-6{margin-top:var(--ptc-element-spacing-06);margin-bottom:var(--ptc-element-spacing-06)}p.line-height-densest{line-height:var(--ptc-line-height-densest)}p.line-height-denser{line-height:var(--ptc-line-height-denser)}p.line-height-p{line-height:var(--ptc-line-height-p)}p.line-height-dense{line-height:var(--ptc-line-height-dense)}p.line-height-normal{line-height:var(--ptc-line-height-normal)}p.line-height-loose{line-height:var(--ptc-line-height-loose)}p.line-height-looser{line-height:var(--ptc-line-height-looser)}p.left{text-align:left}p.right{text-align:right}p.center{text-align:center}p.justify{text-align:justify}p.right-768above{text-align:left}@media (min-width: 768px){p.right-768above{text-align:right}}p.announcement{text-transform:uppercase;font-size:var(--ptc-font-size-small);color:var(--color-gray-07);line-height:var(--ptc-line-height-looser);letter-spacing:var(--ptc-letter-spacing-loose)}p.ellipsis-boxing{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;overflow-wrap:break-word}p.line-clamp-title{display:-webkit-box !important;-webkit-box-orient:vertical;overflow:hidden}@media (max-width: 768px){:host(.hide-tooltip-on-mobile) .line-clamp-title{-webkit-line-clamp:initial !important}}";
91
-
92
- const PtcPara = class {
93
- constructor(hostRef) {
94
- index.registerInstance(this, hostRef);
95
- this.fontSize = 'x-small';
96
- this.fontWeight = 'w-4';
97
- this.paraStyle = 'default';
98
- this.paraColor = 'primary-grey';
99
- this.paraLineH = 'line-height-normal';
100
- this.paraMargin = undefined;
101
- this.paraAlign = undefined;
102
- this.ellipsisLineCutoff = undefined;
103
- this.paraZIndex = undefined;
104
- this.styles = undefined;
105
- this.seoCompatibilityMode = false;
106
- this.tooltipZIndex = 'auto';
107
- this.tooltipPosition = 'bottom';
108
- this.tooltipTheme = 'standard';
109
- this.enableTooltip = false;
110
- this.maxChars = undefined;
111
- this.maxLines = undefined;
112
- this.hideTooltipOnMobile = false;
113
- this.ismob = undefined;
114
- this.noOverflow = false;
115
- this.tooltipWidth = 'default';
116
- }
117
- // Tooltip Properties ends
118
- render() {
119
- if (this.seoCompatibilityMode) {
120
- utils.seoSlotReset(this.el);
121
- }
122
- return this.standardRender();
123
- }
124
- //tooltip code
125
- getSortedText(content) {
126
- if (!this.enableTooltip)
127
- return;
128
- const trimmedContent = content.trim();
129
- const shouldTruncate = (trimmedContent.length > this.maxChars) && !this.maxLines;
130
- return shouldTruncate ? `${trimmedContent.slice(0, this.maxChars).trimEnd()}\u00A0\u2026` : trimmedContent;
131
- }
132
- componentDidLoad() {
133
- if (this.hideTooltipOnMobile) {
134
- this.el.classList.add('hide-tooltip-on-mobile');
135
- }
136
- this.el.addEventListener('mouseenter', () => { this.toggleTitleTooltip(true); });
137
- this.el.addEventListener('mouseleave', () => { this.toggleTitleTooltip(false); });
138
- if (this.enableTooltip) {
139
- let paraContent = this.el.innerText || this.el.textContent;
140
- this.tooltipText = paraContent.trim();
141
- this.el.innerText = this.getSortedText(paraContent);
142
- }
143
- }
144
- toggleTitleTooltip(show) {
145
- const tooltipClass = 'tooltip-box';
146
- const existingTooltip = this.el.querySelector(`.${tooltipClass}`);
147
- const text = this.el.shadowRoot.querySelectorAll('.line-clamp-title');
148
- let maxLinesShowCheck = false;
149
- if (text) {
150
- text.forEach(t => {
151
- maxLinesShowCheck = t.scrollHeight > t.clientHeight;
152
- });
153
- }
154
- const ifCharExceeds = this.maxChars ? (this.tooltipText.length > this.maxChars) && !this.maxLines : false;
155
- const ifLinesExceeds = this.maxLines && maxLinesShowCheck;
156
- if (show && this.enableTooltip) {
157
- if (((!existingTooltip && ifCharExceeds) || (!existingTooltip && ifLinesExceeds)) && !this.noOverflow) {
158
- const tooltipMarkup = document.createElement('div');
159
- tooltipMarkup.className = tooltipClass;
160
- tooltipMarkup.innerText = this.tooltipText;
161
- tooltipMarkup.style.zIndex = String(this.tooltipZIndex); // Ensures zIndex is a string
162
- tooltipMarkup.classList.add(this.tooltipPosition, this.tooltipTheme, this.tooltipWidth);
163
- if (this.hideTooltipOnMobile) {
164
- tooltipMarkup.classList.add('hide-tooltip-mobile');
165
- }
166
- this.el.appendChild(tooltipMarkup);
167
- }
168
- }
169
- else {
170
- existingTooltip === null || existingTooltip === void 0 ? void 0 : existingTooltip.remove();
171
- }
172
- }
173
- //tooltip code ends
174
- standardRender() {
175
- const classMap = this.getCssClassMap();
176
- const colorClass = this.addWhiteClass();
177
- const cutOff = this.getLineCuttoff();
178
- return (index.h(index.Host, { class: `${colorClass} ${this.paraZIndex} trunc-text` }, this.styles && index.h("style", null, this.styles), index.h("p", { class: classMap, part: "part-para", style: cutOff }, index.h("slot", null))));
179
- }
180
- getCssClassMap() {
181
- return {
182
- [this.fontSize]: true,
183
- [this.fontWeight]: true,
184
- [this.paraStyle]: true,
185
- [this.paraMargin]: !!this.paraMargin ? true : false,
186
- [this.paraColor]: true,
187
- [this.paraLineH]: true,
188
- [this.paraAlign]: !!this.paraAlign ? true : false,
189
- ['ellipsis-boxing']: this.ellipsisLineCutoff && this.ellipsisLineCutoff > 0,
190
- ['line-clamp-title']: this.maxLines && this.maxLines > 0, //tooltip code,
191
- };
192
- }
193
- //WEB-2392
194
- addWhiteClass() {
195
- if (this.paraColor == 'white') {
196
- return {
197
- [this.paraColor]: true,
198
- };
199
- }
200
- }
201
- getLineCuttoff() {
202
- const lineClamp = this.ellipsisLineCutoff > 0 ? this.ellipsisLineCutoff : this.maxLines;
203
- return lineClamp > 0 ? { '-webkit-line-clamp': `${lineClamp}` } : {};
204
- }
205
- get el() { return index.getElement(this); }
206
- };
207
- PtcPara.style = ptcParaCss;
208
-
209
- const ptcPictureCss = "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;overflow:hidden}:host .inline{display:inline}:host .inline-block{display:inline-block}:host .block{display:block}:host(.relative){position:relative}:host(.static){position:static}:host(.absoltue){position:absolute}img{max-width:100%}.cover{object-fit:cover}.fill{object-fit:fill}.contain{object-fit:contain}.scale-down{object-fit:scale-down}.none{object-fit:none}.initial{object-fit:initial}.inherit{object-fit:inherit}.radius-standard{border-radius:var(--ptc-border-radius-standard)}.radius-large{border-radius:var(--ptc-border-radius-large)}.radius-pill{border-radius:var(--ptc-border-radius-pill)}.radius-circle{border-radius:var(--ptc-border-radius-circle)}.is-full-height{height:100%}.is-full-width{width:100%}:host(.left){text-align:left}:host(.right){text-align:right}:host(.center){text-align:center}";
210
-
211
- const PtcPicture = class {
212
- constructor(hostRef) {
213
- index.registerInstance(this, hostRef);
214
- this.src = undefined;
215
- this.alt = 'image';
216
- this.sizeXs = '510x340';
217
- this.sizeSm = '1240x496';
218
- this.sizeMd = '1366x500';
219
- this.sizeLg = '1920x1080';
220
- this.disableResize = false;
221
- this.oldSrc = undefined;
222
- this.imagePosition = 'static';
223
- this.borderRadius = undefined;
224
- this.height = undefined;
225
- this.width = undefined;
226
- this.objectFit = 'cover';
227
- this.isFullHeight = false;
228
- this.isFullWidth = false;
229
- this.styles = undefined;
230
- this.imageAlignment = 'left';
231
- this.maxWidth = undefined;
232
- this.displayImage = 'block';
233
- }
234
- WindowResize() {
235
- this.addIntersectionObserver();
236
- }
237
- componentWillLoad() {
238
- if (this.disableResize) {
239
- this.sizeXs = undefined;
240
- this.sizeSm = undefined;
241
- this.sizeMd = undefined;
242
- this.sizeLg = undefined;
243
- }
244
- }
245
- componentDidLoad() {
246
- this.addIntersectionObserver();
247
- }
248
- componentWillUpdate() {
249
- if (this.src !== this.oldSrc) {
250
- this.addIntersectionObserver();
251
- }
252
- this.oldSrc = this.src;
253
- }
254
- //lazy-loading
255
- addIntersectionObserver() {
256
- if (!this.src) {
257
- return;
258
- }
259
- if ('IntersectionObserver' in window) {
260
- let lazyLoadImages = new IntersectionObserver(entries => {
261
- entries.forEach(entry => {
262
- if (entry.isIntersecting) {
263
- const image = this.el.shadowRoot.querySelector('img');
264
- image.src = this.setResponsiveBg();
265
- lazyLoadImages.unobserve(image);
266
- }
267
- });
268
- });
269
- let tempImg = this.el.shadowRoot.querySelector('img');
270
- if (tempImg) {
271
- lazyLoadImages.observe(tempImg);
272
- }
273
- }
274
- else {
275
- // fall back to setTimeout for Safari and IE
276
- setTimeout(() => {
277
- const image = this.el.shadowRoot.querySelector('img');
278
- image.src = this.setResponsiveBg();
279
- image.onload = () => {
280
- image.removeAttribute('data-src');
281
- };
282
- }, 5000);
283
- }
284
- }
285
- //responsive image
286
- setResponsiveBg() {
287
- // Define local variables
288
- let backgrounds = (this.el.shadowRoot || document).querySelectorAll('img'), el, elData, currentBreakpoint = this.getCurrentBreakPoints();
289
- for (var i = 0, len = backgrounds.length; i < len; i++) {
290
- // Set current variables
291
- el = backgrounds[i];
292
- elData = el.getAttribute('data-' + currentBreakpoint);
293
- if (elData !== null) {
294
- return elData;
295
- }
296
- else {
297
- if (typeof console == 'object') {
298
- console.warn('Data attribute: data-' + currentBreakpoint + ' not found on element:\n\n' + el.outerHTML + '\n\n\n');
299
- }
300
- }
301
- }
302
- }
303
- render() {
304
- const classMap = this.getCssClassMap();
305
- const classMapHost = this.getCssClassMapHost();
306
- return (index.h(index.Host, { class: classMapHost }, this.styles && index.h("style", null, this.styles), index.h("img", Object.assign({ class: classMap, "data-xs": !!this.sizeXs ? `${this.src}` : `${this.src}`, "data-sm": !!this.sizeSm ? `${this.src}` : `${this.src}`, "data-md": !!this.sizeMd ? `${this.src}` : `${this.src}`, "data-lg": !!this.sizeLg ? `${this.src}` : `${this.src}` }, (!!this.width ? { width: this.width } : {}), (!!this.height ? { height: this.height } : {}), { alt: this.alt, style: Object.assign({}, (!!this.maxWidth ? { maxWidth: this.maxWidth + 'px' } : {})) })), index.h("slot", null)));
307
- }
308
- getCurrentBreakPoints() {
309
- // Define local variables
310
- let doc = window.document, temp = doc.createElement('div'), env;
311
- // Append test node
312
- doc.body.appendChild(temp);
313
- // Loop through breakpoints
314
- for (let i = interfaces.ResponsivePictureVariables.envs.length - 1; i >= 0; i--) {
315
- env = interfaces.ResponsivePictureVariables.envs[i];
316
- // Add classes
317
- temp.className = 'hidden-' + env;
318
- // Found breakpoint
319
- if (temp.offsetParent === null) {
320
- // Remove our test node
321
- doc.body.removeChild(temp);
322
- // Return current breakpoint
323
- return env;
324
- }
325
- }
326
- // Breakpoint not found, try fallback
327
- doc.body.removeChild(temp);
328
- return this.getFallbackBreakpoint();
329
- }
330
- getFallbackBreakpoint() {
331
- if (window.matchMedia('(min-width: 992px)').matches) {
332
- return 'lg';
333
- }
334
- else if (window.matchMedia('(min-width: 768px)').matches) {
335
- return 'md';
336
- }
337
- else if (window.matchMedia('(min-width: 576px)').matches) {
338
- return 'sm';
339
- }
340
- else {
341
- return 'xs';
342
- }
343
- }
344
- getCssClassMap() {
345
- return {
346
- [this.borderRadius]: this.borderRadius ? true : false,
347
- [this.objectFit]: true,
348
- [this.isFullHeight ? 'is-full-height' : 'is-normal-height']: true,
349
- [this.isFullWidth ? 'is-full-width' : 'is-normal-width']: true,
350
- [this.displayImage]: true
351
- };
352
- }
353
- getCssClassMapHost() {
354
- return {
355
- [this.imagePosition]: true,
356
- [this.imageAlignment]: true,
357
- };
358
- }
359
- get el() { return index.getElement(this); }
360
- };
361
- PtcPicture.style = ptcPictureCss;
362
-
363
- const ptcSpacerCss = ":host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:relative;display:block;width:12px;min-width:12px;height:12px}@media (min-width: 36em){:host{width:16px;min-width:16px;height:16px}}:host(.ptc-spacer-horizontal){display:inline-block;height:100% !important}:host(.ptc-spacer-horizontal.xx-small){width:4px;min-width:4px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.xx-small){width:4px;min-width:4px}}:host(.ptc-spacer-horizontal.x-small){width:4px;min-width:4px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.x-small){width:8px;min-width:8px}}:host(.ptc-spacer-horizontal.small){width:8px;min-width:8px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.small){width:12px;min-width:12px}}:host(.ptc-spacer-horizontal.medium){height:100%}:host(.ptc-spacer-horizontal.large){width:16px;min-width:16px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.large){width:20px;min-width:20px}}:host(.ptc-spacer-horizontal.x-large){width:20px;min-width:20px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.x-large){width:28px;min-width:28px}}:host(.ptc-spacer-horizontal.xx-large){width:28px;min-width:28px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.xx-large){width:36px;min-width:36px}}:host(.ptc-spacer-horizontal.xxx-large){width:36px;min-width:36px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.xxx-large){width:48px;min-width:48px}}:host(.ptc-spacer-horizontal.xxxx-large){width:48px;min-width:48px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.xxxx-large){width:72px;min-width:72px}}:host(.ptc-spacer-vertical.xx-small){width:100%;height:4px;min-height:4px}:host(.ptc-spacer-vertical.x-small){width:100%;height:4px;min-height:4px}@media (min-width: 36em){:host(.ptc-spacer-vertical.x-small){height:8px;min-height:8px}}:host(.ptc-spacer-vertical.small){width:100%;height:8px;min-height:8px}@media (min-width: 36em){:host(.ptc-spacer-vertical.small){height:12px;min-height:12px}}:host(.ptc-spacer-vertical.medium){width:100%}:host(.ptc-spacer-vertical.large){width:100%;height:16px;min-height:16px}@media (min-width: 36em){:host(.ptc-spacer-vertical.large){height:20px;min-height:20px}}:host(.ptc-spacer-vertical.x-large){width:100%;height:20px;min-height:20px}@media (min-width: 36em){:host(.ptc-spacer-vertical.x-large){height:28px;min-height:28px}}:host(.ptc-spacer-vertical.xx-large){width:100%;height:28px;min-height:28px}@media (min-width: 36em){:host(.ptc-spacer-vertical.xx-large){height:36px;min-height:36px}}:host(.ptc-spacer-vertical.xxx-large){width:100%;height:36px;min-height:36px}@media (min-width: 36em){:host(.ptc-spacer-vertical.xxx-large){height:48px;min-height:48px}}:host(.ptc-spacer-vertical.xxxx-large){width:100%;height:48px;min-height:48px}@media (min-width: 36em){:host(.ptc-spacer-vertical.xxxx-large){height:72px;min-height:72px}}:host(.ptc-spacer-vertical.space-144){width:100%;height:144px;min-height:144px}:host(.ptc-spacer-vertical.space-120){width:100%;height:120px;min-height:120px}:host(.ptc-spacer-vertical.space-128){width:100%;height:128px;min-height:128px}:host(.ptc-spacer-xx-small){display:none}@media (max-width: 22.5em){:host(.ptc-spacer-xx-small){display:block}}:host(.ptc-spacer-x-small){display:none}@media (max-width: 35.99em){:host(.ptc-spacer-x-small){display:block}}:host(.ptc-spacer-small){display:none}@media (min-width: 36em){:host(.ptc-spacer-small){display:block}}:host(.ptc-spacer-medium){display:none}@media (min-width: 48em){:host(.ptc-spacer-medium){display:block}}:host(.ptc-spacer-large){display:none}@media (min-width: 62em){:host(.ptc-spacer-large){display:block}}:host(.ptc-spacer-x-large){display:none}@media (min-width: 64.0625em){:host(.ptc-spacer-x-large){display:block}}:host(.ptc-spacer-xx-large){display:none}@media (min-width: 75em){:host(.ptc-spacer-xx-large){display:block}}:host(.ptc-spacer-xxx-large){display:none}@media (min-width: 90em){:host(.ptc-spacer-xxx-large){display:block}}";
364
-
365
- const PtcSpacer = class {
366
- constructor(hostRef) {
367
- index.registerInstance(this, hostRef);
368
- this.breakpoint = '';
369
- this.size = 'medium';
370
- this.direction = 'vertical';
371
- }
372
- render() {
373
- const classMap = this.getCssClassMap();
374
- return (index.h(index.Host, { class: classMap }));
375
- }
376
- getCssClassMap() {
377
- return {
378
- [this.size]: true,
379
- ['ptc-spacer-horizontal']: this.direction === 'horizontal',
380
- ['ptc-spacer-vertical']: this.direction === 'vertical',
381
- ['ptc-spacer-xx-small']: this.breakpoint === 'xx-small',
382
- ['ptc-spacer-x-small']: this.breakpoint === 'x-small',
383
- ['ptc-spacer-small']: this.breakpoint === 'small',
384
- ['ptc-spacer-medium']: this.breakpoint === 'medium',
385
- ['ptc-spacer-large']: this.breakpoint === 'large',
386
- ['ptc-spacer-x-large']: this.breakpoint === 'x-large',
387
- ['ptc-spacer-xx-large']: this.breakpoint === 'xx-large',
388
- ['ptc-spacer-xxx-large']: this.breakpoint === 'xxx-large',
389
- };
390
- }
391
- };
392
- PtcSpacer.style = ptcSpacerCss;
393
-
394
- 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}";
395
-
396
- const PtcTitle = class {
397
- constructor(hostRef) {
398
- index.registerInstance(this, hostRef);
399
- this.isPlmHub = false;
400
- this.type = 'h2';
401
- this.textAlign = undefined;
402
- this.upperline = 'dotted';
403
- this.titleShadow = undefined;
404
- this.titleColor = 'gray';
405
- this.titleMargin = undefined;
406
- this.titleWeight = undefined;
407
- this.titleSize = undefined;
408
- this.titleHeight = 'densest';
409
- this.styles = undefined;
410
- this.ellipsisLineCutoff = undefined;
411
- this.titleDisplay = 'inline-block';
412
- this.seoCompatibilityMode = false;
413
- this.tooltipZIndex = 'auto';
414
- this.tooltipPosition = 'bottom';
415
- this.tooltipTheme = 'standard';
416
- this.enableTooltip = false;
417
- this.maxChars = undefined;
418
- this.maxLines = undefined;
419
- this.hideTooltipOnMobile = false;
420
- this.ismob = undefined;
421
- this.tooltipWidth = 'default';
422
- }
423
- // Tooltip Properties ends
424
- componentDidLoad() {
425
- if (this.hideTooltipOnMobile) {
426
- this.el.classList.add('hide-tooltip-on-mobile');
427
- }
428
- this.el.addEventListener('mouseenter', () => this.toggleTitleTooltip(true));
429
- this.el.addEventListener('mouseleave', () => this.toggleTitleTooltip(false));
430
- }
431
- render() {
432
- if (this.seoCompatibilityMode) {
433
- return this.seoCompRender();
434
- }
435
- else {
436
- return this.standardRender();
437
- }
438
- }
439
- getSortedText(content) {
440
- if (!this.enableTooltip)
441
- return;
442
- const trimmedContent = content.trim();
443
- const shouldTruncate = (trimmedContent.length > this.maxChars) && !this.maxLines;
444
- return shouldTruncate ? trimmedContent.slice(0, this.maxChars) + '...' : trimmedContent;
445
- }
446
- toggleTitleTooltip(show) {
447
- var _a;
448
- const tooltipClass = 'tooltip-box';
449
- const existingTooltip = this.el.querySelector(`.${tooltipClass}`);
450
- const text = this.el.querySelectorAll('.line-clamp-title');
451
- let maxLinesShowCheck = false;
452
- if (text) {
453
- text.forEach(t => {
454
- maxLinesShowCheck = t.scrollHeight > t.clientHeight;
455
- });
456
- }
457
- const ifCharExceeds = this.tooltipText && (this.tooltipText.length > this.maxChars) && !this.maxLines;
458
- const ifLinesExceeds = this.maxLines && maxLinesShowCheck;
459
- if (show && this.enableTooltip) {
460
- if ((!existingTooltip && ifCharExceeds) || (!existingTooltip && ifLinesExceeds)) {
461
- const tooltipMarkup = document.createElement('div');
462
- tooltipMarkup.className = tooltipClass;
463
- tooltipMarkup.innerText = this.tooltipText;
464
- tooltipMarkup.style.zIndex = String(this.tooltipZIndex); // Ensures zIndex is a string
465
- tooltipMarkup.classList.add(this.tooltipPosition, this.tooltipTheme, this.tooltipWidth);
466
- if (this.hideTooltipOnMobile) {
467
- tooltipMarkup.classList.add('hide-tooltip-mobile');
468
- }
469
- (_a = this.el.querySelector('div')) === null || _a === void 0 ? void 0 : _a.appendChild(tooltipMarkup);
470
- }
471
- }
472
- else {
473
- existingTooltip === null || existingTooltip === void 0 ? void 0 : existingTooltip.remove();
474
- }
475
- }
476
- seoCompRender() {
477
- const classMap = this.getCssClassMap();
478
- const cutOff = this.getLineCuttoff();
479
- const [TagType, firstChild] = utils.getSeoTagType(this.el, this.type);
480
- let html = firstChild && firstChild.innerHTML;
481
- // added for tooltip
482
- this.tooltipText = html.trim();
483
- let eleText = firstChild && firstChild.innerText;
484
- html = (this.enableTooltip) ? this.getSortedText(eleText) : html;
485
- if (this.el == firstChild) {
486
- this.el.innerHTML = '';
487
- }
488
- 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' : '' }))));
489
- }
490
- standardRender() {
491
- const classMap = this.getCssClassMap();
492
- const cutOff = this.getLineCuttoff();
493
- let TagType;
494
- switch (this.type) {
495
- case 'h1':
496
- TagType = 'h1';
497
- break;
498
- case 'h3':
499
- TagType = 'h3';
500
- break;
501
- case 'h4':
502
- TagType = 'h4';
503
- break;
504
- case 'h5':
505
- TagType = 'h5';
506
- break;
507
- case 'h6':
508
- TagType = 'h6';
509
- break;
510
- default:
511
- TagType = 'h2';
512
- }
513
- 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)))));
514
- }
515
- getCssClassMap() {
516
- return {
517
- [this.textAlign]: !!this.textAlign ? true : false,
518
- [this.upperline]: true,
519
- [this.isPlmHub ? 'is-plm-hub' : 'is-standard']: true,
520
- [this.titleMargin]: !!this.titleMargin ? true : false,
521
- [this.titleShadow]: !!this.titleShadow ? true : false,
522
- [this.titleWeight]: !!this.titleWeight ? true : false,
523
- [this.titleSize]: !!this.titleSize ? true : false,
524
- [this.titleHeight]: !!this.titleHeight ? true : false,
525
- [this.titleColor]: !!this.titleColor ? true : false,
526
- ['ellipsis-boxing']: this.ellipsisLineCutoff && this.ellipsisLineCutoff > 0,
527
- [this.titleDisplay]: !!this.titleDisplay ? true : false,
528
- };
529
- }
530
- getLineCuttoff() {
531
- const lineClamp = this.ellipsisLineCutoff > 0 ? this.ellipsisLineCutoff : this.maxLines;
532
- return lineClamp > 0 ? { '-webkit-line-clamp': `${lineClamp}` } : {};
533
- }
534
- get el() { return index.getElement(this); }
535
- };
536
- PtcTitle.style = ptcTitleCss;
537
-
538
- exports.ptc_button = PtcButton;
539
- exports.ptc_para = PtcPara;
540
- exports.ptc_picture = PtcPicture;
541
- exports.ptc_spacer = PtcSpacer;
542
- exports.ptc_title = PtcTitle;