@ptcwebops/ptcw-design 3.2.2 → 3.2.3

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 (593) hide show
  1. package/LICENSE +21 -21
  2. package/dist/cjs/author-listing-example.cjs.entry.js +232 -232
  3. package/dist/cjs/bundle-example.cjs.entry.js +43 -43
  4. package/dist/cjs/bundle-jumbotron-example.cjs.entry.js +39 -39
  5. package/dist/cjs/dropdown-item.cjs.entry.js +10 -10
  6. package/dist/cjs/dynamic-box-bundle.cjs.entry.js +25 -25
  7. package/dist/cjs/embedded-form_9.cjs.entry.js +1467 -1467
  8. package/dist/cjs/featured-list.cjs.entry.js +90 -90
  9. package/dist/cjs/fl-tab-content_3.cjs.entry.js +44 -44
  10. package/dist/cjs/footer-form.cjs.entry.js +55 -55
  11. package/dist/cjs/icon-asset.cjs.entry.js +42 -42
  12. package/dist/cjs/innovator-toggle-container.cjs.entry.js +21 -21
  13. package/dist/cjs/{interfaces-0ecd8027.js → interfaces-574e6df7.js} +9 -9
  14. package/dist/cjs/list-item.cjs.entry.js +23 -23
  15. package/dist/cjs/loader.cjs.js +1 -1
  16. package/dist/cjs/my-component.cjs.entry.js +15 -15
  17. package/dist/cjs/ptc-accordion-item.cjs.entry.js +84 -84
  18. package/dist/cjs/ptc-accordion.cjs.entry.js +39 -39
  19. package/dist/cjs/ptc-announcement.cjs.entry.js +52 -52
  20. package/dist/cjs/ptc-back-to-top.cjs.entry.js +71 -71
  21. package/dist/cjs/ptc-background-video.cjs.entry.js +57 -57
  22. package/dist/cjs/ptc-bio-card.cjs.entry.js +24 -24
  23. package/dist/cjs/ptc-breadcrumb_2.cjs.entry.js +132 -132
  24. package/dist/cjs/ptc-brightcov-video.cjs.entry.js +46 -46
  25. package/dist/cjs/ptc-card-bottom_3.cjs.entry.js +130 -130
  26. package/dist/cjs/ptc-card-content.cjs.entry.js +57 -57
  27. package/dist/cjs/ptc-card.cjs.entry.js +74 -74
  28. package/dist/cjs/ptc-case-studies-slider.cjs.entry.js +77 -77
  29. package/dist/cjs/ptc-checkbox.cjs.entry.js +50 -50
  30. package/dist/cjs/ptc-collapse-list.cjs.entry.js +397 -397
  31. package/dist/cjs/ptc-container.cjs.entry.js +33 -33
  32. package/dist/cjs/ptc-date.cjs.entry.js +50 -50
  33. package/dist/cjs/ptc-dropdown.cjs.entry.js +64 -64
  34. package/dist/cjs/ptc-dynamic-card.cjs.entry.js +48 -48
  35. package/dist/cjs/ptc-ellipsis-dropdown.cjs.entry.js +46 -46
  36. package/dist/cjs/ptc-embedded-quiz.cjs.entry.js +89 -89
  37. package/dist/cjs/ptc-featured-list.cjs.entry.js +95 -95
  38. package/dist/cjs/ptc-filter-dropdown_4.cjs.entry.js +277 -277
  39. package/dist/cjs/ptc-filter-level-theater.cjs.entry.js +66 -66
  40. package/dist/cjs/ptc-filter-tag.cjs.entry.js +57 -57
  41. package/dist/cjs/ptc-form.cjs.entry.js +78 -78
  42. package/dist/cjs/ptc-hero-footer-cta.cjs.entry.js +11 -11
  43. package/dist/cjs/ptc-hero.cjs.entry.js +18 -18
  44. package/dist/cjs/ptc-icon-component.cjs.entry.js +60 -60
  45. package/dist/cjs/ptc-icon-list.cjs.entry.js +21 -21
  46. package/dist/cjs/ptc-icon-minimize.cjs.entry.js +43 -43
  47. package/dist/cjs/ptc-image-download-strip.cjs.entry.js +18 -18
  48. package/dist/cjs/ptc-img.cjs.entry.js +122 -122
  49. package/dist/cjs/ptc-link.cjs.entry.js +48 -48
  50. package/dist/cjs/ptc-list.cjs.entry.js +49 -49
  51. package/dist/cjs/ptc-media-card.cjs.entry.js +58 -58
  52. package/dist/cjs/ptc-minimized-nav.cjs.entry.js +12 -12
  53. package/dist/cjs/ptc-mobile-select.cjs.entry.js +62 -62
  54. package/dist/cjs/ptc-modal-quiz.cjs.entry.js +115 -115
  55. package/dist/cjs/ptc-modal.cjs.entry.js +158 -158
  56. package/dist/cjs/ptc-nav-card.cjs.entry.js +36 -36
  57. package/dist/cjs/ptc-nav-link.cjs.entry.js +36 -36
  58. package/dist/cjs/ptc-nav-pills.cjs.entry.js +8 -8
  59. package/dist/cjs/ptc-nav-slider.cjs.entry.js +90 -90
  60. package/dist/cjs/ptc-nav-submenu.cjs.entry.js +37 -37
  61. package/dist/cjs/ptc-news.cjs.entry.js +24 -24
  62. package/dist/cjs/ptc-overlay.cjs.entry.js +23 -23
  63. package/dist/cjs/ptc-pagenation.cjs.entry.js +306 -306
  64. package/dist/cjs/ptc-para.cjs.entry.js +51 -51
  65. package/dist/cjs/ptc-picture.cjs.entry.js +152 -152
  66. package/dist/cjs/ptc-podcast-card.cjs.entry.js +11 -11
  67. package/dist/cjs/ptc-previous-url.cjs.entry.js +11 -11
  68. package/dist/cjs/ptc-pricing-add-on-card.cjs.entry.js +17 -17
  69. package/dist/cjs/ptc-pricing-add-on-section.cjs.entry.js +38 -38
  70. package/dist/cjs/ptc-pricing-block.cjs.entry.js +20 -20
  71. package/dist/cjs/ptc-pricing-packaging-table.cjs.entry.js +359 -359
  72. package/dist/cjs/ptc-pricing-tabs.cjs.entry.js +124 -124
  73. package/dist/cjs/ptc-product-card.cjs.entry.js +22 -22
  74. package/dist/cjs/ptc-product-category.cjs.entry.js +10 -10
  75. package/dist/cjs/ptc-product-dropdown.cjs.entry.js +69 -69
  76. package/dist/cjs/ptc-product-highlight-card.cjs.entry.js +12 -12
  77. package/dist/cjs/ptc-product-list.cjs.entry.js +140 -140
  78. package/dist/cjs/ptc-product-sidebar.cjs.entry.js +128 -128
  79. package/dist/cjs/ptc-progress-bar.cjs.entry.js +16 -16
  80. package/dist/cjs/ptc-quote.cjs.entry.js +24 -24
  81. package/dist/cjs/ptc-readmore-char.cjs.entry.js +24 -24
  82. package/dist/cjs/ptc-readmore.cjs.entry.js +82 -82
  83. package/dist/cjs/ptc-related-card-rail.cjs.entry.js +149 -149
  84. package/dist/cjs/ptc-responsive-wrapper.cjs.entry.js +54 -54
  85. package/dist/cjs/ptc-search-field.cjs.entry.js +71 -71
  86. package/dist/cjs/ptc-seo-title.cjs.entry.js +82 -0
  87. package/dist/cjs/ptc-shopping-cart.cjs.entry.js +50 -50
  88. package/dist/cjs/ptc-slit-card.cjs.entry.js +25 -25
  89. package/dist/cjs/ptc-span.cjs.entry.js +20 -20
  90. package/dist/cjs/ptc-square-card.cjs.entry.js +10 -10
  91. package/dist/cjs/ptc-sticky-icons.cjs.entry.js +32 -32
  92. package/dist/cjs/ptc-sticky-section.cjs.entry.js +30 -30
  93. package/dist/cjs/ptc-sticky-title.cjs.entry.js +23 -23
  94. package/dist/cjs/ptc-subnav-card.cjs.entry.js +16 -16
  95. package/dist/cjs/ptc-subnav.cjs.entry.js +24 -24
  96. package/dist/cjs/ptc-svg-btn.cjs.entry.js +95 -95
  97. package/dist/cjs/ptc-tab-list.cjs.entry.js +143 -143
  98. package/dist/cjs/ptc-tab.cjs.entry.js +20 -20
  99. package/dist/cjs/ptc-tabs.cjs.entry.js +47 -47
  100. package/dist/cjs/ptc-text-copy-with-background.cjs.entry.js +44 -44
  101. package/dist/cjs/ptc-theater-video-modal.cjs.entry.js +81 -81
  102. package/dist/cjs/ptc-tooltip.cjs.entry.js +96 -96
  103. package/dist/cjs/ptc-two-column-media.cjs.entry.js +15 -15
  104. package/dist/cjs/ptc-value-led-card.cjs.entry.js +10 -10
  105. package/dist/cjs/ptc-value-led-content-highlight.cjs.entry.js +8 -8
  106. package/dist/cjs/ptc-value-led-content.cjs.entry.js +8 -8
  107. package/dist/cjs/ptc-value-led-intro.cjs.entry.js +9 -9
  108. package/dist/cjs/ptc-value-led-layout.cjs.entry.js +103 -103
  109. package/dist/cjs/ptc-value-led-speed-bump.cjs.entry.js +21 -21
  110. package/dist/cjs/ptc-value-prop-card.cjs.entry.js +13 -13
  111. package/dist/cjs/ptcw-design.cjs.js +1 -1
  112. package/dist/cjs/sequential-bundle-example.cjs.entry.js +108 -108
  113. package/dist/cjs/sequential-bundle.cjs.entry.js +88 -88
  114. package/dist/cjs/tab-content.cjs.entry.js +27 -27
  115. package/dist/cjs/tab-header.cjs.entry.js +65 -65
  116. package/dist/cjs/{utils-4e734752.js → utils-3e282dbb.js} +93 -93
  117. package/dist/collection/collection-manifest.json +1 -0
  118. package/dist/collection/components/dropdown-item/dropdown-item.js +61 -61
  119. package/dist/collection/components/dynamic-box-bundle/dynamic-box-bundle.js +114 -114
  120. package/dist/collection/components/icon-asset/icon-asset.css +4 -4
  121. package/dist/collection/components/icon-asset/icon-asset.js +199 -199
  122. package/dist/collection/components/icon-asset/media/brands.svg +1381 -1381
  123. package/dist/collection/components/icon-asset/media/designer.svg +489 -489
  124. package/dist/collection/components/icon-asset/media/regular.svg +463 -463
  125. package/dist/collection/components/icon-asset/media/solid.svg +3016 -3016
  126. package/dist/collection/components/icon-asset/media/svg-with-js.min.css +4 -4
  127. package/dist/collection/components/innovator-toggle-container/innovator-toggle-container.js +89 -89
  128. package/dist/collection/components/list-item/list-item.js +163 -163
  129. package/dist/collection/components/max-width-container/max-width-container.css +11 -11
  130. package/dist/collection/components/max-width-container/max-width-container.js +146 -146
  131. package/dist/collection/components/my-component/my-component.css +3 -3
  132. package/dist/collection/components/my-component/my-component.js +82 -82
  133. package/dist/collection/components/organism-bundles/author-listing-example/author-listing-example.css +69 -69
  134. package/dist/collection/components/organism-bundles/author-listing-example/author-listing-example.js +282 -282
  135. package/dist/collection/components/organism-bundles/bundle-example/bundle-example.css +25 -25
  136. package/dist/collection/components/organism-bundles/bundle-example/bundle-example.js +79 -79
  137. package/dist/collection/components/organism-bundles/bundle-featured-list/featured-list.css +219 -219
  138. package/dist/collection/components/organism-bundles/bundle-featured-list/featured-list.js +122 -122
  139. package/dist/collection/components/organism-bundles/bundle-jumbotron-example/bundle-jumbotron-example.css +3 -3
  140. package/dist/collection/components/organism-bundles/bundle-jumbotron-example/bundle-jumbotron-example.js +91 -91
  141. package/dist/collection/components/organism-bundles/form/embedded-form/embedded-form.js +120 -120
  142. package/dist/collection/components/organism-bundles/form/footer-form/footer-form.js +72 -72
  143. package/dist/collection/components/organism-bundles/form/ptc-form/ptc-form.css +13 -13
  144. package/dist/collection/components/organism-bundles/form/ptc-form/ptc-form.js +94 -94
  145. package/dist/collection/components/organism-bundles/sequential-bundle/sequential-bundle.js +116 -116
  146. package/dist/collection/components/organism-bundles/sequential-bundle-example/sequential-bundle-example.css +90 -90
  147. package/dist/collection/components/organism-bundles/sequential-bundle-example/sequential-bundle-example.js +160 -160
  148. package/dist/collection/components/ptc-accordion/ptc-accordion-item/ptc-accordion-item.js +306 -306
  149. package/dist/collection/components/ptc-accordion/ptc-accordion.js +100 -100
  150. package/dist/collection/components/ptc-announcement/ptc-announcement.js +274 -274
  151. package/dist/collection/components/ptc-back-to-top/ptc-back-to-top.js +97 -97
  152. package/dist/collection/components/ptc-background-video/ptc-background-video.js +200 -200
  153. package/dist/collection/components/ptc-bio-card/ptc-bio-card.js +130 -130
  154. package/dist/collection/components/ptc-breadcrumb/ptc-breadcrumb.js +105 -105
  155. package/dist/collection/components/ptc-brightcov-video/ptc-brightcov-video.js +79 -79
  156. package/dist/collection/components/ptc-button/ptc-button.js +323 -323
  157. package/dist/collection/components/ptc-card/ptc-card.js +439 -439
  158. package/dist/collection/components/ptc-card-bottom/ptc-card-bottom.js +116 -116
  159. package/dist/collection/components/ptc-card-content/ptc-card-content.js +212 -212
  160. package/dist/collection/components/ptc-card-wrapper/ptc-card-wrapper.js +253 -253
  161. package/dist/collection/components/ptc-case-studies-slider/ptc-case-studies-slider.js +91 -91
  162. package/dist/collection/components/ptc-checkbox/ptc-checkbox.js +152 -152
  163. package/dist/collection/components/ptc-collapse-list/ptc-collapse-list.js +639 -639
  164. package/dist/collection/components/ptc-container/ptc-container.js +138 -138
  165. package/dist/collection/components/ptc-data-lookup/ptc-data-lookup.js +379 -379
  166. package/dist/collection/components/ptc-date/ptc-date.js +224 -224
  167. package/dist/collection/components/ptc-dropdown/ptc-dropdown.js +162 -162
  168. package/dist/collection/components/ptc-dynamic-card/media/nav-active-dotslick.svg +15 -15
  169. package/dist/collection/components/ptc-dynamic-card/ptc-dynamic-card.js +192 -192
  170. package/dist/collection/components/ptc-ellipsis-dropdown/ptc-ellipsis-dropdown.js +137 -137
  171. package/dist/collection/components/ptc-embedded-quiz/ptc-embedded-quiz.js +146 -146
  172. package/dist/collection/components/ptc-featured-list/fl-tab-content/fl-tab-content.js +61 -61
  173. package/dist/collection/components/ptc-featured-list/fl-tab-header/fl-tab-header.js +114 -114
  174. package/dist/collection/components/ptc-featured-list/fl-tab-image/fl-tab-image.js +61 -61
  175. package/dist/collection/components/ptc-featured-list/ptc-featured-list.js +128 -128
  176. package/dist/collection/components/ptc-filter-dropdown/ptc-filter-dropdown.js +143 -143
  177. package/dist/collection/components/ptc-filter-level-theater/ptc-filter-level-theater.js +124 -124
  178. package/dist/collection/components/ptc-filter-tag/ptc-filter-tag.js +113 -113
  179. package/dist/collection/components/ptc-form-checkbox/ptc-form-checkbox.js +266 -266
  180. package/dist/collection/components/ptc-hero/ptc-hero.js +86 -86
  181. package/dist/collection/components/ptc-hero-footer-cta/ptc-hero-footer-cta.js +78 -78
  182. package/dist/collection/components/ptc-icon-component/ptc-icon-component.js +87 -87
  183. package/dist/collection/components/ptc-icon-list/ptc-icon-list.js +127 -127
  184. package/dist/collection/components/ptc-icon-minimize/ptc-icon-minimize.js +119 -119
  185. package/dist/collection/components/ptc-image-download-strip/ptc-image-download-strip.js +51 -51
  186. package/dist/collection/components/ptc-img/ptc-img.js +311 -311
  187. package/dist/collection/components/ptc-jumbotron/ptc-jumbotron.js +355 -355
  188. package/dist/collection/components/ptc-link/ptc-link.js +239 -239
  189. package/dist/collection/components/ptc-list/ptc-list.js +99 -99
  190. package/dist/collection/components/ptc-media-card/ptc-media-card.js +240 -240
  191. package/dist/collection/components/ptc-minimized-nav/ptc-minimized-nav.js +100 -100
  192. package/dist/collection/components/ptc-mobile-select/ptc-mobile-select.js +199 -199
  193. package/dist/collection/components/ptc-modal/ptc-modal.js +433 -433
  194. package/dist/collection/components/ptc-modal-quiz/ptc-modal-quiz.js +191 -191
  195. package/dist/collection/components/ptc-nav-card/ptc-nav-card.js +224 -224
  196. package/dist/collection/components/ptc-nav-pills/ptc-nav-pills.js +18 -18
  197. package/dist/collection/components/ptc-news/ptc-news.js +176 -176
  198. package/dist/collection/components/ptc-overlay/ptc-overlay.js +131 -131
  199. package/dist/collection/components/ptc-pagenation/ptc-pagenation.js +573 -573
  200. package/dist/collection/components/ptc-para/ptc-para.js +242 -242
  201. package/dist/collection/components/ptc-picture/ptc-picture.js +500 -500
  202. package/dist/collection/components/ptc-podcast-card/ptc-podcast-card.js +78 -78
  203. package/dist/collection/components/ptc-previous-url/ptc-previous-url.js +78 -78
  204. package/dist/collection/components/ptc-pricing-add-on-card/ptc-pricing-add-on-card.js +139 -139
  205. package/dist/collection/components/ptc-pricing-add-on-section/ptc-pricing-add-on-section.js +75 -75
  206. package/dist/collection/components/ptc-pricing-block/ptc-pricing-block.js +70 -70
  207. package/dist/collection/components/ptc-pricing-packaging-table/ptc-pricing-packaging-table.js +501 -501
  208. package/dist/collection/components/ptc-pricing-tabs/ptc-pricing-tabs.js +272 -272
  209. package/dist/collection/components/ptc-product-card/ptc-product-card.js +162 -162
  210. package/dist/collection/components/ptc-product-category/ptc-product-category.js +60 -60
  211. package/dist/collection/components/ptc-product-dropdown/ptc-product-dropdown.js +185 -185
  212. package/dist/collection/components/ptc-product-highlight-card/ptc-product-highlight-card.js +96 -96
  213. package/dist/collection/components/ptc-product-list/ptc-product-list.js +194 -194
  214. package/dist/collection/components/ptc-product-sidebar/ptc-product-sidebar.js +252 -252
  215. package/dist/collection/components/ptc-progress-bar/ptc-progress-bar.js +42 -42
  216. package/dist/collection/components/ptc-quote/ptc-quote.js +145 -145
  217. package/dist/collection/components/ptc-readmore/ptc-readmore.js +326 -326
  218. package/dist/collection/components/ptc-readmore-char/ptc-readmore-char.js +133 -133
  219. package/dist/collection/components/ptc-related-card-rail/ptc-related-card-rail.js +190 -190
  220. package/dist/collection/components/ptc-responsive-wrapper/ptc-responsive-wrapper.css +3 -3
  221. package/dist/collection/components/ptc-responsive-wrapper/ptc-responsive-wrapper.js +65 -65
  222. package/dist/collection/components/ptc-search-field/ptc-search-field.js +247 -247
  223. package/dist/collection/components/ptc-select/ptc-select.js +555 -555
  224. package/dist/collection/components/ptc-seo-title/ptc-seo-title.css +593 -0
  225. package/dist/collection/components/ptc-seo-title/ptc-seo-title.js +314 -0
  226. package/dist/collection/components/ptc-shopping-cart/ptc-shopping-cart.js +97 -97
  227. package/dist/collection/components/ptc-skeleton/ptc-skeleton.js +139 -139
  228. package/dist/collection/components/ptc-slit-card/ptc-slit-card.js +181 -181
  229. package/dist/collection/components/ptc-social-share/ptc-social-share.js +267 -267
  230. package/dist/collection/components/ptc-spacer/ptc-spacer.css +332 -332
  231. package/dist/collection/components/ptc-spacer/ptc-spacer.js +97 -97
  232. package/dist/collection/components/ptc-span/ptc-span.js +107 -107
  233. package/dist/collection/components/ptc-square-card/ptc-square-card.js +60 -60
  234. package/dist/collection/components/ptc-sticky-icons/ptc-sticky-icons.js +51 -51
  235. package/dist/collection/components/ptc-sticky-section/ptc-sticky-section.js +49 -49
  236. package/dist/collection/components/ptc-sticky-title/ptc-sticky-title.js +89 -89
  237. package/dist/collection/components/ptc-svg-btn/ptc-svg-btn.js +109 -109
  238. package/dist/collection/components/ptc-tab-list/ptc-tab-list.js +214 -214
  239. package/dist/collection/components/ptc-tabs/ptc-tab.js +121 -121
  240. package/dist/collection/components/ptc-tabs/ptc-tabs.js +104 -104
  241. package/dist/collection/components/ptc-text-copy-with-background/ptc-text-copy-with-background.js +218 -218
  242. package/dist/collection/components/ptc-textfield/ptc-textfield.js +489 -489
  243. package/dist/collection/components/ptc-theater-video/ptc-theater-video.js +181 -181
  244. package/dist/collection/components/ptc-theater-video-modal/ptc-theater-video-modal.js +128 -128
  245. package/dist/collection/components/ptc-theater-video-playlist/ptc-theater-video-playlist.js +165 -165
  246. package/dist/collection/components/ptc-title/ptc-title.js +310 -310
  247. package/dist/collection/components/ptc-tooltip/ptc-tooltip.js +361 -361
  248. package/dist/collection/components/ptc-two-column-media/ptc-two-column-media.js +48 -48
  249. package/dist/collection/components/ptc-value-led-card/ptc-value-led-card.js +60 -60
  250. package/dist/collection/components/ptc-value-led-content/ptc-value-led-content.js +18 -18
  251. package/dist/collection/components/ptc-value-led-content-highlight/ptc-value-led-content-highlight.js +18 -18
  252. package/dist/collection/components/ptc-value-led-intro/ptc-value-led-intro.js +42 -42
  253. package/dist/collection/components/ptc-value-led-layout/ptc-value-led-layout.js +156 -156
  254. package/dist/collection/components/ptc-value-led-speed-bump/ptc-value-led-speed-bump.js +97 -97
  255. package/dist/collection/components/ptc-value-prop-card/ptc-value-prop-card.js +117 -117
  256. package/dist/collection/components/subnav/ptc-nav-link/ptc-nav-link.js +131 -131
  257. package/dist/collection/components/subnav/ptc-nav-slider/ptc-nav-slider.js +133 -133
  258. package/dist/collection/components/subnav/ptc-nav-submenu/ptc-nav-submenu.js +121 -121
  259. package/dist/collection/components/subnav/ptc-subnav/ptc-subnav.js +78 -78
  260. package/dist/collection/components/subnav/ptc-subnav-card/ptc-subnav-card.js +151 -151
  261. package/dist/collection/components/tab-content/tab-content.js +84 -84
  262. package/dist/collection/components/tab-header/tab-header.js +183 -183
  263. package/dist/collection/index.js +1 -1
  264. package/dist/collection/media/svg-imgs/Back-arrow.svg +11 -11
  265. package/dist/collection/media/svg-imgs/close.svg +10 -10
  266. package/dist/collection/media/svg-imgs/nav-active-dotslick.svg +16 -16
  267. package/dist/collection/media/svg-imgs/play-button-dark.svg +20 -20
  268. package/dist/collection/media/svg-imgs/ptc-shopping-cart-black.svg +3 -3
  269. package/dist/collection/media/svg-imgs/ptc-shopping-cart-white.svg +3 -3
  270. package/dist/collection/media/svg-imgs/slider-arrow-left.svg +18 -18
  271. package/dist/collection/media/svg-imgs/slider-arrow-right.svg +18 -18
  272. package/dist/collection/media/svg-imgs/union.svg +3 -3
  273. package/dist/collection/stories/Accordian.stories.js +205 -205
  274. package/dist/collection/stories/Announcement.stories.js +64 -64
  275. package/dist/collection/stories/BackgroundImage.stories.js +81 -81
  276. package/dist/collection/stories/Breadcrumb.stories.js +50 -50
  277. package/dist/collection/stories/Button.stories.js +119 -119
  278. package/dist/collection/stories/Card.stories.js +234 -234
  279. package/dist/collection/stories/CardWrapper.stories.js +270 -270
  280. package/dist/collection/stories/Checkbox.stories.js +52 -52
  281. package/dist/collection/stories/Date.stories.js +81 -81
  282. package/dist/collection/stories/Dropdown.stories.js +48 -48
  283. package/dist/collection/stories/DynamicCard.stories.js +68 -68
  284. package/dist/collection/stories/FilterTag.stories.js +73 -73
  285. package/dist/collection/stories/FormCheckbox.stories.js +57 -57
  286. package/dist/collection/stories/Hero.stories.js +119 -119
  287. package/dist/collection/stories/Icon.stories.js +71 -71
  288. package/dist/collection/stories/IconList.stories.js +114 -114
  289. package/dist/collection/stories/IconMinimize.stories.js +40 -40
  290. package/dist/collection/stories/Link.stories.js +107 -107
  291. package/dist/collection/stories/ListItem.stories.js +59 -59
  292. package/dist/collection/stories/MaxWidthContainer.stories.js +45 -45
  293. package/dist/collection/stories/MinimizedHeader.stories.js +37 -37
  294. package/dist/collection/stories/MobileSelect.stories.js +79 -79
  295. package/dist/collection/stories/Modal.stories.js +105 -105
  296. package/dist/collection/stories/Overlay.stories.js +48 -48
  297. package/dist/collection/stories/Pagination.stories.js +101 -101
  298. package/dist/collection/stories/Paragraph.stories.js +95 -95
  299. package/dist/collection/stories/Picture.stories.js +139 -139
  300. package/dist/collection/stories/Quote.stories.js +107 -107
  301. package/dist/collection/stories/ReadMore.stories.js +100 -100
  302. package/dist/collection/stories/Select.stories.js +81 -81
  303. package/dist/collection/stories/SocialShare.stories.js +66 -66
  304. package/dist/collection/stories/Spacer.stories.js +48 -48
  305. package/dist/collection/stories/Span.stories.js +57 -57
  306. package/dist/collection/stories/SvgButton.stories.js +34 -34
  307. package/dist/collection/stories/Tabs.stories.js +213 -213
  308. package/dist/collection/stories/TextCopyWithBackground.stories.js +237 -237
  309. package/dist/collection/stories/Textfield.stories.js +81 -81
  310. package/dist/collection/stories/Title.stories.js +115 -115
  311. package/dist/collection/stories/Tooltip.stories.js +112 -112
  312. package/dist/collection/utils/component.js +3 -3
  313. package/dist/collection/utils/elq-lib.js +417 -417
  314. package/dist/collection/utils/interfaces.js +11 -11
  315. package/dist/collection/utils/utils.js +94 -94
  316. package/dist/collection/utils/validation-messages.js +102 -102
  317. package/dist/custom-elements/index.d.ts +6 -0
  318. package/dist/custom-elements/index.js +8898 -8820
  319. package/dist/esm/author-listing-example.entry.js +232 -232
  320. package/dist/esm/bundle-example.entry.js +43 -43
  321. package/dist/esm/bundle-jumbotron-example.entry.js +39 -39
  322. package/dist/esm/dropdown-item.entry.js +10 -10
  323. package/dist/esm/dynamic-box-bundle.entry.js +25 -25
  324. package/dist/esm/embedded-form_9.entry.js +1467 -1467
  325. package/dist/esm/featured-list.entry.js +90 -90
  326. package/dist/esm/fl-tab-content_3.entry.js +44 -44
  327. package/dist/esm/footer-form.entry.js +55 -55
  328. package/dist/esm/icon-asset.entry.js +42 -42
  329. package/dist/esm/innovator-toggle-container.entry.js +21 -21
  330. package/dist/esm/{interfaces-3cb94654.js → interfaces-4caedd26.js} +9 -9
  331. package/dist/esm/list-item.entry.js +23 -23
  332. package/dist/esm/loader.js +1 -1
  333. package/dist/esm/my-component.entry.js +15 -15
  334. package/dist/esm/polyfills/core-js.js +0 -0
  335. package/dist/esm/polyfills/dom.js +0 -0
  336. package/dist/esm/polyfills/es5-html-element.js +0 -0
  337. package/dist/esm/polyfills/index.js +0 -0
  338. package/dist/esm/polyfills/system.js +0 -0
  339. package/dist/esm/ptc-accordion-item.entry.js +84 -84
  340. package/dist/esm/ptc-accordion.entry.js +39 -39
  341. package/dist/esm/ptc-announcement.entry.js +52 -52
  342. package/dist/esm/ptc-back-to-top.entry.js +71 -71
  343. package/dist/esm/ptc-background-video.entry.js +57 -57
  344. package/dist/esm/ptc-bio-card.entry.js +24 -24
  345. package/dist/esm/ptc-breadcrumb_2.entry.js +132 -132
  346. package/dist/esm/ptc-brightcov-video.entry.js +46 -46
  347. package/dist/esm/ptc-card-bottom_3.entry.js +130 -130
  348. package/dist/esm/ptc-card-content.entry.js +57 -57
  349. package/dist/esm/ptc-card.entry.js +74 -74
  350. package/dist/esm/ptc-case-studies-slider.entry.js +77 -77
  351. package/dist/esm/ptc-checkbox.entry.js +50 -50
  352. package/dist/esm/ptc-collapse-list.entry.js +397 -397
  353. package/dist/esm/ptc-container.entry.js +33 -33
  354. package/dist/esm/ptc-date.entry.js +50 -50
  355. package/dist/esm/ptc-dropdown.entry.js +64 -64
  356. package/dist/esm/ptc-dynamic-card.entry.js +48 -48
  357. package/dist/esm/ptc-ellipsis-dropdown.entry.js +46 -46
  358. package/dist/esm/ptc-embedded-quiz.entry.js +89 -89
  359. package/dist/esm/ptc-featured-list.entry.js +95 -95
  360. package/dist/esm/ptc-filter-dropdown_4.entry.js +277 -277
  361. package/dist/esm/ptc-filter-level-theater.entry.js +66 -66
  362. package/dist/esm/ptc-filter-tag.entry.js +57 -57
  363. package/dist/esm/ptc-form.entry.js +78 -78
  364. package/dist/esm/ptc-hero-footer-cta.entry.js +11 -11
  365. package/dist/esm/ptc-hero.entry.js +18 -18
  366. package/dist/esm/ptc-icon-component.entry.js +60 -60
  367. package/dist/esm/ptc-icon-list.entry.js +21 -21
  368. package/dist/esm/ptc-icon-minimize.entry.js +43 -43
  369. package/dist/esm/ptc-image-download-strip.entry.js +18 -18
  370. package/dist/esm/ptc-img.entry.js +122 -122
  371. package/dist/esm/ptc-link.entry.js +48 -48
  372. package/dist/esm/ptc-list.entry.js +49 -49
  373. package/dist/esm/ptc-media-card.entry.js +58 -58
  374. package/dist/esm/ptc-minimized-nav.entry.js +12 -12
  375. package/dist/esm/ptc-mobile-select.entry.js +62 -62
  376. package/dist/esm/ptc-modal-quiz.entry.js +115 -115
  377. package/dist/esm/ptc-modal.entry.js +158 -158
  378. package/dist/esm/ptc-nav-card.entry.js +36 -36
  379. package/dist/esm/ptc-nav-link.entry.js +36 -36
  380. package/dist/esm/ptc-nav-pills.entry.js +8 -8
  381. package/dist/esm/ptc-nav-slider.entry.js +90 -90
  382. package/dist/esm/ptc-nav-submenu.entry.js +37 -37
  383. package/dist/esm/ptc-news.entry.js +24 -24
  384. package/dist/esm/ptc-overlay.entry.js +23 -23
  385. package/dist/esm/ptc-pagenation.entry.js +306 -306
  386. package/dist/esm/ptc-para.entry.js +51 -51
  387. package/dist/esm/ptc-picture.entry.js +152 -152
  388. package/dist/esm/ptc-podcast-card.entry.js +11 -11
  389. package/dist/esm/ptc-previous-url.entry.js +11 -11
  390. package/dist/esm/ptc-pricing-add-on-card.entry.js +17 -17
  391. package/dist/esm/ptc-pricing-add-on-section.entry.js +38 -38
  392. package/dist/esm/ptc-pricing-block.entry.js +20 -20
  393. package/dist/esm/ptc-pricing-packaging-table.entry.js +359 -359
  394. package/dist/esm/ptc-pricing-tabs.entry.js +124 -124
  395. package/dist/esm/ptc-product-card.entry.js +22 -22
  396. package/dist/esm/ptc-product-category.entry.js +10 -10
  397. package/dist/esm/ptc-product-dropdown.entry.js +69 -69
  398. package/dist/esm/ptc-product-highlight-card.entry.js +12 -12
  399. package/dist/esm/ptc-product-list.entry.js +140 -140
  400. package/dist/esm/ptc-product-sidebar.entry.js +128 -128
  401. package/dist/esm/ptc-progress-bar.entry.js +16 -16
  402. package/dist/esm/ptc-quote.entry.js +24 -24
  403. package/dist/esm/ptc-readmore-char.entry.js +24 -24
  404. package/dist/esm/ptc-readmore.entry.js +82 -82
  405. package/dist/esm/ptc-related-card-rail.entry.js +149 -149
  406. package/dist/esm/ptc-responsive-wrapper.entry.js +54 -54
  407. package/dist/esm/ptc-search-field.entry.js +71 -71
  408. package/dist/esm/ptc-seo-title.entry.js +78 -0
  409. package/dist/esm/ptc-shopping-cart.entry.js +50 -50
  410. package/dist/esm/ptc-slit-card.entry.js +25 -25
  411. package/dist/esm/ptc-span.entry.js +20 -20
  412. package/dist/esm/ptc-square-card.entry.js +10 -10
  413. package/dist/esm/ptc-sticky-icons.entry.js +32 -32
  414. package/dist/esm/ptc-sticky-section.entry.js +30 -30
  415. package/dist/esm/ptc-sticky-title.entry.js +23 -23
  416. package/dist/esm/ptc-subnav-card.entry.js +16 -16
  417. package/dist/esm/ptc-subnav.entry.js +24 -24
  418. package/dist/esm/ptc-svg-btn.entry.js +95 -95
  419. package/dist/esm/ptc-tab-list.entry.js +143 -143
  420. package/dist/esm/ptc-tab.entry.js +20 -20
  421. package/dist/esm/ptc-tabs.entry.js +47 -47
  422. package/dist/esm/ptc-text-copy-with-background.entry.js +44 -44
  423. package/dist/esm/ptc-theater-video-modal.entry.js +81 -81
  424. package/dist/esm/ptc-tooltip.entry.js +96 -96
  425. package/dist/esm/ptc-two-column-media.entry.js +15 -15
  426. package/dist/esm/ptc-value-led-card.entry.js +10 -10
  427. package/dist/esm/ptc-value-led-content-highlight.entry.js +8 -8
  428. package/dist/esm/ptc-value-led-content.entry.js +8 -8
  429. package/dist/esm/ptc-value-led-intro.entry.js +9 -9
  430. package/dist/esm/ptc-value-led-layout.entry.js +103 -103
  431. package/dist/esm/ptc-value-led-speed-bump.entry.js +21 -21
  432. package/dist/esm/ptc-value-prop-card.entry.js +13 -13
  433. package/dist/esm/ptcw-design.js +1 -1
  434. package/dist/esm/sequential-bundle-example.entry.js +108 -108
  435. package/dist/esm/sequential-bundle.entry.js +88 -88
  436. package/dist/esm/tab-content.entry.js +27 -27
  437. package/dist/esm/tab-header.entry.js +65 -65
  438. package/dist/esm/{utils-4cafa40c.js → utils-ff66a908.js} +93 -93
  439. package/dist/ptcw-design/media/brands.svg +1381 -1381
  440. package/dist/ptcw-design/media/designer.svg +489 -489
  441. package/dist/ptcw-design/media/nav-active-dotslick.svg +15 -15
  442. package/dist/ptcw-design/media/regular.svg +463 -463
  443. package/dist/ptcw-design/media/solid.svg +3016 -3016
  444. package/dist/ptcw-design/media/svg-with-js.min.css +4 -4
  445. package/dist/ptcw-design/{p-a5716559.entry.js → p-2c6cce6c.entry.js} +1 -1
  446. package/dist/ptcw-design/{p-6ec80150.entry.js → p-46e3abad.entry.js} +1 -1
  447. package/dist/ptcw-design/{p-028f77a5.entry.js → p-57f91d23.entry.js} +1 -1
  448. package/dist/ptcw-design/{p-af91e74f.entry.js → p-7a8726da.entry.js} +1 -1
  449. package/dist/ptcw-design/{p-64052394.entry.js → p-9415f40e.entry.js} +1 -1
  450. package/dist/ptcw-design/{p-d82dc830.entry.js → p-ab16b22b.entry.js} +1 -1
  451. package/dist/ptcw-design/p-b1015faf.entry.js +1 -0
  452. package/dist/ptcw-design/{p-c382cb39.entry.js → p-c12853b9.entry.js} +1 -1
  453. package/dist/ptcw-design/{p-6c32ca0e.entry.js → p-d2a8372d.entry.js} +1 -1
  454. package/dist/ptcw-design/ptcw-design.esm.js +1 -1
  455. package/dist/types/components/dropdown-item/dropdown-item.d.ts +5 -5
  456. package/dist/types/components/dynamic-box-bundle/dynamic-box-bundle.d.ts +10 -10
  457. package/dist/types/components/icon-asset/icon-asset.d.ts +40 -40
  458. package/dist/types/components/innovator-toggle-container/innovator-toggle-container.d.ts +17 -17
  459. package/dist/types/components/list-item/list-item.d.ts +17 -17
  460. package/dist/types/components/max-width-container/max-width-container.d.ts +16 -16
  461. package/dist/types/components/my-component/my-component.d.ts +16 -16
  462. package/dist/types/components/organism-bundles/author-listing-example/author-listing-example.d.ts +12 -12
  463. package/dist/types/components/organism-bundles/bundle-example/bundle-example.d.ts +14 -14
  464. package/dist/types/components/organism-bundles/bundle-featured-list/featured-list.d.ts +12 -12
  465. package/dist/types/components/organism-bundles/bundle-jumbotron-example/bundle-jumbotron-example.d.ts +5 -5
  466. package/dist/types/components/organism-bundles/form/embedded-form/embedded-form.d.ts +31 -31
  467. package/dist/types/components/organism-bundles/form/footer-form/footer-form.d.ts +14 -14
  468. package/dist/types/components/organism-bundles/form/ptc-form/ptc-form.d.ts +25 -25
  469. package/dist/types/components/organism-bundles/sequential-bundle/sequential-bundle.d.ts +12 -12
  470. package/dist/types/components/organism-bundles/sequential-bundle-example/sequential-bundle-example.d.ts +16 -16
  471. package/dist/types/components/ptc-accordion/ptc-accordion-item/ptc-accordion-item.d.ts +63 -63
  472. package/dist/types/components/ptc-accordion/ptc-accordion.d.ts +17 -17
  473. package/dist/types/components/ptc-announcement/ptc-announcement.d.ts +59 -59
  474. package/dist/types/components/ptc-back-to-top/ptc-back-to-top.d.ts +10 -10
  475. package/dist/types/components/ptc-background-video/ptc-background-video.d.ts +45 -45
  476. package/dist/types/components/ptc-bio-card/ptc-bio-card.d.ts +27 -27
  477. package/dist/types/components/ptc-breadcrumb/ptc-breadcrumb.d.ts +20 -20
  478. package/dist/types/components/ptc-brightcov-video/ptc-brightcov-video.d.ts +6 -6
  479. package/dist/types/components/ptc-button/ptc-button.d.ts +68 -68
  480. package/dist/types/components/ptc-card/ptc-card.d.ts +84 -84
  481. package/dist/types/components/ptc-card-bottom/ptc-card-bottom.d.ts +15 -15
  482. package/dist/types/components/ptc-card-content/ptc-card-content.d.ts +19 -19
  483. package/dist/types/components/ptc-card-wrapper/ptc-card-wrapper.d.ts +30 -30
  484. package/dist/types/components/ptc-case-studies-slider/ptc-case-studies-slider.d.ts +14 -14
  485. package/dist/types/components/ptc-checkbox/ptc-checkbox.d.ts +14 -14
  486. package/dist/types/components/ptc-collapse-list/ptc-collapse-list.d.ts +60 -60
  487. package/dist/types/components/ptc-container/ptc-container.d.ts +13 -13
  488. package/dist/types/components/ptc-data-lookup/ptc-data-lookup.d.ts +27 -27
  489. package/dist/types/components/ptc-date/ptc-date.d.ts +46 -46
  490. package/dist/types/components/ptc-dropdown/ptc-dropdown.d.ts +19 -19
  491. package/dist/types/components/ptc-dynamic-card/ptc-dynamic-card.d.ts +27 -27
  492. package/dist/types/components/ptc-ellipsis-dropdown/ptc-ellipsis-dropdown.d.ts +15 -15
  493. package/dist/types/components/ptc-embedded-quiz/ptc-embedded-quiz.d.ts +21 -21
  494. package/dist/types/components/ptc-featured-list/fl-tab-content/fl-tab-content.d.ts +5 -5
  495. package/dist/types/components/ptc-featured-list/fl-tab-header/fl-tab-header.d.ts +12 -12
  496. package/dist/types/components/ptc-featured-list/fl-tab-image/fl-tab-image.d.ts +5 -5
  497. package/dist/types/components/ptc-featured-list/ptc-featured-list.d.ts +12 -12
  498. package/dist/types/components/ptc-filter-dropdown/ptc-filter-dropdown.d.ts +26 -26
  499. package/dist/types/components/ptc-filter-level-theater/ptc-filter-level-theater.d.ts +17 -17
  500. package/dist/types/components/ptc-filter-tag/ptc-filter-tag.d.ts +17 -17
  501. package/dist/types/components/ptc-form-checkbox/ptc-form-checkbox.d.ts +25 -25
  502. package/dist/types/components/ptc-hero/ptc-hero.d.ts +16 -16
  503. package/dist/types/components/ptc-hero-footer-cta/ptc-hero-footer-cta.d.ts +6 -6
  504. package/dist/types/components/ptc-icon-component/ptc-icon-component.d.ts +17 -17
  505. package/dist/types/components/ptc-icon-list/ptc-icon-list.d.ts +21 -21
  506. package/dist/types/components/ptc-icon-minimize/ptc-icon-minimize.d.ts +12 -12
  507. package/dist/types/components/ptc-image-download-strip/ptc-image-download-strip.d.ts +9 -9
  508. package/dist/types/components/ptc-img/ptc-img.d.ts +55 -55
  509. package/dist/types/components/ptc-jumbotron/ptc-jumbotron.d.ts +26 -26
  510. package/dist/types/components/ptc-link/ptc-link.d.ts +44 -44
  511. package/dist/types/components/ptc-list/ptc-list.d.ts +8 -8
  512. package/dist/types/components/ptc-media-card/ptc-media-card.d.ts +52 -52
  513. package/dist/types/components/ptc-minimized-nav/ptc-minimized-nav.d.ts +7 -7
  514. package/dist/types/components/ptc-mobile-select/ptc-mobile-select.d.ts +36 -36
  515. package/dist/types/components/ptc-modal/ptc-modal.d.ts +76 -76
  516. package/dist/types/components/ptc-modal-quiz/ptc-modal-quiz.d.ts +36 -36
  517. package/dist/types/components/ptc-nav-card/ptc-nav-card.d.ts +46 -46
  518. package/dist/types/components/ptc-nav-pills/ptc-nav-pills.d.ts +3 -3
  519. package/dist/types/components/ptc-news/ptc-news.d.ts +36 -36
  520. package/dist/types/components/ptc-overlay/ptc-overlay.d.ts +21 -21
  521. package/dist/types/components/ptc-pagenation/ptc-pagenation.d.ts +40 -40
  522. package/dist/types/components/ptc-para/ptc-para.d.ts +47 -47
  523. package/dist/types/components/ptc-picture/ptc-picture.d.ts +102 -102
  524. package/dist/types/components/ptc-podcast-card/ptc-podcast-card.d.ts +15 -15
  525. package/dist/types/components/ptc-previous-url/ptc-previous-url.d.ts +9 -9
  526. package/dist/types/components/ptc-pricing-add-on-card/ptc-pricing-add-on-card.d.ts +31 -31
  527. package/dist/types/components/ptc-pricing-add-on-section/ptc-pricing-add-on-section.d.ts +22 -22
  528. package/dist/types/components/ptc-pricing-block/ptc-pricing-block.d.ts +7 -7
  529. package/dist/types/components/ptc-pricing-packaging-table/ptc-pricing-packaging-table.d.ts +87 -87
  530. package/dist/types/components/ptc-pricing-tabs/ptc-pricing-tabs.d.ts +52 -52
  531. package/dist/types/components/ptc-product-card/ptc-product-card.d.ts +37 -37
  532. package/dist/types/components/ptc-product-category/ptc-product-category.d.ts +5 -5
  533. package/dist/types/components/ptc-product-dropdown/ptc-product-dropdown.d.ts +18 -18
  534. package/dist/types/components/ptc-product-highlight-card/ptc-product-highlight-card.d.ts +23 -23
  535. package/dist/types/components/ptc-product-list/ptc-product-list.d.ts +18 -18
  536. package/dist/types/components/ptc-product-sidebar/ptc-product-sidebar.d.ts +31 -31
  537. package/dist/types/components/ptc-progress-bar/ptc-progress-bar.d.ts +5 -5
  538. package/dist/types/components/ptc-quote/ptc-quote.d.ts +29 -29
  539. package/dist/types/components/ptc-readmore/ptc-readmore.d.ts +58 -58
  540. package/dist/types/components/ptc-readmore-char/ptc-readmore-char.d.ts +30 -30
  541. package/dist/types/components/ptc-related-card-rail/ptc-related-card-rail.d.ts +30 -30
  542. package/dist/types/components/ptc-responsive-wrapper/ptc-responsive-wrapper.d.ts +8 -8
  543. package/dist/types/components/ptc-search-field/ptc-search-field.d.ts +23 -23
  544. package/dist/types/components/ptc-select/ptc-select.d.ts +29 -29
  545. package/dist/types/components/ptc-seo-title/ptc-seo-title.d.ts +55 -0
  546. package/dist/types/components/ptc-shopping-cart/ptc-shopping-cart.d.ts +6 -6
  547. package/dist/types/components/ptc-skeleton/ptc-skeleton.d.ts +10 -10
  548. package/dist/types/components/ptc-slit-card/ptc-slit-card.d.ts +36 -36
  549. package/dist/types/components/ptc-social-share/ptc-social-share.d.ts +37 -37
  550. package/dist/types/components/ptc-spacer/ptc-spacer.d.ts +16 -16
  551. package/dist/types/components/ptc-span/ptc-span.d.ts +20 -20
  552. package/dist/types/components/ptc-square-card/ptc-square-card.d.ts +11 -11
  553. package/dist/types/components/ptc-sticky-icons/ptc-sticky-icons.d.ts +7 -7
  554. package/dist/types/components/ptc-sticky-section/ptc-sticky-section.d.ts +9 -9
  555. package/dist/types/components/ptc-sticky-title/ptc-sticky-title.d.ts +8 -8
  556. package/dist/types/components/ptc-svg-btn/ptc-svg-btn.d.ts +20 -20
  557. package/dist/types/components/ptc-tab-list/ptc-tab-list.d.ts +23 -23
  558. package/dist/types/components/ptc-tabs/ptc-tab.d.ts +9 -9
  559. package/dist/types/components/ptc-tabs/ptc-tabs.d.ts +10 -10
  560. package/dist/types/components/ptc-text-copy-with-background/ptc-text-copy-with-background.d.ts +42 -42
  561. package/dist/types/components/ptc-textfield/ptc-textfield.d.ts +35 -35
  562. package/dist/types/components/ptc-theater-video/ptc-theater-video.d.ts +14 -14
  563. package/dist/types/components/ptc-theater-video-modal/ptc-theater-video-modal.d.ts +16 -16
  564. package/dist/types/components/ptc-theater-video-playlist/ptc-theater-video-playlist.d.ts +26 -26
  565. package/dist/types/components/ptc-title/ptc-title.d.ts +54 -54
  566. package/dist/types/components/ptc-tooltip/ptc-tooltip.d.ts +63 -63
  567. package/dist/types/components/ptc-two-column-media/ptc-two-column-media.d.ts +9 -9
  568. package/dist/types/components/ptc-value-led-card/ptc-value-led-card.d.ts +5 -5
  569. package/dist/types/components/ptc-value-led-content/ptc-value-led-content.d.ts +3 -3
  570. package/dist/types/components/ptc-value-led-content-highlight/ptc-value-led-content-highlight.d.ts +3 -3
  571. package/dist/types/components/ptc-value-led-intro/ptc-value-led-intro.d.ts +4 -4
  572. package/dist/types/components/ptc-value-led-layout/ptc-value-led-layout.d.ts +16 -16
  573. package/dist/types/components/ptc-value-led-speed-bump/ptc-value-led-speed-bump.d.ts +10 -10
  574. package/dist/types/components/ptc-value-prop-card/ptc-value-prop-card.d.ts +23 -23
  575. package/dist/types/components/subnav/ptc-nav-link/ptc-nav-link.d.ts +26 -26
  576. package/dist/types/components/subnav/ptc-nav-slider/ptc-nav-slider.d.ts +11 -11
  577. package/dist/types/components/subnav/ptc-nav-submenu/ptc-nav-submenu.d.ts +23 -23
  578. package/dist/types/components/subnav/ptc-subnav/ptc-subnav.d.ts +11 -11
  579. package/dist/types/components/subnav/ptc-subnav-card/ptc-subnav-card.d.ts +31 -31
  580. package/dist/types/components/tab-content/tab-content.d.ts +12 -12
  581. package/dist/types/components/tab-header/tab-header.d.ts +22 -22
  582. package/dist/types/components.d.ts +347 -186
  583. package/dist/types/index.d.ts +1 -1
  584. package/dist/types/utils/component.d.ts +1 -1
  585. package/dist/types/utils/eloqua.d.ts +8 -8
  586. package/dist/types/utils/elq-lib.d.ts +55 -55
  587. package/dist/types/utils/interfaces.d.ts +32 -32
  588. package/dist/types/utils/utils.d.ts +6 -6
  589. package/dist/types/utils/validation-messages.d.ts +102 -102
  590. package/package.json +89 -89
  591. package/readme.md +19 -19
  592. /package/dist/ptcw-design/{p-240733ce.js → p-711bcdad.js} +0 -0
  593. /package/dist/ptcw-design/{p-5c1c23ad.js → p-ff83c1c4.js} +0 -0
@@ -3,720 +3,720 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-cd9a1b1a.js');
6
- const utils = require('./utils-4e734752.js');
6
+ const utils = require('./utils-3e282dbb.js');
7
7
 
8
8
  const embeddedFormCss = ":host{display:block}.flex-adjustments{display:flex;justify-content:center}@media only screen and (min-width: 768px){.flex-adjustments{justify-content:flex-end}}.embedded-form-container{background-color:#142D48}.ptc-embedded-form.form-wrapper{max-width:361px;display:flex;border-radius:3px;background:#FFF;box-shadow:0px 2px 6px 0px rgba(0, 0, 0, 0.16);flex-direction:column;align-items:center;padding:24px 0px;justify-content:center}@media only screen and (min-width: 480px){.ptc-embedded-form.form-wrapper{width:361px}}@keyframes rollUp{from{height:auto;opacity:1}to{height:0;opacity:0}}.ptc-form-roll-up{animation:rollUp 1s forwards;}";
9
9
 
10
- const EmbeddedForm = class {
11
- constructor(hostRef) {
12
- index.registerInstance(this, hostRef);
13
- this.formData = {
14
- email: '',
15
- firstName: '',
16
- lastName: '',
17
- company: '',
18
- country: '',
19
- phone: '',
20
- inquiryReason: '',
21
- howhearselfreport: '',
22
- policyChecked: false,
23
- };
24
- this.isSubmitted = false;
25
- }
26
- componentDidLoad() {
27
- this.onDataLookup();
28
- this.formButton = this.el.querySelector('.form-submit');
29
- this.formButton.addEventListener('click', this.handleSubmit.bind(this));
30
- //get Email
31
- this.emailEle = this.el.querySelector('ptc-textfield[field-id="contact-email"]');
32
- this.firstNameEle = this.el.querySelector('ptc-textfield[field-id="contact-firstname"]');
33
- this.lastNameEle = this.el.querySelector('ptc-textfield[field-id="contact-lastname"]');
34
- this.companyEle = this.el.querySelector('ptc-textfield[field-id="company"]');
35
- this.phoneEle = this.el.querySelector('ptc-textfield[field-id="contact-phone"]');
36
- this.countryEle = this.el.querySelector('ptc-select[field-id="contact-country"]');
37
- this.inquiryreasonEle = this.el.querySelector('ptc-select[field-id="contact-inquiry"]');
38
- this.howhearselfreport = this.el.querySelector('ptc-textfield[field-id="self-reporting"]');
39
- this.policy1 = this.el.querySelector('ptc-form-checkbox[checkbox-id="policy1"]');
40
- }
41
- //handle dataLookup
42
- onDataLookup() {
43
- const dataLookupElement = this.el.closest('ptc-data-lookup');
44
- if (dataLookupElement) {
45
- console.log('Perform Data Lookup...');
46
- dataLookupElement.performDataLookup();
47
- }
48
- else {
49
- console.log('No Data Lookup...');
50
- }
51
- }
52
- // private init_notme(): void{
53
- // const topAdditional = document.getElementById('not-me-additional-top');
54
- // const bottomAdditional = document.getElementById('not-me-additional-bottom');
55
- // console.log("top: " + topAdditional)
56
- // if(topAdditional) topAdditional.style.display = 'none';
57
- // if(bottomAdditional) bottomAdditional.style.display = 'none';
58
- // }
59
- handleInputChange(field, value) {
60
- this.formData = Object.assign(Object.assign({}, this.formData), { [field]: value });
61
- }
62
- handleSubmit(event) {
63
- event.preventDefault();
64
- this.formData.email = this.emailEle.inputValue;
65
- this.formData.firstName = this.firstNameEle.inputValue;
66
- this.formData.lastName = this.lastNameEle.inputValue;
67
- this.formData.company = this.companyEle.inputValue;
68
- this.formData.phone = this.phoneEle.inputValue;
69
- this.formData.country = this.countryEle.selectedValue;
70
- this.formData.inquiryReason = this.inquiryreasonEle.selectedValue;
71
- this.formData.howhearselfreport = this.howhearselfreport.inputValue;
72
- this.formData.policyChecked = this.policy1.isChecked;
73
- if (this.formData.policyChecked) {
74
- if (this.isValid()) {
75
- const formSubmitEvent = new CustomEvent('formSubmit', {
76
- detail: this.formData,
77
- bubbles: true,
78
- });
79
- this.el.dispatchEvent(formSubmitEvent);
80
- this.isSubmitted = true;
81
- console.log('Form Submitted: ' + this.formData.email, this.formData.firstName, this.formData.lastName, this.formData.company, this.formData.phone, this.formData.country, this.formData.inquiryReason, this.formData.howhearselfreport, this.formData.policyChecked);
82
- }
83
- else {
84
- console.log('Form validation failed');
85
- }
86
- }
87
- else {
88
- this.policy1.validateCheckbox();
89
- console.log('Warning: Checkbox is not checked. This field is required');
90
- }
91
- }
92
- isValid() {
93
- const { email, firstName, lastName, company, country, phone, inquiryReason, howhearselfreport, policyChecked } = this.formData;
94
- const invalidLength = document.querySelectorAll('.invalid-field').length;
95
- // console.log('invalid fields length: ' + invalidLength), check the select field
96
- return (email !== '' &&
97
- phone !== '' &&
98
- firstName !== '' &&
99
- lastName !== '' &&
100
- company !== '' &&
101
- country !== '' &&
102
- inquiryReason !== '' &&
103
- howhearselfreport != '' &&
104
- policyChecked &&
105
- invalidLength === 0);
106
- }
107
- render() {
108
- const formClass = this.isSubmitted ? "ptc-form-roll-up" : "";
109
- return (index.h(index.Host, null, index.h("div", { class: "ptc-container ptc-section-standard flex-adjustments" }, index.h("div", { class: "form-wrapper ptc-embedded-form" }, index.h("max-width-container", { "max-width": "277", breakpoint: 480 }, index.h("ptc-title", { type: "h2", "text-align": "center", "title-size": "x-small", "title-color": "gray", upperline: "no-upperline", "title-display": "inline-block", "title-height": "densest", "title-margin": "margin-flush", "title-weight": "w-6", "is-plm-hub": "false" }, "Please fill out the form and a PTC sales representative will be in touch."), index.h("ptc-spacer", { breakpoint: "x-small", size: "medium" }), index.h("ptc-spacer", { breakpoint: "x-small", size: "medium" }), index.h("ptc-spacer", { breakpoint: "small", size: "small" }), index.h("ptc-spacer", { breakpoint: "small", size: "small" })), index.h("form", { onSubmit: event => this.handleSubmit(event), class: formClass }, index.h("div", { id: "not-me-link-id" }), index.h("div", { id: "not-me-additional-top", class: "not-me-additional-text" }), index.h("ptc-textfield", { "field-id": "contact-firstname", "label-text": "First Name*", type: "text", "ptc-data-eloqua-name": "C_FirstName", "field-name": "firstname" }), index.h("ptc-textfield", { "field-id": "contact-lastname", "label-text": "Last Name*", type: "text", "ptc-data-eloqua-name": "C_LastName", "field-name": "lastname" }), index.h("ptc-textfield", { "field-id": "company", "label-text": "Company*", type: "text", "ptc-data-eloqua-name": "C_Company", "field-name": "company" }), index.h("ptc-textfield", { "field-id": "contact-email", "label-text": "Email*", type: "email", "ptc-data-eloqua-name": "C_EmailAddress", "field-name": "email", "info-text": "Please include @ in the email address" }), index.h("ptc-select", { "field-id": "contact-country", label: "Country*", "ptc-data-eloqua-name": "C_Country", "field-name": "country", "default-value": "USA" }, index.h("ul", { class: "mdc-list" }, index.h("li", { class: "mdc-list-item", "data-value": "" }, index.h("span", { class: "mdc-list-item__ripple" })), index.h("li", { class: "mdc-list-item", "data-value": "USA" }, index.h("span", { class: "mdc-list-item__ripple" }), index.h("span", { class: "mdc-list-item__text" }, "USA")), index.h("li", { class: "mdc-list-item", "data-value": "Canada" }, index.h("span", { class: "mdc-list-item__ripple" }), index.h("span", { class: "mdc-list-item__text" }, "Canada")), index.h("li", { class: "mdc-list-item", "data-value": "China" }, index.h("span", { class: "mdc-list-item__ripple" }), index.h("span", { class: "mdc-list-item__text" }, "China")))), index.h("ptc-textfield", { "field-id": "contact-phone", "label-text": "Phone*", type: "tel", "ptc-data-eloqua-name": "C_BusPhone", "field-name": "phone" }), index.h("ptc-select", { label: "What information are you interested in?*", "ptc-data-eloqua-name": "Inquiry_Reason", "field-name": "inquiryreason", "field-id": "contact-inquiry", "info-text": "info text example." }, index.h("ul", { class: "mdc-list" }, index.h("li", { class: "mdc-list-item", "data-value": "" }, index.h("span", { class: "mdc-list-item__ripple" })), index.h("li", { class: "mdc-list-item", "data-value": "Augmented Reality (AR)" }, index.h("span", { class: "mdc-list-item__ripple" }), index.h("span", { class: "mdc-list-item__text" }, "Augmented Reality (AR)")), index.h("li", { class: "mdc-list-item", "data-value": "CAD" }, index.h("span", { class: "mdc-list-item__ripple" }), index.h("span", { class: "mdc-list-item__text" }, "Computer Aided Design")), index.h("li", { class: "mdc-list-item", "data-value": "Retail(FlexPLM)" }, index.h("span", { class: "mdc-list-item__ripple" }), index.h("span", { class: "mdc-list-item__text" }, "Fashion and Retail Product Lifecycle Management")))), index.h("ptc-textfield", { "field-id": "self-reporting", "label-text": "How can we help you?*", type: "text", "ptc-data-eloqua-name": "HowHearSelfReport", "ptc-max-length": "100", "field-name": "howhearselfreport" }), index.h("ptc-textfield", { type: "hidden", "ptc-data-eloqua-name": "test", "input-value": "test" }), index.h("ptc-form-checkbox", { label: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent nec ultricies risus. Praesent suscipit mauris vel augue facilisis, nec consequat ipsum placerat. Curabitur nisi elit, dignissim tincidunt tincidunt at, vehicula sit amet nisl. Maecenas sodales est vulputate ex feugiat tincidunt.", "checkbox-id": "policy1" }), index.h("div", { id: "not-me-additional-bottom", class: "not-me-additional-text" }), index.h("ptc-button", { class: "form-submit", color: "ptc-quaternary", type: "submit", styles: ":host{align-self:flex-end; margin-top: 12px; display:block; text-align:right;}" }, "Submit"))))));
110
- }
111
- get el() { return index.getElement(this); }
112
- };
10
+ const EmbeddedForm = class {
11
+ constructor(hostRef) {
12
+ index.registerInstance(this, hostRef);
13
+ this.formData = {
14
+ email: '',
15
+ firstName: '',
16
+ lastName: '',
17
+ company: '',
18
+ country: '',
19
+ phone: '',
20
+ inquiryReason: '',
21
+ howhearselfreport: '',
22
+ policyChecked: false,
23
+ };
24
+ this.isSubmitted = false;
25
+ }
26
+ componentDidLoad() {
27
+ this.onDataLookup();
28
+ this.formButton = this.el.querySelector('.form-submit');
29
+ this.formButton.addEventListener('click', this.handleSubmit.bind(this));
30
+ //get Email
31
+ this.emailEle = this.el.querySelector('ptc-textfield[field-id="contact-email"]');
32
+ this.firstNameEle = this.el.querySelector('ptc-textfield[field-id="contact-firstname"]');
33
+ this.lastNameEle = this.el.querySelector('ptc-textfield[field-id="contact-lastname"]');
34
+ this.companyEle = this.el.querySelector('ptc-textfield[field-id="company"]');
35
+ this.phoneEle = this.el.querySelector('ptc-textfield[field-id="contact-phone"]');
36
+ this.countryEle = this.el.querySelector('ptc-select[field-id="contact-country"]');
37
+ this.inquiryreasonEle = this.el.querySelector('ptc-select[field-id="contact-inquiry"]');
38
+ this.howhearselfreport = this.el.querySelector('ptc-textfield[field-id="self-reporting"]');
39
+ this.policy1 = this.el.querySelector('ptc-form-checkbox[checkbox-id="policy1"]');
40
+ }
41
+ //handle dataLookup
42
+ onDataLookup() {
43
+ const dataLookupElement = this.el.closest('ptc-data-lookup');
44
+ if (dataLookupElement) {
45
+ console.log('Perform Data Lookup...');
46
+ dataLookupElement.performDataLookup();
47
+ }
48
+ else {
49
+ console.log('No Data Lookup...');
50
+ }
51
+ }
52
+ // private init_notme(): void{
53
+ // const topAdditional = document.getElementById('not-me-additional-top');
54
+ // const bottomAdditional = document.getElementById('not-me-additional-bottom');
55
+ // console.log("top: " + topAdditional)
56
+ // if(topAdditional) topAdditional.style.display = 'none';
57
+ // if(bottomAdditional) bottomAdditional.style.display = 'none';
58
+ // }
59
+ handleInputChange(field, value) {
60
+ this.formData = Object.assign(Object.assign({}, this.formData), { [field]: value });
61
+ }
62
+ handleSubmit(event) {
63
+ event.preventDefault();
64
+ this.formData.email = this.emailEle.inputValue;
65
+ this.formData.firstName = this.firstNameEle.inputValue;
66
+ this.formData.lastName = this.lastNameEle.inputValue;
67
+ this.formData.company = this.companyEle.inputValue;
68
+ this.formData.phone = this.phoneEle.inputValue;
69
+ this.formData.country = this.countryEle.selectedValue;
70
+ this.formData.inquiryReason = this.inquiryreasonEle.selectedValue;
71
+ this.formData.howhearselfreport = this.howhearselfreport.inputValue;
72
+ this.formData.policyChecked = this.policy1.isChecked;
73
+ if (this.formData.policyChecked) {
74
+ if (this.isValid()) {
75
+ const formSubmitEvent = new CustomEvent('formSubmit', {
76
+ detail: this.formData,
77
+ bubbles: true,
78
+ });
79
+ this.el.dispatchEvent(formSubmitEvent);
80
+ this.isSubmitted = true;
81
+ console.log('Form Submitted: ' + this.formData.email, this.formData.firstName, this.formData.lastName, this.formData.company, this.formData.phone, this.formData.country, this.formData.inquiryReason, this.formData.howhearselfreport, this.formData.policyChecked);
82
+ }
83
+ else {
84
+ console.log('Form validation failed');
85
+ }
86
+ }
87
+ else {
88
+ this.policy1.validateCheckbox();
89
+ console.log('Warning: Checkbox is not checked. This field is required');
90
+ }
91
+ }
92
+ isValid() {
93
+ const { email, firstName, lastName, company, country, phone, inquiryReason, howhearselfreport, policyChecked } = this.formData;
94
+ const invalidLength = document.querySelectorAll('.invalid-field').length;
95
+ // console.log('invalid fields length: ' + invalidLength), check the select field
96
+ return (email !== '' &&
97
+ phone !== '' &&
98
+ firstName !== '' &&
99
+ lastName !== '' &&
100
+ company !== '' &&
101
+ country !== '' &&
102
+ inquiryReason !== '' &&
103
+ howhearselfreport != '' &&
104
+ policyChecked &&
105
+ invalidLength === 0);
106
+ }
107
+ render() {
108
+ const formClass = this.isSubmitted ? "ptc-form-roll-up" : "";
109
+ return (index.h(index.Host, null, index.h("div", { class: "ptc-container ptc-section-standard flex-adjustments" }, index.h("div", { class: "form-wrapper ptc-embedded-form" }, index.h("max-width-container", { "max-width": "277", breakpoint: 480 }, index.h("ptc-title", { type: "h2", "text-align": "center", "title-size": "x-small", "title-color": "gray", upperline: "no-upperline", "title-display": "inline-block", "title-height": "densest", "title-margin": "margin-flush", "title-weight": "w-6", "is-plm-hub": "false" }, "Please fill out the form and a PTC sales representative will be in touch."), index.h("ptc-spacer", { breakpoint: "x-small", size: "medium" }), index.h("ptc-spacer", { breakpoint: "x-small", size: "medium" }), index.h("ptc-spacer", { breakpoint: "small", size: "small" }), index.h("ptc-spacer", { breakpoint: "small", size: "small" })), index.h("form", { onSubmit: event => this.handleSubmit(event), class: formClass }, index.h("div", { id: "not-me-link-id" }), index.h("div", { id: "not-me-additional-top", class: "not-me-additional-text" }), index.h("ptc-textfield", { "field-id": "contact-firstname", "label-text": "First Name*", type: "text", "ptc-data-eloqua-name": "C_FirstName", "field-name": "firstname" }), index.h("ptc-textfield", { "field-id": "contact-lastname", "label-text": "Last Name*", type: "text", "ptc-data-eloqua-name": "C_LastName", "field-name": "lastname" }), index.h("ptc-textfield", { "field-id": "company", "label-text": "Company*", type: "text", "ptc-data-eloqua-name": "C_Company", "field-name": "company" }), index.h("ptc-textfield", { "field-id": "contact-email", "label-text": "Email*", type: "email", "ptc-data-eloqua-name": "C_EmailAddress", "field-name": "email", "info-text": "Please include @ in the email address" }), index.h("ptc-select", { "field-id": "contact-country", label: "Country*", "ptc-data-eloqua-name": "C_Country", "field-name": "country", "default-value": "USA" }, index.h("ul", { class: "mdc-list" }, index.h("li", { class: "mdc-list-item", "data-value": "" }, index.h("span", { class: "mdc-list-item__ripple" })), index.h("li", { class: "mdc-list-item", "data-value": "USA" }, index.h("span", { class: "mdc-list-item__ripple" }), index.h("span", { class: "mdc-list-item__text" }, "USA")), index.h("li", { class: "mdc-list-item", "data-value": "Canada" }, index.h("span", { class: "mdc-list-item__ripple" }), index.h("span", { class: "mdc-list-item__text" }, "Canada")), index.h("li", { class: "mdc-list-item", "data-value": "China" }, index.h("span", { class: "mdc-list-item__ripple" }), index.h("span", { class: "mdc-list-item__text" }, "China")))), index.h("ptc-textfield", { "field-id": "contact-phone", "label-text": "Phone*", type: "tel", "ptc-data-eloqua-name": "C_BusPhone", "field-name": "phone" }), index.h("ptc-select", { label: "What information are you interested in?*", "ptc-data-eloqua-name": "Inquiry_Reason", "field-name": "inquiryreason", "field-id": "contact-inquiry", "info-text": "info text example." }, index.h("ul", { class: "mdc-list" }, index.h("li", { class: "mdc-list-item", "data-value": "" }, index.h("span", { class: "mdc-list-item__ripple" })), index.h("li", { class: "mdc-list-item", "data-value": "Augmented Reality (AR)" }, index.h("span", { class: "mdc-list-item__ripple" }), index.h("span", { class: "mdc-list-item__text" }, "Augmented Reality (AR)")), index.h("li", { class: "mdc-list-item", "data-value": "CAD" }, index.h("span", { class: "mdc-list-item__ripple" }), index.h("span", { class: "mdc-list-item__text" }, "Computer Aided Design")), index.h("li", { class: "mdc-list-item", "data-value": "Retail(FlexPLM)" }, index.h("span", { class: "mdc-list-item__ripple" }), index.h("span", { class: "mdc-list-item__text" }, "Fashion and Retail Product Lifecycle Management")))), index.h("ptc-textfield", { "field-id": "self-reporting", "label-text": "How can we help you?*", type: "text", "ptc-data-eloqua-name": "HowHearSelfReport", "ptc-max-length": "100", "field-name": "howhearselfreport" }), index.h("ptc-textfield", { type: "hidden", "ptc-data-eloqua-name": "test", "input-value": "test" }), index.h("ptc-form-checkbox", { label: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent nec ultricies risus. Praesent suscipit mauris vel augue facilisis, nec consequat ipsum placerat. Curabitur nisi elit, dignissim tincidunt tincidunt at, vehicula sit amet nisl. Maecenas sodales est vulputate ex feugiat tincidunt.", "checkbox-id": "policy1" }), index.h("div", { id: "not-me-additional-bottom", class: "not-me-additional-text" }), index.h("ptc-button", { class: "form-submit", color: "ptc-quaternary", type: "submit", styles: ":host{align-self:flex-end; margin-top: 12px; display:block; text-align:right;}" }, "Submit"))))));
110
+ }
111
+ get el() { return index.getElement(this); }
112
+ };
113
113
  EmbeddedForm.style = embeddedFormCss;
114
114
 
115
115
  const maxWidthContainerCss = ":host{display:block}:host(.left){margin:auto auto auto 0}:host(.right){margin:auto 0 auto auto}:host(.center){margin:0 auto}";
116
116
 
117
- const MaxWidthContainer = class {
118
- constructor(hostRef) {
119
- index.registerInstance(this, hostRef);
120
- this.maxWidthP = undefined;
121
- this.maxWidth = undefined;
122
- this.breakpoint = 768;
123
- this.contentAlign = 'center';
124
- this.styles = undefined;
125
- }
126
- componentDidLoad() {
127
- this.handleResize();
128
- window.addEventListener('resize', this.handleResize.bind(this));
129
- }
130
- disconnectedCallback() {
131
- window.removeEventListener('resize', this.handleResize);
132
- }
133
- render() {
134
- const classMap = this.getCssClassMap();
135
- return (index.h(index.Host, { class: classMap }, this.styles && index.h("style", null, this.styles), index.h("slot", null)));
136
- }
137
- getCssClassMap() {
138
- return {
139
- [this.contentAlign]: true,
140
- };
141
- }
142
- handleResize() {
143
- // const selectedContainer = this.el.querySelector('.max-width-container');
144
- if (this.el) {
145
- if (window.innerWidth >= this.breakpoint) {
146
- if (this.maxWidthP) {
147
- this.el.style.maxWidth = `${this.maxWidthP}%`;
148
- }
149
- else {
150
- this.el.style.maxWidth = `${this.maxWidth}px`;
151
- }
152
- }
153
- else {
154
- this.el.style.maxWidth = 'initial';
155
- }
156
- }
157
- }
158
- get el() { return index.getElement(this); }
159
- };
117
+ const MaxWidthContainer = class {
118
+ constructor(hostRef) {
119
+ index.registerInstance(this, hostRef);
120
+ this.maxWidthP = undefined;
121
+ this.maxWidth = undefined;
122
+ this.breakpoint = 768;
123
+ this.contentAlign = 'center';
124
+ this.styles = undefined;
125
+ }
126
+ componentDidLoad() {
127
+ this.handleResize();
128
+ window.addEventListener('resize', this.handleResize.bind(this));
129
+ }
130
+ disconnectedCallback() {
131
+ window.removeEventListener('resize', this.handleResize);
132
+ }
133
+ render() {
134
+ const classMap = this.getCssClassMap();
135
+ return (index.h(index.Host, { class: classMap }, this.styles && index.h("style", null, this.styles), index.h("slot", null)));
136
+ }
137
+ getCssClassMap() {
138
+ return {
139
+ [this.contentAlign]: true,
140
+ };
141
+ }
142
+ handleResize() {
143
+ // const selectedContainer = this.el.querySelector('.max-width-container');
144
+ if (this.el) {
145
+ if (window.innerWidth >= this.breakpoint) {
146
+ if (this.maxWidthP) {
147
+ this.el.style.maxWidth = `${this.maxWidthP}%`;
148
+ }
149
+ else {
150
+ this.el.style.maxWidth = `${this.maxWidth}px`;
151
+ }
152
+ }
153
+ else {
154
+ this.el.style.maxWidth = 'initial';
155
+ }
156
+ }
157
+ }
158
+ get el() { return index.getElement(this); }
159
+ };
160
160
  MaxWidthContainer.style = maxWidthContainerCss;
161
161
 
162
162
  const ptcButtonCss = "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{outline:3px solid var(--color-blue-07);outline-offset:2px}.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,.ptc-quaternary:focus,.ptc-secondary:focus,.ptc-tertiary:focus,.icon-toggle:focus{outline:3px solid var(--color-blue-07);outline-offset:2px}.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{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)}.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)}.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)}.ptc-tertiary span{color:var(--color-gray-10)}.ptc-tertiary ::slotted([slot=slot-after-text]){fill:var(--color-gray-10) !important}.ptc-quaternary{background:var(--color-green-07);border:2px solid var(--color-green-07);border-radius:var(--ptc-border-radius-standard)}.ptc-quaternary:hover{background-color:var(--color-green-08)}.ptc-quaternary:active{background-color:var(--color-green-09)}.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{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{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}";
163
163
 
164
- const PtcButton = class {
165
- constructor(hostRef) {
166
- index.registerInstance(this, hostRef);
167
- this.clickEvent = index.createEvent(this, "clickEvent", 7);
168
- this.disabled = false;
169
- this.active = false;
170
- this.type = 'button';
171
- this.color = 'ptc-primary';
172
- this.iconAnimation = '';
173
- this.iconPosition = 'icon-right';
174
- this.linkHref = undefined;
175
- this.linkTitle = undefined;
176
- this.target = '_self';
177
- this.rel = undefined;
178
- this.tabNav = 0;
179
- this.styles = undefined;
180
- this.textAlign = undefined;
181
- this.size = undefined;
182
- }
183
- clickEventHandler() {
184
- this.clickEvent.emit();
185
- }
186
- render() {
187
- const classMap = this.getCssClassMap();
188
- const Tag = !!this.linkHref ? 'a' : 'button';
189
- return (index.h(index.Host, null, this.styles && index.h("style", null, this.styles), 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 })), this.iconAnimation == 'reveal-down' ?
190
- 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" })))) :
191
- index.h("span", null, index.h("slot", { name: "slot-before-text" }), index.h("slot", null), index.h("slot", { name: "slot-after-text" })))));
192
- }
193
- getCssClassMap() {
194
- return {
195
- [this.color]: true,
196
- [this.iconAnimation]: true,
197
- [this.iconPosition]: true,
198
- ['disabled']: this.disabled ? true : false,
199
- ['active']: this.active ? true : false,
200
- [this.textAlign]: true,
201
- [this.size]: true
202
- };
203
- }
204
- };
164
+ const PtcButton = class {
165
+ constructor(hostRef) {
166
+ index.registerInstance(this, hostRef);
167
+ this.clickEvent = index.createEvent(this, "clickEvent", 7);
168
+ this.disabled = false;
169
+ this.active = false;
170
+ this.type = 'button';
171
+ this.color = 'ptc-primary';
172
+ this.iconAnimation = '';
173
+ this.iconPosition = 'icon-right';
174
+ this.linkHref = undefined;
175
+ this.linkTitle = undefined;
176
+ this.target = '_self';
177
+ this.rel = undefined;
178
+ this.tabNav = 0;
179
+ this.styles = undefined;
180
+ this.textAlign = undefined;
181
+ this.size = undefined;
182
+ }
183
+ clickEventHandler() {
184
+ this.clickEvent.emit();
185
+ }
186
+ render() {
187
+ const classMap = this.getCssClassMap();
188
+ const Tag = !!this.linkHref ? 'a' : 'button';
189
+ return (index.h(index.Host, null, this.styles && index.h("style", null, this.styles), 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 })), this.iconAnimation == 'reveal-down' ?
190
+ 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" })))) :
191
+ index.h("span", null, index.h("slot", { name: "slot-before-text" }), index.h("slot", null), index.h("slot", { name: "slot-after-text" })))));
192
+ }
193
+ getCssClassMap() {
194
+ return {
195
+ [this.color]: true,
196
+ [this.iconAnimation]: true,
197
+ [this.iconPosition]: true,
198
+ ['disabled']: this.disabled ? true : false,
199
+ ['active']: this.active ? true : false,
200
+ [this.textAlign]: true,
201
+ [this.size]: true
202
+ };
203
+ }
204
+ };
205
205
  PtcButton.style = ptcButtonCss;
206
206
 
207
- // Define the ElqLib class
208
- class ElqLib {
209
- constructor(params) {
210
- this.params = params;
211
- this.url_vars = {};
212
- this.visitor_elq_id = null;
213
- this.field_mappings = [];
214
- this.callback_queue = [];
215
- this.fields_populated = false;
216
- this.user_elq_email = '';
217
- this.user_elq_firstname = '';
218
- this.user_elq_lastname = '';
219
- // Merge defaults with params
220
- const defaults = {
221
- elq_site_id: '',
222
- elq_visitor_lookup_key: '',
223
- elq_recipient_id_lookup_key: '',
224
- elq_contact_lookup_key: '',
225
- elq_field_email_rec_id: 'V_EmailRecipientID',
226
- elq_field_contact_email: 'C_EmailAddress',
227
- elq_field_visitor_email: 'V_Email_Address',
228
- elq_field_visitor_firstname: 'V_First_Name',
229
- elq_field_visitor_lastname: 'V_Last_Name',
230
- notme_link_id: 'not-me-link-id',
231
- notme_fields_class: null,
232
- notme_message: 'Not {name}? Click here.',
233
- notme_message_noname: 'Not your details below? Click here.',
234
- };
235
- this.params = Object.assign(Object.assign({}, defaults), this.params);
236
- this.init();
237
- }
238
- init() {
239
- // Merge defaults with user-provided params if not already done in the constructor
240
- // ...
241
- // Set Eloqua site ID
242
- this.setEloquaSiteId();
243
- // Load Eloqua scripts
244
- this.async_load();
245
- // Store URL variables
246
- this.store_url_vars();
247
- // Store visitor's Eloqua IDgit
248
- this.store_visitor_elq_id();
249
- // init noteme link;
250
- // this.init_notme();
251
- // Set the global Eloqua callback function
252
- window.SetElqContent = this.eloqua_callback.bind(this);
253
- }
254
- setEloquaSiteId() {
255
- if (this.params.elq_site_id) {
256
- ElqLib._elqQ.push(['elqSetSiteId', this.params.elq_site_id]);
257
- ElqLib._elqQ.push(['elqUseFirstPartyCookie', 'tracking.ptc.com']);
258
- ElqLib._elqQ.push(['elqTrackPageView', window.location.href]);
259
- }
260
- }
261
- fire_pageview(url) {
262
- try {
263
- if (typeof url === 'undefined') {
264
- ElqLib._elqQ.push(['elqTrackPageView']);
265
- }
266
- else {
267
- ElqLib._elqQ.push(['elqTrackPageView', url]);
268
- }
269
- console.log('TRACKING: Eloqua pageview fired for URL: ' + (url || 'current page'));
270
- }
271
- catch (e) {
272
- console.log('TRACKING: Could not fire Eloqua pageview: ', e);
273
- }
274
- }
275
- find_eloqua_contact() {
276
- console.log('CONTACT LOOKUP: Attempting to find Eloqua contact...');
277
- // Queue callback action for the return of lookup
278
- this.callback_queue.push(this.handle_visitor_lookup.bind(this));
279
- // Start with a recipient lookup if ID was supplied in URL
280
- if (this.visitor_elq_id !== null) {
281
- this.lookup_visitor_by_recipient_id();
282
- }
283
- else {
284
- // If no visitor ID, attempt to do a visitor lookup with an Eloqua cookie
285
- this.lookup_visitor_by_cookie(); //preference center
286
- this.lookup_contact_by_email();
287
- }
288
- }
289
- add_field_mapping(mapping) {
290
- this.field_mappings.push(mapping);
291
- }
292
- add_queue_action(action) {
293
- this.callback_queue.push(action);
294
- }
295
- store_url_vars() {
296
- // Clear the current url_vars
297
- this.url_vars = {};
298
- // Split the URL by the '?' to get the query string part
299
- const queryString = window.location.search.substring(1);
300
- // Split the query string by '&' to get each key-value pair
301
- queryString.split('&').forEach(paramString => {
302
- // Split the key-value pairs by '=' to separate keys and values
303
- let [key, value] = paramString.split('=');
304
- // Decode URI components to handle URL encoding
305
- key = decodeURIComponent(key);
306
- value = decodeURIComponent(value);
307
- // Store the key-value pair in the url_vars object
308
- this.url_vars[key] = value;
309
- });
310
- // Optionally, log the stored URL variables
311
- console.log('URL variables stored:', this.url_vars);
312
- }
313
- store_visitor_elq_id() {
314
- console.log("INIT: Looking for visitor's Eloqua ID in URL...");
315
- const elqIdParam = this.url_vars['elq'];
316
- if (elqIdParam) {
317
- const elqId = elqIdParam.toUpperCase().replace(/(.{8})(.{4})(.{4})(.{4})(.{12})/, '$1-$2-$3-$4-$5');
318
- this.visitor_elq_id = elqId;
319
- console.log(`INIT: ...visitor Eloqua ID found in URL: ${elqId}`);
320
- }
321
- else {
322
- this.visitor_elq_id = null;
323
- console.log('INIT: ...no visitor Eloqua ID found in URL');
324
- }
325
- }
326
- // private merge(root: any, ...sources: any[]): any {
327
- // sources.forEach(source => {
328
- // for (const key in source) {
329
- // if (source.hasOwnProperty(key)) {
330
- // root[key] = source[key];
331
- // }
332
- // }
333
- // });
334
- // return root;
335
- // }
336
- eloqua_callback() {
337
- console.log('LOOKUP: Eloqua lookup finished');
338
- // Process each action in the callback queue
339
- let actionSucceeded = true;
340
- while (actionSucceeded && this.callback_queue.length > 0) {
341
- const action = this.callback_queue.shift();
342
- if (action) {
343
- console.log(`QUEUE: Executing action`);
344
- actionSucceeded = action(); // Execute the action. It must return a boolean indicating success.
345
- if (actionSucceeded) {
346
- console.log('QUEUE: Action executed successfully, removed from queue');
347
- }
348
- else {
349
- console.log('QUEUE: Action failed, re-adding to queue');
350
- this.callback_queue.unshift(action); // Re-add the action to the front of the queue
351
- break; // Break out of the loop if an action fails
352
- }
353
- }
354
- }
355
- // After processing the queue, update user details or perform other operations
356
- if (actionSucceeded) {
357
- this.update_user_details();
358
- this.populate_mapped_fields();
359
- }
360
- // ...additional code to handle the aftermath of callback processing...
361
- }
362
- lookup_visitor_by_cookie() {
363
- if (this.params.elq_visitor_lookup_key != '') {
364
- ElqLib._elqQ.push(['elqDataLookup', escape(this.params.elq_visitor_lookup_key), '']);
365
- console.log('LOOKUP: Visitor lookup sent using Eloqua cookie');
366
- }
367
- else {
368
- console.log('LOOKUP: A visitor lookup cannot be performed as no lookup key was defined');
369
- }
370
- }
371
- lookup_visitor_by_recipient_id() {
372
- if (this.params.elq_recipient_id_lookup_key != '') {
373
- ElqLib._elqQ.push([
374
- 'elqDataLookup',
375
- escape(this.params.elq_recipient_id_lookup_key),
376
- '<' + this.params.elq_field_email_rec_id + '>' + this.visitor_elq_id + '</' + this.params.elq_field_email_rec_id + '>',
377
- ]);
378
- console.log('LOOKUP: Visitor lookup sent using email recipient id: ' + this.visitor_elq_id);
379
- }
380
- else {
381
- console.log('LOOKUP: A visitor lookup cannot be performed as no lookup key was defined');
382
- }
383
- }
384
- lookup_contact_by_email() {
385
- if (this.params.elq_contact_lookup_key != '') {
386
- ElqLib._elqQ.push([
387
- 'elqDataLookup',
388
- escape(this.params.elq_contact_lookup_key),
389
- '<' + this.params.elq_field_contact_email + '>' + this.user_elq_email + '</' + this.params.elq_field_contact_email + '>',
390
- ]);
391
- console.log('LOOKUP: Contact lookup sent using email address: ' + this.user_elq_email);
392
- }
393
- else {
394
- console.log('LOOKUP: A visitor lookup cannot be performed as no lookup key was defined');
395
- }
396
- }
397
- handle_visitor_lookup() {
398
- //console.log('Contact Email: ' + this.params.elq_field_contact_email)
399
- const email = window.GetElqContentPersonalizationValue(this.params.elq_field_contact_email); //it was elq_field_visitor_email ( V_Email_Address)
400
- if (email) {
401
- console.log(`LOOKUP: Found contact email address: ${email}`);
402
- this.user_elq_email = email.trim();
403
- this.lookup_contact_by_email();
404
- this.callback_queue.push(this.handle_contact_lookup.bind(this));
405
- return true;
406
- }
407
- else {
408
- return false;
409
- }
410
- }
411
- handle_contact_lookup() {
412
- if (window.GetElqContentPersonalizationValue(this.params.elq_field_contact_email) != '') {
413
- console.log('LOOKUP: Found contact email address: ' + window.GetElqContentPersonalizationValue(this.params.elq_field_contact_email));
414
- return true;
415
- }
416
- else {
417
- return false;
418
- }
419
- }
420
- populate_mapped_fields() {
421
- console.log('MAPPING: Starting field mapping');
422
- //debugger;
423
- this.field_mappings.forEach(({ elementId, elqFieldName }) => {
424
- const fieldValue = window.GetElqContentPersonalizationValue(elqFieldName);
425
- if (elementId !== 'contact-country') {
426
- const element = document.getElementById(elementId);
427
- console.log('element ID of field mappings: ' + elementId);
428
- console.log('fieldValue ID of field mappings: ' + fieldValue);
429
- if (element && fieldValue) {
430
- element.value = fieldValue;
431
- //element.style.display = 'none'; // Hide the field.
432
- if (element.closest('ptc-textfield')) {
433
- element.closest('ptc-textfield').style.display = 'none';
434
- element.closest('ptc-textfield').inputValue = fieldValue;
435
- }
436
- else if (element.closest('ptc-select')) {
437
- element.closest('ptc-select').style.display = 'none';
438
- element.closest("ptc-select").selectedValue = fieldValue;
439
- }
440
- this.fields_populated = true;
441
- }
442
- }
443
- else {
444
- const countryEle = document.getElementById(elementId);
445
- if (countryEle && fieldValue) {
446
- countryEle.textContent = fieldValue;
447
- countryEle.closest("ptc-select").selectedValue = fieldValue;
448
- }
449
- // debugger;
450
- if (countryEle.closest('ptc-select')) {
451
- countryEle.closest('ptc-select').style.display = 'none';
452
- }
453
- }
454
- });
455
- console.log('MAPPING: Finished ');
456
- if (this.fields_populated) {
457
- this.update_notme_link();
458
- }
459
- }
460
- update_user_details() {
461
- console.log('displaying user info...');
462
- if (window.GetElqContentPersonalizationValue(this.params.elq_field_contact_email) !== '') {
463
- document
464
- .querySelectorAll('input[type=text], input[type=tel], input[name="phonenumber"], input[name="phonenumbertwo"], input[type=email], select, textarea, span.mdc-select__selected-text')
465
- .forEach((element) => {
466
- if (element.tagName === 'SPAN') {
467
- const spanText = element;
468
- const spanEloquaName = spanText.getAttribute('data-eloqua-name');
469
- if (spanEloquaName !== null) {
470
- const spanElqValue = window.GetElqContentPersonalizationValue(spanEloquaName);
471
- if (spanElqValue !== '' && spanElqValue.length > 0) {
472
- spanText.textContent = spanElqValue;
473
- spanText.closest('ptc-select').defaultValue = spanElqValue;
474
- }
475
- }
476
- }
477
- else if (element.className.includes('intl-tel-input')) {
478
- const telInput = element;
479
- const eloquaName = telInput.getAttribute('data-eloqua-name');
480
- if (eloquaName !== null) {
481
- const elqValue = window.GetElqContentPersonalizationValue(eloquaName);
482
- if (elqValue !== '' && elqValue.length > 0) {
483
- setTimeout(() => {
484
- telInput.placeholder = elqValue;
485
- telInput.value = elqValue;
486
- telInput.closest('ptc-textfield').inputValue = elqValue;
487
- }, 1000);
488
- }
489
- }
490
- }
491
- else {
492
- const input = element;
493
- const eloquaName = input.getAttribute('data-eloqua-name');
494
- if (eloquaName !== null) {
495
- const elqValue = window.GetElqContentPersonalizationValue(eloquaName);
496
- if (elqValue !== '' && elqValue.length > 0) {
497
- input.value = elqValue;
498
- input.closest('ptc-textfield').inputValue = elqValue;
499
- }
500
- }
501
- }
502
- });
503
- }
504
- if (this.user_elq_email == '' && window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_email) != '') {
505
- this.user_elq_email = window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_email);
506
- }
507
- if (this.user_elq_firstname == '' && window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_firstname) != '') {
508
- this.user_elq_firstname = window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_firstname);
509
- }
510
- if (this.user_elq_lastname == '' && window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_lastname) != '') {
511
- this.user_elq_lastname = window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_lastname);
512
- }
513
- }
514
- update_notme_link() {
515
- // Assuming the user's first and last name are available from Eloqua fields
516
- const firstName = window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_firstname);
517
- const lastName = window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_lastname);
518
- const topAdditional = document.getElementById('not-me-additional-top');
519
- const bottomAdditional = document.getElementById('not-me-additional-bottom');
520
- if (topAdditional) {
521
- let message = topAdditional.innerHTML;
522
- console.log('first name: ' + firstName);
523
- if (firstName && lastName) {
524
- message = message.replace('{name}', lastName + ' ' + firstName);
525
- }
526
- else {
527
- message = this.params.notme_message_noname;
528
- }
529
- topAdditional.innerHTML = message;
530
- topAdditional.style.display = 'block';
531
- }
532
- if (bottomAdditional) {
533
- //bottomAdditional.innerHTML="Click the button below to recieve email confirmation.";
534
- bottomAdditional.style.display = 'block';
535
- }
536
- const notMeLinkElement = document.getElementById(this.params.notme_link_id);
537
- if (notMeLinkElement) {
538
- notMeLinkElement.style.display = 'block';
539
- notMeLinkElement.onclick = this.remove_user_details.bind(this);
540
- }
541
- }
542
- // private init_notme(): void{
543
- // const topAdditional = document.getElementById('not-me-additional-top');
544
- // const bottomAdditional = document.getElementById('not-me-additional-bottom');
545
- // console.log("top: " + topAdditional)
546
- // if(topAdditional) topAdditional.style.display = 'none';
547
- // if(bottomAdditional) bottomAdditional.style.display = 'none';
548
- // }
549
- remove_user_details(e) {
550
- e.preventDefault();
551
- this.user_elq_email = '';
552
- this.user_elq_firstname = '';
553
- this.user_elq_lastname = '';
554
- // $('.' + this.params.notme_fields_class).val('');
555
- //const linkDiv = document.getElementById(this.params.notme_link_id);
556
- const topAdditional = document.getElementById('not-me-additional-top');
557
- const bottomAdditional = document.getElementById('not-me-additional-bottom');
558
- //linkDiv.querySelector('a').remove();
559
- topAdditional.style.display = 'none';
560
- bottomAdditional.style.display = 'none';
561
- this.refreshForm();
562
- return false;
563
- }
564
- refreshForm() {
565
- this.field_mappings.forEach(({ elementId }) => {
566
- if (elementId !== 'contact-country') {
567
- const element = document.getElementById(elementId);
568
- if (element) {
569
- console.log('element: ' + element);
570
- element.value = ''; // Reset the value
571
- if (element.closest('ptc-textfield')) {
572
- element.closest('ptc-textfield').style.display = '';
573
- }
574
- else if (element.closest('ptc-select')) {
575
- element.closest('ptc-select').style.display = '';
576
- }
577
- }
578
- }
579
- else {
580
- const countryEle = document.getElementById(elementId);
581
- if (countryEle) {
582
- countryEle.textContent = '';
583
- }
584
- // debugger;
585
- if (countryEle.closest('ptc-select')) {
586
- countryEle.closest('ptc-select').style.display = '';
587
- }
588
- }
589
- });
590
- this.clearEloquaCookie('elq-uid'); // Optionally clear the Eloqua cookie
591
- this.fields_populated = false;
592
- //this.update_notme_link(); // Update the 'Not Me' link if necessary
593
- }
594
- clearEloquaCookie(name) {
595
- document.cookie = name + '=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;';
596
- console.log('cookie cleared');
597
- }
598
- // Private Method to load Eloqua Scripts
599
- async_load() {
600
- const scriptUrl = 'https://img.en25.com/i/elqCfg.min.js';
601
- const scriptElement = document.createElement('script');
602
- scriptElement.type = 'text/javascript';
603
- scriptElement.async = true;
604
- scriptElement.src = scriptUrl;
605
- // Error handling for script loading
606
- scriptElement.onerror = errorEvent => {
607
- console.log(`Error loading script: ${errorEvent}`);
608
- };
609
- // Append the script element to the head of the document, or before the first script tag found
610
- const firstScriptTag = document.getElementsByTagName('script')[0];
611
- if (firstScriptTag && firstScriptTag.parentNode) {
612
- firstScriptTag.parentNode.insertBefore(scriptElement, firstScriptTag);
613
- }
614
- else {
615
- document.head.appendChild(scriptElement);
616
- }
617
- console.log(`Async loading of script ${scriptUrl} initiated.`);
618
- }
619
- }
620
- ElqLib._elqQ = window['_elqQ'] || [];
621
- // Static member initialization
207
+ // Define the ElqLib class
208
+ class ElqLib {
209
+ constructor(params) {
210
+ this.params = params;
211
+ this.url_vars = {};
212
+ this.visitor_elq_id = null;
213
+ this.field_mappings = [];
214
+ this.callback_queue = [];
215
+ this.fields_populated = false;
216
+ this.user_elq_email = '';
217
+ this.user_elq_firstname = '';
218
+ this.user_elq_lastname = '';
219
+ // Merge defaults with params
220
+ const defaults = {
221
+ elq_site_id: '',
222
+ elq_visitor_lookup_key: '',
223
+ elq_recipient_id_lookup_key: '',
224
+ elq_contact_lookup_key: '',
225
+ elq_field_email_rec_id: 'V_EmailRecipientID',
226
+ elq_field_contact_email: 'C_EmailAddress',
227
+ elq_field_visitor_email: 'V_Email_Address',
228
+ elq_field_visitor_firstname: 'V_First_Name',
229
+ elq_field_visitor_lastname: 'V_Last_Name',
230
+ notme_link_id: 'not-me-link-id',
231
+ notme_fields_class: null,
232
+ notme_message: 'Not {name}? Click here.',
233
+ notme_message_noname: 'Not your details below? Click here.',
234
+ };
235
+ this.params = Object.assign(Object.assign({}, defaults), this.params);
236
+ this.init();
237
+ }
238
+ init() {
239
+ // Merge defaults with user-provided params if not already done in the constructor
240
+ // ...
241
+ // Set Eloqua site ID
242
+ this.setEloquaSiteId();
243
+ // Load Eloqua scripts
244
+ this.async_load();
245
+ // Store URL variables
246
+ this.store_url_vars();
247
+ // Store visitor's Eloqua IDgit
248
+ this.store_visitor_elq_id();
249
+ // init noteme link;
250
+ // this.init_notme();
251
+ // Set the global Eloqua callback function
252
+ window.SetElqContent = this.eloqua_callback.bind(this);
253
+ }
254
+ setEloquaSiteId() {
255
+ if (this.params.elq_site_id) {
256
+ ElqLib._elqQ.push(['elqSetSiteId', this.params.elq_site_id]);
257
+ ElqLib._elqQ.push(['elqUseFirstPartyCookie', 'tracking.ptc.com']);
258
+ ElqLib._elqQ.push(['elqTrackPageView', window.location.href]);
259
+ }
260
+ }
261
+ fire_pageview(url) {
262
+ try {
263
+ if (typeof url === 'undefined') {
264
+ ElqLib._elqQ.push(['elqTrackPageView']);
265
+ }
266
+ else {
267
+ ElqLib._elqQ.push(['elqTrackPageView', url]);
268
+ }
269
+ console.log('TRACKING: Eloqua pageview fired for URL: ' + (url || 'current page'));
270
+ }
271
+ catch (e) {
272
+ console.log('TRACKING: Could not fire Eloqua pageview: ', e);
273
+ }
274
+ }
275
+ find_eloqua_contact() {
276
+ console.log('CONTACT LOOKUP: Attempting to find Eloqua contact...');
277
+ // Queue callback action for the return of lookup
278
+ this.callback_queue.push(this.handle_visitor_lookup.bind(this));
279
+ // Start with a recipient lookup if ID was supplied in URL
280
+ if (this.visitor_elq_id !== null) {
281
+ this.lookup_visitor_by_recipient_id();
282
+ }
283
+ else {
284
+ // If no visitor ID, attempt to do a visitor lookup with an Eloqua cookie
285
+ this.lookup_visitor_by_cookie(); //preference center
286
+ this.lookup_contact_by_email();
287
+ }
288
+ }
289
+ add_field_mapping(mapping) {
290
+ this.field_mappings.push(mapping);
291
+ }
292
+ add_queue_action(action) {
293
+ this.callback_queue.push(action);
294
+ }
295
+ store_url_vars() {
296
+ // Clear the current url_vars
297
+ this.url_vars = {};
298
+ // Split the URL by the '?' to get the query string part
299
+ const queryString = window.location.search.substring(1);
300
+ // Split the query string by '&' to get each key-value pair
301
+ queryString.split('&').forEach(paramString => {
302
+ // Split the key-value pairs by '=' to separate keys and values
303
+ let [key, value] = paramString.split('=');
304
+ // Decode URI components to handle URL encoding
305
+ key = decodeURIComponent(key);
306
+ value = decodeURIComponent(value);
307
+ // Store the key-value pair in the url_vars object
308
+ this.url_vars[key] = value;
309
+ });
310
+ // Optionally, log the stored URL variables
311
+ console.log('URL variables stored:', this.url_vars);
312
+ }
313
+ store_visitor_elq_id() {
314
+ console.log("INIT: Looking for visitor's Eloqua ID in URL...");
315
+ const elqIdParam = this.url_vars['elq'];
316
+ if (elqIdParam) {
317
+ const elqId = elqIdParam.toUpperCase().replace(/(.{8})(.{4})(.{4})(.{4})(.{12})/, '$1-$2-$3-$4-$5');
318
+ this.visitor_elq_id = elqId;
319
+ console.log(`INIT: ...visitor Eloqua ID found in URL: ${elqId}`);
320
+ }
321
+ else {
322
+ this.visitor_elq_id = null;
323
+ console.log('INIT: ...no visitor Eloqua ID found in URL');
324
+ }
325
+ }
326
+ // private merge(root: any, ...sources: any[]): any {
327
+ // sources.forEach(source => {
328
+ // for (const key in source) {
329
+ // if (source.hasOwnProperty(key)) {
330
+ // root[key] = source[key];
331
+ // }
332
+ // }
333
+ // });
334
+ // return root;
335
+ // }
336
+ eloqua_callback() {
337
+ console.log('LOOKUP: Eloqua lookup finished');
338
+ // Process each action in the callback queue
339
+ let actionSucceeded = true;
340
+ while (actionSucceeded && this.callback_queue.length > 0) {
341
+ const action = this.callback_queue.shift();
342
+ if (action) {
343
+ console.log(`QUEUE: Executing action`);
344
+ actionSucceeded = action(); // Execute the action. It must return a boolean indicating success.
345
+ if (actionSucceeded) {
346
+ console.log('QUEUE: Action executed successfully, removed from queue');
347
+ }
348
+ else {
349
+ console.log('QUEUE: Action failed, re-adding to queue');
350
+ this.callback_queue.unshift(action); // Re-add the action to the front of the queue
351
+ break; // Break out of the loop if an action fails
352
+ }
353
+ }
354
+ }
355
+ // After processing the queue, update user details or perform other operations
356
+ if (actionSucceeded) {
357
+ this.update_user_details();
358
+ this.populate_mapped_fields();
359
+ }
360
+ // ...additional code to handle the aftermath of callback processing...
361
+ }
362
+ lookup_visitor_by_cookie() {
363
+ if (this.params.elq_visitor_lookup_key != '') {
364
+ ElqLib._elqQ.push(['elqDataLookup', escape(this.params.elq_visitor_lookup_key), '']);
365
+ console.log('LOOKUP: Visitor lookup sent using Eloqua cookie');
366
+ }
367
+ else {
368
+ console.log('LOOKUP: A visitor lookup cannot be performed as no lookup key was defined');
369
+ }
370
+ }
371
+ lookup_visitor_by_recipient_id() {
372
+ if (this.params.elq_recipient_id_lookup_key != '') {
373
+ ElqLib._elqQ.push([
374
+ 'elqDataLookup',
375
+ escape(this.params.elq_recipient_id_lookup_key),
376
+ '<' + this.params.elq_field_email_rec_id + '>' + this.visitor_elq_id + '</' + this.params.elq_field_email_rec_id + '>',
377
+ ]);
378
+ console.log('LOOKUP: Visitor lookup sent using email recipient id: ' + this.visitor_elq_id);
379
+ }
380
+ else {
381
+ console.log('LOOKUP: A visitor lookup cannot be performed as no lookup key was defined');
382
+ }
383
+ }
384
+ lookup_contact_by_email() {
385
+ if (this.params.elq_contact_lookup_key != '') {
386
+ ElqLib._elqQ.push([
387
+ 'elqDataLookup',
388
+ escape(this.params.elq_contact_lookup_key),
389
+ '<' + this.params.elq_field_contact_email + '>' + this.user_elq_email + '</' + this.params.elq_field_contact_email + '>',
390
+ ]);
391
+ console.log('LOOKUP: Contact lookup sent using email address: ' + this.user_elq_email);
392
+ }
393
+ else {
394
+ console.log('LOOKUP: A visitor lookup cannot be performed as no lookup key was defined');
395
+ }
396
+ }
397
+ handle_visitor_lookup() {
398
+ //console.log('Contact Email: ' + this.params.elq_field_contact_email)
399
+ const email = window.GetElqContentPersonalizationValue(this.params.elq_field_contact_email); //it was elq_field_visitor_email ( V_Email_Address)
400
+ if (email) {
401
+ console.log(`LOOKUP: Found contact email address: ${email}`);
402
+ this.user_elq_email = email.trim();
403
+ this.lookup_contact_by_email();
404
+ this.callback_queue.push(this.handle_contact_lookup.bind(this));
405
+ return true;
406
+ }
407
+ else {
408
+ return false;
409
+ }
410
+ }
411
+ handle_contact_lookup() {
412
+ if (window.GetElqContentPersonalizationValue(this.params.elq_field_contact_email) != '') {
413
+ console.log('LOOKUP: Found contact email address: ' + window.GetElqContentPersonalizationValue(this.params.elq_field_contact_email));
414
+ return true;
415
+ }
416
+ else {
417
+ return false;
418
+ }
419
+ }
420
+ populate_mapped_fields() {
421
+ console.log('MAPPING: Starting field mapping');
422
+ //debugger;
423
+ this.field_mappings.forEach(({ elementId, elqFieldName }) => {
424
+ const fieldValue = window.GetElqContentPersonalizationValue(elqFieldName);
425
+ if (elementId !== 'contact-country') {
426
+ const element = document.getElementById(elementId);
427
+ console.log('element ID of field mappings: ' + elementId);
428
+ console.log('fieldValue ID of field mappings: ' + fieldValue);
429
+ if (element && fieldValue) {
430
+ element.value = fieldValue;
431
+ //element.style.display = 'none'; // Hide the field.
432
+ if (element.closest('ptc-textfield')) {
433
+ element.closest('ptc-textfield').style.display = 'none';
434
+ element.closest('ptc-textfield').inputValue = fieldValue;
435
+ }
436
+ else if (element.closest('ptc-select')) {
437
+ element.closest('ptc-select').style.display = 'none';
438
+ element.closest("ptc-select").selectedValue = fieldValue;
439
+ }
440
+ this.fields_populated = true;
441
+ }
442
+ }
443
+ else {
444
+ const countryEle = document.getElementById(elementId);
445
+ if (countryEle && fieldValue) {
446
+ countryEle.textContent = fieldValue;
447
+ countryEle.closest("ptc-select").selectedValue = fieldValue;
448
+ }
449
+ // debugger;
450
+ if (countryEle.closest('ptc-select')) {
451
+ countryEle.closest('ptc-select').style.display = 'none';
452
+ }
453
+ }
454
+ });
455
+ console.log('MAPPING: Finished ');
456
+ if (this.fields_populated) {
457
+ this.update_notme_link();
458
+ }
459
+ }
460
+ update_user_details() {
461
+ console.log('displaying user info...');
462
+ if (window.GetElqContentPersonalizationValue(this.params.elq_field_contact_email) !== '') {
463
+ document
464
+ .querySelectorAll('input[type=text], input[type=tel], input[name="phonenumber"], input[name="phonenumbertwo"], input[type=email], select, textarea, span.mdc-select__selected-text')
465
+ .forEach((element) => {
466
+ if (element.tagName === 'SPAN') {
467
+ const spanText = element;
468
+ const spanEloquaName = spanText.getAttribute('data-eloqua-name');
469
+ if (spanEloquaName !== null) {
470
+ const spanElqValue = window.GetElqContentPersonalizationValue(spanEloquaName);
471
+ if (spanElqValue !== '' && spanElqValue.length > 0) {
472
+ spanText.textContent = spanElqValue;
473
+ spanText.closest('ptc-select').defaultValue = spanElqValue;
474
+ }
475
+ }
476
+ }
477
+ else if (element.className.includes('intl-tel-input')) {
478
+ const telInput = element;
479
+ const eloquaName = telInput.getAttribute('data-eloqua-name');
480
+ if (eloquaName !== null) {
481
+ const elqValue = window.GetElqContentPersonalizationValue(eloquaName);
482
+ if (elqValue !== '' && elqValue.length > 0) {
483
+ setTimeout(() => {
484
+ telInput.placeholder = elqValue;
485
+ telInput.value = elqValue;
486
+ telInput.closest('ptc-textfield').inputValue = elqValue;
487
+ }, 1000);
488
+ }
489
+ }
490
+ }
491
+ else {
492
+ const input = element;
493
+ const eloquaName = input.getAttribute('data-eloqua-name');
494
+ if (eloquaName !== null) {
495
+ const elqValue = window.GetElqContentPersonalizationValue(eloquaName);
496
+ if (elqValue !== '' && elqValue.length > 0) {
497
+ input.value = elqValue;
498
+ input.closest('ptc-textfield').inputValue = elqValue;
499
+ }
500
+ }
501
+ }
502
+ });
503
+ }
504
+ if (this.user_elq_email == '' && window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_email) != '') {
505
+ this.user_elq_email = window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_email);
506
+ }
507
+ if (this.user_elq_firstname == '' && window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_firstname) != '') {
508
+ this.user_elq_firstname = window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_firstname);
509
+ }
510
+ if (this.user_elq_lastname == '' && window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_lastname) != '') {
511
+ this.user_elq_lastname = window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_lastname);
512
+ }
513
+ }
514
+ update_notme_link() {
515
+ // Assuming the user's first and last name are available from Eloqua fields
516
+ const firstName = window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_firstname);
517
+ const lastName = window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_lastname);
518
+ const topAdditional = document.getElementById('not-me-additional-top');
519
+ const bottomAdditional = document.getElementById('not-me-additional-bottom');
520
+ if (topAdditional) {
521
+ let message = topAdditional.innerHTML;
522
+ console.log('first name: ' + firstName);
523
+ if (firstName && lastName) {
524
+ message = message.replace('{name}', lastName + ' ' + firstName);
525
+ }
526
+ else {
527
+ message = this.params.notme_message_noname;
528
+ }
529
+ topAdditional.innerHTML = message;
530
+ topAdditional.style.display = 'block';
531
+ }
532
+ if (bottomAdditional) {
533
+ //bottomAdditional.innerHTML="Click the button below to recieve email confirmation.";
534
+ bottomAdditional.style.display = 'block';
535
+ }
536
+ const notMeLinkElement = document.getElementById(this.params.notme_link_id);
537
+ if (notMeLinkElement) {
538
+ notMeLinkElement.style.display = 'block';
539
+ notMeLinkElement.onclick = this.remove_user_details.bind(this);
540
+ }
541
+ }
542
+ // private init_notme(): void{
543
+ // const topAdditional = document.getElementById('not-me-additional-top');
544
+ // const bottomAdditional = document.getElementById('not-me-additional-bottom');
545
+ // console.log("top: " + topAdditional)
546
+ // if(topAdditional) topAdditional.style.display = 'none';
547
+ // if(bottomAdditional) bottomAdditional.style.display = 'none';
548
+ // }
549
+ remove_user_details(e) {
550
+ e.preventDefault();
551
+ this.user_elq_email = '';
552
+ this.user_elq_firstname = '';
553
+ this.user_elq_lastname = '';
554
+ // $('.' + this.params.notme_fields_class).val('');
555
+ //const linkDiv = document.getElementById(this.params.notme_link_id);
556
+ const topAdditional = document.getElementById('not-me-additional-top');
557
+ const bottomAdditional = document.getElementById('not-me-additional-bottom');
558
+ //linkDiv.querySelector('a').remove();
559
+ topAdditional.style.display = 'none';
560
+ bottomAdditional.style.display = 'none';
561
+ this.refreshForm();
562
+ return false;
563
+ }
564
+ refreshForm() {
565
+ this.field_mappings.forEach(({ elementId }) => {
566
+ if (elementId !== 'contact-country') {
567
+ const element = document.getElementById(elementId);
568
+ if (element) {
569
+ console.log('element: ' + element);
570
+ element.value = ''; // Reset the value
571
+ if (element.closest('ptc-textfield')) {
572
+ element.closest('ptc-textfield').style.display = '';
573
+ }
574
+ else if (element.closest('ptc-select')) {
575
+ element.closest('ptc-select').style.display = '';
576
+ }
577
+ }
578
+ }
579
+ else {
580
+ const countryEle = document.getElementById(elementId);
581
+ if (countryEle) {
582
+ countryEle.textContent = '';
583
+ }
584
+ // debugger;
585
+ if (countryEle.closest('ptc-select')) {
586
+ countryEle.closest('ptc-select').style.display = '';
587
+ }
588
+ }
589
+ });
590
+ this.clearEloquaCookie('elq-uid'); // Optionally clear the Eloqua cookie
591
+ this.fields_populated = false;
592
+ //this.update_notme_link(); // Update the 'Not Me' link if necessary
593
+ }
594
+ clearEloquaCookie(name) {
595
+ document.cookie = name + '=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;';
596
+ console.log('cookie cleared');
597
+ }
598
+ // Private Method to load Eloqua Scripts
599
+ async_load() {
600
+ const scriptUrl = 'https://img.en25.com/i/elqCfg.min.js';
601
+ const scriptElement = document.createElement('script');
602
+ scriptElement.type = 'text/javascript';
603
+ scriptElement.async = true;
604
+ scriptElement.src = scriptUrl;
605
+ // Error handling for script loading
606
+ scriptElement.onerror = errorEvent => {
607
+ console.log(`Error loading script: ${errorEvent}`);
608
+ };
609
+ // Append the script element to the head of the document, or before the first script tag found
610
+ const firstScriptTag = document.getElementsByTagName('script')[0];
611
+ if (firstScriptTag && firstScriptTag.parentNode) {
612
+ firstScriptTag.parentNode.insertBefore(scriptElement, firstScriptTag);
613
+ }
614
+ else {
615
+ document.head.appendChild(scriptElement);
616
+ }
617
+ console.log(`Async loading of script ${scriptUrl} initiated.`);
618
+ }
619
+ }
620
+ ElqLib._elqQ = window['_elqQ'] || [];
621
+ // Static member initialization
622
622
  //ElqLib._elqQ = window['_elqQ'] || [];
623
623
 
624
624
  const ptcDataLookupCss = ":host{display:block}#not-me-link-id{color:var(--color-gray-10);font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-medium);font-style:normal;font-weight:var(--ptc-font-weight-bold);line-height:normal;margin-bottom:var(--ptc-element-spacing-03);position:relative}#not-me-link-id a{color:var(--color-blue-07);font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-medium);font-style:normal;font-weight:var(--ptc-font-weight-bold);line-height:normal;text-decoration-line:underline}.not-me-additional-text{color:var(--color-gray-10);font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-medium);font-style:normal;font-weight:var(--ptc-font-weight-regular);line-height:normal;margin-bottom:var(--ptc-element-spacing-03)}.not-me-additional-text#not-me-additional-bottom{margin-bottom:unset;margin-top:var(--ptc-element-spacing-03)}.ptc-embedded-form>div{max-width:273px;overflow-wrap:break-word}.ptc-embedded-form .iti__country-name{color:var(--color-gray-12)}.ptc-embedded-form .iti--separate-dial-code.iti--show-flags .iti__selected-dial-code{color:var(--color-gray-12)}.ptc-embedded-form .mdc-menu-surface--open{z-index:99999}";
625
625
 
626
- const PtcDataLookup = class {
627
- constructor(hostRef) {
628
- index.registerInstance(this, hostRef);
629
- this.elqSiteId = undefined;
630
- this.elqVisitorLookupKey = undefined;
631
- this.elqRecipientIdLookupKey = undefined;
632
- this.elqContactLookupKey = undefined;
633
- this.elqFieldEmailRecId = 'V_EmailRecipientID';
634
- this.elqFieldContactEmail = 'C_EmailAddress';
635
- this.elqFieldVisitorEmail = 'V_Email_Address';
636
- this.elqFieldVisitorFirstname = 'C_FirstName';
637
- this.elqFieldVisitorLastname = 'C_LastName';
638
- this.notmeLinkId = undefined;
639
- this.notmeFieldsClass = undefined;
640
- this.notmeMessage = undefined;
641
- this.notmeMessageNoname = undefined;
642
- this.isBlindSubmit = true;
643
- this.isInitialized = false;
644
- }
645
- componentWillLoad() {
646
- this.initializeElqLib();
647
- if (this.isBlindSubmit) {
648
- this.populateBlindField();
649
- }
650
- }
651
- componentDidLoad() {
652
- this.init_notme();
653
- }
654
- initializeElqLib() {
655
- this.elqLib = new ElqLib({
656
- elq_site_id: this.elqSiteId,
657
- elq_visitor_lookup_key: this.elqVisitorLookupKey,
658
- elq_recipient_id_lookup_key: this.elqRecipientIdLookupKey,
659
- elq_contact_lookup_key: this.elqContactLookupKey,
660
- elq_field_email_rec_id: this.elqFieldEmailRecId,
661
- elq_field_contact_email: this.elqFieldContactEmail,
662
- elq_field_visitor_email: this.elqFieldVisitorEmail,
663
- elq_field_visitor_firstname: this.elqFieldVisitorFirstname,
664
- elq_field_visitor_lastname: this.elqFieldVisitorLastname,
665
- notme_link_id: this.notmeLinkId,
666
- notme_fields_class: this.notmeFieldsClass,
667
- notme_message: this.notmeMessage,
668
- notme_message_noname: this.notmeMessageNoname,
669
- });
670
- this.isInitialized = true;
671
- }
672
- populateBlindField() {
673
- this.elqLib.add_field_mapping({ elementId: 'contact-phone', elqFieldName: 'C_BusPhone' });
674
- this.elqLib.add_field_mapping({ elementId: 'contact-email', elqFieldName: 'C_EmailAddress' });
675
- this.elqLib.add_field_mapping({ elementId: 'contact-firstname', elqFieldName: 'C_FirstName' });
676
- this.elqLib.add_field_mapping({ elementId: 'contact-lastname', elqFieldName: 'C_LastName' });
677
- this.elqLib.add_field_mapping({ elementId: 'contact-country', elqFieldName: 'C_Country' });
678
- this.elqLib.add_field_mapping({ elementId: 'contact-phone', elqFieldName: 'C_BusPhone' });
679
- this.elqLib.add_field_mapping({ elementId: 'company', elqFieldName: 'C_Company' });
680
- this.elqLib.add_field_mapping({ elementId: 'contact-state', elqFieldName: 'C_State_Prov' });
681
- this.elqLib.add_field_mapping({ elementId: 'contact-zipcode', elqFieldName: 'C_Zip_Postal' });
682
- this.elqLib.add_field_mapping({ elementId: 'contact-job-category', elqFieldName: 'C_Job_Role1' });
683
- this.elqLib.add_field_mapping({ elementId: 'contact-job-function', elqFieldName: 'C_Job_Function1' });
684
- this.elqLib.add_field_mapping({ elementId: 'contact-jp-job-title', elqFieldName: 'C_Title' });
685
- }
686
- getCookie(name) {
687
- let cookieValue = null;
688
- if (document.cookie) {
689
- const cookies = document.cookie.split(';');
690
- for (let cookie of cookies) {
691
- const [key, value] = cookie.trim().split('=');
692
- if (key === name) {
693
- cookieValue = decodeURIComponent(value);
694
- break;
695
- }
696
- }
697
- }
698
- return cookieValue;
699
- }
700
- init_notme() {
701
- const topAdditional = document.getElementById('not-me-additional-top');
702
- const bottomAdditional = document.getElementById('not-me-additional-bottom');
703
- console.log("top: " + topAdditional);
704
- if (topAdditional)
705
- topAdditional.style.display = 'none';
706
- if (bottomAdditional)
707
- bottomAdditional.style.display = 'none';
708
- }
709
- async performDataLookup() {
710
- if (this.isInitialized) {
711
- this.elqLib.user_elq_email = this.getCookie('elq-uid');
712
- this.elqLib.find_eloqua_contact();
713
- }
714
- }
715
- render() {
716
- return index.h("slot", null);
717
- }
718
- get el() { return index.getElement(this); }
719
- };
626
+ const PtcDataLookup = class {
627
+ constructor(hostRef) {
628
+ index.registerInstance(this, hostRef);
629
+ this.elqSiteId = undefined;
630
+ this.elqVisitorLookupKey = undefined;
631
+ this.elqRecipientIdLookupKey = undefined;
632
+ this.elqContactLookupKey = undefined;
633
+ this.elqFieldEmailRecId = 'V_EmailRecipientID';
634
+ this.elqFieldContactEmail = 'C_EmailAddress';
635
+ this.elqFieldVisitorEmail = 'V_Email_Address';
636
+ this.elqFieldVisitorFirstname = 'C_FirstName';
637
+ this.elqFieldVisitorLastname = 'C_LastName';
638
+ this.notmeLinkId = undefined;
639
+ this.notmeFieldsClass = undefined;
640
+ this.notmeMessage = undefined;
641
+ this.notmeMessageNoname = undefined;
642
+ this.isBlindSubmit = true;
643
+ this.isInitialized = false;
644
+ }
645
+ componentWillLoad() {
646
+ this.initializeElqLib();
647
+ if (this.isBlindSubmit) {
648
+ this.populateBlindField();
649
+ }
650
+ }
651
+ componentDidLoad() {
652
+ this.init_notme();
653
+ }
654
+ initializeElqLib() {
655
+ this.elqLib = new ElqLib({
656
+ elq_site_id: this.elqSiteId,
657
+ elq_visitor_lookup_key: this.elqVisitorLookupKey,
658
+ elq_recipient_id_lookup_key: this.elqRecipientIdLookupKey,
659
+ elq_contact_lookup_key: this.elqContactLookupKey,
660
+ elq_field_email_rec_id: this.elqFieldEmailRecId,
661
+ elq_field_contact_email: this.elqFieldContactEmail,
662
+ elq_field_visitor_email: this.elqFieldVisitorEmail,
663
+ elq_field_visitor_firstname: this.elqFieldVisitorFirstname,
664
+ elq_field_visitor_lastname: this.elqFieldVisitorLastname,
665
+ notme_link_id: this.notmeLinkId,
666
+ notme_fields_class: this.notmeFieldsClass,
667
+ notme_message: this.notmeMessage,
668
+ notme_message_noname: this.notmeMessageNoname,
669
+ });
670
+ this.isInitialized = true;
671
+ }
672
+ populateBlindField() {
673
+ this.elqLib.add_field_mapping({ elementId: 'contact-phone', elqFieldName: 'C_BusPhone' });
674
+ this.elqLib.add_field_mapping({ elementId: 'contact-email', elqFieldName: 'C_EmailAddress' });
675
+ this.elqLib.add_field_mapping({ elementId: 'contact-firstname', elqFieldName: 'C_FirstName' });
676
+ this.elqLib.add_field_mapping({ elementId: 'contact-lastname', elqFieldName: 'C_LastName' });
677
+ this.elqLib.add_field_mapping({ elementId: 'contact-country', elqFieldName: 'C_Country' });
678
+ this.elqLib.add_field_mapping({ elementId: 'contact-phone', elqFieldName: 'C_BusPhone' });
679
+ this.elqLib.add_field_mapping({ elementId: 'company', elqFieldName: 'C_Company' });
680
+ this.elqLib.add_field_mapping({ elementId: 'contact-state', elqFieldName: 'C_State_Prov' });
681
+ this.elqLib.add_field_mapping({ elementId: 'contact-zipcode', elqFieldName: 'C_Zip_Postal' });
682
+ this.elqLib.add_field_mapping({ elementId: 'contact-job-category', elqFieldName: 'C_Job_Role1' });
683
+ this.elqLib.add_field_mapping({ elementId: 'contact-job-function', elqFieldName: 'C_Job_Function1' });
684
+ this.elqLib.add_field_mapping({ elementId: 'contact-jp-job-title', elqFieldName: 'C_Title' });
685
+ }
686
+ getCookie(name) {
687
+ let cookieValue = null;
688
+ if (document.cookie) {
689
+ const cookies = document.cookie.split(';');
690
+ for (let cookie of cookies) {
691
+ const [key, value] = cookie.trim().split('=');
692
+ if (key === name) {
693
+ cookieValue = decodeURIComponent(value);
694
+ break;
695
+ }
696
+ }
697
+ }
698
+ return cookieValue;
699
+ }
700
+ init_notme() {
701
+ const topAdditional = document.getElementById('not-me-additional-top');
702
+ const bottomAdditional = document.getElementById('not-me-additional-bottom');
703
+ console.log("top: " + topAdditional);
704
+ if (topAdditional)
705
+ topAdditional.style.display = 'none';
706
+ if (bottomAdditional)
707
+ bottomAdditional.style.display = 'none';
708
+ }
709
+ async performDataLookup() {
710
+ if (this.isInitialized) {
711
+ this.elqLib.user_elq_email = this.getCookie('elq-uid');
712
+ this.elqLib.find_eloqua_contact();
713
+ }
714
+ }
715
+ render() {
716
+ return index.h("slot", null);
717
+ }
718
+ get el() { return index.getElement(this); }
719
+ };
720
720
  PtcDataLookup.style = ptcDataLookupCss;
721
721
 
722
722
  /******************************************************************************
@@ -2544,173 +2544,173 @@ var MDCFormField = /** @class */ (function (_super) {
2544
2544
  return MDCFormField;
2545
2545
  }(MDCComponent));
2546
2546
 
2547
- const ValidationMessages = {
2548
- de: {
2549
- required: 'Dieses Feld ist erforderlich.',
2550
- select: 'Bitte wählen Sie einen Wert.',
2551
- firstname: 'Bitte überprüfen Sie Ihren Vornamen.',
2552
- lastname: 'Bitte überprüfen Sie Ihren Nachnamen.',
2553
- validemail: 'Bitte geben Sie eine gültige E-Mail-Adresse ein.',
2554
- email: 'Bitte geben Sie eine gültige E-Mail-Adresse ein.',
2555
- companyemail: 'Bitte geben Sie eine Firmen-E-Mail-Adresse ein.',
2556
- tel: 'Telefonnummer ist erforderlich.',
2557
- validtel: 'Bitte geben Sie eine gültige Telefonnummer ein.',
2558
- },
2559
- en: {
2560
- required: 'This field is required.',
2561
- select: 'Please select a value.',
2562
- firstname: 'Please check your firstname.',
2563
- lastname: 'Please check your lastname.',
2564
- validemail: 'Please enter a valid email.',
2565
- email: 'Email is required.',
2566
- companyemail: 'Please enter a company email.',
2567
- tel: 'Telephone number is required.',
2568
- validtel: 'Please enter a valid telephone number',
2569
- },
2570
- fr: {
2571
- required: 'Ce champ est obligatoire.',
2572
- select: 'Veuillez sélectionner une valeur.',
2573
- firstname: 'Veuillez vérifier votre prénom.',
2574
- lastname: 'Veuillez vérifier votre nom de famille.',
2575
- validemail: 'Veuillez saisir une adresse e-mail valide.',
2576
- email: 'Adresse e-mail requise.',
2577
- companyemail: 'Veuillez saisir une adresse e-mail professionnelle.',
2578
- tel: 'Numéro de téléphone requis.',
2579
- validtel: 'Veuillez saisir un numéro de téléphone valide.',
2580
- },
2581
- ko: {
2582
- required: '이 필드는 필수입니다.',
2583
- select: '값을 선택해 주세요.',
2584
- firstname: '이름을 확인해 주세요.',
2585
- lastname: '성을 확인해 주세요.',
2586
- validemail: '유효한 이메일 주소를 입력해 주세요.',
2587
- email: '이메일 주소가 필요합니다.',
2588
- companyemail: '회사 이메일을 입력해 주세요.',
2589
- tel: '전화번호가 필요합니다.',
2590
- validtel: '유효한 전화번호를 입력해 주세요.',
2591
- },
2592
- pt: {
2593
- required: 'Este campo é obrigatório.',
2594
- select: 'Por favor, selecione um valor.',
2595
- firstname: 'Por favor, verifique seu primeiro nome.',
2596
- lastname: 'Por favor, verifique seu sobrenome.',
2597
- validemail: 'Por favor, insira um endereço de e-mail válido.',
2598
- email: 'Endereço de e-mail é obrigatório.',
2599
- companyemail: 'Por favor, insira um e-mail da empresa.',
2600
- tel: 'Número de telefone é obrigatório.',
2601
- validtel: 'Por favor, insira um número de telefone válido.',
2602
- },
2603
- cn: {
2604
- required: '此字段为必填项。',
2605
- select: '请选择一个值。',
2606
- firstname: '请检查您的名字。',
2607
- lastname: '请检查您的姓氏。',
2608
- validemail: '请输入有效的电子邮件地址。',
2609
- email: '需要电子邮件地址。',
2610
- companyemail: '请输入公司电子邮件。',
2611
- tel: '需要电话号码。',
2612
- validtel: '请输入有效的电话号码。',
2613
- },
2614
- tw: {
2615
- required: '此欄位為必填。',
2616
- select: '請選擇一個值。',
2617
- firstname: '請檢查您的名字。',
2618
- lastname: '請檢查您的姓氏。',
2619
- validemail: '請輸入有效的電子郵件地址。',
2620
- email: '需要電子郵件地址。',
2621
- companyemail: '請輸入公司電子郵件。',
2622
- tel: '需要電話號碼。',
2623
- validtel: '請輸入有效的電話號碼。',
2624
- },
2625
- ja: {
2626
- required: 'このフィールドは必須です。',
2627
- select: '値を選択してください。',
2628
- firstname: '名前を確認してください。',
2629
- lastname: '苗字を確認してください。',
2630
- validemail: '有効なメールアドレスを入力してください。',
2631
- email: 'メールアドレスが必要です。',
2632
- companyemail: '会社のメールアドレスを入力してください。',
2633
- tel: '電話番号が必要です。',
2634
- validtel: '有効な電話番号を入力してください。',
2635
- },
2636
- it: {
2637
- required: 'Questo campo è obbligatorio.',
2638
- select: 'Si prega di selezionare un valore.',
2639
- firstname: 'Si prega di controllare il proprio nome.',
2640
- lastname: 'Si prega di controllare il proprio cognome.',
2641
- validemail: 'Si prega di inserire un indirizzo email valido.',
2642
- email: "L'indirizzo email è richiesto.",
2643
- companyemail: "Si prega di inserire un'email aziendale.",
2644
- tel: 'È richiesto un numero di telefono.',
2645
- validtel: 'Si prega di inserire un numero di telefono valido.',
2646
- }
2547
+ const ValidationMessages = {
2548
+ de: {
2549
+ required: 'Dieses Feld ist erforderlich.',
2550
+ select: 'Bitte wählen Sie einen Wert.',
2551
+ firstname: 'Bitte überprüfen Sie Ihren Vornamen.',
2552
+ lastname: 'Bitte überprüfen Sie Ihren Nachnamen.',
2553
+ validemail: 'Bitte geben Sie eine gültige E-Mail-Adresse ein.',
2554
+ email: 'Bitte geben Sie eine gültige E-Mail-Adresse ein.',
2555
+ companyemail: 'Bitte geben Sie eine Firmen-E-Mail-Adresse ein.',
2556
+ tel: 'Telefonnummer ist erforderlich.',
2557
+ validtel: 'Bitte geben Sie eine gültige Telefonnummer ein.',
2558
+ },
2559
+ en: {
2560
+ required: 'This field is required.',
2561
+ select: 'Please select a value.',
2562
+ firstname: 'Please check your firstname.',
2563
+ lastname: 'Please check your lastname.',
2564
+ validemail: 'Please enter a valid email.',
2565
+ email: 'Email is required.',
2566
+ companyemail: 'Please enter a company email.',
2567
+ tel: 'Telephone number is required.',
2568
+ validtel: 'Please enter a valid telephone number',
2569
+ },
2570
+ fr: {
2571
+ required: 'Ce champ est obligatoire.',
2572
+ select: 'Veuillez sélectionner une valeur.',
2573
+ firstname: 'Veuillez vérifier votre prénom.',
2574
+ lastname: 'Veuillez vérifier votre nom de famille.',
2575
+ validemail: 'Veuillez saisir une adresse e-mail valide.',
2576
+ email: 'Adresse e-mail requise.',
2577
+ companyemail: 'Veuillez saisir une adresse e-mail professionnelle.',
2578
+ tel: 'Numéro de téléphone requis.',
2579
+ validtel: 'Veuillez saisir un numéro de téléphone valide.',
2580
+ },
2581
+ ko: {
2582
+ required: '이 필드는 필수입니다.',
2583
+ select: '값을 선택해 주세요.',
2584
+ firstname: '이름을 확인해 주세요.',
2585
+ lastname: '성을 확인해 주세요.',
2586
+ validemail: '유효한 이메일 주소를 입력해 주세요.',
2587
+ email: '이메일 주소가 필요합니다.',
2588
+ companyemail: '회사 이메일을 입력해 주세요.',
2589
+ tel: '전화번호가 필요합니다.',
2590
+ validtel: '유효한 전화번호를 입력해 주세요.',
2591
+ },
2592
+ pt: {
2593
+ required: 'Este campo é obrigatório.',
2594
+ select: 'Por favor, selecione um valor.',
2595
+ firstname: 'Por favor, verifique seu primeiro nome.',
2596
+ lastname: 'Por favor, verifique seu sobrenome.',
2597
+ validemail: 'Por favor, insira um endereço de e-mail válido.',
2598
+ email: 'Endereço de e-mail é obrigatório.',
2599
+ companyemail: 'Por favor, insira um e-mail da empresa.',
2600
+ tel: 'Número de telefone é obrigatório.',
2601
+ validtel: 'Por favor, insira um número de telefone válido.',
2602
+ },
2603
+ cn: {
2604
+ required: '此字段为必填项。',
2605
+ select: '请选择一个值。',
2606
+ firstname: '请检查您的名字。',
2607
+ lastname: '请检查您的姓氏。',
2608
+ validemail: '请输入有效的电子邮件地址。',
2609
+ email: '需要电子邮件地址。',
2610
+ companyemail: '请输入公司电子邮件。',
2611
+ tel: '需要电话号码。',
2612
+ validtel: '请输入有效的电话号码。',
2613
+ },
2614
+ tw: {
2615
+ required: '此欄位為必填。',
2616
+ select: '請選擇一個值。',
2617
+ firstname: '請檢查您的名字。',
2618
+ lastname: '請檢查您的姓氏。',
2619
+ validemail: '請輸入有效的電子郵件地址。',
2620
+ email: '需要電子郵件地址。',
2621
+ companyemail: '請輸入公司電子郵件。',
2622
+ tel: '需要電話號碼。',
2623
+ validtel: '請輸入有效的電話號碼。',
2624
+ },
2625
+ ja: {
2626
+ required: 'このフィールドは必須です。',
2627
+ select: '値を選択してください。',
2628
+ firstname: '名前を確認してください。',
2629
+ lastname: '苗字を確認してください。',
2630
+ validemail: '有効なメールアドレスを入力してください。',
2631
+ email: 'メールアドレスが必要です。',
2632
+ companyemail: '会社のメールアドレスを入力してください。',
2633
+ tel: '電話番号が必要です。',
2634
+ validtel: '有効な電話番号を入力してください。',
2635
+ },
2636
+ it: {
2637
+ required: 'Questo campo è obbligatorio.',
2638
+ select: 'Si prega di selezionare un valore.',
2639
+ firstname: 'Si prega di controllare il proprio nome.',
2640
+ lastname: 'Si prega di controllare il proprio cognome.',
2641
+ validemail: 'Si prega di inserire un indirizzo email valido.',
2642
+ email: "L'indirizzo email è richiesto.",
2643
+ companyemail: "Si prega di inserire un'email aziendale.",
2644
+ tel: 'È richiesto un numero di telefono.',
2645
+ validtel: 'Si prega di inserire un numero di telefono valido.',
2646
+ }
2647
2647
  };
2648
2648
 
2649
2649
  const ptcFormCheckboxCss = ".mdc-checkbox{padding:calc((40px - 18px) / 2);padding:calc((var(--mdc-checkbox-ripple-size, 40px) - 18px) / 2);margin:calc((40px - 40px) / 2);margin:calc((var(--mdc-checkbox-touch-target-size, 40px) - 40px) / 2)}.mdc-checkbox .mdc-checkbox__ripple::before,.mdc-checkbox .mdc-checkbox__ripple::after{background-color:#000;background-color:var(--mdc-ripple-color, #000)}.mdc-checkbox:hover .mdc-checkbox__ripple::before,.mdc-checkbox.mdc-ripple-surface--hover .mdc-checkbox__ripple::before{opacity:0.04;opacity:var(--mdc-ripple-hover-opacity, 0.04)}.mdc-checkbox.mdc-ripple-upgraded--background-focused .mdc-checkbox__ripple::before,.mdc-checkbox:not(.mdc-ripple-upgraded):focus .mdc-checkbox__ripple::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-focus-opacity, 0.12)}.mdc-checkbox:not(.mdc-ripple-upgraded) .mdc-checkbox__ripple::after{transition:opacity 150ms linear}.mdc-checkbox:not(.mdc-ripple-upgraded):active .mdc-checkbox__ripple::after{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-checkbox.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple::before,.mdc-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple::after{background-color:#018786;background-color:var(--mdc-ripple-color, var(--mdc-theme-secondary, #018786))}.mdc-checkbox.mdc-checkbox--selected:hover .mdc-checkbox__ripple::before,.mdc-checkbox.mdc-checkbox--selected.mdc-ripple-surface--hover .mdc-checkbox__ripple::before{opacity:0.04;opacity:var(--mdc-ripple-hover-opacity, 0.04)}.mdc-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded--background-focused .mdc-checkbox__ripple::before,.mdc-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):focus .mdc-checkbox__ripple::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-focus-opacity, 0.12)}.mdc-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded) .mdc-checkbox__ripple::after{transition:opacity 150ms linear}.mdc-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):active .mdc-checkbox__ripple::after{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple::before,.mdc-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple::after{background-color:#018786;background-color:var(--mdc-ripple-color, var(--mdc-theme-secondary, #018786))}.mdc-checkbox .mdc-checkbox__background{top:calc((40px - 18px) / 2);top:calc((var(--mdc-checkbox-ripple-size, 40px) - 18px) / 2);left:calc((40px - 18px) / 2);left:calc((var(--mdc-checkbox-ripple-size, 40px) - 18px) / 2)}.mdc-checkbox .mdc-checkbox__native-control{top:calc((40px - 40px) / 2);top:calc((40px - var(--mdc-checkbox-touch-target-size, 40px)) / 2);right:calc((40px - 40px) / 2);right:calc((40px - var(--mdc-checkbox-touch-target-size, 40px)) / 2);left:calc((40px - 40px) / 2);left:calc((40px - var(--mdc-checkbox-touch-target-size, 40px)) / 2);width:40px;width:var(--mdc-checkbox-touch-target-size, 40px);height:40px;height:var(--mdc-checkbox-touch-target-size, 40px)}.mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true])~.mdc-checkbox__background{border-color:rgba(0, 0, 0, 0.54);border-color:var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54));background-color:transparent}.mdc-checkbox .mdc-checkbox__native-control:enabled:checked~.mdc-checkbox__background,.mdc-checkbox .mdc-checkbox__native-control:enabled:indeterminate~.mdc-checkbox__background,.mdc-checkbox .mdc-checkbox__native-control[data-indeterminate=true]:enabled~.mdc-checkbox__background{border-color:#018786;border-color:var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786));background-color:#018786;background-color:var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786))}@-webkit-keyframes mdc-checkbox-fade-in-background-8A000000FF01878600000000FF018786{0%{border-color:rgba(0, 0, 0, 0.54);border-color:var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54));background-color:transparent}50%{border-color:#018786;border-color:var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786));background-color:#018786;background-color:var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786))}}@keyframes mdc-checkbox-fade-in-background-8A000000FF01878600000000FF018786{0%{border-color:rgba(0, 0, 0, 0.54);border-color:var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54));background-color:transparent}50%{border-color:#018786;border-color:var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786));background-color:#018786;background-color:var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786))}}@-webkit-keyframes mdc-checkbox-fade-out-background-8A000000FF01878600000000FF018786{0%,80%{border-color:#018786;border-color:var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786));background-color:#018786;background-color:var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786))}100%{border-color:rgba(0, 0, 0, 0.54);border-color:var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54));background-color:transparent}}@keyframes mdc-checkbox-fade-out-background-8A000000FF01878600000000FF018786{0%,80%{border-color:#018786;border-color:var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786));background-color:#018786;background-color:var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786))}100%{border-color:rgba(0, 0, 0, 0.54);border-color:var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54));background-color:transparent}}.mdc-checkbox.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled~.mdc-checkbox__background,.mdc-checkbox.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled~.mdc-checkbox__background{-webkit-animation-name:mdc-checkbox-fade-in-background-8A000000FF01878600000000FF018786;animation-name:mdc-checkbox-fade-in-background-8A000000FF01878600000000FF018786}.mdc-checkbox.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled~.mdc-checkbox__background,.mdc-checkbox.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled~.mdc-checkbox__background{-webkit-animation-name:mdc-checkbox-fade-out-background-8A000000FF01878600000000FF018786;animation-name:mdc-checkbox-fade-out-background-8A000000FF01878600000000FF018786}.mdc-checkbox .mdc-checkbox__native-control[disabled]:not(:checked):not(:indeterminate):not([data-indeterminate=true])~.mdc-checkbox__background{border-color:rgba(0, 0, 0, 0.38);border-color:var(--mdc-checkbox-disabled-color, rgba(0, 0, 0, 0.38));background-color:transparent}.mdc-checkbox .mdc-checkbox__native-control[disabled]:checked~.mdc-checkbox__background,.mdc-checkbox .mdc-checkbox__native-control[disabled]:indeterminate~.mdc-checkbox__background,.mdc-checkbox .mdc-checkbox__native-control[data-indeterminate=true][disabled]~.mdc-checkbox__background{border-color:transparent;background-color:rgba(0, 0, 0, 0.38);background-color:var(--mdc-checkbox-disabled-color, rgba(0, 0, 0, 0.38))}.mdc-checkbox .mdc-checkbox__native-control:enabled~.mdc-checkbox__background .mdc-checkbox__checkmark{color:#fff;color:var(--mdc-checkbox-ink-color, #fff)}.mdc-checkbox .mdc-checkbox__native-control:enabled~.mdc-checkbox__background .mdc-checkbox__mixedmark{border-color:#fff;border-color:var(--mdc-checkbox-ink-color, #fff)}.mdc-checkbox .mdc-checkbox__native-control:disabled~.mdc-checkbox__background .mdc-checkbox__checkmark{color:#fff;color:var(--mdc-checkbox-ink-color, #fff)}.mdc-checkbox .mdc-checkbox__native-control:disabled~.mdc-checkbox__background .mdc-checkbox__mixedmark{border-color:#fff;border-color:var(--mdc-checkbox-ink-color, #fff)}.mdc-touch-target-wrapper{display:inline}@-webkit-keyframes mdc-checkbox-unchecked-checked-checkmark-path{0%,50%{stroke-dashoffset:29.7833385}50%{-webkit-animation-timing-function:cubic-bezier(0, 0, 0.2, 1);animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}100%{stroke-dashoffset:0}}@keyframes mdc-checkbox-unchecked-checked-checkmark-path{0%,50%{stroke-dashoffset:29.7833385}50%{-webkit-animation-timing-function:cubic-bezier(0, 0, 0.2, 1);animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}100%{stroke-dashoffset:0}}@-webkit-keyframes mdc-checkbox-unchecked-indeterminate-mixedmark{0%,68.2%{-webkit-transform:scaleX(0);transform:scaleX(0)}68.2%{-webkit-animation-timing-function:cubic-bezier(0, 0, 0, 1);animation-timing-function:cubic-bezier(0, 0, 0, 1)}100%{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes mdc-checkbox-unchecked-indeterminate-mixedmark{0%,68.2%{-webkit-transform:scaleX(0);transform:scaleX(0)}68.2%{-webkit-animation-timing-function:cubic-bezier(0, 0, 0, 1);animation-timing-function:cubic-bezier(0, 0, 0, 1)}100%{-webkit-transform:scaleX(1);transform:scaleX(1)}}@-webkit-keyframes mdc-checkbox-checked-unchecked-checkmark-path{from{-webkit-animation-timing-function:cubic-bezier(0.4, 0, 1, 1);animation-timing-function:cubic-bezier(0.4, 0, 1, 1);opacity:1;stroke-dashoffset:0}to{opacity:0;stroke-dashoffset:-29.7833385}}@keyframes mdc-checkbox-checked-unchecked-checkmark-path{from{-webkit-animation-timing-function:cubic-bezier(0.4, 0, 1, 1);animation-timing-function:cubic-bezier(0.4, 0, 1, 1);opacity:1;stroke-dashoffset:0}to{opacity:0;stroke-dashoffset:-29.7833385}}@-webkit-keyframes mdc-checkbox-checked-indeterminate-checkmark{from{-webkit-animation-timing-function:cubic-bezier(0, 0, 0.2, 1);animation-timing-function:cubic-bezier(0, 0, 0.2, 1);-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:1}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@keyframes mdc-checkbox-checked-indeterminate-checkmark{from{-webkit-animation-timing-function:cubic-bezier(0, 0, 0.2, 1);animation-timing-function:cubic-bezier(0, 0, 0.2, 1);-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:1}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@-webkit-keyframes mdc-checkbox-indeterminate-checked-checkmark{from{-webkit-animation-timing-function:cubic-bezier(0.14, 0, 0, 1);animation-timing-function:cubic-bezier(0.14, 0, 0, 1);-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:rotate(360deg);transform:rotate(360deg);opacity:1}}@keyframes mdc-checkbox-indeterminate-checked-checkmark{from{-webkit-animation-timing-function:cubic-bezier(0.14, 0, 0, 1);animation-timing-function:cubic-bezier(0.14, 0, 0, 1);-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:rotate(360deg);transform:rotate(360deg);opacity:1}}@-webkit-keyframes mdc-checkbox-checked-indeterminate-mixedmark{from{-webkit-animation-timing-function:mdc-animation-deceleration-curve-timing-function;animation-timing-function:mdc-animation-deceleration-curve-timing-function;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:1}}@keyframes mdc-checkbox-checked-indeterminate-mixedmark{from{-webkit-animation-timing-function:mdc-animation-deceleration-curve-timing-function;animation-timing-function:mdc-animation-deceleration-curve-timing-function;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:1}}@-webkit-keyframes mdc-checkbox-indeterminate-checked-mixedmark{from{-webkit-animation-timing-function:cubic-bezier(0.14, 0, 0, 1);animation-timing-function:cubic-bezier(0.14, 0, 0, 1);-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:1}to{-webkit-transform:rotate(315deg);transform:rotate(315deg);opacity:0}}@keyframes mdc-checkbox-indeterminate-checked-mixedmark{from{-webkit-animation-timing-function:cubic-bezier(0.14, 0, 0, 1);animation-timing-function:cubic-bezier(0.14, 0, 0, 1);-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:1}to{-webkit-transform:rotate(315deg);transform:rotate(315deg);opacity:0}}@-webkit-keyframes mdc-checkbox-indeterminate-unchecked-mixedmark{0%{-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}32.8%,100%{-webkit-transform:scaleX(0);transform:scaleX(0);opacity:0}}@keyframes mdc-checkbox-indeterminate-unchecked-mixedmark{0%{-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}32.8%,100%{-webkit-transform:scaleX(0);transform:scaleX(0);opacity:0}}.mdc-checkbox{display:inline-block;position:relative;flex:0 0 18px;box-sizing:content-box;width:18px;height:18px;line-height:0;white-space:nowrap;cursor:pointer;vertical-align:bottom}.mdc-checkbox.mdc-ripple-upgraded--background-focused .mdc-checkbox__focus-ring,.mdc-checkbox:not(.mdc-ripple-upgraded):focus .mdc-checkbox__focus-ring{pointer-events:none;border:2px solid transparent;border-radius:6px;box-sizing:content-box;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);height:100%;width:100%}@media screen and (forced-colors: active){.mdc-checkbox.mdc-ripple-upgraded--background-focused .mdc-checkbox__focus-ring,.mdc-checkbox:not(.mdc-ripple-upgraded):focus .mdc-checkbox__focus-ring{border-color:CanvasText}}.mdc-checkbox.mdc-ripple-upgraded--background-focused .mdc-checkbox__focus-ring::after,.mdc-checkbox:not(.mdc-ripple-upgraded):focus .mdc-checkbox__focus-ring::after{content:\"\";border:2px solid transparent;border-radius:8px;display:block;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);height:calc(100% + 4px);width:calc(100% + 4px)}@media screen and (forced-colors: active){.mdc-checkbox.mdc-ripple-upgraded--background-focused .mdc-checkbox__focus-ring::after,.mdc-checkbox:not(.mdc-ripple-upgraded):focus .mdc-checkbox__focus-ring::after{border-color:CanvasText}}@media all and (-ms-high-contrast: none){.mdc-checkbox .mdc-checkbox__focus-ring{display:none}}@media screen and (forced-colors: active), (-ms-high-contrast: active){.mdc-checkbox__mixedmark{margin:0 1px}}.mdc-checkbox--disabled{cursor:default;pointer-events:none}.mdc-checkbox__background{display:inline-flex;position:absolute;align-items:center;justify-content:center;box-sizing:border-box;width:18px;height:18px;border:2px solid currentColor;border-radius:2px;background-color:transparent;pointer-events:none;will-change:background-color, border-color;transition:background-color 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), border-color 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1)}.mdc-checkbox__checkmark{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;opacity:0;transition:opacity 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1)}.mdc-checkbox--upgraded .mdc-checkbox__checkmark{opacity:1}.mdc-checkbox__checkmark-path{transition:stroke-dashoffset 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1);stroke:currentColor;stroke-width:3.12px;stroke-dashoffset:29.7833385;stroke-dasharray:29.7833385}.mdc-checkbox__mixedmark{width:100%;height:0;-webkit-transform:scaleX(0) rotate(0deg);transform:scaleX(0) rotate(0deg);border-width:1px;border-style:solid;opacity:0;transition:opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);transition:opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);transition:opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1)}.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__background,.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__background,.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__background,.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__background{-webkit-animation-duration:180ms;animation-duration:180ms;-webkit-animation-timing-function:linear;animation-timing-function:linear}.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__checkmark-path{-webkit-animation:mdc-checkbox-unchecked-checked-checkmark-path 180ms linear 0s;animation:mdc-checkbox-unchecked-checked-checkmark-path 180ms linear 0s;transition:none}.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__mixedmark{-webkit-animation:mdc-checkbox-unchecked-indeterminate-mixedmark 90ms linear 0s;animation:mdc-checkbox-unchecked-indeterminate-mixedmark 90ms linear 0s;transition:none}.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__checkmark-path{-webkit-animation:mdc-checkbox-checked-unchecked-checkmark-path 90ms linear 0s;animation:mdc-checkbox-checked-unchecked-checkmark-path 90ms linear 0s;transition:none}.mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__checkmark{-webkit-animation:mdc-checkbox-checked-indeterminate-checkmark 90ms linear 0s;animation:mdc-checkbox-checked-indeterminate-checkmark 90ms linear 0s;transition:none}.mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__mixedmark{-webkit-animation:mdc-checkbox-checked-indeterminate-mixedmark 90ms linear 0s;animation:mdc-checkbox-checked-indeterminate-mixedmark 90ms linear 0s;transition:none}.mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__checkmark{-webkit-animation:mdc-checkbox-indeterminate-checked-checkmark 500ms linear 0s;animation:mdc-checkbox-indeterminate-checked-checkmark 500ms linear 0s;transition:none}.mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__mixedmark{-webkit-animation:mdc-checkbox-indeterminate-checked-mixedmark 500ms linear 0s;animation:mdc-checkbox-indeterminate-checked-mixedmark 500ms linear 0s;transition:none}.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__mixedmark{-webkit-animation:mdc-checkbox-indeterminate-unchecked-mixedmark 300ms linear 0s;animation:mdc-checkbox-indeterminate-unchecked-mixedmark 300ms linear 0s;transition:none}.mdc-checkbox__native-control:checked~.mdc-checkbox__background,.mdc-checkbox__native-control:indeterminate~.mdc-checkbox__background,.mdc-checkbox__native-control[data-indeterminate=true]~.mdc-checkbox__background{transition:border-color 90ms 0ms cubic-bezier(0, 0, 0.2, 1), background-color 90ms 0ms cubic-bezier(0, 0, 0.2, 1)}.mdc-checkbox__native-control:checked~.mdc-checkbox__background .mdc-checkbox__checkmark-path,.mdc-checkbox__native-control:indeterminate~.mdc-checkbox__background .mdc-checkbox__checkmark-path,.mdc-checkbox__native-control[data-indeterminate=true]~.mdc-checkbox__background .mdc-checkbox__checkmark-path{stroke-dashoffset:0}.mdc-checkbox__native-control{position:absolute;margin:0;padding:0;opacity:0;cursor:inherit}.mdc-checkbox__native-control:disabled{cursor:default;pointer-events:none}.mdc-checkbox--touch{margin:calc((48px - 40px) / 2);margin:calc((var(--mdc-checkbox-state-layer-size, 48px) - var(--mdc-checkbox-state-layer-size, 40px)) / 2)}.mdc-checkbox--touch .mdc-checkbox__native-control{top:calc((40px - 48px) / 2);top:calc((var(--mdc-checkbox-state-layer-size, 40px) - var(--mdc-checkbox-state-layer-size, 48px)) / 2);right:calc((40px - 48px) / 2);right:calc((var(--mdc-checkbox-state-layer-size, 40px) - var(--mdc-checkbox-state-layer-size, 48px)) / 2);left:calc((40px - 48px) / 2);left:calc((var(--mdc-checkbox-state-layer-size, 40px) - var(--mdc-checkbox-state-layer-size, 48px)) / 2);width:48px;width:var(--mdc-checkbox-state-layer-size, 48px);height:48px;height:var(--mdc-checkbox-state-layer-size, 48px)}.mdc-checkbox__native-control:checked~.mdc-checkbox__background .mdc-checkbox__checkmark{transition:opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1);transition:opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1);transition:opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1);opacity:1}.mdc-checkbox__native-control:checked~.mdc-checkbox__background .mdc-checkbox__mixedmark{-webkit-transform:scaleX(1) rotate(-45deg);transform:scaleX(1) rotate(-45deg)}.mdc-checkbox__native-control:indeterminate~.mdc-checkbox__background .mdc-checkbox__checkmark,.mdc-checkbox__native-control[data-indeterminate=true]~.mdc-checkbox__background .mdc-checkbox__checkmark{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0;transition:opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);transition:opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);transition:opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1)}.mdc-checkbox__native-control:indeterminate~.mdc-checkbox__background .mdc-checkbox__mixedmark,.mdc-checkbox__native-control[data-indeterminate=true]~.mdc-checkbox__background .mdc-checkbox__mixedmark{-webkit-transform:scaleX(1) rotate(0deg);transform:scaleX(1) rotate(0deg);opacity:1}.mdc-checkbox.mdc-checkbox--upgraded .mdc-checkbox__background,.mdc-checkbox.mdc-checkbox--upgraded .mdc-checkbox__checkmark,.mdc-checkbox.mdc-checkbox--upgraded .mdc-checkbox__checkmark-path,.mdc-checkbox.mdc-checkbox--upgraded .mdc-checkbox__mixedmark{transition:none}@-webkit-keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}}@keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}}@-webkit-keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@-webkit-keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}@keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.mdc-checkbox{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);will-change:transform, opacity}.mdc-checkbox .mdc-checkbox__ripple::before,.mdc-checkbox .mdc-checkbox__ripple::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:\"\"}.mdc-checkbox .mdc-checkbox__ripple::before{transition:opacity 15ms linear, background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index, 1)}.mdc-checkbox .mdc-checkbox__ripple::after{z-index:0;z-index:var(--mdc-ripple-z-index, 0)}.mdc-checkbox.mdc-ripple-upgraded .mdc-checkbox__ripple::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale, 1));transform:scale(var(--mdc-ripple-fg-scale, 1))}.mdc-checkbox.mdc-ripple-upgraded .mdc-checkbox__ripple::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.mdc-checkbox.mdc-ripple-upgraded--unbounded .mdc-checkbox__ripple::after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.mdc-checkbox.mdc-ripple-upgraded--foreground-activation .mdc-checkbox__ripple::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards}.mdc-checkbox.mdc-ripple-upgraded--foreground-deactivation .mdc-checkbox__ripple::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.mdc-checkbox .mdc-checkbox__ripple::before,.mdc-checkbox .mdc-checkbox__ripple::after{top:calc(50% - 50%);left:calc(50% - 50%);width:100%;height:100%}.mdc-checkbox.mdc-ripple-upgraded .mdc-checkbox__ripple::before,.mdc-checkbox.mdc-ripple-upgraded .mdc-checkbox__ripple::after{top:var(--mdc-ripple-top, calc(50% - 50%));left:var(--mdc-ripple-left, calc(50% - 50%));width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-checkbox.mdc-ripple-upgraded .mdc-checkbox__ripple::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-checkbox{z-index:0}.mdc-checkbox .mdc-checkbox__ripple::before,.mdc-checkbox .mdc-checkbox__ripple::after{z-index:-1;z-index:var(--mdc-ripple-z-index, -1)}.mdc-checkbox__ripple{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}@media screen and (forced-colors: active), (-ms-high-contrast: active){.mdc-checkbox .mdc-checkbox__native-control[disabled]:not(:checked):not(:indeterminate):not([data-indeterminate=true])~.mdc-checkbox__background{border-color:GrayText;border-color:var(--mdc-checkbox-disabled-unselected-icon-color, GrayText);background-color:transparent}.mdc-checkbox .mdc-checkbox__native-control[disabled]:checked~.mdc-checkbox__background,.mdc-checkbox .mdc-checkbox__native-control[disabled]:indeterminate~.mdc-checkbox__background,.mdc-checkbox .mdc-checkbox__native-control[data-indeterminate=true][disabled]~.mdc-checkbox__background{border-color:GrayText;background-color:GrayText;background-color:var(--mdc-checkbox-disabled-selected-icon-color, GrayText)}.mdc-checkbox .mdc-checkbox__native-control:enabled~.mdc-checkbox__background .mdc-checkbox__checkmark{color:ButtonText;color:var(--mdc-checkbox-selected-checkmark-color, ButtonText)}.mdc-checkbox .mdc-checkbox__native-control:enabled~.mdc-checkbox__background .mdc-checkbox__mixedmark{border-color:ButtonText;border-color:var(--mdc-checkbox-selected-checkmark-color, ButtonText)}.mdc-checkbox .mdc-checkbox__native-control:disabled~.mdc-checkbox__background .mdc-checkbox__checkmark{color:ButtonFace;color:var(--mdc-checkbox-disabled-selected-checkmark-color, ButtonFace)}.mdc-checkbox .mdc-checkbox__native-control:disabled~.mdc-checkbox__background .mdc-checkbox__mixedmark{border-color:ButtonFace;border-color:var(--mdc-checkbox-disabled-selected-checkmark-color, ButtonFace)}}.mdc-form-field{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.875rem;font-size:var(--mdc-typography-body2-font-size, 0.875rem);line-height:1.25rem;line-height:var(--mdc-typography-body2-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:0.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, 0.0178571429em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform, inherit);color:rgba(0, 0, 0, 0.87);color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));display:inline-flex;align-items:center;vertical-align:middle}.mdc-form-field>label{margin-left:0;margin-right:auto;padding-left:4px;padding-right:0;order:0}[dir=rtl] .mdc-form-field>label,.mdc-form-field>label[dir=rtl]{margin-left:auto;margin-right:0;}[dir=rtl] .mdc-form-field>label,.mdc-form-field>label[dir=rtl]{padding-left:0;padding-right:4px;}.mdc-form-field--nowrap>label{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.mdc-form-field--align-end>label{margin-left:auto;margin-right:0;padding-left:0;padding-right:4px;order:-1}[dir=rtl] .mdc-form-field--align-end>label,.mdc-form-field--align-end>label[dir=rtl]{margin-left:0;margin-right:auto;}[dir=rtl] .mdc-form-field--align-end>label,.mdc-form-field--align-end>label[dir=rtl]{padding-left:4px;padding-right:0;}.mdc-form-field--space-between{justify-content:space-between}.mdc-form-field--space-between>label{margin:0}[dir=rtl] .mdc-form-field--space-between>label,.mdc-form-field--space-between>label[dir=rtl]{margin:0;}:host{display:block}.mdc-form-field{width:273px;align-items:flex-start;margin-top:12px;margin-bottom:12px}.mdc-form-field>label{transform:translate(-11px, 7px)}.mdc-form-field>label a{color:var(--color-blue-07)}.mdc-form-field>label a:hover{color:var(--color-blue-08)}.mdc-form-field>label a:active{color:var(--color-blue-09)}.mdc-form-field.invalid-checkbox{position:relative}.mdc-form-field.invalid-checkbox::before{content:\"\";position:absolute;width:calc(100% + 16px);height:calc(100% + 10px);background:#FEF3F3;display:flex;flex-direction:column;justify-content:center;z-index:0;left:50%;top:50%;transform:translate(-50%, -50%)}.mdc-checkbox{transform:translateX(-8px);padding:8px;padding:calc((var(--mdc-checkbox-ripple-size, 34px) - 18px) / 2);margin:0px;margin:calc((var(--mdc-checkbox-touch-target-size, 34px) - 34px) / 2)}.mdc-checkbox .mdc-checkbox__background{top:8px;top:calc((var(--mdc-checkbox-ripple-size, 34px) - 18px) / 2);left:8px;left:calc((var(--mdc-checkbox-ripple-size, 34px) - 18px) / 2)}.mdc-checkbox .mdc-checkbox__native-control{top:0px;top:calc((34px - var(--mdc-checkbox-touch-target-size, 34px)) / 2);right:0px;right:calc((34px - var(--mdc-checkbox-touch-target-size, 34px)) / 2);left:0px;left:calc((34px - var(--mdc-checkbox-touch-target-size, 34px)) / 2);width:34px;width:var(--mdc-checkbox-touch-target-size, 34px);height:34px;height:var(--mdc-checkbox-touch-target-size, 34px)}.mdc-checkbox .mdc-checkbox__native-control:enabled:checked~.mdc-checkbox__background{background-color:var(--color-green-06)}.label-only .mdc-checkbox{display:none}.label-only>label{padding-left:10px}.checkbox-helper-wrapper{padding-right:16px;padding-left:8px;margin-bottom:32px}.checkbox-helper-wrapper p{position:relative;color:#AF3231;font-family:Raleway;font-size:14px;font-style:normal;font-weight:600;line-height:10px}.checkbox-helper-wrapper p svg{transform:translate(-8px, 3px)}";
2650
2650
 
2651
- const PtcFormCheckbox = class {
2652
- constructor(hostRef) {
2653
- index.registerInstance(this, hostRef);
2654
- this.checkboxChanged = index.createEvent(this, "checkboxChanged", 7);
2655
- this.checkboxId = undefined;
2656
- this.label = undefined;
2657
- this.isRequired = true;
2658
- this.isChecked = false;
2659
- this.name = undefined;
2660
- this.helpertext = 'This field is required';
2661
- this.hideCheckbox = false;
2662
- this.disabled = false;
2663
- this.hasError = false;
2664
- this.language = 'en';
2665
- }
2666
- handleChange(event) {
2667
- if (this.disabled) {
2668
- event.preventDefault();
2669
- }
2670
- else {
2671
- const isCheckedStatus = event.target.checked;
2672
- this.checkboxChanged.emit(isCheckedStatus);
2673
- this.isChecked = isCheckedStatus;
2674
- this.validateCheckbox();
2675
- console.log('log: isChecked:' + this.isChecked);
2676
- }
2677
- }
2678
- componentWillLoad() {
2679
- this.language = utils.getLanguageFromURL();
2680
- this.helpertext = this.getValidationMessage('required');
2681
- }
2682
- componentDidLoad() {
2683
- this.mdcCheckboxComponent = MDCCheckbox.attachTo(this.mdcCheckbox);
2684
- this.mdcFormfieldComponent = MDCFormField.attachTo(this.mdcFormfield);
2685
- }
2686
- async validateCheckbox() {
2687
- // this.isCheckboxChecked = !this.isCheckboxChecked; // Toggle checkbox state
2688
- if (this.isRequired) {
2689
- if (!this.checkboxInput.checked) {
2690
- this.hasError = true; // Set error state to true
2691
- }
2692
- else {
2693
- this.hasError = false; // Reset error state
2694
- }
2695
- }
2696
- }
2697
- getValidationMessage(type) {
2698
- // console.log("lang type: " + type);
2699
- return ValidationMessages[this.language][type];
2700
- }
2701
- render() {
2702
- return [
2703
- index.h("div", { class: `mdc-form-field ${this.hasError && this.isRequired ? 'invalid-checkbox' : ''} ${this.hideCheckbox ? 'label-only' : ''}`, ref: mdcFormfield => {
2704
- this.mdcFormfield = mdcFormfield;
2705
- } }, index.h("div", { class: "mdc-checkbox", ref: mdcCheckbox => {
2706
- this.mdcCheckbox = mdcCheckbox;
2707
- } }, index.h("input", Object.assign({ id: this.checkboxId, ref: checkboxInput => {
2708
- this.checkboxInput = checkboxInput;
2709
- }, type: "checkbox" }, (this.isRequired ? { required: true } : { required: false }), { class: "mdc-checkbox__native-control", onChange: this.handleChange.bind(this) })), index.h("div", { class: "mdc-checkbox__background" }, index.h("svg", { class: "mdc-checkbox__checkmark", viewBox: "0 0 24 24" }, index.h("path", { class: "mdc-checkbox__checkmark-path", fill: "none", d: "M1.73,12.91 8.1,19.28 22.79,4.59" })), index.h("div", { class: "mdc-checkbox__mixedmark" })), index.h("div", { class: "mdc-checkbox__ripple" })), index.h("label", { htmlFor: this.checkboxId, innerHTML: this.label })),
2710
- this.hasError ? (index.h("div", { class: "checkbox-helper-wrapper" }, index.h("p", { id: this.name }, index.h("svg", { class: "select-error-svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("g", { "clip-path": "url(#clip0_12_1424)" }, index.h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.3156 0L16 4.68444V11.3156L11.3156 16H4.68444L0 11.3156V4.68444L4.68444 0H11.3156ZM8 10.4C7.36 10.4 6.84444 10.9156 6.84444 11.5556C6.84444 12.1956 7.36 12.7111 8 12.7111C8.64 12.7111 9.15556 12.1956 9.15556 11.5556C9.15556 10.9156 8.64 10.4 8 10.4ZM8.88889 3.55556H7.11111V8.88889H8.88889V3.55556Z", fill: "#AF3231" })), index.h("defs", null, index.h("clipPath", { id: "clip0_12_1424" }, index.h("rect", { width: "16", height: "16", fill: "white" })))), this.helpertext))) : null,
2711
- ];
2712
- }
2713
- };
2651
+ const PtcFormCheckbox = class {
2652
+ constructor(hostRef) {
2653
+ index.registerInstance(this, hostRef);
2654
+ this.checkboxChanged = index.createEvent(this, "checkboxChanged", 7);
2655
+ this.checkboxId = undefined;
2656
+ this.label = undefined;
2657
+ this.isRequired = true;
2658
+ this.isChecked = false;
2659
+ this.name = undefined;
2660
+ this.helpertext = 'This field is required';
2661
+ this.hideCheckbox = false;
2662
+ this.disabled = false;
2663
+ this.hasError = false;
2664
+ this.language = 'en';
2665
+ }
2666
+ handleChange(event) {
2667
+ if (this.disabled) {
2668
+ event.preventDefault();
2669
+ }
2670
+ else {
2671
+ const isCheckedStatus = event.target.checked;
2672
+ this.checkboxChanged.emit(isCheckedStatus);
2673
+ this.isChecked = isCheckedStatus;
2674
+ this.validateCheckbox();
2675
+ console.log('log: isChecked:' + this.isChecked);
2676
+ }
2677
+ }
2678
+ componentWillLoad() {
2679
+ this.language = utils.getLanguageFromURL();
2680
+ this.helpertext = this.getValidationMessage('required');
2681
+ }
2682
+ componentDidLoad() {
2683
+ this.mdcCheckboxComponent = MDCCheckbox.attachTo(this.mdcCheckbox);
2684
+ this.mdcFormfieldComponent = MDCFormField.attachTo(this.mdcFormfield);
2685
+ }
2686
+ async validateCheckbox() {
2687
+ // this.isCheckboxChecked = !this.isCheckboxChecked; // Toggle checkbox state
2688
+ if (this.isRequired) {
2689
+ if (!this.checkboxInput.checked) {
2690
+ this.hasError = true; // Set error state to true
2691
+ }
2692
+ else {
2693
+ this.hasError = false; // Reset error state
2694
+ }
2695
+ }
2696
+ }
2697
+ getValidationMessage(type) {
2698
+ // console.log("lang type: " + type);
2699
+ return ValidationMessages[this.language][type];
2700
+ }
2701
+ render() {
2702
+ return [
2703
+ index.h("div", { class: `mdc-form-field ${this.hasError && this.isRequired ? 'invalid-checkbox' : ''} ${this.hideCheckbox ? 'label-only' : ''}`, ref: mdcFormfield => {
2704
+ this.mdcFormfield = mdcFormfield;
2705
+ } }, index.h("div", { class: "mdc-checkbox", ref: mdcCheckbox => {
2706
+ this.mdcCheckbox = mdcCheckbox;
2707
+ } }, index.h("input", Object.assign({ id: this.checkboxId, ref: checkboxInput => {
2708
+ this.checkboxInput = checkboxInput;
2709
+ }, type: "checkbox" }, (this.isRequired ? { required: true } : { required: false }), { class: "mdc-checkbox__native-control", onChange: this.handleChange.bind(this) })), index.h("div", { class: "mdc-checkbox__background" }, index.h("svg", { class: "mdc-checkbox__checkmark", viewBox: "0 0 24 24" }, index.h("path", { class: "mdc-checkbox__checkmark-path", fill: "none", d: "M1.73,12.91 8.1,19.28 22.79,4.59" })), index.h("div", { class: "mdc-checkbox__mixedmark" })), index.h("div", { class: "mdc-checkbox__ripple" })), index.h("label", { htmlFor: this.checkboxId, innerHTML: this.label })),
2710
+ this.hasError ? (index.h("div", { class: "checkbox-helper-wrapper" }, index.h("p", { id: this.name }, index.h("svg", { class: "select-error-svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("g", { "clip-path": "url(#clip0_12_1424)" }, index.h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.3156 0L16 4.68444V11.3156L11.3156 16H4.68444L0 11.3156V4.68444L4.68444 0H11.3156ZM8 10.4C7.36 10.4 6.84444 10.9156 6.84444 11.5556C6.84444 12.1956 7.36 12.7111 8 12.7111C8.64 12.7111 9.15556 12.1956 9.15556 11.5556C9.15556 10.9156 8.64 10.4 8 10.4ZM8.88889 3.55556H7.11111V8.88889H8.88889V3.55556Z", fill: "#AF3231" })), index.h("defs", null, index.h("clipPath", { id: "clip0_12_1424" }, index.h("rect", { width: "16", height: "16", fill: "white" })))), this.helpertext))) : null,
2711
+ ];
2712
+ }
2713
+ };
2714
2714
  PtcFormCheckbox.style = ptcFormCheckboxCss;
2715
2715
 
2716
2716
  /**
@@ -7978,359 +7978,359 @@ var MDCSelect = /** @class */ (function (_super) {
7978
7978
 
7979
7979
  const ptcSelectCss = "@charset \"UTF-8\";.mdc-floating-label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1rem;font-size:var(--mdc-typography-subtitle1-font-size, 1rem);font-weight:400;font-weight:var(--mdc-typography-subtitle1-font-weight, 400);letter-spacing:0.009375em;letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle1-text-transform, inherit);position:absolute;left:0;-webkit-transform-origin:left top;transform-origin:left top;line-height:1.15rem;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:text;overflow:hidden;will-change:transform;transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 150ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 150ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1)}[dir=rtl] .mdc-floating-label,.mdc-floating-label[dir=rtl]{right:0;left:auto;-webkit-transform-origin:right top;transform-origin:right top;text-align:right;}.mdc-floating-label--float-above{cursor:auto}.mdc-floating-label--required::after{margin-left:1px;margin-right:0px;content:\"*\"}[dir=rtl] .mdc-floating-label--required,.mdc-floating-label--required[dir=rtl]{}[dir=rtl] .mdc-floating-label--required::after,.mdc-floating-label--required[dir=rtl]::after{margin-left:0;margin-right:1px}.mdc-floating-label--float-above{-webkit-transform:translateY(-106%) scale(0.75);transform:translateY(-106%) scale(0.75)}.mdc-floating-label--shake{-webkit-animation:mdc-floating-label-shake-float-above-standard 250ms 1;animation:mdc-floating-label-shake-float-above-standard 250ms 1}@-webkit-keyframes mdc-floating-label-shake-float-above-standard{0%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-106%) scale(0.75)}33%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);-webkit-transform:translateX(calc(4% - 0%)) translateY(-106%) scale(0.75);transform:translateX(calc(4% - 0%)) translateY(-106%) scale(0.75)}66%{-webkit-animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);-webkit-transform:translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75);transform:translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75)}100%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-106%) scale(0.75)}}@keyframes mdc-floating-label-shake-float-above-standard{0%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-106%) scale(0.75)}33%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);-webkit-transform:translateX(calc(4% - 0%)) translateY(-106%) scale(0.75);transform:translateX(calc(4% - 0%)) translateY(-106%) scale(0.75)}66%{-webkit-animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);-webkit-transform:translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75);transform:translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75)}100%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-106%) scale(0.75)}}@-webkit-keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}}@keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}}@-webkit-keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@-webkit-keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}@keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.mdc-line-ripple::before,.mdc-line-ripple::after{position:absolute;bottom:0;left:0;width:100%;border-bottom-style:solid;content:\"\"}.mdc-line-ripple::before{border-bottom-width:1px}.mdc-line-ripple::before{z-index:1}.mdc-line-ripple::after{-webkit-transform:scaleX(0);transform:scaleX(0);border-bottom-width:2px;opacity:0;z-index:2}.mdc-line-ripple::after{transition:opacity 180ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 180ms cubic-bezier(0.4, 0, 0.2, 1), opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 180ms cubic-bezier(0.4, 0, 0.2, 1), opacity 180ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1)}.mdc-line-ripple--active::after{-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}.mdc-line-ripple--deactivating::after{opacity:0}.mdc-notched-outline{display:flex;position:absolute;top:0;right:0;left:0;box-sizing:border-box;width:100%;max-width:100%;height:100%;text-align:left;pointer-events:none}[dir=rtl] .mdc-notched-outline,.mdc-notched-outline[dir=rtl]{text-align:right;}.mdc-notched-outline__leading,.mdc-notched-outline__notch,.mdc-notched-outline__trailing{box-sizing:border-box;height:100%;border-top:1px solid;border-bottom:1px solid;pointer-events:none}.mdc-notched-outline__leading{border-left:1px solid;border-right:none;width:12px}[dir=rtl] .mdc-notched-outline__leading,.mdc-notched-outline__leading[dir=rtl]{border-left:none;border-right:1px solid;}.mdc-notched-outline__trailing{border-left:none;border-right:1px solid;flex-grow:1}[dir=rtl] .mdc-notched-outline__trailing,.mdc-notched-outline__trailing[dir=rtl]{border-left:1px solid;border-right:none;}.mdc-notched-outline__notch{flex:0 0 auto;width:auto;max-width:calc(100% - 12px * 2)}.mdc-notched-outline .mdc-floating-label{display:inline-block;position:relative;max-width:100%}.mdc-notched-outline .mdc-floating-label--float-above{text-overflow:clip}.mdc-notched-outline--upgraded .mdc-floating-label--float-above{max-width:133.3333333333%}.mdc-notched-outline--notched .mdc-notched-outline__notch{padding-left:0;padding-right:8px;border-top:none}[dir=rtl] .mdc-notched-outline--notched .mdc-notched-outline__notch,.mdc-notched-outline--notched .mdc-notched-outline__notch[dir=rtl]{padding-left:8px;padding-right:0;}.mdc-notched-outline--no-label .mdc-notched-outline__notch{display:none}.mdc-select{display:inline-flex;position:relative}.mdc-select:not(.mdc-select--disabled) .mdc-select__selected-text{color:rgba(0, 0, 0, 0.87)}.mdc-select.mdc-select--disabled .mdc-select__selected-text{color:rgba(0, 0, 0, 0.38)}.mdc-select:not(.mdc-select--disabled) .mdc-floating-label{color:rgba(0, 0, 0, 0.6)}.mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-floating-label{color:rgba(98, 0, 238, 0.87)}.mdc-select.mdc-select--disabled .mdc-floating-label{color:rgba(0, 0, 0, 0.38)}.mdc-select:not(.mdc-select--disabled) .mdc-select__dropdown-icon{fill:rgba(0, 0, 0, 0.54)}.mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-select__dropdown-icon{fill:#6200ee;fill:var(--mdc-theme-primary, #6200ee)}.mdc-select.mdc-select--disabled .mdc-select__dropdown-icon{fill:rgba(0, 0, 0, 0.38)}.mdc-select:not(.mdc-select--disabled)+.mdc-select-helper-text{color:rgba(0, 0, 0, 0.6)}.mdc-select.mdc-select--disabled+.mdc-select-helper-text{color:rgba(0, 0, 0, 0.38)}.mdc-select:not(.mdc-select--disabled) .mdc-select__icon{color:rgba(0, 0, 0, 0.54)}.mdc-select.mdc-select--disabled .mdc-select__icon{color:rgba(0, 0, 0, 0.38)}@media screen and (forced-colors: active), (-ms-high-contrast: active){.mdc-select.mdc-select--disabled .mdc-select__selected-text{color:GrayText}.mdc-select.mdc-select--disabled .mdc-select__dropdown-icon{fill:red}.mdc-select.mdc-select--disabled .mdc-floating-label{color:GrayText}.mdc-select.mdc-select--disabled .mdc-line-ripple::before{border-bottom-color:GrayText}.mdc-select.mdc-select--disabled .mdc-notched-outline__leading,.mdc-select.mdc-select--disabled .mdc-notched-outline__notch,.mdc-select.mdc-select--disabled .mdc-notched-outline__trailing{border-color:GrayText}.mdc-select.mdc-select--disabled .mdc-select__icon{color:GrayText}.mdc-select.mdc-select--disabled+.mdc-select-helper-text{color:GrayText}}.mdc-select .mdc-floating-label{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);pointer-events:none}.mdc-select .mdc-select__anchor{padding-left:16px;padding-right:0}[dir=rtl] .mdc-select .mdc-select__anchor,.mdc-select .mdc-select__anchor[dir=rtl]{padding-left:0;padding-right:16px;}.mdc-select.mdc-select--with-leading-icon .mdc-select__anchor{padding-left:0;padding-right:0}[dir=rtl] .mdc-select.mdc-select--with-leading-icon .mdc-select__anchor,.mdc-select.mdc-select--with-leading-icon .mdc-select__anchor[dir=rtl]{padding-left:0;padding-right:0;}.mdc-select .mdc-select__icon{width:24px;height:24px;font-size:24px}.mdc-select .mdc-select__dropdown-icon{width:24px;height:24px}.mdc-select .mdc-select__menu .mdc-deprecated-list-item{padding-left:16px;padding-right:16px}[dir=rtl] .mdc-select .mdc-select__menu .mdc-deprecated-list-item,.mdc-select .mdc-select__menu .mdc-deprecated-list-item[dir=rtl]{padding-left:16px;padding-right:16px;}.mdc-select .mdc-select__menu .mdc-deprecated-list-item__graphic{margin-left:0;margin-right:12px}[dir=rtl] .mdc-select .mdc-select__menu .mdc-deprecated-list-item__graphic,.mdc-select .mdc-select__menu .mdc-deprecated-list-item__graphic[dir=rtl]{margin-left:12px;margin-right:0;}.mdc-select__dropdown-icon{margin-left:12px;margin-right:12px;display:inline-flex;position:relative;align-self:center;align-items:center;justify-content:center;flex-shrink:0;pointer-events:none}.mdc-select__dropdown-icon .mdc-select__dropdown-icon-active,.mdc-select__dropdown-icon .mdc-select__dropdown-icon-inactive{position:absolute;top:0;left:0}.mdc-select__dropdown-icon .mdc-select__dropdown-icon-graphic{width:41.6666666667%;height:20.8333333333%}.mdc-select__dropdown-icon .mdc-select__dropdown-icon-inactive{opacity:1;transition:opacity 75ms linear 75ms}.mdc-select__dropdown-icon .mdc-select__dropdown-icon-active{opacity:0;transition:opacity 75ms linear}[dir=rtl] .mdc-select__dropdown-icon,.mdc-select__dropdown-icon[dir=rtl]{margin-left:12px;margin-right:12px;}.mdc-select--activated .mdc-select__dropdown-icon .mdc-select__dropdown-icon-inactive{opacity:0;transition:opacity 49.5ms linear}.mdc-select--activated .mdc-select__dropdown-icon .mdc-select__dropdown-icon-active{opacity:1;transition:opacity 100.5ms linear 49.5ms}.mdc-select__anchor{width:200px;min-width:0;flex:1 1 auto;position:relative;box-sizing:border-box;overflow:hidden;outline:none;cursor:pointer}.mdc-select__anchor .mdc-floating-label--float-above{-webkit-transform:translateY(-106%) scale(0.75);transform:translateY(-106%) scale(0.75)}.mdc-select__selected-text-container{display:flex;-webkit-appearance:none;-moz-appearance:none;appearance:none;pointer-events:none;box-sizing:border-box;width:auto;min-width:0;flex-grow:1;height:28px;border:none;outline:none;padding:0;background-color:transparent;color:inherit}.mdc-select__selected-text{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1rem;font-size:var(--mdc-typography-subtitle1-font-size, 1rem);line-height:1.75rem;line-height:var(--mdc-typography-subtitle1-line-height, 1.75rem);font-weight:400;font-weight:var(--mdc-typography-subtitle1-font-weight, 400);letter-spacing:0.009375em;letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle1-text-transform, inherit);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;width:100%;text-align:left}[dir=rtl] .mdc-select__selected-text,.mdc-select__selected-text[dir=rtl]{text-align:right;}.mdc-select--invalid:not(.mdc-select--disabled) .mdc-floating-label{color:#b00020;color:var(--mdc-theme-error, #b00020)}.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-floating-label{color:#b00020;color:var(--mdc-theme-error, #b00020)}.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--invalid+.mdc-select-helper-text--validation-msg{color:#b00020;color:var(--mdc-theme-error, #b00020)}.mdc-select--invalid:not(.mdc-select--disabled) .mdc-select__dropdown-icon{fill:#b00020;fill:var(--mdc-theme-error, #b00020)}.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-select__dropdown-icon{fill:#b00020;fill:var(--mdc-theme-error, #b00020)}.mdc-select--disabled{cursor:default;pointer-events:none}.mdc-select--with-leading-icon .mdc-select__menu .mdc-deprecated-list-item{padding-left:12px;padding-right:12px}[dir=rtl] .mdc-select--with-leading-icon .mdc-select__menu .mdc-deprecated-list-item,.mdc-select--with-leading-icon .mdc-select__menu .mdc-deprecated-list-item[dir=rtl]{padding-left:12px;padding-right:12px;}@media screen and (forced-colors: active), (-ms-high-contrast: active){.mdc-select__menu::before{position:absolute;box-sizing:border-box;width:100%;height:100%;top:0;left:0;border:1px solid transparent;border-radius:inherit;content:\"\";pointer-events:none}}@media screen and (forced-colors: active) and (forced-colors: active), screen and (-ms-high-contrast: active) and (forced-colors: active){.mdc-select__menu::before{border-color:CanvasText}}.mdc-select__menu .mdc-deprecated-list .mdc-select__icon,.mdc-select__menu .mdc-list .mdc-select__icon{margin-left:0;margin-right:0}[dir=rtl] .mdc-select__menu .mdc-deprecated-list .mdc-select__icon,[dir=rtl] .mdc-select__menu .mdc-list .mdc-select__icon,.mdc-select__menu .mdc-deprecated-list .mdc-select__icon[dir=rtl],.mdc-select__menu .mdc-list .mdc-select__icon[dir=rtl]{margin-left:0;margin-right:0;}.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected,.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--activated,.mdc-select__menu .mdc-list .mdc-deprecated-list-item--selected,.mdc-select__menu .mdc-list .mdc-deprecated-list-item--activated{color:#000;color:var(--mdc-theme-on-surface, #000)}.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected .mdc-deprecated-list-item__graphic,.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--activated .mdc-deprecated-list-item__graphic,.mdc-select__menu .mdc-list .mdc-deprecated-list-item--selected .mdc-deprecated-list-item__graphic,.mdc-select__menu .mdc-list .mdc-deprecated-list-item--activated .mdc-deprecated-list-item__graphic{color:#000;color:var(--mdc-theme-on-surface, #000)}.mdc-select__menu .mdc-list-item__start{display:inline-flex;align-items:center}.mdc-select__option{padding-left:16px;padding-right:16px}[dir=rtl] .mdc-select__option,.mdc-select__option[dir=rtl]{padding-left:16px;padding-right:16px;}.mdc-select__one-line-option.mdc-list-item--with-one-line{height:48px}.mdc-select__two-line-option.mdc-list-item--with-two-lines{height:64px}.mdc-select__two-line-option.mdc-list-item--with-two-lines .mdc-list-item__start{margin-top:20px}.mdc-select__two-line-option.mdc-list-item--with-two-lines .mdc-list-item__primary-text{display:block;margin-top:0;line-height:normal;margin-bottom:-20px}.mdc-select__two-line-option.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before{display:inline-block;width:0;height:28px;content:\"\";vertical-align:0}.mdc-select__two-line-option.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after{display:inline-block;width:0;height:20px;content:\"\";vertical-align:-20px}.mdc-select__two-line-option.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end{display:block;margin-top:0;line-height:normal}.mdc-select__two-line-option.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end::before{display:inline-block;width:0;height:36px;content:\"\";vertical-align:0}.mdc-select__option-with-leading-content{padding-left:0;padding-right:12px}.mdc-select__option-with-leading-content.mdc-list-item{padding-left:0;padding-right:auto}[dir=rtl] .mdc-select__option-with-leading-content.mdc-list-item,.mdc-select__option-with-leading-content.mdc-list-item[dir=rtl]{padding-left:auto;padding-right:0;}.mdc-select__option-with-leading-content .mdc-list-item__start{margin-left:12px;margin-right:0}[dir=rtl] .mdc-select__option-with-leading-content .mdc-list-item__start,.mdc-select__option-with-leading-content .mdc-list-item__start[dir=rtl]{margin-left:0;margin-right:12px;}.mdc-select__option-with-leading-content .mdc-list-item__start{width:36px;height:24px}[dir=rtl] .mdc-select__option-with-leading-content,.mdc-select__option-with-leading-content[dir=rtl]{padding-left:12px;padding-right:0;}.mdc-select__option-with-meta.mdc-list-item{padding-left:auto;padding-right:0}[dir=rtl] .mdc-select__option-with-meta.mdc-list-item,.mdc-select__option-with-meta.mdc-list-item[dir=rtl]{padding-left:0;padding-right:auto;}.mdc-select__option-with-meta .mdc-list-item__end{margin-left:12px;margin-right:12px}[dir=rtl] .mdc-select__option-with-meta .mdc-list-item__end,.mdc-select__option-with-meta .mdc-list-item__end[dir=rtl]{margin-left:12px;margin-right:12px;}.mdc-select--filled .mdc-select__anchor{height:56px;display:flex;align-items:baseline}.mdc-select--filled .mdc-select__anchor::before{display:inline-block;width:0;height:40px;content:\"\";vertical-align:0}.mdc-select--filled.mdc-select--no-label .mdc-select__anchor .mdc-select__selected-text::before{content:\"​\"}.mdc-select--filled.mdc-select--no-label .mdc-select__anchor .mdc-select__selected-text-container{height:100%;display:inline-flex;align-items:center}.mdc-select--filled.mdc-select--no-label .mdc-select__anchor::before{display:none}.mdc-select--filled .mdc-select__anchor{border-top-left-radius:4px;border-top-left-radius:var(--mdc-shape-small, 4px);border-top-right-radius:4px;border-top-right-radius:var(--mdc-shape-small, 4px);border-bottom-right-radius:0;border-bottom-left-radius:0}.mdc-select--filled:not(.mdc-select--disabled) .mdc-select__anchor{background-color:whitesmoke}.mdc-select--filled.mdc-select--disabled .mdc-select__anchor{background-color:#fafafa}.mdc-select--filled:not(.mdc-select--disabled) .mdc-line-ripple::before{border-bottom-color:rgba(0, 0, 0, 0.42)}.mdc-select--filled:not(.mdc-select--disabled):hover .mdc-line-ripple::before{border-bottom-color:rgba(0, 0, 0, 0.87)}.mdc-select--filled:not(.mdc-select--disabled) .mdc-line-ripple::after{border-bottom-color:#6200ee;border-bottom-color:var(--mdc-theme-primary, #6200ee)}.mdc-select--filled.mdc-select--disabled .mdc-line-ripple::before{border-bottom-color:rgba(0, 0, 0, 0.06)}.mdc-select--filled .mdc-floating-label{max-width:calc(100% - 64px)}.mdc-select--filled .mdc-floating-label--float-above{max-width:calc(100% / 0.75 - 64px / 0.75)}.mdc-select--filled .mdc-menu-surface--is-open-below{border-top-left-radius:0px;border-top-right-radius:0px}.mdc-select--filled.mdc-select--focused.mdc-line-ripple::after{-webkit-transform:scale(1, 2);transform:scale(1, 2);opacity:1}.mdc-select--filled .mdc-floating-label{left:16px;right:initial}[dir=rtl] .mdc-select--filled .mdc-floating-label,.mdc-select--filled .mdc-floating-label[dir=rtl]{left:initial;right:16px;}.mdc-select--filled.mdc-select--with-leading-icon .mdc-floating-label{left:48px;right:initial}[dir=rtl] .mdc-select--filled.mdc-select--with-leading-icon .mdc-floating-label,.mdc-select--filled.mdc-select--with-leading-icon .mdc-floating-label[dir=rtl]{left:initial;right:48px;}.mdc-select--filled.mdc-select--with-leading-icon .mdc-floating-label{max-width:calc(100% - 96px)}.mdc-select--filled.mdc-select--with-leading-icon .mdc-floating-label--float-above{max-width:calc(100% / 0.75 - 96px / 0.75)}.mdc-select--invalid:not(.mdc-select--disabled) .mdc-line-ripple::before{border-bottom-color:#b00020;border-bottom-color:var(--mdc-theme-error, #b00020)}.mdc-select--invalid:not(.mdc-select--disabled):hover .mdc-line-ripple::before{border-bottom-color:#b00020;border-bottom-color:var(--mdc-theme-error, #b00020)}.mdc-select--invalid:not(.mdc-select--disabled) .mdc-line-ripple::after{border-bottom-color:#b00020;border-bottom-color:var(--mdc-theme-error, #b00020)}.mdc-select--outlined{border:none}.mdc-select--outlined .mdc-select__anchor{height:56px}.mdc-select--outlined .mdc-select__anchor .mdc-floating-label--float-above{-webkit-transform:translateY(-37.25px) scale(1);transform:translateY(-37.25px) scale(1)}.mdc-select--outlined .mdc-select__anchor .mdc-floating-label--float-above{font-size:0.75rem}.mdc-select--outlined .mdc-select__anchor.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-select--outlined .mdc-select__anchor .mdc-notched-outline--upgraded .mdc-floating-label--float-above{-webkit-transform:translateY(-34.75px) scale(0.75);transform:translateY(-34.75px) scale(0.75)}.mdc-select--outlined .mdc-select__anchor.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-select--outlined .mdc-select__anchor .mdc-notched-outline--upgraded .mdc-floating-label--float-above{font-size:1rem}.mdc-select--outlined .mdc-select__anchor .mdc-floating-label--shake{-webkit-animation:mdc-floating-label-shake-float-above-select-outlined-56px 250ms 1;animation:mdc-floating-label-shake-float-above-select-outlined-56px 250ms 1}@-webkit-keyframes mdc-floating-label-shake-float-above-select-outlined-56px{0%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75)}33%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);-webkit-transform:translateX(calc(4% - 0%)) translateY(-34.75px) scale(0.75);transform:translateX(calc(4% - 0%)) translateY(-34.75px) scale(0.75)}66%{-webkit-animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);-webkit-transform:translateX(calc(-4% - 0%)) translateY(-34.75px) scale(0.75);transform:translateX(calc(-4% - 0%)) translateY(-34.75px) scale(0.75)}100%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75)}}@keyframes mdc-floating-label-shake-float-above-select-outlined-56px{0%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75)}33%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);-webkit-transform:translateX(calc(4% - 0%)) translateY(-34.75px) scale(0.75);transform:translateX(calc(4% - 0%)) translateY(-34.75px) scale(0.75)}66%{-webkit-animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);-webkit-transform:translateX(calc(-4% - 0%)) translateY(-34.75px) scale(0.75);transform:translateX(calc(-4% - 0%)) translateY(-34.75px) scale(0.75)}100%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75)}}.mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading{border-top-left-radius:4px;border-top-left-radius:var(--mdc-shape-small, 4px);border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:4px;border-bottom-left-radius:var(--mdc-shape-small, 4px)}[dir=rtl] .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading,.mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading[dir=rtl]{border-top-left-radius:0;border-top-right-radius:4px;border-top-right-radius:var(--mdc-shape-small, 4px);border-bottom-right-radius:4px;border-bottom-right-radius:var(--mdc-shape-small, 4px);border-bottom-left-radius:0;}@supports (top: max(0%)){.mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading{width:max(12px, var(--mdc-shape-small, 4px))}}@supports (top: max(0%)){.mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__notch{max-width:calc(100% - max(12px, var(--mdc-shape-small, 4px)) * 2)}}.mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__trailing{border-top-left-radius:0;border-top-right-radius:4px;border-top-right-radius:var(--mdc-shape-small, 4px);border-bottom-right-radius:4px;border-bottom-right-radius:var(--mdc-shape-small, 4px);border-bottom-left-radius:0}[dir=rtl] .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__trailing,.mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__trailing[dir=rtl]{border-top-left-radius:4px;border-top-left-radius:var(--mdc-shape-small, 4px);border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:4px;border-bottom-left-radius:var(--mdc-shape-small, 4px);}@supports (top: max(0%)){.mdc-select--outlined .mdc-select__anchor{padding-left:max(16px, calc(var(--mdc-shape-small, 4px) + 4px))}}[dir=rtl] .mdc-select--outlined .mdc-select__anchor,.mdc-select--outlined .mdc-select__anchor[dir=rtl]{padding-left:0;}@supports (top: max(0%)){[dir=rtl] .mdc-select--outlined .mdc-select__anchor,.mdc-select--outlined .mdc-select__anchor[dir=rtl]{padding-right:max(16px, calc(var(--mdc-shape-small, 4px) + 4px))}}@supports (top: max(0%)){.mdc-select--outlined+.mdc-select-helper-text{margin-left:max(16px, calc(var(--mdc-shape-small, 4px) + 4px))}}[dir=rtl] .mdc-select--outlined+.mdc-select-helper-text,.mdc-select--outlined+.mdc-select-helper-text[dir=rtl]{margin-left:0;}@supports (top: max(0%)){[dir=rtl] .mdc-select--outlined+.mdc-select-helper-text,.mdc-select--outlined+.mdc-select-helper-text[dir=rtl]{margin-right:max(16px, calc(var(--mdc-shape-small, 4px) + 4px))}}.mdc-select--outlined:not(.mdc-select--disabled) .mdc-select__anchor{background-color:transparent}.mdc-select--outlined.mdc-select--disabled .mdc-select__anchor{background-color:transparent}.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__leading,.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__notch,.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__trailing{border-color:rgba(0, 0, 0, 0.38)}.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__leading,.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__notch,.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__trailing{border-color:rgba(0, 0, 0, 0.87)}.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading,.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch,.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing{border-width:2px}.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading,.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch,.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing{border-color:#6200ee;border-color:var(--mdc-theme-primary, #6200ee)}.mdc-select--outlined.mdc-select--disabled .mdc-notched-outline__leading,.mdc-select--outlined.mdc-select--disabled .mdc-notched-outline__notch,.mdc-select--outlined.mdc-select--disabled .mdc-notched-outline__trailing{border-color:rgba(0, 0, 0, 0.06)}.mdc-select--outlined .mdc-select__anchor :not(.mdc-notched-outline--notched) .mdc-notched-outline__notch{max-width:calc(100% - 60px)}.mdc-select--outlined .mdc-select__anchor{display:flex;align-items:baseline;overflow:visible}.mdc-select--outlined .mdc-select__anchor .mdc-floating-label--shake{-webkit-animation:mdc-floating-label-shake-float-above-select-outlined 250ms 1;animation:mdc-floating-label-shake-float-above-select-outlined 250ms 1}.mdc-select--outlined .mdc-select__anchor .mdc-floating-label--float-above{-webkit-transform:translateY(-37.25px) scale(1);transform:translateY(-37.25px) scale(1)}.mdc-select--outlined .mdc-select__anchor .mdc-floating-label--float-above{font-size:0.75rem}.mdc-select--outlined .mdc-select__anchor.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-select--outlined .mdc-select__anchor .mdc-notched-outline--upgraded .mdc-floating-label--float-above{-webkit-transform:translateY(-34.75px) scale(0.75);transform:translateY(-34.75px) scale(0.75)}.mdc-select--outlined .mdc-select__anchor.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-select--outlined .mdc-select__anchor .mdc-notched-outline--upgraded .mdc-floating-label--float-above{font-size:1rem}.mdc-select--outlined .mdc-select__anchor .mdc-notched-outline--notched .mdc-notched-outline__notch{padding-top:1px}.mdc-select--outlined .mdc-select__anchor .mdc-select__selected-text::before{content:\"​\"}.mdc-select--outlined .mdc-select__anchor .mdc-select__selected-text-container{height:100%;display:inline-flex;align-items:center}.mdc-select--outlined .mdc-select__anchor::before{display:none}.mdc-select--outlined .mdc-select__selected-text-container{display:flex;border:none;z-index:1;background-color:transparent}.mdc-select--outlined .mdc-select__icon{z-index:2}.mdc-select--outlined .mdc-floating-label{line-height:1.15rem;left:4px;right:initial}[dir=rtl] .mdc-select--outlined .mdc-floating-label,.mdc-select--outlined .mdc-floating-label[dir=rtl]{left:initial;right:4px;}.mdc-select--outlined.mdc-select--focused .mdc-notched-outline--notched .mdc-notched-outline__notch{padding-top:2px}.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled) .mdc-notched-outline__leading,.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled) .mdc-notched-outline__notch,.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled) .mdc-notched-outline__trailing{border-color:#b00020;border-color:var(--mdc-theme-error, #b00020)}.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__leading,.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__notch,.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__trailing{border-color:#b00020;border-color:var(--mdc-theme-error, #b00020)}.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading,.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch,.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing{border-width:2px}.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading,.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch,.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing{border-color:#b00020;border-color:var(--mdc-theme-error, #b00020)}.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label{left:36px;right:initial}[dir=rtl] .mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label,.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label[dir=rtl]{left:initial;right:36px;}.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--float-above{-webkit-transform:translateY(-37.25px) translateX(-32px) scale(1);transform:translateY(-37.25px) translateX(-32px) scale(1)}[dir=rtl] .mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--float-above,.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--float-above[dir=rtl]{-webkit-transform:translateY(-37.25px) translateX(32px) scale(1);transform:translateY(-37.25px) translateX(32px) scale(1);}.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--float-above{font-size:0.75rem}.mdc-select--outlined.mdc-select--with-leading-icon.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-select--outlined.mdc-select--with-leading-icon .mdc-notched-outline--upgraded .mdc-floating-label--float-above{-webkit-transform:translateY(-34.75px) translateX(-32px) scale(0.75);transform:translateY(-34.75px) translateX(-32px) scale(0.75)}[dir=rtl] .mdc-select--outlined.mdc-select--with-leading-icon.mdc-notched-outline--upgraded .mdc-floating-label--float-above,[dir=rtl] .mdc-select--outlined.mdc-select--with-leading-icon .mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-select--outlined.mdc-select--with-leading-icon.mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl],.mdc-select--outlined.mdc-select--with-leading-icon .mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl]{-webkit-transform:translateY(-34.75px) translateX(32px) scale(0.75);transform:translateY(-34.75px) translateX(32px) scale(0.75);}.mdc-select--outlined.mdc-select--with-leading-icon.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-select--outlined.mdc-select--with-leading-icon .mdc-notched-outline--upgraded .mdc-floating-label--float-above{font-size:1rem}.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--shake{-webkit-animation:mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px 250ms 1;animation:mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px 250ms 1}@-webkit-keyframes mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px{0%{-webkit-transform:translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75)}33%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);-webkit-transform:translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75)}66%{-webkit-animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);-webkit-transform:translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75)}100%{-webkit-transform:translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75)}}@keyframes mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px{0%{-webkit-transform:translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75)}33%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);-webkit-transform:translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75)}66%{-webkit-animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);-webkit-transform:translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75)}100%{-webkit-transform:translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75)}}[dir=rtl] .mdc-select--outlined.mdc-select--with-leading-icon,.mdc-select--outlined.mdc-select--with-leading-icon[dir=rtl]{}[dir=rtl] .mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--shake,.mdc-select--outlined.mdc-select--with-leading-icon[dir=rtl] .mdc-floating-label--shake{-webkit-animation:mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px 250ms 1;animation:mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px 250ms 1}@-webkit-keyframes mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px-rtl{0%{-webkit-transform:translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75)}33%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);-webkit-transform:translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75)}66%{-webkit-animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);-webkit-transform:translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75)}100%{-webkit-transform:translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75)}}@keyframes mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px-rtl{0%{-webkit-transform:translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75)}33%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);-webkit-transform:translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75)}66%{-webkit-animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);-webkit-transform:translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75)}100%{-webkit-transform:translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75)}}.mdc-select--outlined.mdc-select--with-leading-icon .mdc-select__anchor :not(.mdc-notched-outline--notched) .mdc-notched-outline__notch{max-width:calc(100% - 96px)}.mdc-select--outlined .mdc-menu-surface{margin-bottom:8px}.mdc-select--outlined.mdc-select--no-label .mdc-menu-surface,.mdc-select--outlined .mdc-menu-surface--is-open-below{margin-bottom:0}.mdc-select__anchor{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);will-change:transform, opacity}.mdc-select__anchor .mdc-select__ripple::before,.mdc-select__anchor .mdc-select__ripple::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:\"\"}.mdc-select__anchor .mdc-select__ripple::before{transition:opacity 15ms linear, background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index, 1)}.mdc-select__anchor .mdc-select__ripple::after{z-index:0;z-index:var(--mdc-ripple-z-index, 0)}.mdc-select__anchor.mdc-ripple-upgraded .mdc-select__ripple::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale, 1));transform:scale(var(--mdc-ripple-fg-scale, 1))}.mdc-select__anchor.mdc-ripple-upgraded .mdc-select__ripple::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.mdc-select__anchor.mdc-ripple-upgraded--unbounded .mdc-select__ripple::after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.mdc-select__anchor.mdc-ripple-upgraded--foreground-activation .mdc-select__ripple::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards}.mdc-select__anchor.mdc-ripple-upgraded--foreground-deactivation .mdc-select__ripple::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.mdc-select__anchor .mdc-select__ripple::before,.mdc-select__anchor .mdc-select__ripple::after{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.mdc-select__anchor.mdc-ripple-upgraded .mdc-select__ripple::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-select__anchor .mdc-select__ripple::before,.mdc-select__anchor .mdc-select__ripple::after{background-color:rgba(0, 0, 0, 0.87);background-color:var(--mdc-ripple-color, rgba(0, 0, 0, 0.87))}.mdc-select__anchor:hover .mdc-select__ripple::before,.mdc-select__anchor.mdc-ripple-surface--hover .mdc-select__ripple::before{opacity:0.04;opacity:var(--mdc-ripple-hover-opacity, 0.04)}.mdc-select__anchor.mdc-ripple-upgraded--background-focused .mdc-select__ripple::before,.mdc-select__anchor:not(.mdc-ripple-upgraded):focus .mdc-select__ripple::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-focus-opacity, 0.12)}.mdc-select__anchor .mdc-select__ripple{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected .mdc-deprecated-list-item__ripple::before,.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected .mdc-deprecated-list-item__ripple::after{background-color:#000;background-color:var(--mdc-ripple-color, var(--mdc-theme-on-surface, #000))}.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected:hover .mdc-deprecated-list-item__ripple::before,.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected.mdc-ripple-surface--hover .mdc-deprecated-list-item__ripple::before{opacity:0.04;opacity:var(--mdc-ripple-hover-opacity, 0.04)}.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected.mdc-ripple-upgraded--background-focused .mdc-deprecated-list-item__ripple::before,.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected:not(.mdc-ripple-upgraded):focus .mdc-deprecated-list-item__ripple::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-focus-opacity, 0.12)}.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected:not(.mdc-ripple-upgraded) .mdc-deprecated-list-item__ripple::after{transition:opacity 150ms linear}.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected:not(.mdc-ripple-upgraded):active .mdc-deprecated-list-item__ripple::after{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected .mdc-list-item__ripple::before,.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected .mdc-list-item__ripple::after{background-color:#000;background-color:var(--mdc-ripple-color, var(--mdc-theme-on-surface, #000))}.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected:hover .mdc-list-item__ripple::before,.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected.mdc-ripple-surface--hover .mdc-list-item__ripple::before{opacity:0.04;opacity:var(--mdc-ripple-hover-opacity, 0.04)}.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before,.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-focus-opacity, 0.12)}.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected:not(.mdc-ripple-upgraded) .mdc-list-item__ripple::after{transition:opacity 150ms linear}.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected:not(.mdc-ripple-upgraded):active .mdc-list-item__ripple::after{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-select-helper-text{margin:0;margin-left:16px;margin-right:16px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.75rem;font-size:var(--mdc-typography-caption-font-size, 0.75rem);line-height:1.25rem;line-height:var(--mdc-typography-caption-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-caption-font-weight, 400);letter-spacing:0.0333333333em;letter-spacing:var(--mdc-typography-caption-letter-spacing, 0.0333333333em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-caption-text-decoration, inherit);text-decoration:var(--mdc-typography-caption-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-caption-text-transform, inherit);display:block;margin-top:0;line-height:normal}[dir=rtl] .mdc-select-helper-text,.mdc-select-helper-text[dir=rtl]{margin-left:16px;margin-right:16px;}.mdc-select-helper-text::before{display:inline-block;width:0;height:16px;content:\"\";vertical-align:0}.mdc-select-helper-text--validation-msg{opacity:0;transition:opacity 180ms cubic-bezier(0.4, 0, 0.2, 1)}.mdc-select--invalid+.mdc-select-helper-text--validation-msg,.mdc-select-helper-text--validation-msg-persistent{opacity:1}.mdc-select--with-leading-icon .mdc-select__icon{display:inline-block;box-sizing:border-box;border:none;text-decoration:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;flex-shrink:0;align-self:center;background-color:transparent;fill:currentColor}.mdc-select--with-leading-icon .mdc-select__icon{margin-left:12px;margin-right:12px}[dir=rtl] .mdc-select--with-leading-icon .mdc-select__icon,.mdc-select--with-leading-icon .mdc-select__icon[dir=rtl]{margin-left:12px;margin-right:12px;}.mdc-select__icon:not([tabindex]),.mdc-select__icon[tabindex=\"-1\"]{cursor:default;pointer-events:none}.mdc-deprecated-list{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1rem;font-size:var(--mdc-typography-subtitle1-font-size, 1rem);line-height:1.75rem;line-height:var(--mdc-typography-subtitle1-line-height, 1.75rem);font-weight:400;font-weight:var(--mdc-typography-subtitle1-font-weight, 400);letter-spacing:0.009375em;letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle1-text-transform, inherit);line-height:1.5rem;margin:0;padding:8px 0;list-style-type:none;color:rgba(0, 0, 0, 0.87);color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87))}.mdc-deprecated-list:focus{outline:none}.mdc-deprecated-list-item{height:48px}.mdc-deprecated-list-item__secondary-text{color:rgba(0, 0, 0, 0.54);color:var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54))}.mdc-deprecated-list-item__graphic{background-color:transparent}.mdc-deprecated-list-item__graphic{color:rgba(0, 0, 0, 0.38);color:var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38))}.mdc-deprecated-list-item__meta{color:rgba(0, 0, 0, 0.38);color:var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38))}.mdc-deprecated-list-group__subheader{color:rgba(0, 0, 0, 0.87);color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87))}.mdc-deprecated-list-item--disabled .mdc-deprecated-list-item__text{opacity:0.38}.mdc-deprecated-list-item--disabled .mdc-deprecated-list-item__text,.mdc-deprecated-list-item--disabled .mdc-deprecated-list-item__primary-text,.mdc-deprecated-list-item--disabled .mdc-deprecated-list-item__secondary-text{color:#000;color:var(--mdc-theme-on-surface, #000)}.mdc-deprecated-list-item--selected,.mdc-deprecated-list-item--activated{color:#6200ee;color:var(--mdc-theme-primary, #6200ee)}.mdc-deprecated-list-item--selected .mdc-deprecated-list-item__graphic,.mdc-deprecated-list-item--activated .mdc-deprecated-list-item__graphic{color:#6200ee;color:var(--mdc-theme-primary, #6200ee)}.mdc-deprecated-list--dense{padding-top:4px;padding-bottom:4px;font-size:0.812rem}.mdc-deprecated-list-item__wrapper{display:block}.mdc-deprecated-list-item{display:flex;position:relative;align-items:center;justify-content:flex-start;overflow:hidden;padding:0;padding-left:16px;padding-right:16px;height:48px}.mdc-deprecated-list-item:focus{outline:none}.mdc-deprecated-list-item:not(.mdc-deprecated-list-item--selected):focus::before,.mdc-deprecated-list-item.mdc-ripple-upgraded--background-focused::before{position:absolute;box-sizing:border-box;width:100%;height:100%;top:0;left:0;border:1px solid transparent;border-radius:inherit;content:\"\";pointer-events:none}@media screen and (forced-colors: active){.mdc-deprecated-list-item:not(.mdc-deprecated-list-item--selected):focus::before,.mdc-deprecated-list-item.mdc-ripple-upgraded--background-focused::before{border-color:CanvasText}}.mdc-deprecated-list-item.mdc-deprecated-list-item--selected::before{position:absolute;box-sizing:border-box;width:100%;height:100%;top:0;left:0;border:3px double transparent;border-radius:inherit;content:\"\";pointer-events:none}@media screen and (forced-colors: active){.mdc-deprecated-list-item.mdc-deprecated-list-item--selected::before{border-color:CanvasText}}[dir=rtl] .mdc-deprecated-list-item,.mdc-deprecated-list-item[dir=rtl]{padding-left:16px;padding-right:16px;}.mdc-deprecated-list--icon-list .mdc-deprecated-list-item{padding-left:16px;padding-right:16px;height:56px}[dir=rtl] .mdc-deprecated-list--icon-list .mdc-deprecated-list-item,.mdc-deprecated-list--icon-list .mdc-deprecated-list-item[dir=rtl]{padding-left:16px;padding-right:16px;}.mdc-deprecated-list--avatar-list .mdc-deprecated-list-item{padding-left:16px;padding-right:16px;height:56px}[dir=rtl] .mdc-deprecated-list--avatar-list .mdc-deprecated-list-item,.mdc-deprecated-list--avatar-list .mdc-deprecated-list-item[dir=rtl]{padding-left:16px;padding-right:16px;}.mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-item{padding-left:16px;padding-right:16px;height:56px}[dir=rtl] .mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-item,.mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-item[dir=rtl]{padding-left:16px;padding-right:16px;}.mdc-deprecated-list--image-list .mdc-deprecated-list-item{padding-left:16px;padding-right:16px;height:72px}[dir=rtl] .mdc-deprecated-list--image-list .mdc-deprecated-list-item,.mdc-deprecated-list--image-list .mdc-deprecated-list-item[dir=rtl]{padding-left:16px;padding-right:16px;}.mdc-deprecated-list--video-list .mdc-deprecated-list-item{padding-left:0px;padding-right:16px;height:72px}[dir=rtl] .mdc-deprecated-list--video-list .mdc-deprecated-list-item,.mdc-deprecated-list--video-list .mdc-deprecated-list-item[dir=rtl]{padding-left:16px;padding-right:0px;}.mdc-deprecated-list--dense .mdc-deprecated-list-item__graphic{margin-left:0;margin-right:16px;width:20px;height:20px}[dir=rtl] .mdc-deprecated-list--dense .mdc-deprecated-list-item__graphic,.mdc-deprecated-list--dense .mdc-deprecated-list-item__graphic[dir=rtl]{margin-left:16px;margin-right:0;}.mdc-deprecated-list-item__graphic{flex-shrink:0;align-items:center;justify-content:center;fill:currentColor;-o-object-fit:cover;object-fit:cover;margin-left:0;margin-right:32px;width:24px;height:24px}[dir=rtl] .mdc-deprecated-list-item__graphic,.mdc-deprecated-list-item__graphic[dir=rtl]{margin-left:32px;margin-right:0;}.mdc-deprecated-list--icon-list .mdc-deprecated-list-item__graphic{margin-left:0;margin-right:32px;width:24px;height:24px}[dir=rtl] .mdc-deprecated-list--icon-list .mdc-deprecated-list-item__graphic,.mdc-deprecated-list--icon-list .mdc-deprecated-list-item__graphic[dir=rtl]{margin-left:32px;margin-right:0;}.mdc-deprecated-list--avatar-list .mdc-deprecated-list-item__graphic{margin-left:0;margin-right:16px;width:40px;height:40px;border-radius:50%}[dir=rtl] .mdc-deprecated-list--avatar-list .mdc-deprecated-list-item__graphic,.mdc-deprecated-list--avatar-list .mdc-deprecated-list-item__graphic[dir=rtl]{margin-left:16px;margin-right:0;}.mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-item__graphic{margin-left:0;margin-right:16px;width:40px;height:40px}[dir=rtl] .mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-item__graphic,.mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-item__graphic[dir=rtl]{margin-left:16px;margin-right:0;}.mdc-deprecated-list--image-list .mdc-deprecated-list-item__graphic{margin-left:0;margin-right:16px;width:56px;height:56px}[dir=rtl] .mdc-deprecated-list--image-list .mdc-deprecated-list-item__graphic,.mdc-deprecated-list--image-list .mdc-deprecated-list-item__graphic[dir=rtl]{margin-left:16px;margin-right:0;}.mdc-deprecated-list--video-list .mdc-deprecated-list-item__graphic{margin-left:0;margin-right:16px;width:100px;height:56px}[dir=rtl] .mdc-deprecated-list--video-list .mdc-deprecated-list-item__graphic,.mdc-deprecated-list--video-list .mdc-deprecated-list-item__graphic[dir=rtl]{margin-left:16px;margin-right:0;}.mdc-deprecated-list .mdc-deprecated-list-item__graphic{display:inline-flex}.mdc-deprecated-list-item__meta{margin-left:auto;margin-right:0}.mdc-deprecated-list-item__meta:not(.material-icons){-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.75rem;font-size:var(--mdc-typography-caption-font-size, 0.75rem);line-height:1.25rem;line-height:var(--mdc-typography-caption-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-caption-font-weight, 400);letter-spacing:0.0333333333em;letter-spacing:var(--mdc-typography-caption-letter-spacing, 0.0333333333em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-caption-text-decoration, inherit);text-decoration:var(--mdc-typography-caption-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-caption-text-transform, inherit)}.mdc-deprecated-list-item[dir=rtl] .mdc-deprecated-list-item__meta,[dir=rtl] .mdc-deprecated-list-item .mdc-deprecated-list-item__meta{margin-left:0;margin-right:auto}.mdc-deprecated-list-item__text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mdc-deprecated-list-item__text[for]{pointer-events:none}.mdc-deprecated-list-item__primary-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;margin-top:0;line-height:normal;margin-bottom:-20px}.mdc-deprecated-list-item__primary-text::before{display:inline-block;width:0;height:28px;content:\"\";vertical-align:0}.mdc-deprecated-list-item__primary-text::after{display:inline-block;width:0;height:20px;content:\"\";vertical-align:-20px}.mdc-deprecated-list--video-list .mdc-deprecated-list-item__primary-text,.mdc-deprecated-list--image-list .mdc-deprecated-list-item__primary-text,.mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-item__primary-text,.mdc-deprecated-list--avatar-list .mdc-deprecated-list-item__primary-text,.mdc-deprecated-list--icon-list .mdc-deprecated-list-item__primary-text{display:block;margin-top:0;line-height:normal;margin-bottom:-20px}.mdc-deprecated-list--video-list .mdc-deprecated-list-item__primary-text::before,.mdc-deprecated-list--image-list .mdc-deprecated-list-item__primary-text::before,.mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-item__primary-text::before,.mdc-deprecated-list--avatar-list .mdc-deprecated-list-item__primary-text::before,.mdc-deprecated-list--icon-list .mdc-deprecated-list-item__primary-text::before{display:inline-block;width:0;height:32px;content:\"\";vertical-align:0}.mdc-deprecated-list--video-list .mdc-deprecated-list-item__primary-text::after,.mdc-deprecated-list--image-list .mdc-deprecated-list-item__primary-text::after,.mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-item__primary-text::after,.mdc-deprecated-list--avatar-list .mdc-deprecated-list-item__primary-text::after,.mdc-deprecated-list--icon-list .mdc-deprecated-list-item__primary-text::after{display:inline-block;width:0;height:20px;content:\"\";vertical-align:-20px}.mdc-deprecated-list--dense .mdc-deprecated-list-item__primary-text{display:block;margin-top:0;line-height:normal;margin-bottom:-20px}.mdc-deprecated-list--dense .mdc-deprecated-list-item__primary-text::before{display:inline-block;width:0;height:24px;content:\"\";vertical-align:0}.mdc-deprecated-list--dense .mdc-deprecated-list-item__primary-text::after{display:inline-block;width:0;height:20px;content:\"\";vertical-align:-20px}.mdc-deprecated-list-item__secondary-text{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.875rem;font-size:var(--mdc-typography-body2-font-size, 0.875rem);line-height:1.25rem;line-height:var(--mdc-typography-body2-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:0.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, 0.0178571429em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform, inherit);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;margin-top:0;line-height:normal}.mdc-deprecated-list-item__secondary-text::before{display:inline-block;width:0;height:20px;content:\"\";vertical-align:0}.mdc-deprecated-list--dense .mdc-deprecated-list-item__secondary-text{font-size:inherit}.mdc-deprecated-list--dense .mdc-deprecated-list-item{height:40px}.mdc-deprecated-list--two-line .mdc-deprecated-list-item__text{align-self:flex-start}.mdc-deprecated-list--two-line .mdc-deprecated-list-item{height:64px}.mdc-deprecated-list--two-line.mdc-deprecated-list--video-list .mdc-deprecated-list-item,.mdc-deprecated-list--two-line.mdc-deprecated-list--image-list .mdc-deprecated-list-item,.mdc-deprecated-list--two-line.mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-item,.mdc-deprecated-list--two-line.mdc-deprecated-list--avatar-list .mdc-deprecated-list-item,.mdc-deprecated-list--two-line.mdc-deprecated-list--icon-list .mdc-deprecated-list-item{height:72px}.mdc-deprecated-list--two-line.mdc-deprecated-list--icon-list .mdc-deprecated-list-item__graphic{align-self:flex-start;margin-top:16px}.mdc-deprecated-list--two-line.mdc-deprecated-list--dense .mdc-deprecated-list-item,.mdc-deprecated-list--avatar-list.mdc-deprecated-list--dense .mdc-deprecated-list-item{height:60px}.mdc-deprecated-list--avatar-list.mdc-deprecated-list--dense .mdc-deprecated-list-item__graphic{margin-left:0;margin-right:16px;width:36px;height:36px}[dir=rtl] .mdc-deprecated-list--avatar-list.mdc-deprecated-list--dense .mdc-deprecated-list-item__graphic,.mdc-deprecated-list--avatar-list.mdc-deprecated-list--dense .mdc-deprecated-list-item__graphic[dir=rtl]{margin-left:16px;margin-right:0;}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item{cursor:pointer}a.mdc-deprecated-list-item{color:inherit;text-decoration:none}.mdc-deprecated-list-divider{height:0;margin:0;border:none;border-bottom-width:1px;border-bottom-style:solid}.mdc-deprecated-list-divider{border-bottom-color:rgba(0, 0, 0, 0.12)}.mdc-deprecated-list-divider--padded{margin-left:16px;margin-right:0;width:calc(100% - 32px)}[dir=rtl] .mdc-deprecated-list-divider--padded,.mdc-deprecated-list-divider--padded[dir=rtl]{margin-left:0;margin-right:16px;}.mdc-deprecated-list-divider--inset{margin-left:72px;margin-right:0;width:calc(100% - 72px)}[dir=rtl] .mdc-deprecated-list-divider--inset,.mdc-deprecated-list-divider--inset[dir=rtl]{margin-left:0;margin-right:72px;}.mdc-deprecated-list-divider--inset.mdc-deprecated-list-divider--padded{margin-left:72px;margin-right:0;width:calc(100% - 88px)}[dir=rtl] .mdc-deprecated-list-divider--inset.mdc-deprecated-list-divider--padded,.mdc-deprecated-list-divider--inset.mdc-deprecated-list-divider--padded[dir=rtl]{margin-left:0;margin-right:72px;}.mdc-deprecated-list .mdc-deprecated-list-divider--inset-leading{margin-left:16px;margin-right:0;width:calc(100% - 16px)}[dir=rtl] .mdc-deprecated-list .mdc-deprecated-list-divider--inset-leading,.mdc-deprecated-list .mdc-deprecated-list-divider--inset-leading[dir=rtl]{margin-left:0;margin-right:16px;}.mdc-deprecated-list .mdc-deprecated-list-divider--inset-trailing{width:calc(100% - 16px)}.mdc-deprecated-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing{margin-left:16px;margin-right:0;width:calc(100% - 32px)}[dir=rtl] .mdc-deprecated-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing,.mdc-deprecated-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing[dir=rtl]{margin-left:0;margin-right:16px;}.mdc-deprecated-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding{margin-left:16px;margin-right:0;width:calc(100% - 16px)}[dir=rtl] .mdc-deprecated-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding,.mdc-deprecated-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding[dir=rtl]{margin-left:0;margin-right:16px;}.mdc-deprecated-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding{margin-left:16px;margin-right:0;width:calc(100% - 32px)}[dir=rtl] .mdc-deprecated-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding,.mdc-deprecated-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding[dir=rtl]{margin-left:0;margin-right:16px;}.mdc-deprecated-list--icon-list .mdc-deprecated-list-divider--inset-leading{margin-left:72px;margin-right:0;width:calc(100% - 72px)}[dir=rtl] .mdc-deprecated-list--icon-list .mdc-deprecated-list-divider--inset-leading,.mdc-deprecated-list--icon-list .mdc-deprecated-list-divider--inset-leading[dir=rtl]{margin-left:0;margin-right:72px;}.mdc-deprecated-list--icon-list .mdc-deprecated-list-divider--inset-trailing{width:calc(100% - 16px)}.mdc-deprecated-list--icon-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing{margin-left:72px;margin-right:0;width:calc(100% - 88px)}[dir=rtl] .mdc-deprecated-list--icon-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing,.mdc-deprecated-list--icon-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing[dir=rtl]{margin-left:0;margin-right:72px;}.mdc-deprecated-list--icon-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding{margin-left:16px;margin-right:0;width:calc(100% - 16px)}[dir=rtl] .mdc-deprecated-list--icon-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding,.mdc-deprecated-list--icon-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding[dir=rtl]{margin-left:0;margin-right:16px;}.mdc-deprecated-list--icon-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding{margin-left:16px;margin-right:0;width:calc(100% - 32px)}[dir=rtl] .mdc-deprecated-list--icon-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding,.mdc-deprecated-list--icon-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding[dir=rtl]{margin-left:0;margin-right:16px;}.mdc-deprecated-list--avatar-list .mdc-deprecated-list-divider--inset-leading{margin-left:72px;margin-right:0;width:calc(100% - 72px)}[dir=rtl] .mdc-deprecated-list--avatar-list .mdc-deprecated-list-divider--inset-leading,.mdc-deprecated-list--avatar-list .mdc-deprecated-list-divider--inset-leading[dir=rtl]{margin-left:0;margin-right:72px;}.mdc-deprecated-list--avatar-list .mdc-deprecated-list-divider--inset-trailing{width:calc(100% - 16px)}.mdc-deprecated-list--avatar-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing{margin-left:72px;margin-right:0;width:calc(100% - 88px)}[dir=rtl] .mdc-deprecated-list--avatar-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing,.mdc-deprecated-list--avatar-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing[dir=rtl]{margin-left:0;margin-right:72px;}.mdc-deprecated-list--avatar-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding{margin-left:16px;margin-right:0;width:calc(100% - 16px)}[dir=rtl] .mdc-deprecated-list--avatar-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding,.mdc-deprecated-list--avatar-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding[dir=rtl]{margin-left:0;margin-right:16px;}.mdc-deprecated-list--avatar-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding{margin-left:16px;margin-right:0;width:calc(100% - 32px)}[dir=rtl] .mdc-deprecated-list--avatar-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding,.mdc-deprecated-list--avatar-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding[dir=rtl]{margin-left:0;margin-right:16px;}.mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-divider--inset-leading{margin-left:72px;margin-right:0;width:calc(100% - 72px)}[dir=rtl] .mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-divider--inset-leading,.mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-divider--inset-leading[dir=rtl]{margin-left:0;margin-right:72px;}.mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-divider--inset-trailing{width:calc(100% - 16px)}.mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing{margin-left:72px;margin-right:0;width:calc(100% - 88px)}[dir=rtl] .mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing,.mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing[dir=rtl]{margin-left:0;margin-right:72px;}.mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding{margin-left:16px;margin-right:0;width:calc(100% - 16px)}[dir=rtl] .mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding,.mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding[dir=rtl]{margin-left:0;margin-right:16px;}.mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding{margin-left:16px;margin-right:0;width:calc(100% - 32px)}[dir=rtl] .mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding,.mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding[dir=rtl]{margin-left:0;margin-right:16px;}.mdc-deprecated-list--image-list .mdc-deprecated-list-divider--inset-leading{margin-left:88px;margin-right:0;width:calc(100% - 88px)}[dir=rtl] .mdc-deprecated-list--image-list .mdc-deprecated-list-divider--inset-leading,.mdc-deprecated-list--image-list .mdc-deprecated-list-divider--inset-leading[dir=rtl]{margin-left:0;margin-right:88px;}.mdc-deprecated-list--image-list .mdc-deprecated-list-divider--inset-trailing{width:calc(100% - 16px)}.mdc-deprecated-list--image-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing{margin-left:88px;margin-right:0;width:calc(100% - 104px)}[dir=rtl] .mdc-deprecated-list--image-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing,.mdc-deprecated-list--image-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing[dir=rtl]{margin-left:0;margin-right:88px;}.mdc-deprecated-list--image-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding{margin-left:16px;margin-right:0;width:calc(100% - 16px)}[dir=rtl] .mdc-deprecated-list--image-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding,.mdc-deprecated-list--image-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding[dir=rtl]{margin-left:0;margin-right:16px;}.mdc-deprecated-list--image-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding{margin-left:16px;margin-right:0;width:calc(100% - 32px)}[dir=rtl] .mdc-deprecated-list--image-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding,.mdc-deprecated-list--image-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding[dir=rtl]{margin-left:0;margin-right:16px;}.mdc-deprecated-list--video-list .mdc-deprecated-list-divider--inset-leading{margin-left:116px;margin-right:0;width:calc(100% - 116px)}[dir=rtl] .mdc-deprecated-list--video-list .mdc-deprecated-list-divider--inset-leading,.mdc-deprecated-list--video-list .mdc-deprecated-list-divider--inset-leading[dir=rtl]{margin-left:0;margin-right:116px;}.mdc-deprecated-list--video-list .mdc-deprecated-list-divider--inset-trailing{width:calc(100% - 16px)}.mdc-deprecated-list--video-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing{margin-left:116px;margin-right:0;width:calc(100% - 132px)}[dir=rtl] .mdc-deprecated-list--video-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing,.mdc-deprecated-list--video-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing[dir=rtl]{margin-left:0;margin-right:116px;}.mdc-deprecated-list--video-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding{margin-left:0px;margin-right:0;width:calc(100% - 0px)}[dir=rtl] .mdc-deprecated-list--video-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding,.mdc-deprecated-list--video-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding[dir=rtl]{margin-left:0;margin-right:0px;}.mdc-deprecated-list--video-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding{margin-left:0px;margin-right:0;width:calc(100% - 16px)}[dir=rtl] .mdc-deprecated-list--video-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding,.mdc-deprecated-list--video-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding[dir=rtl]{margin-left:0;margin-right:0px;}.mdc-deprecated-list-group .mdc-deprecated-list{padding:0}.mdc-deprecated-list-group__subheader{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1rem;font-size:var(--mdc-typography-subtitle1-font-size, 1rem);line-height:1.75rem;line-height:var(--mdc-typography-subtitle1-line-height, 1.75rem);font-weight:400;font-weight:var(--mdc-typography-subtitle1-font-weight, 400);letter-spacing:0.009375em;letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle1-text-transform, inherit);margin:calc((3rem - 1.5rem) / 2) 16px}.mdc-list-item__primary-text{color:rgba(0, 0, 0, 0.87);color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87))}.mdc-list-item__secondary-text{color:rgba(0, 0, 0, 0.54);color:var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54))}.mdc-list-item__overline-text{color:rgba(0, 0, 0, 0.38);color:var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38))}.mdc-list-item--with-leading-icon .mdc-list-item__start,.mdc-list-item--with-trailing-icon .mdc-list-item__end{background-color:transparent}.mdc-list-item--with-leading-icon .mdc-list-item__start,.mdc-list-item--with-trailing-icon .mdc-list-item__end{color:rgba(0, 0, 0, 0.38);color:var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38))}.mdc-list-item__end{color:rgba(0, 0, 0, 0.38);color:var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38))}.mdc-list-item--disabled .mdc-list-item__start,.mdc-list-item--disabled .mdc-list-item__content,.mdc-list-item--disabled .mdc-list-item__end{opacity:0.38}.mdc-list-item--disabled .mdc-list-item__primary-text{color:#000;color:var(--mdc-theme-on-surface, #000)}.mdc-list-item--disabled .mdc-list-item__secondary-text{color:#000;color:var(--mdc-theme-on-surface, #000)}.mdc-list-item--disabled .mdc-list-item__overline-text{color:#000;color:var(--mdc-theme-on-surface, #000)}.mdc-list-item--disabled.mdc-list-item--with-leading-icon .mdc-list-item__start{color:#000;color:var(--mdc-theme-on-surface, #000)}.mdc-list-item--disabled.mdc-list-item--with-trailing-icon .mdc-list-item__end{color:#000;color:var(--mdc-theme-on-surface, #000)}.mdc-list-item--disabled.mdc-list-item--with-trailing-meta .mdc-list-item__end{color:#000;color:var(--mdc-theme-on-surface, #000)}.mdc-list-item--selected .mdc-list-item__primary-text,.mdc-list-item--activated .mdc-list-item__primary-text{color:#6200ee;color:var(--mdc-theme-primary, #6200ee)}.mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start,.mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start{color:#6200ee;color:var(--mdc-theme-primary, #6200ee)}.mdc-deprecated-list-group__subheader{color:rgba(0, 0, 0, 0.87);color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87))}@media screen and (forced-colors: active), (-ms-high-contrast: active){.mdc-list-divider::after{content:\"\";display:block;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:white}}.mdc-list{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1rem;font-size:var(--mdc-typography-subtitle1-font-size, 1rem);line-height:1.75rem;line-height:var(--mdc-typography-subtitle1-line-height, 1.75rem);font-weight:400;font-weight:var(--mdc-typography-subtitle1-font-weight, 400);letter-spacing:0.009375em;letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle1-text-transform, inherit);line-height:1.5rem;margin:0;padding:8px 0;list-style-type:none}.mdc-list:focus{outline:none}.mdc-list-item__wrapper{display:block}.mdc-list-item{display:flex;position:relative;align-items:center;justify-content:flex-start;overflow:hidden;padding:0;align-items:stretch;cursor:pointer}.mdc-list-item:focus{outline:none}.mdc-list-item.mdc-list-item--with-one-line{height:48px}.mdc-list-item.mdc-list-item--with-two-lines{height:64px}.mdc-list-item.mdc-list-item--with-three-lines{height:88px}.mdc-list-item.mdc-list-item--with-one-line .mdc-list-item__start{align-self:center;margin-top:0}.mdc-list-item.mdc-list-item--with-two-lines .mdc-list-item__start{align-self:flex-start;margin-top:16px}.mdc-list-item.mdc-list-item--with-three-lines .mdc-list-item__start{align-self:flex-start;margin-top:16px}.mdc-list-item.mdc-list-item--with-one-line .mdc-list-item__end{align-self:center;margin-top:0}.mdc-list-item.mdc-list-item--with-two-lines .mdc-list-item__end{align-self:center;margin-top:0}.mdc-list-item.mdc-list-item--with-three-lines .mdc-list-item__end{align-self:flex-start;margin-top:16px}.mdc-list-item.mdc-list-item--disabled,.mdc-list-item.mdc-list-item--non-interactive{cursor:auto}.mdc-list-item:not(.mdc-list-item--selected):focus::before,.mdc-list-item.mdc-ripple-upgraded--background-focused::before{position:absolute;box-sizing:border-box;width:100%;height:100%;top:0;left:0;border:1px solid transparent;border-radius:inherit;content:\"\";pointer-events:none}@media screen and (forced-colors: active){.mdc-list-item:not(.mdc-list-item--selected):focus::before,.mdc-list-item.mdc-ripple-upgraded--background-focused::before{border-color:CanvasText}}.mdc-list-item.mdc-list-item--selected::before{position:absolute;box-sizing:border-box;width:100%;height:100%;top:0;left:0;border:3px double transparent;border-radius:inherit;content:\"\";pointer-events:none}@media screen and (forced-colors: active){.mdc-list-item.mdc-list-item--selected::before{border-color:CanvasText}}.mdc-list-item.mdc-list-item--selected:focus::before{position:absolute;box-sizing:border-box;width:100%;height:100%;top:0;left:0;border:3px solid transparent;border-radius:inherit;content:\"\";pointer-events:none}@media screen and (forced-colors: active){.mdc-list-item.mdc-list-item--selected:focus::before{border-color:CanvasText}}a.mdc-list-item{color:inherit;text-decoration:none}.mdc-list-item__start{fill:currentColor;flex-shrink:0;pointer-events:none}.mdc-list-item__end{flex-shrink:0;pointer-events:none}.mdc-list-item__content{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;align-self:center;flex:1;pointer-events:none}.mdc-list-item--with-two-lines .mdc-list-item__content,.mdc-list-item--with-three-lines .mdc-list-item__content{align-self:stretch}.mdc-list-item__content[for]{pointer-events:none}.mdc-list-item__primary-text{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1rem;font-size:var(--mdc-typography-subtitle1-font-size, 1rem);line-height:1.75rem;line-height:var(--mdc-typography-subtitle1-line-height, 1.75rem);font-weight:400;font-weight:var(--mdc-typography-subtitle1-font-weight, 400);letter-spacing:0.009375em;letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle1-text-transform, inherit);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mdc-list-item--with-two-lines .mdc-list-item__primary-text,.mdc-list-item--with-three-lines .mdc-list-item__primary-text{display:block;margin-top:0;line-height:normal;margin-bottom:-20px}.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before,.mdc-list-item--with-three-lines .mdc-list-item__primary-text::before{display:inline-block;width:0;height:28px;content:\"\";vertical-align:0}.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after,.mdc-list-item--with-three-lines .mdc-list-item__primary-text::after{display:inline-block;width:0;height:20px;content:\"\";vertical-align:-20px}.mdc-list-item__secondary-text{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.875rem;font-size:var(--mdc-typography-body2-font-size, 0.875rem);line-height:1.25rem;line-height:var(--mdc-typography-body2-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:0.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, 0.0178571429em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform, inherit);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;margin-top:0;line-height:normal}.mdc-list-item__secondary-text::before{display:inline-block;width:0;height:20px;content:\"\";vertical-align:0}.mdc-list-item--with-three-lines .mdc-list-item__secondary-text{white-space:normal;line-height:20px}.mdc-list-item--with-overline .mdc-list-item__secondary-text{white-space:nowrap;line-height:auto}.mdc-list-item__overline-text{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-overline-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.75rem;font-size:var(--mdc-typography-overline-font-size, 0.75rem);line-height:2rem;line-height:var(--mdc-typography-overline-line-height, 2rem);font-weight:500;font-weight:var(--mdc-typography-overline-font-weight, 500);letter-spacing:0.1666666667em;letter-spacing:var(--mdc-typography-overline-letter-spacing, 0.1666666667em);text-decoration:none;-webkit-text-decoration:var(--mdc-typography-overline-text-decoration, none);text-decoration:var(--mdc-typography-overline-text-decoration, none);text-transform:uppercase;text-transform:var(--mdc-typography-overline-text-transform, uppercase);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mdc-list-item--with-two-lines .mdc-list-item__overline-text{display:block;margin-top:0;line-height:normal;margin-bottom:-20px}.mdc-list-item--with-two-lines .mdc-list-item__overline-text::before{display:inline-block;width:0;height:24px;content:\"\";vertical-align:0}.mdc-list-item--with-two-lines .mdc-list-item__overline-text::after{display:inline-block;width:0;height:20px;content:\"\";vertical-align:-20px}.mdc-list-item--with-three-lines .mdc-list-item__overline-text{display:block;margin-top:0;line-height:normal;margin-bottom:-20px}.mdc-list-item--with-three-lines .mdc-list-item__overline-text::before{display:inline-block;width:0;height:28px;content:\"\";vertical-align:0}.mdc-list-item--with-three-lines .mdc-list-item__overline-text::after{display:inline-block;width:0;height:20px;content:\"\";vertical-align:-20px}.mdc-list-item--with-leading-avatar.mdc-list-item{padding-left:0;padding-right:auto}[dir=rtl] .mdc-list-item--with-leading-avatar.mdc-list-item,.mdc-list-item--with-leading-avatar.mdc-list-item[dir=rtl]{padding-left:auto;padding-right:0;}.mdc-list-item--with-leading-avatar .mdc-list-item__start{margin-left:16px;margin-right:16px}[dir=rtl] .mdc-list-item--with-leading-avatar .mdc-list-item__start,.mdc-list-item--with-leading-avatar .mdc-list-item__start[dir=rtl]{margin-left:16px;margin-right:16px;}.mdc-list-item--with-leading-avatar .mdc-list-item__start{width:40px;height:40px}.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines .mdc-list-item__primary-text{display:block;margin-top:0;line-height:normal;margin-bottom:-20px}.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before{display:inline-block;width:0;height:32px;content:\"\";vertical-align:0}.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after{display:inline-block;width:0;height:20px;content:\"\";vertical-align:-20px}.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines .mdc-list-item__overline-text{display:block;margin-top:0;line-height:normal;margin-bottom:-20px}.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines .mdc-list-item__overline-text::before{display:inline-block;width:0;height:28px;content:\"\";vertical-align:0}.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines .mdc-list-item__overline-text::after{display:inline-block;width:0;height:20px;content:\"\";vertical-align:-20px}.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end{display:block;margin-top:0;line-height:normal}.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end::before{display:inline-block;width:0;height:32px;content:\"\";vertical-align:0}.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line{height:56px}.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines{height:72px}.mdc-list-item--with-leading-avatar .mdc-list-item__start{border-radius:50%}.mdc-list-item--with-leading-icon .mdc-list-item__start{width:24px;height:24px}.mdc-list-item--with-leading-icon.mdc-list-item{padding-left:0;padding-right:auto}[dir=rtl] .mdc-list-item--with-leading-icon.mdc-list-item,.mdc-list-item--with-leading-icon.mdc-list-item[dir=rtl]{padding-left:auto;padding-right:0;}.mdc-list-item--with-leading-icon .mdc-list-item__start{margin-left:16px;margin-right:32px}[dir=rtl] .mdc-list-item--with-leading-icon .mdc-list-item__start,.mdc-list-item--with-leading-icon .mdc-list-item__start[dir=rtl]{margin-left:32px;margin-right:16px;}.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines .mdc-list-item__primary-text{display:block;margin-top:0;line-height:normal;margin-bottom:-20px}.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before{display:inline-block;width:0;height:32px;content:\"\";vertical-align:0}.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after{display:inline-block;width:0;height:20px;content:\"\";vertical-align:-20px}.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines .mdc-list-item__overline-text{display:block;margin-top:0;line-height:normal;margin-bottom:-20px}.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines .mdc-list-item__overline-text::before{display:inline-block;width:0;height:28px;content:\"\";vertical-align:0}.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines .mdc-list-item__overline-text::after{display:inline-block;width:0;height:20px;content:\"\";vertical-align:-20px}.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end{display:block;margin-top:0;line-height:normal}.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end::before{display:inline-block;width:0;height:32px;content:\"\";vertical-align:0}.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line{height:56px}.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines{height:72px}.mdc-list-item--with-leading-thumbnail.mdc-list-item{padding-left:0;padding-right:auto}[dir=rtl] .mdc-list-item--with-leading-thumbnail.mdc-list-item,.mdc-list-item--with-leading-thumbnail.mdc-list-item[dir=rtl]{padding-left:auto;padding-right:0;}.mdc-list-item--with-leading-thumbnail .mdc-list-item__start{margin-left:16px;margin-right:16px}[dir=rtl] .mdc-list-item--with-leading-thumbnail .mdc-list-item__start,.mdc-list-item--with-leading-thumbnail .mdc-list-item__start[dir=rtl]{margin-left:16px;margin-right:16px;}.mdc-list-item--with-leading-thumbnail .mdc-list-item__start{width:40px;height:40px}.mdc-list-item--with-leading-thumbnail.mdc-list-item--with-two-lines .mdc-list-item__primary-text{display:block;margin-top:0;line-height:normal;margin-bottom:-20px}.mdc-list-item--with-leading-thumbnail.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before{display:inline-block;width:0;height:32px;content:\"\";vertical-align:0}.mdc-list-item--with-leading-thumbnail.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after{display:inline-block;width:0;height:20px;content:\"\";vertical-align:-20px}.mdc-list-item--with-leading-thumbnail.mdc-list-item--with-two-lines .mdc-list-item__overline-text{display:block;margin-top:0;line-height:normal;margin-bottom:-20px}.mdc-list-item--with-leading-thumbnail.mdc-list-item--with-two-lines .mdc-list-item__overline-text::before{display:inline-block;width:0;height:28px;content:\"\";vertical-align:0}.mdc-list-item--with-leading-thumbnail.mdc-list-item--with-two-lines .mdc-list-item__overline-text::after{display:inline-block;width:0;height:20px;content:\"\";vertical-align:-20px}.mdc-list-item--with-leading-thumbnail.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end{display:block;margin-top:0;line-height:normal}.mdc-list-item--with-leading-thumbnail.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end::before{display:inline-block;width:0;height:32px;content:\"\";vertical-align:0}.mdc-list-item--with-leading-thumbnail.mdc-list-item--with-one-line{height:56px}.mdc-list-item--with-leading-thumbnail.mdc-list-item--with-two-lines{height:72px}.mdc-list-item--with-leading-image.mdc-list-item{padding-left:0;padding-right:auto}[dir=rtl] .mdc-list-item--with-leading-image.mdc-list-item,.mdc-list-item--with-leading-image.mdc-list-item[dir=rtl]{padding-left:auto;padding-right:0;}.mdc-list-item--with-leading-image .mdc-list-item__start{margin-left:16px;margin-right:16px}[dir=rtl] .mdc-list-item--with-leading-image .mdc-list-item__start,.mdc-list-item--with-leading-image .mdc-list-item__start[dir=rtl]{margin-left:16px;margin-right:16px;}.mdc-list-item--with-leading-image .mdc-list-item__start{width:56px;height:56px}.mdc-list-item--with-leading-image.mdc-list-item--with-two-lines .mdc-list-item__primary-text{display:block;margin-top:0;line-height:normal;margin-bottom:-20px}.mdc-list-item--with-leading-image.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before{display:inline-block;width:0;height:32px;content:\"\";vertical-align:0}.mdc-list-item--with-leading-image.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after{display:inline-block;width:0;height:20px;content:\"\";vertical-align:-20px}.mdc-list-item--with-leading-image.mdc-list-item--with-two-lines .mdc-list-item__overline-text{display:block;margin-top:0;line-height:normal;margin-bottom:-20px}.mdc-list-item--with-leading-image.mdc-list-item--with-two-lines .mdc-list-item__overline-text::before{display:inline-block;width:0;height:28px;content:\"\";vertical-align:0}.mdc-list-item--with-leading-image.mdc-list-item--with-two-lines .mdc-list-item__overline-text::after{display:inline-block;width:0;height:20px;content:\"\";vertical-align:-20px}.mdc-list-item--with-leading-image.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end{display:block;margin-top:0;line-height:normal}.mdc-list-item--with-leading-image.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end::before{display:inline-block;width:0;height:32px;content:\"\";vertical-align:0}.mdc-list-item--with-leading-image.mdc-list-item--with-one-line{height:72px}.mdc-list-item--with-leading-image.mdc-list-item--with-two-lines{height:72px}.mdc-list-item--with-leading-video.mdc-list-item--with-two-lines .mdc-list-item__start{align-self:flex-start;margin-top:8px}.mdc-list-item--with-leading-video.mdc-list-item{padding-left:0;padding-right:auto}[dir=rtl] .mdc-list-item--with-leading-video.mdc-list-item,.mdc-list-item--with-leading-video.mdc-list-item[dir=rtl]{padding-left:auto;padding-right:0;}.mdc-list-item--with-leading-video .mdc-list-item__start{margin-left:0;margin-right:16px}[dir=rtl] .mdc-list-item--with-leading-video .mdc-list-item__start,.mdc-list-item--with-leading-video .mdc-list-item__start[dir=rtl]{margin-left:16px;margin-right:0;}.mdc-list-item--with-leading-video .mdc-list-item__start{width:100px;height:56px}.mdc-list-item--with-leading-video.mdc-list-item--with-two-lines .mdc-list-item__primary-text{display:block;margin-top:0;line-height:normal;margin-bottom:-20px}.mdc-list-item--with-leading-video.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before{display:inline-block;width:0;height:32px;content:\"\";vertical-align:0}.mdc-list-item--with-leading-video.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after{display:inline-block;width:0;height:20px;content:\"\";vertical-align:-20px}.mdc-list-item--with-leading-video.mdc-list-item--with-two-lines .mdc-list-item__overline-text{display:block;margin-top:0;line-height:normal;margin-bottom:-20px}.mdc-list-item--with-leading-video.mdc-list-item--with-two-lines .mdc-list-item__overline-text::before{display:inline-block;width:0;height:28px;content:\"\";vertical-align:0}.mdc-list-item--with-leading-video.mdc-list-item--with-two-lines .mdc-list-item__overline-text::after{display:inline-block;width:0;height:20px;content:\"\";vertical-align:-20px}.mdc-list-item--with-leading-video.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end{display:block;margin-top:0;line-height:normal}.mdc-list-item--with-leading-video.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end::before{display:inline-block;width:0;height:32px;content:\"\";vertical-align:0}.mdc-list-item--with-leading-video.mdc-list-item--with-one-line{height:72px}.mdc-list-item--with-leading-video.mdc-list-item--with-two-lines{height:72px}.mdc-list-item--with-leading-checkbox.mdc-list-item{padding-left:0;padding-right:auto}[dir=rtl] .mdc-list-item--with-leading-checkbox.mdc-list-item,.mdc-list-item--with-leading-checkbox.mdc-list-item[dir=rtl]{padding-left:auto;padding-right:0;}.mdc-list-item--with-leading-checkbox .mdc-list-item__start{margin-left:8px;margin-right:24px}[dir=rtl] .mdc-list-item--with-leading-checkbox .mdc-list-item__start,.mdc-list-item--with-leading-checkbox .mdc-list-item__start[dir=rtl]{margin-left:24px;margin-right:8px;}.mdc-list-item--with-leading-checkbox .mdc-list-item__start{width:40px;height:40px}.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines .mdc-list-item__start{align-self:flex-start;margin-top:8px}.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines .mdc-list-item__primary-text{display:block;margin-top:0;line-height:normal;margin-bottom:-20px}.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before{display:inline-block;width:0;height:32px;content:\"\";vertical-align:0}.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after{display:inline-block;width:0;height:20px;content:\"\";vertical-align:-20px}.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines .mdc-list-item__overline-text{display:block;margin-top:0;line-height:normal;margin-bottom:-20px}.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines .mdc-list-item__overline-text::before{display:inline-block;width:0;height:28px;content:\"\";vertical-align:0}.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines .mdc-list-item__overline-text::after{display:inline-block;width:0;height:20px;content:\"\";vertical-align:-20px}.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end{display:block;margin-top:0;line-height:normal}.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end::before{display:inline-block;width:0;height:32px;content:\"\";vertical-align:0}.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line{height:56px}.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines{height:72px}.mdc-list-item--with-leading-radio.mdc-list-item{padding-left:0;padding-right:auto}[dir=rtl] .mdc-list-item--with-leading-radio.mdc-list-item,.mdc-list-item--with-leading-radio.mdc-list-item[dir=rtl]{padding-left:auto;padding-right:0;}.mdc-list-item--with-leading-radio .mdc-list-item__start{margin-left:8px;margin-right:24px}[dir=rtl] .mdc-list-item--with-leading-radio .mdc-list-item__start,.mdc-list-item--with-leading-radio .mdc-list-item__start[dir=rtl]{margin-left:24px;margin-right:8px;}.mdc-list-item--with-leading-radio .mdc-list-item__start{width:40px;height:40px}.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines .mdc-list-item__start{align-self:flex-start;margin-top:8px}.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines .mdc-list-item__primary-text{display:block;margin-top:0;line-height:normal;margin-bottom:-20px}.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before{display:inline-block;width:0;height:32px;content:\"\";vertical-align:0}.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after{display:inline-block;width:0;height:20px;content:\"\";vertical-align:-20px}.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines .mdc-list-item__overline-text{display:block;margin-top:0;line-height:normal;margin-bottom:-20px}.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines .mdc-list-item__overline-text::before{display:inline-block;width:0;height:28px;content:\"\";vertical-align:0}.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines .mdc-list-item__overline-text::after{display:inline-block;width:0;height:20px;content:\"\";vertical-align:-20px}.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end{display:block;margin-top:0;line-height:normal}.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end::before{display:inline-block;width:0;height:32px;content:\"\";vertical-align:0}.mdc-list-item--with-leading-radio.mdc-list-item--with-one-line{height:56px}.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines{height:72px}.mdc-list-item--with-leading-switch.mdc-list-item{padding-left:0;padding-right:auto}[dir=rtl] .mdc-list-item--with-leading-switch.mdc-list-item,.mdc-list-item--with-leading-switch.mdc-list-item[dir=rtl]{padding-left:auto;padding-right:0;}.mdc-list-item--with-leading-switch .mdc-list-item__start{margin-left:16px;margin-right:16px}[dir=rtl] .mdc-list-item--with-leading-switch .mdc-list-item__start,.mdc-list-item--with-leading-switch .mdc-list-item__start[dir=rtl]{margin-left:16px;margin-right:16px;}.mdc-list-item--with-leading-switch .mdc-list-item__start{width:36px;height:20px}.mdc-list-item--with-leading-switch.mdc-list-item--with-two-lines .mdc-list-item__start{align-self:flex-start;margin-top:16px}.mdc-list-item--with-leading-switch.mdc-list-item--with-two-lines .mdc-list-item__primary-text{display:block;margin-top:0;line-height:normal;margin-bottom:-20px}.mdc-list-item--with-leading-switch.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before{display:inline-block;width:0;height:32px;content:\"\";vertical-align:0}.mdc-list-item--with-leading-switch.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after{display:inline-block;width:0;height:20px;content:\"\";vertical-align:-20px}.mdc-list-item--with-leading-switch.mdc-list-item--with-two-lines .mdc-list-item__overline-text{display:block;margin-top:0;line-height:normal;margin-bottom:-20px}.mdc-list-item--with-leading-switch.mdc-list-item--with-two-lines .mdc-list-item__overline-text::before{display:inline-block;width:0;height:28px;content:\"\";vertical-align:0}.mdc-list-item--with-leading-switch.mdc-list-item--with-two-lines .mdc-list-item__overline-text::after{display:inline-block;width:0;height:20px;content:\"\";vertical-align:-20px}.mdc-list-item--with-leading-switch.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end{display:block;margin-top:0;line-height:normal}.mdc-list-item--with-leading-switch.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end::before{display:inline-block;width:0;height:32px;content:\"\";vertical-align:0}.mdc-list-item--with-leading-switch.mdc-list-item--with-one-line{height:56px}.mdc-list-item--with-leading-switch.mdc-list-item--with-two-lines{height:72px}.mdc-list-item--with-trailing-icon.mdc-list-item{padding-left:auto;padding-right:0}[dir=rtl] .mdc-list-item--with-trailing-icon.mdc-list-item,.mdc-list-item--with-trailing-icon.mdc-list-item[dir=rtl]{padding-left:0;padding-right:auto;}.mdc-list-item--with-trailing-icon .mdc-list-item__end{margin-left:16px;margin-right:16px}[dir=rtl] .mdc-list-item--with-trailing-icon .mdc-list-item__end,.mdc-list-item--with-trailing-icon .mdc-list-item__end[dir=rtl]{margin-left:16px;margin-right:16px;}.mdc-list-item--with-trailing-icon .mdc-list-item__end{width:24px;height:24px}.mdc-list-item--with-trailing-meta.mdc-list-item--with-two-lines .mdc-list-item__end{align-self:flex-start;margin-top:0}.mdc-list-item--with-trailing-meta.mdc-list-item--with-three-lines .mdc-list-item__end{align-self:flex-start;margin-top:0}.mdc-list-item--with-trailing-meta.mdc-list-item{padding-left:auto;padding-right:0}[dir=rtl] .mdc-list-item--with-trailing-meta.mdc-list-item,.mdc-list-item--with-trailing-meta.mdc-list-item[dir=rtl]{padding-left:0;padding-right:auto;}.mdc-list-item--with-trailing-meta .mdc-list-item__end{margin-left:28px;margin-right:16px}[dir=rtl] .mdc-list-item--with-trailing-meta .mdc-list-item__end,.mdc-list-item--with-trailing-meta .mdc-list-item__end[dir=rtl]{margin-left:16px;margin-right:28px;}.mdc-list-item--with-trailing-meta.mdc-list-item--with-two-lines .mdc-list-item__end{display:block;margin-top:0;line-height:normal}.mdc-list-item--with-trailing-meta.mdc-list-item--with-two-lines .mdc-list-item__end::before{display:inline-block;width:0;height:28px;content:\"\";vertical-align:0}.mdc-list-item--with-trailing-meta.mdc-list-item--with-three-lines .mdc-list-item__end{display:block;margin-top:0;line-height:normal}.mdc-list-item--with-trailing-meta.mdc-list-item--with-three-lines .mdc-list-item__end::before{display:inline-block;width:0;height:28px;content:\"\";vertical-align:0}.mdc-list-item--with-trailing-meta .mdc-list-item__end{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.75rem;font-size:var(--mdc-typography-caption-font-size, 0.75rem);line-height:1.25rem;line-height:var(--mdc-typography-caption-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-caption-font-weight, 400);letter-spacing:0.0333333333em;letter-spacing:var(--mdc-typography-caption-letter-spacing, 0.0333333333em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-caption-text-decoration, inherit);text-decoration:var(--mdc-typography-caption-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-caption-text-transform, inherit)}.mdc-list-item--with-trailing-checkbox.mdc-list-item{padding-left:auto;padding-right:0}[dir=rtl] .mdc-list-item--with-trailing-checkbox.mdc-list-item,.mdc-list-item--with-trailing-checkbox.mdc-list-item[dir=rtl]{padding-left:0;padding-right:auto;}.mdc-list-item--with-trailing-checkbox .mdc-list-item__end{margin-left:24px;margin-right:8px}[dir=rtl] .mdc-list-item--with-trailing-checkbox .mdc-list-item__end,.mdc-list-item--with-trailing-checkbox .mdc-list-item__end[dir=rtl]{margin-left:8px;margin-right:24px;}.mdc-list-item--with-trailing-checkbox .mdc-list-item__end{width:40px;height:40px}.mdc-list-item--with-trailing-checkbox.mdc-list-item--with-three-lines .mdc-list-item__end{align-self:flex-start;margin-top:8px}.mdc-list-item--with-trailing-radio.mdc-list-item{padding-left:auto;padding-right:0}[dir=rtl] .mdc-list-item--with-trailing-radio.mdc-list-item,.mdc-list-item--with-trailing-radio.mdc-list-item[dir=rtl]{padding-left:0;padding-right:auto;}.mdc-list-item--with-trailing-radio .mdc-list-item__end{margin-left:24px;margin-right:8px}[dir=rtl] .mdc-list-item--with-trailing-radio .mdc-list-item__end,.mdc-list-item--with-trailing-radio .mdc-list-item__end[dir=rtl]{margin-left:8px;margin-right:24px;}.mdc-list-item--with-trailing-radio .mdc-list-item__end{width:40px;height:40px}.mdc-list-item--with-trailing-radio.mdc-list-item--with-three-lines .mdc-list-item__end{align-self:flex-start;margin-top:8px}.mdc-list-item--with-trailing-switch.mdc-list-item{padding-left:auto;padding-right:0}[dir=rtl] .mdc-list-item--with-trailing-switch.mdc-list-item,.mdc-list-item--with-trailing-switch.mdc-list-item[dir=rtl]{padding-left:0;padding-right:auto;}.mdc-list-item--with-trailing-switch .mdc-list-item__end{margin-left:16px;margin-right:16px}[dir=rtl] .mdc-list-item--with-trailing-switch .mdc-list-item__end,.mdc-list-item--with-trailing-switch .mdc-list-item__end[dir=rtl]{margin-left:16px;margin-right:16px;}.mdc-list-item--with-trailing-switch .mdc-list-item__end{width:36px;height:20px}.mdc-list-item--with-trailing-switch.mdc-list-item--with-three-lines .mdc-list-item__end{align-self:flex-start;margin-top:16px}.mdc-list-item--with-overline.mdc-list-item--with-two-lines .mdc-list-item__primary-text{display:block;margin-top:0;line-height:normal}.mdc-list-item--with-overline.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before{display:inline-block;width:0;height:20px;content:\"\";vertical-align:0}.mdc-list-item--with-overline.mdc-list-item--with-three-lines .mdc-list-item__primary-text{display:block;margin-top:0;line-height:normal}.mdc-list-item--with-overline.mdc-list-item--with-three-lines .mdc-list-item__primary-text::before{display:inline-block;width:0;height:20px;content:\"\";vertical-align:0}.mdc-list-item{padding-left:16px;padding-right:16px}[dir=rtl] .mdc-list-item,.mdc-list-item[dir=rtl]{padding-left:16px;padding-right:16px;}.mdc-list-group .mdc-deprecated-list{padding:0}.mdc-list-group__subheader{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1rem;font-size:var(--mdc-typography-subtitle1-font-size, 1rem);line-height:1.75rem;line-height:var(--mdc-typography-subtitle1-line-height, 1.75rem);font-weight:400;font-weight:var(--mdc-typography-subtitle1-font-weight, 400);letter-spacing:0.009375em;letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle1-text-transform, inherit);margin:calc((3rem - 1.5rem) / 2) 16px}.mdc-list-divider{background-color:rgba(0, 0, 0, 0.12)}.mdc-list-divider{height:1px}.mdc-list-divider{padding:0;background-clip:content-box}.mdc-list-divider.mdc-list-divider--with-leading-inset,.mdc-list-divider--with-leading-text.mdc-list-divider--with-leading-inset,.mdc-list-divider--with-leading-icon.mdc-list-divider--with-leading-inset,.mdc-list-divider--with-leading-image.mdc-list-divider--with-leading-inset,.mdc-list-divider--with-leading-thumbnail.mdc-list-divider--with-leading-inset,.mdc-list-divider--with-leading-avatar.mdc-list-divider--with-leading-inset,.mdc-list-divider--with-leading-checkbox.mdc-list-divider--with-leading-inset,.mdc-list-divider--with-leading-switch.mdc-list-divider--with-leading-inset,.mdc-list-divider--with-leading-radio.mdc-list-divider--with-leading-inset{padding-left:16px;padding-right:auto}[dir=rtl] .mdc-list-divider.mdc-list-divider--with-leading-inset,[dir=rtl] .mdc-list-divider--with-leading-text.mdc-list-divider--with-leading-inset,[dir=rtl] .mdc-list-divider--with-leading-icon.mdc-list-divider--with-leading-inset,[dir=rtl] .mdc-list-divider--with-leading-image.mdc-list-divider--with-leading-inset,[dir=rtl] .mdc-list-divider--with-leading-thumbnail.mdc-list-divider--with-leading-inset,[dir=rtl] .mdc-list-divider--with-leading-avatar.mdc-list-divider--with-leading-inset,[dir=rtl] .mdc-list-divider--with-leading-checkbox.mdc-list-divider--with-leading-inset,[dir=rtl] .mdc-list-divider--with-leading-switch.mdc-list-divider--with-leading-inset,[dir=rtl] .mdc-list-divider--with-leading-radio.mdc-list-divider--with-leading-inset,.mdc-list-divider.mdc-list-divider--with-leading-inset[dir=rtl],.mdc-list-divider--with-leading-text.mdc-list-divider--with-leading-inset[dir=rtl],.mdc-list-divider--with-leading-icon.mdc-list-divider--with-leading-inset[dir=rtl],.mdc-list-divider--with-leading-image.mdc-list-divider--with-leading-inset[dir=rtl],.mdc-list-divider--with-leading-thumbnail.mdc-list-divider--with-leading-inset[dir=rtl],.mdc-list-divider--with-leading-avatar.mdc-list-divider--with-leading-inset[dir=rtl],.mdc-list-divider--with-leading-checkbox.mdc-list-divider--with-leading-inset[dir=rtl],.mdc-list-divider--with-leading-switch.mdc-list-divider--with-leading-inset[dir=rtl],.mdc-list-divider--with-leading-radio.mdc-list-divider--with-leading-inset[dir=rtl]{padding-left:auto;padding-right:16px;}.mdc-list-divider.mdc-list-divider--with-trailing-inset,.mdc-list-divider--with-leading-text.mdc-list-divider--with-trailing-inset,.mdc-list-divider--with-leading-icon.mdc-list-divider--with-trailing-inset,.mdc-list-divider--with-leading-image.mdc-list-divider--with-trailing-inset,.mdc-list-divider--with-leading-thumbnail.mdc-list-divider--with-trailing-inset,.mdc-list-divider--with-leading-avatar.mdc-list-divider--with-trailing-inset,.mdc-list-divider--with-leading-checkbox.mdc-list-divider--with-trailing-inset,.mdc-list-divider--with-leading-switch.mdc-list-divider--with-trailing-inset,.mdc-list-divider--with-leading-radio.mdc-list-divider--with-trailing-inset{padding-left:auto;padding-right:16px}[dir=rtl] .mdc-list-divider.mdc-list-divider--with-trailing-inset,[dir=rtl] .mdc-list-divider--with-leading-text.mdc-list-divider--with-trailing-inset,[dir=rtl] .mdc-list-divider--with-leading-icon.mdc-list-divider--with-trailing-inset,[dir=rtl] .mdc-list-divider--with-leading-image.mdc-list-divider--with-trailing-inset,[dir=rtl] .mdc-list-divider--with-leading-thumbnail.mdc-list-divider--with-trailing-inset,[dir=rtl] .mdc-list-divider--with-leading-avatar.mdc-list-divider--with-trailing-inset,[dir=rtl] .mdc-list-divider--with-leading-checkbox.mdc-list-divider--with-trailing-inset,[dir=rtl] .mdc-list-divider--with-leading-switch.mdc-list-divider--with-trailing-inset,[dir=rtl] .mdc-list-divider--with-leading-radio.mdc-list-divider--with-trailing-inset,.mdc-list-divider.mdc-list-divider--with-trailing-inset[dir=rtl],.mdc-list-divider--with-leading-text.mdc-list-divider--with-trailing-inset[dir=rtl],.mdc-list-divider--with-leading-icon.mdc-list-divider--with-trailing-inset[dir=rtl],.mdc-list-divider--with-leading-image.mdc-list-divider--with-trailing-inset[dir=rtl],.mdc-list-divider--with-leading-thumbnail.mdc-list-divider--with-trailing-inset[dir=rtl],.mdc-list-divider--with-leading-avatar.mdc-list-divider--with-trailing-inset[dir=rtl],.mdc-list-divider--with-leading-checkbox.mdc-list-divider--with-trailing-inset[dir=rtl],.mdc-list-divider--with-leading-switch.mdc-list-divider--with-trailing-inset[dir=rtl],.mdc-list-divider--with-leading-radio.mdc-list-divider--with-trailing-inset[dir=rtl]{padding-left:16px;padding-right:auto;}.mdc-list-divider--with-leading-video.mdc-list-divider--with-leading-inset{padding-left:0px;padding-right:auto}[dir=rtl] .mdc-list-divider--with-leading-video.mdc-list-divider--with-leading-inset,.mdc-list-divider--with-leading-video.mdc-list-divider--with-leading-inset[dir=rtl]{padding-left:auto;padding-right:0px;}[dir=rtl] .mdc-list-divider,.mdc-list-divider[dir=rtl]{padding:0;}@-webkit-keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}}@keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}}@-webkit-keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@-webkit-keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}@keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);will-change:transform, opacity;--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);will-change:transform, opacity}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-deprecated-list-item__ripple::before,:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-deprecated-list-item__ripple::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:\"\"}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-deprecated-list-item__ripple::before{transition:opacity 15ms linear, background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index, 1)}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-deprecated-list-item__ripple::after{z-index:0;z-index:var(--mdc-ripple-z-index, 0)}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded .mdc-deprecated-list-item__ripple::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale, 1));transform:scale(var(--mdc-ripple-fg-scale, 1))}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded .mdc-deprecated-list-item__ripple::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded--unbounded .mdc-deprecated-list-item__ripple::after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded--foreground-activation .mdc-deprecated-list-item__ripple::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded--foreground-deactivation .mdc-deprecated-list-item__ripple::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-list-item__ripple::before,:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-list-item__ripple::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:\"\"}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-list-item__ripple::before{transition:opacity 15ms linear, background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index, 1)}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-list-item__ripple::after{z-index:0;z-index:var(--mdc-ripple-z-index, 0)}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded .mdc-list-item__ripple::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale, 1));transform:scale(var(--mdc-ripple-fg-scale, 1))}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded .mdc-list-item__ripple::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded--unbounded .mdc-list-item__ripple::after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded--foreground-activation .mdc-list-item__ripple::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded--foreground-deactivation .mdc-list-item__ripple::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-deprecated-list-item__ripple::before,:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-deprecated-list-item__ripple::after{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded .mdc-deprecated-list-item__ripple::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-list-item__ripple::before,:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-list-item__ripple::after{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded .mdc-list-item__ripple::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-deprecated-list-item__ripple::before,:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-deprecated-list-item__ripple::after{background-color:#000;background-color:var(--mdc-ripple-color, #000)}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item:hover .mdc-deprecated-list-item__ripple::before,:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-surface--hover .mdc-deprecated-list-item__ripple::before{opacity:0.04;opacity:var(--mdc-ripple-hover-opacity, 0.04)}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded--background-focused .mdc-deprecated-list-item__ripple::before,:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item:not(.mdc-ripple-upgraded):focus .mdc-deprecated-list-item__ripple::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-focus-opacity, 0.12)}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item:not(.mdc-ripple-upgraded) .mdc-deprecated-list-item__ripple::after{transition:opacity 150ms linear}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item:not(.mdc-ripple-upgraded):active .mdc-deprecated-list-item__ripple::after{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-press-opacity, 0.12)}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-list-item__ripple::before,:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-list-item__ripple::after{background-color:#000;background-color:var(--mdc-ripple-color, #000)}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item:hover .mdc-list-item__ripple::before,:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-surface--hover .mdc-list-item__ripple::before{opacity:0.04;opacity:var(--mdc-ripple-hover-opacity, 0.04)}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before,:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-focus-opacity, 0.12)}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item:not(.mdc-ripple-upgraded) .mdc-list-item__ripple::after{transition:opacity 150ms linear}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item:not(.mdc-ripple-upgraded):active .mdc-list-item__ripple::after{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-press-opacity, 0.12)}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated .mdc-deprecated-list-item__ripple::before{opacity:0.12;opacity:var(--mdc-ripple-activated-opacity, 0.12)}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated .mdc-deprecated-list-item__ripple::before,:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated .mdc-deprecated-list-item__ripple::after{background-color:#6200ee;background-color:var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee))}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated:hover .mdc-deprecated-list-item__ripple::before,:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated.mdc-ripple-surface--hover .mdc-deprecated-list-item__ripple::before{opacity:0.16;opacity:var(--mdc-ripple-hover-opacity, 0.16)}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated.mdc-ripple-upgraded--background-focused .mdc-deprecated-list-item__ripple::before,:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated:not(.mdc-ripple-upgraded):focus .mdc-deprecated-list-item__ripple::before{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-ripple-focus-opacity, 0.24)}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated:not(.mdc-ripple-upgraded) .mdc-deprecated-list-item__ripple::after{transition:opacity 150ms linear}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated:not(.mdc-ripple-upgraded):active .mdc-deprecated-list-item__ripple::after{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-ripple-press-opacity, 0.24)}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.24)}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated .mdc-list-item__ripple::before{opacity:0.12;opacity:var(--mdc-ripple-activated-opacity, 0.12)}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated .mdc-list-item__ripple::before,:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated .mdc-list-item__ripple::after{background-color:#6200ee;background-color:var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee))}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated:hover .mdc-list-item__ripple::before,:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated.mdc-ripple-surface--hover .mdc-list-item__ripple::before{opacity:0.16;opacity:var(--mdc-ripple-hover-opacity, 0.16)}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before,:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-ripple-focus-opacity, 0.24)}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated:not(.mdc-ripple-upgraded) .mdc-list-item__ripple::after{transition:opacity 150ms linear}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated:not(.mdc-ripple-upgraded):active .mdc-list-item__ripple::after{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-ripple-press-opacity, 0.24)}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.24)}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected .mdc-deprecated-list-item__ripple::before{opacity:0.08;opacity:var(--mdc-ripple-selected-opacity, 0.08)}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected .mdc-deprecated-list-item__ripple::before,:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected .mdc-deprecated-list-item__ripple::after{background-color:#6200ee;background-color:var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee))}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected:hover .mdc-deprecated-list-item__ripple::before,:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected.mdc-ripple-surface--hover .mdc-deprecated-list-item__ripple::before{opacity:0.12;opacity:var(--mdc-ripple-hover-opacity, 0.12)}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected.mdc-ripple-upgraded--background-focused .mdc-deprecated-list-item__ripple::before,:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected:not(.mdc-ripple-upgraded):focus .mdc-deprecated-list-item__ripple::before{transition-duration:75ms;opacity:0.2;opacity:var(--mdc-ripple-focus-opacity, 0.2)}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected:not(.mdc-ripple-upgraded) .mdc-deprecated-list-item__ripple::after{transition:opacity 150ms linear}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected:not(.mdc-ripple-upgraded):active .mdc-deprecated-list-item__ripple::after{transition-duration:75ms;opacity:0.2;opacity:var(--mdc-ripple-press-opacity, 0.2)}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.2)}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected .mdc-list-item__ripple::before{opacity:0.08;opacity:var(--mdc-ripple-selected-opacity, 0.08)}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected .mdc-list-item__ripple::before,:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected .mdc-list-item__ripple::after{background-color:#6200ee;background-color:var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee))}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected:hover .mdc-list-item__ripple::before,:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected.mdc-ripple-surface--hover .mdc-list-item__ripple::before{opacity:0.12;opacity:var(--mdc-ripple-hover-opacity, 0.12)}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before,:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before{transition-duration:75ms;opacity:0.2;opacity:var(--mdc-ripple-focus-opacity, 0.2)}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected:not(.mdc-ripple-upgraded) .mdc-list-item__ripple::after{transition:opacity 150ms linear}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected:not(.mdc-ripple-upgraded):active .mdc-list-item__ripple::after{transition-duration:75ms;opacity:0.2;opacity:var(--mdc-ripple-press-opacity, 0.2)}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.2)}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-deprecated-list-item__ripple,:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-list-item__ripple{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.mdc-deprecated-list-item--disabled{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);will-change:transform, opacity;--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);will-change:transform, opacity}.mdc-deprecated-list-item--disabled .mdc-deprecated-list-item__ripple::before,.mdc-deprecated-list-item--disabled .mdc-deprecated-list-item__ripple::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:\"\"}.mdc-deprecated-list-item--disabled .mdc-deprecated-list-item__ripple::before{transition:opacity 15ms linear, background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index, 1)}.mdc-deprecated-list-item--disabled .mdc-deprecated-list-item__ripple::after{z-index:0;z-index:var(--mdc-ripple-z-index, 0)}.mdc-deprecated-list-item--disabled.mdc-ripple-upgraded .mdc-deprecated-list-item__ripple::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale, 1));transform:scale(var(--mdc-ripple-fg-scale, 1))}.mdc-deprecated-list-item--disabled.mdc-ripple-upgraded .mdc-deprecated-list-item__ripple::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.mdc-deprecated-list-item--disabled.mdc-ripple-upgraded--unbounded .mdc-deprecated-list-item__ripple::after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.mdc-deprecated-list-item--disabled.mdc-ripple-upgraded--foreground-activation .mdc-deprecated-list-item__ripple::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards}.mdc-deprecated-list-item--disabled.mdc-ripple-upgraded--foreground-deactivation .mdc-deprecated-list-item__ripple::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.mdc-deprecated-list-item--disabled .mdc-list-item__ripple::before,.mdc-deprecated-list-item--disabled .mdc-list-item__ripple::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:\"\"}.mdc-deprecated-list-item--disabled .mdc-list-item__ripple::before{transition:opacity 15ms linear, background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index, 1)}.mdc-deprecated-list-item--disabled .mdc-list-item__ripple::after{z-index:0;z-index:var(--mdc-ripple-z-index, 0)}.mdc-deprecated-list-item--disabled.mdc-ripple-upgraded .mdc-list-item__ripple::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale, 1));transform:scale(var(--mdc-ripple-fg-scale, 1))}.mdc-deprecated-list-item--disabled.mdc-ripple-upgraded .mdc-list-item__ripple::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.mdc-deprecated-list-item--disabled.mdc-ripple-upgraded--unbounded .mdc-list-item__ripple::after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.mdc-deprecated-list-item--disabled.mdc-ripple-upgraded--foreground-activation .mdc-list-item__ripple::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards}.mdc-deprecated-list-item--disabled.mdc-ripple-upgraded--foreground-deactivation .mdc-list-item__ripple::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.mdc-deprecated-list-item--disabled .mdc-deprecated-list-item__ripple::before,.mdc-deprecated-list-item--disabled .mdc-deprecated-list-item__ripple::after{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.mdc-deprecated-list-item--disabled.mdc-ripple-upgraded .mdc-deprecated-list-item__ripple::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-deprecated-list-item--disabled .mdc-list-item__ripple::before,.mdc-deprecated-list-item--disabled .mdc-list-item__ripple::after{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.mdc-deprecated-list-item--disabled.mdc-ripple-upgraded .mdc-list-item__ripple::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-deprecated-list-item--disabled .mdc-deprecated-list-item__ripple::before,.mdc-deprecated-list-item--disabled .mdc-deprecated-list-item__ripple::after{background-color:#000;background-color:var(--mdc-ripple-color, #000)}.mdc-deprecated-list-item--disabled .mdc-list-item__ripple::before,.mdc-deprecated-list-item--disabled .mdc-list-item__ripple::after{background-color:#000;background-color:var(--mdc-ripple-color, #000)}.mdc-deprecated-list-item--disabled.mdc-ripple-upgraded--background-focused .mdc-deprecated-list-item__ripple::before,.mdc-deprecated-list-item--disabled:not(.mdc-ripple-upgraded):focus .mdc-deprecated-list-item__ripple::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-focus-opacity, 0.12)}.mdc-deprecated-list-item--disabled.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before,.mdc-deprecated-list-item--disabled:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-focus-opacity, 0.12)}.mdc-deprecated-list-item--disabled .mdc-deprecated-list-item__ripple,.mdc-deprecated-list-item--disabled .mdc-list-item__ripple{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}:not(.mdc-list-item--disabled).mdc-list-item{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);will-change:transform, opacity}:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::before,:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:\"\"}:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::before{transition:opacity 15ms linear, background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index, 1)}:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::after{z-index:0;z-index:var(--mdc-ripple-z-index, 0)}:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded .mdc-list-item__ripple::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale, 1));transform:scale(var(--mdc-ripple-fg-scale, 1))}:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded .mdc-list-item__ripple::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--unbounded .mdc-list-item__ripple::after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--foreground-activation .mdc-list-item__ripple::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards}:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--foreground-deactivation .mdc-list-item__ripple::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::before,:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::after{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded .mdc-list-item__ripple::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::before,:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::after{background-color:#000;background-color:var(--mdc-ripple-color, #000)}:not(.mdc-list-item--disabled).mdc-list-item:hover .mdc-list-item__ripple::before,:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-surface--hover .mdc-list-item__ripple::before{opacity:0.04;opacity:var(--mdc-ripple-hover-opacity, 0.04)}:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before,:not(.mdc-list-item--disabled).mdc-list-item:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-focus-opacity, 0.12)}:not(.mdc-list-item--disabled).mdc-list-item:not(.mdc-ripple-upgraded) .mdc-list-item__ripple::after{transition:opacity 150ms linear}:not(.mdc-list-item--disabled).mdc-list-item:not(.mdc-ripple-upgraded):active .mdc-list-item__ripple::after{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-press-opacity, 0.12)}:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}:not(.mdc-list-item--disabled).mdc-list-item--activated .mdc-list-item__ripple::before{opacity:0.12;opacity:var(--mdc-ripple-activated-opacity, 0.12)}:not(.mdc-list-item--disabled).mdc-list-item--activated .mdc-list-item__ripple::before,:not(.mdc-list-item--disabled).mdc-list-item--activated .mdc-list-item__ripple::after{background-color:#6200ee;background-color:var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee))}:not(.mdc-list-item--disabled).mdc-list-item--activated:hover .mdc-list-item__ripple::before,:not(.mdc-list-item--disabled).mdc-list-item--activated.mdc-ripple-surface--hover .mdc-list-item__ripple::before{opacity:0.16;opacity:var(--mdc-ripple-hover-opacity, 0.16)}:not(.mdc-list-item--disabled).mdc-list-item--activated.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before,:not(.mdc-list-item--disabled).mdc-list-item--activated:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-ripple-focus-opacity, 0.24)}:not(.mdc-list-item--disabled).mdc-list-item--activated:not(.mdc-ripple-upgraded) .mdc-list-item__ripple::after{transition:opacity 150ms linear}:not(.mdc-list-item--disabled).mdc-list-item--activated:not(.mdc-ripple-upgraded):active .mdc-list-item__ripple::after{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-ripple-press-opacity, 0.24)}:not(.mdc-list-item--disabled).mdc-list-item--activated.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.24)}:not(.mdc-list-item--disabled).mdc-list-item--selected .mdc-list-item__ripple::before{opacity:0.08;opacity:var(--mdc-ripple-selected-opacity, 0.08)}:not(.mdc-list-item--disabled).mdc-list-item--selected .mdc-list-item__ripple::before,:not(.mdc-list-item--disabled).mdc-list-item--selected .mdc-list-item__ripple::after{background-color:#6200ee;background-color:var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee))}:not(.mdc-list-item--disabled).mdc-list-item--selected:hover .mdc-list-item__ripple::before,:not(.mdc-list-item--disabled).mdc-list-item--selected.mdc-ripple-surface--hover .mdc-list-item__ripple::before{opacity:0.12;opacity:var(--mdc-ripple-hover-opacity, 0.12)}:not(.mdc-list-item--disabled).mdc-list-item--selected.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before,:not(.mdc-list-item--disabled).mdc-list-item--selected:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before{transition-duration:75ms;opacity:0.2;opacity:var(--mdc-ripple-focus-opacity, 0.2)}:not(.mdc-list-item--disabled).mdc-list-item--selected:not(.mdc-ripple-upgraded) .mdc-list-item__ripple::after{transition:opacity 150ms linear}:not(.mdc-list-item--disabled).mdc-list-item--selected:not(.mdc-ripple-upgraded):active .mdc-list-item__ripple::after{transition-duration:75ms;opacity:0.2;opacity:var(--mdc-ripple-press-opacity, 0.2)}:not(.mdc-list-item--disabled).mdc-list-item--selected.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.2)}:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.mdc-list-item--disabled{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);will-change:transform, opacity}.mdc-list-item--disabled .mdc-list-item__ripple::before,.mdc-list-item--disabled .mdc-list-item__ripple::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:\"\"}.mdc-list-item--disabled .mdc-list-item__ripple::before{transition:opacity 15ms linear, background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index, 1)}.mdc-list-item--disabled .mdc-list-item__ripple::after{z-index:0;z-index:var(--mdc-ripple-z-index, 0)}.mdc-list-item--disabled.mdc-ripple-upgraded .mdc-list-item__ripple::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale, 1));transform:scale(var(--mdc-ripple-fg-scale, 1))}.mdc-list-item--disabled.mdc-ripple-upgraded .mdc-list-item__ripple::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.mdc-list-item--disabled.mdc-ripple-upgraded--unbounded .mdc-list-item__ripple::after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.mdc-list-item--disabled.mdc-ripple-upgraded--foreground-activation .mdc-list-item__ripple::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards}.mdc-list-item--disabled.mdc-ripple-upgraded--foreground-deactivation .mdc-list-item__ripple::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.mdc-list-item--disabled .mdc-list-item__ripple::before,.mdc-list-item--disabled .mdc-list-item__ripple::after{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.mdc-list-item--disabled.mdc-ripple-upgraded .mdc-list-item__ripple::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-list-item--disabled .mdc-list-item__ripple::before,.mdc-list-item--disabled .mdc-list-item__ripple::after{background-color:#000;background-color:var(--mdc-ripple-color, #000)}.mdc-list-item--disabled.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before,.mdc-list-item--disabled:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-focus-opacity, 0.12)}.mdc-list-item--disabled .mdc-list-item__ripple{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}@-webkit-keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}}@keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}}@-webkit-keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@-webkit-keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}@keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.mdc-elevation-overlay{position:absolute;border-radius:inherit;pointer-events:none;opacity:0;opacity:var(--mdc-elevation-overlay-opacity, 0);transition:opacity 280ms cubic-bezier(0.4, 0, 0.2, 1);background-color:#fff;background-color:var(--mdc-elevation-overlay-color, #fff)}.mdc-menu{min-width:112px;min-width:var(--mdc-menu-min-width, 112px)}.mdc-menu .mdc-deprecated-list-item__meta{color:rgba(0, 0, 0, 0.87)}.mdc-menu .mdc-deprecated-list-item__graphic{color:rgba(0, 0, 0, 0.87)}.mdc-menu .mdc-menu-item--submenu-open .mdc-deprecated-list-item__ripple::before{opacity:0.04}.mdc-menu .mdc-menu-item--submenu-open .mdc-list-item__ripple::before{opacity:0.04}.mdc-menu .mdc-deprecated-list{color:rgba(0, 0, 0, 0.87)}.mdc-menu .mdc-deprecated-list,.mdc-menu .mdc-list{position:relative}.mdc-menu .mdc-deprecated-list .mdc-elevation-overlay,.mdc-menu .mdc-list .mdc-elevation-overlay{width:100%;height:100%;top:0;left:0}.mdc-menu .mdc-deprecated-list-divider{margin:8px 0}.mdc-menu .mdc-deprecated-list-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mdc-menu .mdc-deprecated-list-item--disabled{cursor:auto}.mdc-menu a.mdc-deprecated-list-item .mdc-deprecated-list-item__text,.mdc-menu a.mdc-deprecated-list-item .mdc-deprecated-list-item__graphic{pointer-events:none}.mdc-menu__selection-group{padding:0;fill:currentColor}.mdc-menu__selection-group .mdc-deprecated-list-item{padding-left:56px;padding-right:16px}[dir=rtl] .mdc-menu__selection-group .mdc-deprecated-list-item,.mdc-menu__selection-group .mdc-deprecated-list-item[dir=rtl]{padding-left:16px;padding-right:56px;}.mdc-menu__selection-group .mdc-menu__selection-group-icon{left:16px;right:initial;display:none;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}[dir=rtl] .mdc-menu__selection-group .mdc-menu__selection-group-icon,.mdc-menu__selection-group .mdc-menu__selection-group-icon[dir=rtl]{left:initial;right:16px;}.mdc-menu-item--selected .mdc-menu__selection-group-icon{display:inline}.mdc-menu-surface{display:none;position:absolute;box-sizing:border-box;max-width:calc(100vw - 32px);max-width:var(--mdc-menu-max-width, calc(100vw - 32px));max-height:calc(100vh - 32px);max-height:var(--mdc-menu-max-height, calc(100vh - 32px));margin:0;padding:0;-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:top left;transform-origin:top left;opacity:0;overflow:auto;will-change:transform, opacity;z-index:8;transition:opacity 0.03s linear, height 250ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.12s cubic-bezier(0, 0, 0.2, 1);transition:opacity 0.03s linear, transform 0.12s cubic-bezier(0, 0, 0.2, 1), height 250ms cubic-bezier(0, 0, 0.2, 1);transition:opacity 0.03s linear, transform 0.12s cubic-bezier(0, 0, 0.2, 1), height 250ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.12s cubic-bezier(0, 0, 0.2, 1);box-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);background-color:#fff;background-color:var(--mdc-theme-surface, #fff);color:#000;color:var(--mdc-theme-on-surface, #000);border-radius:4px;border-radius:var(--mdc-shape-medium, 4px);transform-origin-left:top left;transform-origin-right:top right}.mdc-menu-surface:focus{outline:none}.mdc-menu-surface--animating-open{display:inline-block;-webkit-transform:scale(0.8);transform:scale(0.8);opacity:0}.mdc-menu-surface--open{display:inline-block;-webkit-transform:scale(1);transform:scale(1);opacity:1}.mdc-menu-surface--animating-closed{display:inline-block;opacity:0;transition:opacity 0.075s linear}[dir=rtl] .mdc-menu-surface,.mdc-menu-surface[dir=rtl]{transform-origin-left:top right;transform-origin-right:top left;}.mdc-menu-surface--anchor{position:relative;overflow:visible}.mdc-menu-surface--fixed{position:fixed}.mdc-menu-surface--fullwidth{width:100%}:host{display:block}.ptc-select .ptc-label-select{display:block;font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-semibold);line-height:normal;margin-bottom:var(--ptc-element-spacing-01);z-index:1;position:relative;color:#40434A}.ptc-select .mdc-select{display:flex;flex-direction:column;margin-bottom:var(--ptc-element-spacing-04)}.ptc-select .mdc-select--invalid::before{content:\"\";position:absolute;width:calc(100% + 16px);height:calc(100% + 10px);background:#FEF3F3;display:flex;flex-direction:column;justify-content:center;z-index:0;left:50%;top:50%;transform:translate(-50%, -50%)}.ptc-select .mdc-select--invalid .mdc-select__anchor{background-color:var(--color-white) !important}.ptc-select .mdc-select--outlined{width:273px}.ptc-select .mdc-select--outlined .mdc-select__anchor{height:34px;width:273px}.ptc-select .mdc-select--outlined .mdc-notched-outline__trailing{border-radius:0px !important}.ptc-select .mdc-select--outlined .mdc-notched-outline__leading{border-radius:0px !important}.ptc-select .mdc-select-helper-text{z-index:1;position:relative;opacity:0}.ptc-select .select-error-svg{transform:translate(-8px, 3px)}.ptc-select .mdc-select--invalid:not(.mdc-select--disabled).mdc-select--invalid .mdc-select-helper-text--validation-msg{color:#AF3231;font-family:Raleway;font-size:14px;font-style:normal;font-weight:600;line-height:var(--ptc-line-height-densest);opacity:1;height:auto;margin-left:8px}.ptc-select .mdc-select--invalid:not(.mdc-select--disabled).mdc-select--invalid .mdc-select-helper-text--info-msg{color:#40434A;font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-xx-small);font-style:normal;font-weight:var(--ptc-font-weight-medium);line-height:var(--ptc-line-height-densest);max-width:240px;opacity:1;height:auto;transform:translateX(8px)}.ptc-select .mdc-select-helper-text--validation-msg,.ptc-select .mdc-select-helper-text--info-msg{line-height:0.66;height:0}.ptc-select .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading,.ptc-select .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch,.ptc-select .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing{border-color:var(--color-blue-07)}.ptc-select .mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-select__dropdown-icon{fill:var(--color-blue-07)}";
7980
7980
 
7981
- const PtcSelect = class {
7982
- constructor(hostRef) {
7983
- index.registerInstance(this, hostRef);
7984
- this.valueChange = index.createEvent(this, "valueChange", 7);
7985
- this.map = {
7986
- 'Afghanistan': 'AF',
7987
- 'Albania': 'AL',
7988
- 'Algeria': 'DZ',
7989
- 'American Samoa': 'AS',
7990
- 'Andorra': 'AD',
7991
- 'Angola': 'AO',
7992
- 'Anguilla': 'AI',
7993
- 'Antarctica': 'AQ',
7994
- 'Antigua and Barbuda': 'AG',
7995
- 'Argentina': 'AR',
7996
- 'Armenia': 'AM',
7997
- 'Aruba': 'AW',
7998
- 'Australia': 'AU',
7999
- 'Austria': 'AT',
8000
- 'Azerbaijan': 'AZ',
8001
- 'Bahamas': 'BS',
8002
- 'Bahrain': 'BH',
8003
- 'Bangladesh': 'BD',
8004
- 'Barbados': 'BB',
8005
- 'Belarus': 'BY',
8006
- 'Belgium': 'BE',
8007
- 'Belize': 'BZ',
8008
- 'Benin': 'BJ',
8009
- 'Bermuda': 'BM',
8010
- 'Bhutan': 'BT',
8011
- 'Bolivia': 'BO',
8012
- 'Bosnia and Herzegovina': 'BA',
8013
- 'Botswana': 'BW',
8014
- 'Bouvet Island': 'BV',
8015
- 'Brazil': 'BR',
8016
- 'British Indian Ocean Territory': 'IO',
8017
- 'Brunei Darussalam': 'BN',
8018
- 'Bulgaria': 'BG',
8019
- 'Burkina Faso': 'BF',
8020
- 'Burundi': 'BI',
8021
- 'Cambodia': 'KH',
8022
- 'Cameroon': 'CM',
8023
- 'Canada': 'CA',
8024
- 'Cape Verde': 'CV',
8025
- 'Cayman Islands': 'KY',
8026
- 'Central African Republic': 'CF',
8027
- 'Chad': 'TD',
8028
- 'Chile': 'CL',
8029
- 'China': 'CN',
8030
- 'Christmas Island': 'CX',
8031
- 'Cocos (Keeling) Islands': 'CC',
8032
- 'Colombia': 'CO',
8033
- 'Comoros': 'KM',
8034
- 'Congo': 'CG',
8035
- 'Congo, Democratic Republic': 'CD',
8036
- 'Cook Islands': 'CK',
8037
- 'Costa Rica': 'CR',
8038
- 'Cote d ivoire': 'CI',
8039
- 'Croatia': 'HR',
8040
- 'Cuba': 'CU',
8041
- 'Cyprus': 'CY',
8042
- 'Czech Republic': 'CZ',
8043
- 'Denmark': 'DK',
8044
- 'Djibouti': 'DJ',
8045
- 'Dominica': 'DM',
8046
- 'Dominican Republic': 'DO',
8047
- 'Ecuador': 'EC',
8048
- 'Egypt': 'EG',
8049
- 'El Salvador': 'SV',
8050
- 'Equatorial Guinea': 'GQ',
8051
- 'Eritrea': 'ER',
8052
- 'Estonia': 'EE',
8053
- 'Ethiopia': 'ET',
8054
- 'Falkland Islands': 'FK',
8055
- 'Faroe Islands': 'FO',
8056
- 'Fiji': 'FJ',
8057
- 'Finland': 'FI',
8058
- 'France': 'FR',
8059
- 'French Guiana': 'GF',
8060
- 'French Polynesia': 'PF',
8061
- 'French Southern Territories': 'TF',
8062
- 'Gabon': 'GA',
8063
- 'Gambia': 'GM',
8064
- 'Georgia': 'GE',
8065
- 'Germany': 'DE',
8066
- 'Ghana': 'GH',
8067
- 'Gibraltar': 'GI',
8068
- 'Greece': 'GR',
8069
- 'Greenland': 'GL',
8070
- 'Grenada': 'GD',
8071
- 'Guadeloupe': 'GP',
8072
- 'Guam': 'GU',
8073
- 'Guatemala': 'GT',
8074
- 'Guernsey': 'GG',
8075
- 'Guinea': 'GN',
8076
- 'Guinea-Bissau': 'GW',
8077
- 'Guyana': 'GY',
8078
- 'Haiti': 'HT',
8079
- 'Heard and McDonald Isl': 'HM',
8080
- 'Holy See (Vatican City State)': 'VA',
8081
- 'Honduras': 'HN',
8082
- 'Hong Kong': 'HK',
8083
- 'Hungary': 'HU',
8084
- 'Iceland': 'IS',
8085
- 'India': 'IN',
8086
- 'Indonesia': 'ID',
8087
- 'Iran, Islamic Republic Of': 'IR',
8088
- 'Iraq': 'IQ',
8089
- 'Ireland': 'IE',
8090
- 'Isle Of Man': 'IM',
8091
- 'Israel': 'IL',
8092
- 'Italy': 'IT',
8093
- 'Jamaica': 'JM',
8094
- 'Japan': 'JP',
8095
- 'Jersey': 'JE',
8096
- 'Jordan': 'JO',
8097
- 'Kazakhstan': 'KZ',
8098
- 'Kenya': 'KE',
8099
- 'Kiribati': 'KI',
8100
- 'Korea': 'KR',
8101
- 'Kuwait': 'KW',
8102
- 'Kyrgyzstan': 'KG',
8103
- "Lao People's Democratic Republic": 'LA',
8104
- 'Latvia': 'LV',
8105
- 'Lebanon': 'LB',
8106
- 'Lesotho': 'LS',
8107
- 'Liberia': 'LR',
8108
- 'Libyan Arab Jamahiriya': 'LY',
8109
- 'Liechtenstein': 'LI',
8110
- 'Lithuania': 'LT',
8111
- 'Luxembourg': 'LU',
8112
- 'Macao': 'MO',
8113
- 'Macedonia': 'MK',
8114
- 'Madagascar': 'MG',
8115
- 'Malawi': 'MW',
8116
- 'Malaysia': 'MY',
8117
- 'Maldives': 'MV',
8118
- 'Mali': 'ML',
8119
- 'Malta': 'MT',
8120
- 'Marshall Islands': 'MH',
8121
- 'Martinique': 'MQ',
8122
- 'Mauritania': 'MR',
8123
- 'Mauritius': 'MU',
8124
- 'Mayotte': 'YT',
8125
- 'Mexico': 'MX',
8126
- 'Micronesia, Federated States Of': 'FM',
8127
- 'Moldova': 'MD',
8128
- 'Monaco': 'MC',
8129
- 'Mongolia': 'MN',
8130
- 'Montenegro': 'ME',
8131
- 'Montserrat': 'MS',
8132
- 'Morocco': 'MA',
8133
- 'Mozambique': 'MZ',
8134
- 'Myanmar': 'MM',
8135
- 'Namibia': 'NA',
8136
- 'Nauru': 'NR',
8137
- 'Nepal': 'NP',
8138
- 'Netherlands': 'NL',
8139
- 'Netherlands Antilles': 'AN',
8140
- 'New Caledonia': 'NC',
8141
- 'New Zealand': 'NZ',
8142
- 'Nicaragua': 'NI',
8143
- 'Niger': 'NE',
8144
- 'Nigeria': 'NG',
8145
- 'Niue': 'NU',
8146
- 'Norfolk Island': 'NF',
8147
- 'Northern Mariana Islands': 'MP',
8148
- 'Norway': 'NO',
8149
- 'Oman': 'OM',
8150
- 'Pakistan': 'PK',
8151
- 'Palau': 'PW',
8152
- 'Palestinian Territory, Occupied': 'PS',
8153
- 'Panama': 'PA',
8154
- 'Papua New Guinea': 'PG',
8155
- 'Paraguay': 'PY',
8156
- 'Peru': 'PE',
8157
- 'Philippines': 'PH',
8158
- 'Pitcairn': 'PN',
8159
- 'Poland': 'PL',
8160
- 'Portugal': 'PT',
8161
- 'Puerto Rico': 'PR',
8162
- 'Qatar': 'QA',
8163
- 'Reunion': 'RE',
8164
- 'Romania': 'RO',
8165
- 'Russian Federation': 'RU',
8166
- 'Rwanda': 'RW',
8167
- 'Saint Barthelemy': 'BL',
8168
- 'Saint Helena': 'SH',
8169
- 'Saint Kitts and Nevis': 'KN',
8170
- 'Saint Lucia': 'LC',
8171
- 'Saint Martin': 'MF',
8172
- 'Saint Pierre and Miquelon': 'PM',
8173
- 'Saint Vincent and Grenadines': 'VC',
8174
- 'Samoa': 'WS',
8175
- 'San Marino': 'SM',
8176
- 'Sao Tome and Principe': 'ST',
8177
- 'Saudi Arabia': 'SA',
8178
- 'Senegal': 'SN',
8179
- 'Serbia': 'RS',
8180
- 'Seychelles': 'SC',
8181
- 'Sierra Leone': 'SL',
8182
- 'Singapore': 'SG',
8183
- 'Slovakia': 'SK',
8184
- 'Slovenia': 'SI',
8185
- 'Solomon Islands': 'SB',
8186
- 'Somalia': 'SO',
8187
- 'South Africa': 'ZA',
8188
- 'South Georgia and Sandwich Isl.': 'GS',
8189
- 'Spain': 'ES',
8190
- 'Sri Lanka': 'LK',
8191
- 'Sudan': 'SD',
8192
- 'Suriname': 'SR',
8193
- 'Svalbard and Jan Mayen': 'SJ',
8194
- 'Swaziland': 'SZ',
8195
- 'Sweden': 'SE',
8196
- 'Switzerland': 'CH',
8197
- 'Syrian Arab Republic': 'SY',
8198
- 'Taiwan': 'TW',
8199
- 'Tajikistan': 'TJ',
8200
- 'Tanzania': 'TZ',
8201
- 'Thailand': 'TH',
8202
- 'Timor-Leste': 'TL',
8203
- 'Togo': 'TG',
8204
- 'Tokelau': 'TK',
8205
- 'Tonga': 'TO',
8206
- 'Trinidad and Tobago': 'TT',
8207
- 'Tunisia': 'TN',
8208
- 'Turkey': 'TR',
8209
- 'Turkmenistan': 'TM',
8210
- 'Turks and Caicos Islands': 'TC',
8211
- 'Tuvalu': 'TV',
8212
- 'Uganda': 'UG',
8213
- 'Ukraine': 'UA',
8214
- 'United Arab Emirates': 'AE',
8215
- 'United Kingdom': 'GB',
8216
- 'USA': 'US',
8217
- 'US Minor Outlying Islands': 'UM',
8218
- 'Uruguay': 'UY',
8219
- 'Uzbekistan': 'UZ',
8220
- 'Vanuatu': 'VU',
8221
- 'Venezuela': 'VE',
8222
- 'Vietnam': 'VN',
8223
- 'Virgin Islands (British)': 'VG',
8224
- 'Virgin Islands (U.S.)': 'VI',
8225
- 'Wallis And Futuna': 'WF',
8226
- 'Western Sahara': 'EH',
8227
- 'Yemen': 'YE',
8228
- 'Zambia': 'ZM',
8229
- 'Zimbabwe': 'ZW',
8230
- };
8231
- this.fieldId = undefined;
8232
- this.label = undefined;
8233
- this.isRequired = true;
8234
- this.helpertext = 'Please select a value.';
8235
- this.fieldName = undefined;
8236
- this.disabled = false;
8237
- this.selectedValue = '';
8238
- this.defaultValue = '';
8239
- this.infoText = undefined;
8240
- this.ptcDataEloquaName = undefined;
8241
- this.ptcDataTargetEloquaName = undefined;
8242
- this.language = 'en';
8243
- }
8244
- async setValue() {
8245
- //const userCountry = await this.getUserCountry(); // Function to get user's country
8246
- // if (userCountry) {
8247
- // console.log("country by IP: " + userCountry)
8248
- // this.defaultSelect.value = userCountry;
8249
- // }
8250
- this.defaultSelect.value = this.defaultValue;
8251
- }
8252
- componentWillLoad() {
8253
- this.language = utils.getLanguageFromURL();
8254
- this.helpertext = this.getValidationMessage('select');
8255
- }
8256
- componentDidLoad() {
8257
- const select = new MDCSelect(this.el.querySelector('.mdc-select'));
8258
- this.defaultSelect = new MDCSelect(this.el.querySelector('.mdc-select'));
8259
- //if (this.fieldId === 'contact-country') {this.setSelectedCountry();}
8260
- if (this.defaultValue)
8261
- this.setValue();
8262
- select.listen('MDCSelect:change', () => {
8263
- if (this.selectedValue != select.value) {
8264
- this.valueChange.emit(select.value);
8265
- this.selectedValue = select.value;
8266
- if (this.fieldId === 'contact-country') {
8267
- console.log('changing country field value');
8268
- const countryCode = this.selectedValue ? this.map[this.selectedValue] : '';
8269
- const telField = document.querySelector('ptc-textfield[field-id="contact-phone"]');
8270
- if (telField && countryCode) {
8271
- telField.syncCountry(countryCode);
8272
- }
8273
- }
8274
- }
8275
- });
8276
- }
8277
- // async getUserCountry() {
8278
- // try {
8279
- // const response = await fetch('https://ipapi.co/json/'); // Example API
8280
- // const data = await response.json();
8281
- // return data.country_name; // or data.country_code, depending on your dropdown values
8282
- // } catch (error) {
8283
- // console.error('Error fetching user country:', error);
8284
- // return null;
8285
- // }
8286
- // }
8287
- getValidationMessage(type) {
8288
- // console.log("lang type: " + type);
8289
- return ValidationMessages[this.language][type];
8290
- }
8291
- getSelectClassName() {
8292
- let className = 'mdc-select mdc-select--outlined mdc-select--no-label';
8293
- if (this.isRequired) {
8294
- className = `${className} mdc-select--required`;
8295
- }
8296
- return className;
8297
- }
8298
- render() {
8299
- return (index.h(index.Host, { class: "ptc-select" }, index.h("div", { class: this.getSelectClassName() }, index.h("label", { class: "ptc-label-select" }, this.label), index.h("div", Object.assign({ class: "mdc-select__anchor", "aria-labelledby": "outlined-select-label" }, (this.isRequired ? { ariaRequired: true } : null)), index.h("span", { class: "mdc-notched-outline" }, index.h("span", { class: "mdc-notched-outline__leading" }), index.h("span", { class: "mdc-notched-outline__trailing" })), index.h("span", { class: "mdc-select__selected-text-container" }, index.h("span", { id: this.fieldId, class: "mdc-select__selected-text", "aria-controls": this.fieldName, "aria-describedby": this.fieldName, "data-eloqua-name": this.ptcDataEloquaName, "data-target-eloqua-name": this.ptcDataTargetEloquaName })), index.h("span", { class: "mdc-select__dropdown-icon" }, index.h("svg", { class: "", width: "20", height: "12", viewBox: "0 0 10 10", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { d: "M1.375 1.875L5 5.5L8.625 1.875L9.9375 3.1875L5 8.125L0.0625 3.1875L1.375 1.875Z" })))), index.h("div", { class: "mdc-select__menu mdc-menu mdc-menu-surface mdc-menu-surface--fullwidth" }, index.h("slot", null)), index.h("p", { id: this.fieldName, class: "mdc-select-helper-text mdc-select-helper-text--validation-msg" }, index.h("svg", { class: "select-error-svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("g", { "clip-path": "url(#clip0_12_1424)" }, index.h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.3156 0L16 4.68444V11.3156L11.3156 16H4.68444L0 11.3156V4.68444L4.68444 0H11.3156ZM8 10.4C7.36 10.4 6.84444 10.9156 6.84444 11.5556C6.84444 12.1956 7.36 12.7111 8 12.7111C8.64 12.7111 9.15556 12.1956 9.15556 11.5556C9.15556 10.9156 8.64 10.4 8 10.4ZM8.88889 3.55556H7.11111V8.88889H8.88889V3.55556Z", fill: "#AF3231" })), index.h("defs", null, index.h("clipPath", { id: "clip0_12_1424" }, index.h("rect", { width: "16", height: "16", fill: "white" })))), this.helpertext), this.infoText ? index.h("p", { class: "mdc-select-helper-text mdc-select-helper-text--info-msg" }, this.infoText) : null)));
8300
- }
8301
- get el() { return index.getElement(this); }
8302
- };
7981
+ const PtcSelect = class {
7982
+ constructor(hostRef) {
7983
+ index.registerInstance(this, hostRef);
7984
+ this.valueChange = index.createEvent(this, "valueChange", 7);
7985
+ this.map = {
7986
+ 'Afghanistan': 'AF',
7987
+ 'Albania': 'AL',
7988
+ 'Algeria': 'DZ',
7989
+ 'American Samoa': 'AS',
7990
+ 'Andorra': 'AD',
7991
+ 'Angola': 'AO',
7992
+ 'Anguilla': 'AI',
7993
+ 'Antarctica': 'AQ',
7994
+ 'Antigua and Barbuda': 'AG',
7995
+ 'Argentina': 'AR',
7996
+ 'Armenia': 'AM',
7997
+ 'Aruba': 'AW',
7998
+ 'Australia': 'AU',
7999
+ 'Austria': 'AT',
8000
+ 'Azerbaijan': 'AZ',
8001
+ 'Bahamas': 'BS',
8002
+ 'Bahrain': 'BH',
8003
+ 'Bangladesh': 'BD',
8004
+ 'Barbados': 'BB',
8005
+ 'Belarus': 'BY',
8006
+ 'Belgium': 'BE',
8007
+ 'Belize': 'BZ',
8008
+ 'Benin': 'BJ',
8009
+ 'Bermuda': 'BM',
8010
+ 'Bhutan': 'BT',
8011
+ 'Bolivia': 'BO',
8012
+ 'Bosnia and Herzegovina': 'BA',
8013
+ 'Botswana': 'BW',
8014
+ 'Bouvet Island': 'BV',
8015
+ 'Brazil': 'BR',
8016
+ 'British Indian Ocean Territory': 'IO',
8017
+ 'Brunei Darussalam': 'BN',
8018
+ 'Bulgaria': 'BG',
8019
+ 'Burkina Faso': 'BF',
8020
+ 'Burundi': 'BI',
8021
+ 'Cambodia': 'KH',
8022
+ 'Cameroon': 'CM',
8023
+ 'Canada': 'CA',
8024
+ 'Cape Verde': 'CV',
8025
+ 'Cayman Islands': 'KY',
8026
+ 'Central African Republic': 'CF',
8027
+ 'Chad': 'TD',
8028
+ 'Chile': 'CL',
8029
+ 'China': 'CN',
8030
+ 'Christmas Island': 'CX',
8031
+ 'Cocos (Keeling) Islands': 'CC',
8032
+ 'Colombia': 'CO',
8033
+ 'Comoros': 'KM',
8034
+ 'Congo': 'CG',
8035
+ 'Congo, Democratic Republic': 'CD',
8036
+ 'Cook Islands': 'CK',
8037
+ 'Costa Rica': 'CR',
8038
+ 'Cote d ivoire': 'CI',
8039
+ 'Croatia': 'HR',
8040
+ 'Cuba': 'CU',
8041
+ 'Cyprus': 'CY',
8042
+ 'Czech Republic': 'CZ',
8043
+ 'Denmark': 'DK',
8044
+ 'Djibouti': 'DJ',
8045
+ 'Dominica': 'DM',
8046
+ 'Dominican Republic': 'DO',
8047
+ 'Ecuador': 'EC',
8048
+ 'Egypt': 'EG',
8049
+ 'El Salvador': 'SV',
8050
+ 'Equatorial Guinea': 'GQ',
8051
+ 'Eritrea': 'ER',
8052
+ 'Estonia': 'EE',
8053
+ 'Ethiopia': 'ET',
8054
+ 'Falkland Islands': 'FK',
8055
+ 'Faroe Islands': 'FO',
8056
+ 'Fiji': 'FJ',
8057
+ 'Finland': 'FI',
8058
+ 'France': 'FR',
8059
+ 'French Guiana': 'GF',
8060
+ 'French Polynesia': 'PF',
8061
+ 'French Southern Territories': 'TF',
8062
+ 'Gabon': 'GA',
8063
+ 'Gambia': 'GM',
8064
+ 'Georgia': 'GE',
8065
+ 'Germany': 'DE',
8066
+ 'Ghana': 'GH',
8067
+ 'Gibraltar': 'GI',
8068
+ 'Greece': 'GR',
8069
+ 'Greenland': 'GL',
8070
+ 'Grenada': 'GD',
8071
+ 'Guadeloupe': 'GP',
8072
+ 'Guam': 'GU',
8073
+ 'Guatemala': 'GT',
8074
+ 'Guernsey': 'GG',
8075
+ 'Guinea': 'GN',
8076
+ 'Guinea-Bissau': 'GW',
8077
+ 'Guyana': 'GY',
8078
+ 'Haiti': 'HT',
8079
+ 'Heard and McDonald Isl': 'HM',
8080
+ 'Holy See (Vatican City State)': 'VA',
8081
+ 'Honduras': 'HN',
8082
+ 'Hong Kong': 'HK',
8083
+ 'Hungary': 'HU',
8084
+ 'Iceland': 'IS',
8085
+ 'India': 'IN',
8086
+ 'Indonesia': 'ID',
8087
+ 'Iran, Islamic Republic Of': 'IR',
8088
+ 'Iraq': 'IQ',
8089
+ 'Ireland': 'IE',
8090
+ 'Isle Of Man': 'IM',
8091
+ 'Israel': 'IL',
8092
+ 'Italy': 'IT',
8093
+ 'Jamaica': 'JM',
8094
+ 'Japan': 'JP',
8095
+ 'Jersey': 'JE',
8096
+ 'Jordan': 'JO',
8097
+ 'Kazakhstan': 'KZ',
8098
+ 'Kenya': 'KE',
8099
+ 'Kiribati': 'KI',
8100
+ 'Korea': 'KR',
8101
+ 'Kuwait': 'KW',
8102
+ 'Kyrgyzstan': 'KG',
8103
+ "Lao People's Democratic Republic": 'LA',
8104
+ 'Latvia': 'LV',
8105
+ 'Lebanon': 'LB',
8106
+ 'Lesotho': 'LS',
8107
+ 'Liberia': 'LR',
8108
+ 'Libyan Arab Jamahiriya': 'LY',
8109
+ 'Liechtenstein': 'LI',
8110
+ 'Lithuania': 'LT',
8111
+ 'Luxembourg': 'LU',
8112
+ 'Macao': 'MO',
8113
+ 'Macedonia': 'MK',
8114
+ 'Madagascar': 'MG',
8115
+ 'Malawi': 'MW',
8116
+ 'Malaysia': 'MY',
8117
+ 'Maldives': 'MV',
8118
+ 'Mali': 'ML',
8119
+ 'Malta': 'MT',
8120
+ 'Marshall Islands': 'MH',
8121
+ 'Martinique': 'MQ',
8122
+ 'Mauritania': 'MR',
8123
+ 'Mauritius': 'MU',
8124
+ 'Mayotte': 'YT',
8125
+ 'Mexico': 'MX',
8126
+ 'Micronesia, Federated States Of': 'FM',
8127
+ 'Moldova': 'MD',
8128
+ 'Monaco': 'MC',
8129
+ 'Mongolia': 'MN',
8130
+ 'Montenegro': 'ME',
8131
+ 'Montserrat': 'MS',
8132
+ 'Morocco': 'MA',
8133
+ 'Mozambique': 'MZ',
8134
+ 'Myanmar': 'MM',
8135
+ 'Namibia': 'NA',
8136
+ 'Nauru': 'NR',
8137
+ 'Nepal': 'NP',
8138
+ 'Netherlands': 'NL',
8139
+ 'Netherlands Antilles': 'AN',
8140
+ 'New Caledonia': 'NC',
8141
+ 'New Zealand': 'NZ',
8142
+ 'Nicaragua': 'NI',
8143
+ 'Niger': 'NE',
8144
+ 'Nigeria': 'NG',
8145
+ 'Niue': 'NU',
8146
+ 'Norfolk Island': 'NF',
8147
+ 'Northern Mariana Islands': 'MP',
8148
+ 'Norway': 'NO',
8149
+ 'Oman': 'OM',
8150
+ 'Pakistan': 'PK',
8151
+ 'Palau': 'PW',
8152
+ 'Palestinian Territory, Occupied': 'PS',
8153
+ 'Panama': 'PA',
8154
+ 'Papua New Guinea': 'PG',
8155
+ 'Paraguay': 'PY',
8156
+ 'Peru': 'PE',
8157
+ 'Philippines': 'PH',
8158
+ 'Pitcairn': 'PN',
8159
+ 'Poland': 'PL',
8160
+ 'Portugal': 'PT',
8161
+ 'Puerto Rico': 'PR',
8162
+ 'Qatar': 'QA',
8163
+ 'Reunion': 'RE',
8164
+ 'Romania': 'RO',
8165
+ 'Russian Federation': 'RU',
8166
+ 'Rwanda': 'RW',
8167
+ 'Saint Barthelemy': 'BL',
8168
+ 'Saint Helena': 'SH',
8169
+ 'Saint Kitts and Nevis': 'KN',
8170
+ 'Saint Lucia': 'LC',
8171
+ 'Saint Martin': 'MF',
8172
+ 'Saint Pierre and Miquelon': 'PM',
8173
+ 'Saint Vincent and Grenadines': 'VC',
8174
+ 'Samoa': 'WS',
8175
+ 'San Marino': 'SM',
8176
+ 'Sao Tome and Principe': 'ST',
8177
+ 'Saudi Arabia': 'SA',
8178
+ 'Senegal': 'SN',
8179
+ 'Serbia': 'RS',
8180
+ 'Seychelles': 'SC',
8181
+ 'Sierra Leone': 'SL',
8182
+ 'Singapore': 'SG',
8183
+ 'Slovakia': 'SK',
8184
+ 'Slovenia': 'SI',
8185
+ 'Solomon Islands': 'SB',
8186
+ 'Somalia': 'SO',
8187
+ 'South Africa': 'ZA',
8188
+ 'South Georgia and Sandwich Isl.': 'GS',
8189
+ 'Spain': 'ES',
8190
+ 'Sri Lanka': 'LK',
8191
+ 'Sudan': 'SD',
8192
+ 'Suriname': 'SR',
8193
+ 'Svalbard and Jan Mayen': 'SJ',
8194
+ 'Swaziland': 'SZ',
8195
+ 'Sweden': 'SE',
8196
+ 'Switzerland': 'CH',
8197
+ 'Syrian Arab Republic': 'SY',
8198
+ 'Taiwan': 'TW',
8199
+ 'Tajikistan': 'TJ',
8200
+ 'Tanzania': 'TZ',
8201
+ 'Thailand': 'TH',
8202
+ 'Timor-Leste': 'TL',
8203
+ 'Togo': 'TG',
8204
+ 'Tokelau': 'TK',
8205
+ 'Tonga': 'TO',
8206
+ 'Trinidad and Tobago': 'TT',
8207
+ 'Tunisia': 'TN',
8208
+ 'Turkey': 'TR',
8209
+ 'Turkmenistan': 'TM',
8210
+ 'Turks and Caicos Islands': 'TC',
8211
+ 'Tuvalu': 'TV',
8212
+ 'Uganda': 'UG',
8213
+ 'Ukraine': 'UA',
8214
+ 'United Arab Emirates': 'AE',
8215
+ 'United Kingdom': 'GB',
8216
+ 'USA': 'US',
8217
+ 'US Minor Outlying Islands': 'UM',
8218
+ 'Uruguay': 'UY',
8219
+ 'Uzbekistan': 'UZ',
8220
+ 'Vanuatu': 'VU',
8221
+ 'Venezuela': 'VE',
8222
+ 'Vietnam': 'VN',
8223
+ 'Virgin Islands (British)': 'VG',
8224
+ 'Virgin Islands (U.S.)': 'VI',
8225
+ 'Wallis And Futuna': 'WF',
8226
+ 'Western Sahara': 'EH',
8227
+ 'Yemen': 'YE',
8228
+ 'Zambia': 'ZM',
8229
+ 'Zimbabwe': 'ZW',
8230
+ };
8231
+ this.fieldId = undefined;
8232
+ this.label = undefined;
8233
+ this.isRequired = true;
8234
+ this.helpertext = 'Please select a value.';
8235
+ this.fieldName = undefined;
8236
+ this.disabled = false;
8237
+ this.selectedValue = '';
8238
+ this.defaultValue = '';
8239
+ this.infoText = undefined;
8240
+ this.ptcDataEloquaName = undefined;
8241
+ this.ptcDataTargetEloquaName = undefined;
8242
+ this.language = 'en';
8243
+ }
8244
+ async setValue() {
8245
+ //const userCountry = await this.getUserCountry(); // Function to get user's country
8246
+ // if (userCountry) {
8247
+ // console.log("country by IP: " + userCountry)
8248
+ // this.defaultSelect.value = userCountry;
8249
+ // }
8250
+ this.defaultSelect.value = this.defaultValue;
8251
+ }
8252
+ componentWillLoad() {
8253
+ this.language = utils.getLanguageFromURL();
8254
+ this.helpertext = this.getValidationMessage('select');
8255
+ }
8256
+ componentDidLoad() {
8257
+ const select = new MDCSelect(this.el.querySelector('.mdc-select'));
8258
+ this.defaultSelect = new MDCSelect(this.el.querySelector('.mdc-select'));
8259
+ //if (this.fieldId === 'contact-country') {this.setSelectedCountry();}
8260
+ if (this.defaultValue)
8261
+ this.setValue();
8262
+ select.listen('MDCSelect:change', () => {
8263
+ if (this.selectedValue != select.value) {
8264
+ this.valueChange.emit(select.value);
8265
+ this.selectedValue = select.value;
8266
+ if (this.fieldId === 'contact-country') {
8267
+ console.log('changing country field value');
8268
+ const countryCode = this.selectedValue ? this.map[this.selectedValue] : '';
8269
+ const telField = document.querySelector('ptc-textfield[field-id="contact-phone"]');
8270
+ if (telField && countryCode) {
8271
+ telField.syncCountry(countryCode);
8272
+ }
8273
+ }
8274
+ }
8275
+ });
8276
+ }
8277
+ // async getUserCountry() {
8278
+ // try {
8279
+ // const response = await fetch('https://ipapi.co/json/'); // Example API
8280
+ // const data = await response.json();
8281
+ // return data.country_name; // or data.country_code, depending on your dropdown values
8282
+ // } catch (error) {
8283
+ // console.error('Error fetching user country:', error);
8284
+ // return null;
8285
+ // }
8286
+ // }
8287
+ getValidationMessage(type) {
8288
+ // console.log("lang type: " + type);
8289
+ return ValidationMessages[this.language][type];
8290
+ }
8291
+ getSelectClassName() {
8292
+ let className = 'mdc-select mdc-select--outlined mdc-select--no-label';
8293
+ if (this.isRequired) {
8294
+ className = `${className} mdc-select--required`;
8295
+ }
8296
+ return className;
8297
+ }
8298
+ render() {
8299
+ return (index.h(index.Host, { class: "ptc-select" }, index.h("div", { class: this.getSelectClassName() }, index.h("label", { class: "ptc-label-select" }, this.label), index.h("div", Object.assign({ class: "mdc-select__anchor", "aria-labelledby": "outlined-select-label" }, (this.isRequired ? { ariaRequired: true } : null)), index.h("span", { class: "mdc-notched-outline" }, index.h("span", { class: "mdc-notched-outline__leading" }), index.h("span", { class: "mdc-notched-outline__trailing" })), index.h("span", { class: "mdc-select__selected-text-container" }, index.h("span", { id: this.fieldId, class: "mdc-select__selected-text", "aria-controls": this.fieldName, "aria-describedby": this.fieldName, "data-eloqua-name": this.ptcDataEloquaName, "data-target-eloqua-name": this.ptcDataTargetEloquaName })), index.h("span", { class: "mdc-select__dropdown-icon" }, index.h("svg", { class: "", width: "20", height: "12", viewBox: "0 0 10 10", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { d: "M1.375 1.875L5 5.5L8.625 1.875L9.9375 3.1875L5 8.125L0.0625 3.1875L1.375 1.875Z" })))), index.h("div", { class: "mdc-select__menu mdc-menu mdc-menu-surface mdc-menu-surface--fullwidth" }, index.h("slot", null)), index.h("p", { id: this.fieldName, class: "mdc-select-helper-text mdc-select-helper-text--validation-msg" }, index.h("svg", { class: "select-error-svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("g", { "clip-path": "url(#clip0_12_1424)" }, index.h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.3156 0L16 4.68444V11.3156L11.3156 16H4.68444L0 11.3156V4.68444L4.68444 0H11.3156ZM8 10.4C7.36 10.4 6.84444 10.9156 6.84444 11.5556C6.84444 12.1956 7.36 12.7111 8 12.7111C8.64 12.7111 9.15556 12.1956 9.15556 11.5556C9.15556 10.9156 8.64 10.4 8 10.4ZM8.88889 3.55556H7.11111V8.88889H8.88889V3.55556Z", fill: "#AF3231" })), index.h("defs", null, index.h("clipPath", { id: "clip0_12_1424" }, index.h("rect", { width: "16", height: "16", fill: "white" })))), this.helpertext), this.infoText ? index.h("p", { class: "mdc-select-helper-text mdc-select-helper-text--info-msg" }, this.infoText) : null)));
8300
+ }
8301
+ get el() { return index.getElement(this); }
8302
+ };
8303
8303
  PtcSelect.style = ptcSelectCss;
8304
8304
 
8305
8305
  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}}";
8306
8306
 
8307
- const PtcSpacer = class {
8308
- constructor(hostRef) {
8309
- index.registerInstance(this, hostRef);
8310
- this.breakpoint = '';
8311
- this.size = 'medium';
8312
- this.direction = 'vertical';
8313
- }
8314
- render() {
8315
- const classMap = this.getCssClassMap();
8316
- return (index.h(index.Host, { class: classMap }));
8317
- }
8318
- getCssClassMap() {
8319
- return {
8320
- [this.size]: true,
8321
- ['ptc-spacer-horizontal']: this.direction === 'horizontal',
8322
- ['ptc-spacer-vertical']: this.direction === 'vertical',
8323
- ['ptc-spacer-xx-small']: this.breakpoint === 'xx-small',
8324
- ['ptc-spacer-x-small']: this.breakpoint === 'x-small',
8325
- ['ptc-spacer-small']: this.breakpoint === 'small',
8326
- ['ptc-spacer-medium']: this.breakpoint === 'medium',
8327
- ['ptc-spacer-large']: this.breakpoint === 'large',
8328
- ['ptc-spacer-x-large']: this.breakpoint === 'x-large',
8329
- ['ptc-spacer-xx-large']: this.breakpoint === 'xx-large',
8330
- ['ptc-spacer-xxx-large']: this.breakpoint === 'xxx-large',
8331
- };
8332
- }
8333
- };
8307
+ const PtcSpacer = class {
8308
+ constructor(hostRef) {
8309
+ index.registerInstance(this, hostRef);
8310
+ this.breakpoint = '';
8311
+ this.size = 'medium';
8312
+ this.direction = 'vertical';
8313
+ }
8314
+ render() {
8315
+ const classMap = this.getCssClassMap();
8316
+ return (index.h(index.Host, { class: classMap }));
8317
+ }
8318
+ getCssClassMap() {
8319
+ return {
8320
+ [this.size]: true,
8321
+ ['ptc-spacer-horizontal']: this.direction === 'horizontal',
8322
+ ['ptc-spacer-vertical']: this.direction === 'vertical',
8323
+ ['ptc-spacer-xx-small']: this.breakpoint === 'xx-small',
8324
+ ['ptc-spacer-x-small']: this.breakpoint === 'x-small',
8325
+ ['ptc-spacer-small']: this.breakpoint === 'small',
8326
+ ['ptc-spacer-medium']: this.breakpoint === 'medium',
8327
+ ['ptc-spacer-large']: this.breakpoint === 'large',
8328
+ ['ptc-spacer-x-large']: this.breakpoint === 'x-large',
8329
+ ['ptc-spacer-xx-large']: this.breakpoint === 'xx-large',
8330
+ ['ptc-spacer-xxx-large']: this.breakpoint === 'xxx-large',
8331
+ };
8332
+ }
8333
+ };
8334
8334
  PtcSpacer.style = ptcSpacerCss;
8335
8335
 
8336
8336
  /**
@@ -11670,268 +11670,268 @@ var intlTelInput = intlTelInput$1;
11670
11670
 
11671
11671
  const ptcTextfieldCss = ".mdc-floating-label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1rem;font-size:var(--mdc-typography-subtitle1-font-size, 1rem);font-weight:400;font-weight:var(--mdc-typography-subtitle1-font-weight, 400);letter-spacing:0.009375em;letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle1-text-transform, inherit);position:absolute;left:0;-webkit-transform-origin:left top;transform-origin:left top;line-height:1.15rem;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:text;overflow:hidden;will-change:transform;transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 150ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 150ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1)}[dir=rtl] .mdc-floating-label,.mdc-floating-label[dir=rtl]{right:0;left:auto;-webkit-transform-origin:right top;transform-origin:right top;text-align:right;}.mdc-floating-label--float-above{cursor:auto}.mdc-floating-label--required::after{margin-left:1px;margin-right:0px;content:\"*\"}[dir=rtl] .mdc-floating-label--required,.mdc-floating-label--required[dir=rtl]{}[dir=rtl] .mdc-floating-label--required::after,.mdc-floating-label--required[dir=rtl]::after{margin-left:0;margin-right:1px}.mdc-floating-label--float-above{-webkit-transform:translateY(-106%) scale(0.75);transform:translateY(-106%) scale(0.75)}.mdc-floating-label--shake{-webkit-animation:mdc-floating-label-shake-float-above-standard 250ms 1;animation:mdc-floating-label-shake-float-above-standard 250ms 1}@-webkit-keyframes mdc-floating-label-shake-float-above-standard{0%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-106%) scale(0.75)}33%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);-webkit-transform:translateX(calc(4% - 0%)) translateY(-106%) scale(0.75);transform:translateX(calc(4% - 0%)) translateY(-106%) scale(0.75)}66%{-webkit-animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);-webkit-transform:translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75);transform:translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75)}100%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-106%) scale(0.75)}}@keyframes mdc-floating-label-shake-float-above-standard{0%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-106%) scale(0.75)}33%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);-webkit-transform:translateX(calc(4% - 0%)) translateY(-106%) scale(0.75);transform:translateX(calc(4% - 0%)) translateY(-106%) scale(0.75)}66%{-webkit-animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);-webkit-transform:translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75);transform:translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75)}100%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-106%) scale(0.75)}}.mdc-line-ripple::before,.mdc-line-ripple::after{position:absolute;bottom:0;left:0;width:100%;border-bottom-style:solid;content:\"\"}.mdc-line-ripple::before{border-bottom-width:1px}.mdc-line-ripple::before{z-index:1}.mdc-line-ripple::after{-webkit-transform:scaleX(0);transform:scaleX(0);border-bottom-width:2px;opacity:0;z-index:2}.mdc-line-ripple::after{transition:opacity 180ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 180ms cubic-bezier(0.4, 0, 0.2, 1), opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 180ms cubic-bezier(0.4, 0, 0.2, 1), opacity 180ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1)}.mdc-line-ripple--active::after{-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}.mdc-line-ripple--deactivating::after{opacity:0}.mdc-notched-outline{display:flex;position:absolute;top:0;right:0;left:0;box-sizing:border-box;width:100%;max-width:100%;height:100%;text-align:left;pointer-events:none}[dir=rtl] .mdc-notched-outline,.mdc-notched-outline[dir=rtl]{text-align:right;}.mdc-notched-outline__leading,.mdc-notched-outline__notch,.mdc-notched-outline__trailing{box-sizing:border-box;height:100%;border-top:1px solid;border-bottom:1px solid;pointer-events:none}.mdc-notched-outline__leading{border-left:1px solid;border-right:none;width:12px}[dir=rtl] .mdc-notched-outline__leading,.mdc-notched-outline__leading[dir=rtl]{border-left:none;border-right:1px solid;}.mdc-notched-outline__trailing{border-left:none;border-right:1px solid;flex-grow:1}[dir=rtl] .mdc-notched-outline__trailing,.mdc-notched-outline__trailing[dir=rtl]{border-left:1px solid;border-right:none;}.mdc-notched-outline__notch{flex:0 0 auto;width:auto;max-width:calc(100% - 12px * 2)}.mdc-notched-outline .mdc-floating-label{display:inline-block;position:relative;max-width:100%}.mdc-notched-outline .mdc-floating-label--float-above{text-overflow:clip}.mdc-notched-outline--upgraded .mdc-floating-label--float-above{max-width:133.3333333333%}.mdc-notched-outline--notched .mdc-notched-outline__notch{padding-left:0;padding-right:8px;border-top:none}[dir=rtl] .mdc-notched-outline--notched .mdc-notched-outline__notch,.mdc-notched-outline--notched .mdc-notched-outline__notch[dir=rtl]{padding-left:8px;padding-right:0;}.mdc-notched-outline--no-label .mdc-notched-outline__notch{display:none}@-webkit-keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}}@keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}}@-webkit-keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@-webkit-keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}@keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.mdc-text-field--filled{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);will-change:transform, opacity}.mdc-text-field--filled .mdc-text-field__ripple::before,.mdc-text-field--filled .mdc-text-field__ripple::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:\"\"}.mdc-text-field--filled .mdc-text-field__ripple::before{transition:opacity 15ms linear, background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index, 1)}.mdc-text-field--filled .mdc-text-field__ripple::after{z-index:0;z-index:var(--mdc-ripple-z-index, 0)}.mdc-text-field--filled.mdc-ripple-upgraded .mdc-text-field__ripple::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale, 1));transform:scale(var(--mdc-ripple-fg-scale, 1))}.mdc-text-field--filled.mdc-ripple-upgraded .mdc-text-field__ripple::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.mdc-text-field--filled.mdc-ripple-upgraded--unbounded .mdc-text-field__ripple::after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.mdc-text-field--filled.mdc-ripple-upgraded--foreground-activation .mdc-text-field__ripple::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards}.mdc-text-field--filled.mdc-ripple-upgraded--foreground-deactivation .mdc-text-field__ripple::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.mdc-text-field--filled .mdc-text-field__ripple::before,.mdc-text-field--filled .mdc-text-field__ripple::after{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.mdc-text-field--filled.mdc-ripple-upgraded .mdc-text-field__ripple::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-text-field__ripple{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.mdc-text-field{border-top-left-radius:4px;border-top-left-radius:var(--mdc-shape-small, 4px);border-top-right-radius:4px;border-top-right-radius:var(--mdc-shape-small, 4px);border-bottom-right-radius:0;border-bottom-left-radius:0;display:inline-flex;align-items:baseline;padding:0 16px;position:relative;box-sizing:border-box;overflow:hidden;will-change:opacity, transform, color}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label{color:rgba(0, 0, 0, 0.6)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input{color:rgba(0, 0, 0, 0.87)}@media all{.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::-webkit-input-placeholder{color:rgba(0, 0, 0, 0.54)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder{color:rgba(0, 0, 0, 0.54)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::-ms-input-placeholder{color:rgba(0, 0, 0, 0.54)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder{color:rgba(0, 0, 0, 0.54)}}@media all{.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder{color:rgba(0, 0, 0, 0.54)}}.mdc-text-field .mdc-text-field__input{caret-color:#6200ee;caret-color:var(--mdc-theme-primary, #6200ee)}.mdc-text-field:not(.mdc-text-field--disabled)+.mdc-text-field-helper-line .mdc-text-field-helper-text{color:rgba(0, 0, 0, 0.6)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field-character-counter,.mdc-text-field:not(.mdc-text-field--disabled)+.mdc-text-field-helper-line .mdc-text-field-character-counter{color:rgba(0, 0, 0, 0.6)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon--leading{color:rgba(0, 0, 0, 0.54)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon--trailing{color:rgba(0, 0, 0, 0.54)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__affix--prefix{color:rgba(0, 0, 0, 0.6)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__affix--suffix{color:rgba(0, 0, 0, 0.6)}.mdc-text-field .mdc-floating-label{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);pointer-events:none}.mdc-text-field__input{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1rem;font-size:var(--mdc-typography-subtitle1-font-size, 1rem);font-weight:400;font-weight:var(--mdc-typography-subtitle1-font-weight, 400);letter-spacing:0.009375em;letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle1-text-transform, inherit);height:28px;transition:opacity 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1);width:100%;min-width:0;border:none;border-radius:0;background:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0}.mdc-text-field__input::-ms-clear{display:none}.mdc-text-field__input::-webkit-calendar-picker-indicator{display:none}.mdc-text-field__input:focus{outline:none}.mdc-text-field__input:invalid{box-shadow:none}@media all{.mdc-text-field__input::-webkit-input-placeholder{transition:opacity 67ms 0ms cubic-bezier(0.4, 0, 0.2, 1);opacity:0}.mdc-text-field__input:-ms-input-placeholder{transition:opacity 67ms 0ms cubic-bezier(0.4, 0, 0.2, 1);opacity:0}.mdc-text-field__input::-ms-input-placeholder{transition:opacity 67ms 0ms cubic-bezier(0.4, 0, 0.2, 1);opacity:0}.mdc-text-field__input::placeholder{transition:opacity 67ms 0ms cubic-bezier(0.4, 0, 0.2, 1);opacity:0}}@media all{.mdc-text-field__input:-ms-input-placeholder{transition:opacity 67ms 0ms cubic-bezier(0.4, 0, 0.2, 1);opacity:0}}@media all{.mdc-text-field--no-label .mdc-text-field__input::-webkit-input-placeholder,.mdc-text-field--focused .mdc-text-field__input::-webkit-input-placeholder{transition-delay:40ms;transition-duration:110ms;opacity:1}.mdc-text-field--no-label .mdc-text-field__input:-ms-input-placeholder,.mdc-text-field--focused .mdc-text-field__input:-ms-input-placeholder{transition-delay:40ms;transition-duration:110ms;opacity:1}.mdc-text-field--no-label .mdc-text-field__input::-ms-input-placeholder,.mdc-text-field--focused .mdc-text-field__input::-ms-input-placeholder{transition-delay:40ms;transition-duration:110ms;opacity:1}.mdc-text-field--no-label .mdc-text-field__input::placeholder,.mdc-text-field--focused .mdc-text-field__input::placeholder{transition-delay:40ms;transition-duration:110ms;opacity:1}}@media all{.mdc-text-field--no-label .mdc-text-field__input:-ms-input-placeholder,.mdc-text-field--focused .mdc-text-field__input:-ms-input-placeholder{transition-delay:40ms;transition-duration:110ms;opacity:1}}.mdc-text-field__affix{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1rem;font-size:var(--mdc-typography-subtitle1-font-size, 1rem);font-weight:400;font-weight:var(--mdc-typography-subtitle1-font-weight, 400);letter-spacing:0.009375em;letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle1-text-transform, inherit);height:28px;transition:opacity 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1);opacity:0;white-space:nowrap}.mdc-text-field--label-floating .mdc-text-field__affix,.mdc-text-field--no-label .mdc-text-field__affix{opacity:1}@supports (-webkit-hyphens: none){.mdc-text-field--outlined .mdc-text-field__affix{align-items:center;align-self:center;display:inline-flex;height:100%}}.mdc-text-field__affix--prefix{padding-left:0;padding-right:2px}[dir=rtl] .mdc-text-field__affix--prefix,.mdc-text-field__affix--prefix[dir=rtl]{padding-left:2px;padding-right:0;}.mdc-text-field--end-aligned .mdc-text-field__affix--prefix{padding-left:0;padding-right:12px}[dir=rtl] .mdc-text-field--end-aligned .mdc-text-field__affix--prefix,.mdc-text-field--end-aligned .mdc-text-field__affix--prefix[dir=rtl]{padding-left:12px;padding-right:0;}.mdc-text-field__affix--suffix{padding-left:12px;padding-right:0}[dir=rtl] .mdc-text-field__affix--suffix,.mdc-text-field__affix--suffix[dir=rtl]{padding-left:0;padding-right:12px;}.mdc-text-field--end-aligned .mdc-text-field__affix--suffix{padding-left:2px;padding-right:0}[dir=rtl] .mdc-text-field--end-aligned .mdc-text-field__affix--suffix,.mdc-text-field--end-aligned .mdc-text-field__affix--suffix[dir=rtl]{padding-left:0;padding-right:2px;}.mdc-text-field--filled{height:56px}.mdc-text-field--filled .mdc-text-field__ripple::before,.mdc-text-field--filled .mdc-text-field__ripple::after{background-color:rgba(0, 0, 0, 0.87);background-color:var(--mdc-ripple-color, rgba(0, 0, 0, 0.87))}.mdc-text-field--filled:hover .mdc-text-field__ripple::before,.mdc-text-field--filled.mdc-ripple-surface--hover .mdc-text-field__ripple::before{opacity:0.04;opacity:var(--mdc-ripple-hover-opacity, 0.04)}.mdc-text-field--filled.mdc-ripple-upgraded--background-focused .mdc-text-field__ripple::before,.mdc-text-field--filled:not(.mdc-ripple-upgraded):focus .mdc-text-field__ripple::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-focus-opacity, 0.12)}.mdc-text-field--filled::before{display:inline-block;width:0;height:40px;content:\"\";vertical-align:0}.mdc-text-field--filled:not(.mdc-text-field--disabled){background-color:whitesmoke}.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::before{border-bottom-color:rgba(0, 0, 0, 0.42)}.mdc-text-field--filled:not(.mdc-text-field--disabled):hover .mdc-line-ripple::before{border-bottom-color:rgba(0, 0, 0, 0.87)}.mdc-text-field--filled .mdc-line-ripple::after{border-bottom-color:#6200ee;border-bottom-color:var(--mdc-theme-primary, #6200ee)}.mdc-text-field--filled .mdc-floating-label{left:16px;right:initial}[dir=rtl] .mdc-text-field--filled .mdc-floating-label,.mdc-text-field--filled .mdc-floating-label[dir=rtl]{left:initial;right:16px;}.mdc-text-field--filled .mdc-floating-label--float-above{-webkit-transform:translateY(-106%) scale(0.75);transform:translateY(-106%) scale(0.75)}.mdc-text-field--filled.mdc-text-field--no-label .mdc-text-field__input{height:100%}.mdc-text-field--filled.mdc-text-field--no-label .mdc-floating-label{display:none}.mdc-text-field--filled.mdc-text-field--no-label::before{display:none}@supports (-webkit-hyphens: none){.mdc-text-field--filled.mdc-text-field--no-label .mdc-text-field__affix{align-items:center;align-self:center;display:inline-flex;height:100%}}.mdc-text-field--outlined{height:56px;overflow:visible}.mdc-text-field--outlined .mdc-floating-label--float-above{-webkit-transform:translateY(-37.25px) scale(1);transform:translateY(-37.25px) scale(1)}.mdc-text-field--outlined .mdc-floating-label--float-above{font-size:0.75rem}.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{-webkit-transform:translateY(-34.75px) scale(0.75);transform:translateY(-34.75px) scale(0.75)}.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{font-size:1rem}.mdc-text-field--outlined .mdc-floating-label--shake{-webkit-animation:mdc-floating-label-shake-float-above-text-field-outlined 250ms 1;animation:mdc-floating-label-shake-float-above-text-field-outlined 250ms 1}@-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined{0%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75)}33%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);-webkit-transform:translateX(calc(4% - 0%)) translateY(-34.75px) scale(0.75);transform:translateX(calc(4% - 0%)) translateY(-34.75px) scale(0.75)}66%{-webkit-animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);-webkit-transform:translateX(calc(-4% - 0%)) translateY(-34.75px) scale(0.75);transform:translateX(calc(-4% - 0%)) translateY(-34.75px) scale(0.75)}100%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75)}}@keyframes mdc-floating-label-shake-float-above-text-field-outlined{0%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75)}33%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);-webkit-transform:translateX(calc(4% - 0%)) translateY(-34.75px) scale(0.75);transform:translateX(calc(4% - 0%)) translateY(-34.75px) scale(0.75)}66%{-webkit-animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);-webkit-transform:translateX(calc(-4% - 0%)) translateY(-34.75px) scale(0.75);transform:translateX(calc(-4% - 0%)) translateY(-34.75px) scale(0.75)}100%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75)}}.mdc-text-field--outlined .mdc-text-field__input{height:100%}.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing{border-color:rgba(0, 0, 0, 0.38)}.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading,.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch,.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing{border-color:rgba(0, 0, 0, 0.87)}.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing{border-color:#6200ee;border-color:var(--mdc-theme-primary, #6200ee)}.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading{border-top-left-radius:4px;border-top-left-radius:var(--mdc-shape-small, 4px);border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:4px;border-bottom-left-radius:var(--mdc-shape-small, 4px)}[dir=rtl] .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading,.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading[dir=rtl]{border-top-left-radius:0;border-top-right-radius:4px;border-top-right-radius:var(--mdc-shape-small, 4px);border-bottom-right-radius:4px;border-bottom-right-radius:var(--mdc-shape-small, 4px);border-bottom-left-radius:0;}@supports (top: max(0%)){.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading{width:max(12px, var(--mdc-shape-small, 4px))}}@supports (top: max(0%)){.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__notch{max-width:calc(100% - max(12px, var(--mdc-shape-small, 4px)) * 2)}}.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing{border-top-left-radius:0;border-top-right-radius:4px;border-top-right-radius:var(--mdc-shape-small, 4px);border-bottom-right-radius:4px;border-bottom-right-radius:var(--mdc-shape-small, 4px);border-bottom-left-radius:0}[dir=rtl] .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing,.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing[dir=rtl]{border-top-left-radius:4px;border-top-left-radius:var(--mdc-shape-small, 4px);border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:4px;border-bottom-left-radius:var(--mdc-shape-small, 4px);}@supports (top: max(0%)){.mdc-text-field--outlined{padding-left:max(16px, calc(var(--mdc-shape-small, 4px) + 4px))}}@supports (top: max(0%)){.mdc-text-field--outlined{padding-right:max(16px, var(--mdc-shape-small, 4px))}}@supports (top: max(0%)){.mdc-text-field--outlined+.mdc-text-field-helper-line{padding-left:max(16px, calc(var(--mdc-shape-small, 4px) + 4px))}}@supports (top: max(0%)){.mdc-text-field--outlined+.mdc-text-field-helper-line{padding-right:max(16px, var(--mdc-shape-small, 4px))}}.mdc-text-field--outlined.mdc-text-field--with-leading-icon{padding-left:0}@supports (top: max(0%)){.mdc-text-field--outlined.mdc-text-field--with-leading-icon{padding-right:max(16px, var(--mdc-shape-small, 4px))}}[dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-leading-icon,.mdc-text-field--outlined.mdc-text-field--with-leading-icon[dir=rtl]{padding-right:0;}@supports (top: max(0%)){[dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-leading-icon,.mdc-text-field--outlined.mdc-text-field--with-leading-icon[dir=rtl]{padding-left:max(16px, var(--mdc-shape-small, 4px))}}.mdc-text-field--outlined.mdc-text-field--with-trailing-icon{padding-right:0}@supports (top: max(0%)){.mdc-text-field--outlined.mdc-text-field--with-trailing-icon{padding-left:max(16px, calc(var(--mdc-shape-small, 4px) + 4px))}}[dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-trailing-icon,.mdc-text-field--outlined.mdc-text-field--with-trailing-icon[dir=rtl]{padding-left:0;}@supports (top: max(0%)){[dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-trailing-icon,.mdc-text-field--outlined.mdc-text-field--with-trailing-icon[dir=rtl]{padding-right:max(16px, calc(var(--mdc-shape-small, 4px) + 4px))}}.mdc-text-field--outlined.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon{padding-left:0;padding-right:0}.mdc-text-field--outlined .mdc-notched-outline--notched .mdc-notched-outline__notch{padding-top:1px}.mdc-text-field--outlined .mdc-text-field__ripple::before,.mdc-text-field--outlined .mdc-text-field__ripple::after{background-color:transparent;background-color:var(--mdc-ripple-color, transparent)}.mdc-text-field--outlined .mdc-floating-label{left:4px;right:initial}[dir=rtl] .mdc-text-field--outlined .mdc-floating-label,.mdc-text-field--outlined .mdc-floating-label[dir=rtl]{left:initial;right:4px;}.mdc-text-field--outlined .mdc-text-field__input{display:flex;border:none !important;background-color:transparent}.mdc-text-field--outlined .mdc-notched-outline{z-index:1}.mdc-text-field--textarea{flex-direction:column;align-items:center;width:auto;height:auto;padding:0;transition:none}.mdc-text-field--textarea .mdc-floating-label{top:19px}.mdc-text-field--textarea .mdc-floating-label:not(.mdc-floating-label--float-above){-webkit-transform:none;transform:none}.mdc-text-field--textarea .mdc-text-field__input{flex-grow:1;height:auto;min-height:1.5rem;overflow-x:hidden;overflow-y:auto;box-sizing:border-box;resize:none;padding:0 16px;line-height:1.5rem}.mdc-text-field--textarea.mdc-text-field--filled::before{display:none}.mdc-text-field--textarea.mdc-text-field--filled .mdc-floating-label--float-above{-webkit-transform:translateY(-10.25px) scale(0.75);transform:translateY(-10.25px) scale(0.75)}.mdc-text-field--textarea.mdc-text-field--filled .mdc-floating-label--shake{-webkit-animation:mdc-floating-label-shake-float-above-textarea-filled 250ms 1;animation:mdc-floating-label-shake-float-above-textarea-filled 250ms 1}@-webkit-keyframes mdc-floating-label-shake-float-above-textarea-filled{0%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75)}33%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);-webkit-transform:translateX(calc(4% - 0%)) translateY(-10.25px) scale(0.75);transform:translateX(calc(4% - 0%)) translateY(-10.25px) scale(0.75)}66%{-webkit-animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);-webkit-transform:translateX(calc(-4% - 0%)) translateY(-10.25px) scale(0.75);transform:translateX(calc(-4% - 0%)) translateY(-10.25px) scale(0.75)}100%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75)}}@keyframes mdc-floating-label-shake-float-above-textarea-filled{0%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75)}33%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);-webkit-transform:translateX(calc(4% - 0%)) translateY(-10.25px) scale(0.75);transform:translateX(calc(4% - 0%)) translateY(-10.25px) scale(0.75)}66%{-webkit-animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);-webkit-transform:translateX(calc(-4% - 0%)) translateY(-10.25px) scale(0.75);transform:translateX(calc(-4% - 0%)) translateY(-10.25px) scale(0.75)}100%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75)}}.mdc-text-field--textarea.mdc-text-field--filled .mdc-text-field__input{margin-top:23px;margin-bottom:9px}.mdc-text-field--textarea.mdc-text-field--filled.mdc-text-field--no-label .mdc-text-field__input{margin-top:16px;margin-bottom:16px}.mdc-text-field--textarea.mdc-text-field--outlined .mdc-notched-outline--notched .mdc-notched-outline__notch{padding-top:0}.mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label--float-above{-webkit-transform:translateY(-27.25px) scale(1);transform:translateY(-27.25px) scale(1)}.mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label--float-above{font-size:0.75rem}.mdc-text-field--textarea.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--textarea.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{-webkit-transform:translateY(-24.75px) scale(0.75);transform:translateY(-24.75px) scale(0.75)}.mdc-text-field--textarea.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--textarea.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{font-size:1rem}.mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label--shake{-webkit-animation:mdc-floating-label-shake-float-above-textarea-outlined 250ms 1;animation:mdc-floating-label-shake-float-above-textarea-outlined 250ms 1}@-webkit-keyframes mdc-floating-label-shake-float-above-textarea-outlined{0%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75)}33%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);-webkit-transform:translateX(calc(4% - 0%)) translateY(-24.75px) scale(0.75);transform:translateX(calc(4% - 0%)) translateY(-24.75px) scale(0.75)}66%{-webkit-animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);-webkit-transform:translateX(calc(-4% - 0%)) translateY(-24.75px) scale(0.75);transform:translateX(calc(-4% - 0%)) translateY(-24.75px) scale(0.75)}100%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75)}}@keyframes mdc-floating-label-shake-float-above-textarea-outlined{0%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75)}33%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);-webkit-transform:translateX(calc(4% - 0%)) translateY(-24.75px) scale(0.75);transform:translateX(calc(4% - 0%)) translateY(-24.75px) scale(0.75)}66%{-webkit-animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);-webkit-transform:translateX(calc(-4% - 0%)) translateY(-24.75px) scale(0.75);transform:translateX(calc(-4% - 0%)) translateY(-24.75px) scale(0.75)}100%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75)}}.mdc-text-field--textarea.mdc-text-field--outlined .mdc-text-field__input{margin-top:16px;margin-bottom:16px}.mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label{top:18px}.mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field__input{margin-bottom:2px}.mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field-character-counter{align-self:flex-end;padding:0 16px}.mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field-character-counter::after{display:inline-block;width:0;height:16px;content:\"\";vertical-align:-16px}.mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field-character-counter::before{display:none}.mdc-text-field__resizer{align-self:stretch;display:inline-flex;flex-direction:column;flex-grow:1;max-height:100%;max-width:100%;min-height:56px;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;min-width:-moz-available;min-width:-webkit-fill-available;overflow:hidden;resize:both}.mdc-text-field--filled .mdc-text-field__resizer{-webkit-transform:translateY(-1px);transform:translateY(-1px)}.mdc-text-field--filled .mdc-text-field__resizer .mdc-text-field__input,.mdc-text-field--filled .mdc-text-field__resizer .mdc-text-field-character-counter{-webkit-transform:translateY(1px);transform:translateY(1px)}.mdc-text-field--outlined .mdc-text-field__resizer{-webkit-transform:translateX(-1px) translateY(-1px);transform:translateX(-1px) translateY(-1px)}[dir=rtl] .mdc-text-field--outlined .mdc-text-field__resizer,.mdc-text-field--outlined .mdc-text-field__resizer[dir=rtl]{-webkit-transform:translateX(1px) translateY(-1px);transform:translateX(1px) translateY(-1px);}.mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field__input,.mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field-character-counter{-webkit-transform:translateX(1px) translateY(1px);transform:translateX(1px) translateY(1px)}[dir=rtl] .mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field__input,[dir=rtl] .mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field-character-counter,.mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field__input[dir=rtl],.mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field-character-counter[dir=rtl]{-webkit-transform:translateX(-1px) translateY(1px);transform:translateX(-1px) translateY(1px);}.mdc-text-field--with-leading-icon{padding-left:0;padding-right:16px}[dir=rtl] .mdc-text-field--with-leading-icon,.mdc-text-field--with-leading-icon[dir=rtl]{padding-left:16px;padding-right:0;}.mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label{max-width:calc(100% - 48px);left:48px;right:initial}[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label,.mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label[dir=rtl]{left:initial;right:48px;}.mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label--float-above{max-width:calc(100% / 0.75 - 64px / 0.75)}.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label{left:36px;right:initial}[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label,.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label[dir=rtl]{left:initial;right:36px;}.mdc-text-field--with-leading-icon.mdc-text-field--outlined :not(.mdc-notched-outline--notched) .mdc-notched-outline__notch{max-width:calc(100% - 60px)}.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above{-webkit-transform:translateY(-37.25px) translateX(-32px) scale(1);transform:translateY(-37.25px) translateX(-32px) scale(1)}[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above,.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above[dir=rtl]{-webkit-transform:translateY(-37.25px) translateX(32px) scale(1);transform:translateY(-37.25px) translateX(32px) scale(1);}.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above{font-size:0.75rem}.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{-webkit-transform:translateY(-34.75px) translateX(-32px) scale(0.75);transform:translateY(-34.75px) translateX(-32px) scale(0.75)}[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl],.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl]{-webkit-transform:translateY(-34.75px) translateX(32px) scale(0.75);transform:translateY(-34.75px) translateX(32px) scale(0.75);}.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{font-size:1rem}.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--shake{-webkit-animation:mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1;animation:mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1}@-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon{0%{-webkit-transform:translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75)}33%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);-webkit-transform:translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75)}66%{-webkit-animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);-webkit-transform:translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75)}100%{-webkit-transform:translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75)}}@keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon{0%{-webkit-transform:translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75)}33%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);-webkit-transform:translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75)}66%{-webkit-animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);-webkit-transform:translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75)}100%{-webkit-transform:translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75)}}[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined,.mdc-text-field--with-leading-icon.mdc-text-field--outlined[dir=rtl]{}[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--shake,.mdc-text-field--with-leading-icon.mdc-text-field--outlined[dir=rtl] .mdc-floating-label--shake{-webkit-animation:mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1;animation:mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1}@-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl{0%{-webkit-transform:translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75)}33%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);-webkit-transform:translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75)}66%{-webkit-animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);-webkit-transform:translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75)}100%{-webkit-transform:translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75)}}@keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl{0%{-webkit-transform:translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75)}33%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);-webkit-transform:translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75)}66%{-webkit-animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);-webkit-transform:translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75)}100%{-webkit-transform:translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75)}}.mdc-text-field--with-trailing-icon{padding-left:16px;padding-right:0}[dir=rtl] .mdc-text-field--with-trailing-icon,.mdc-text-field--with-trailing-icon[dir=rtl]{padding-left:0;padding-right:16px;}.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label{max-width:calc(100% - 64px)}.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label--float-above{max-width:calc(100% / 0.75 - 64px / 0.75)}.mdc-text-field--with-trailing-icon.mdc-text-field--outlined :not(.mdc-notched-outline--notched) .mdc-notched-outline__notch{max-width:calc(100% - 60px)}.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon{padding-left:0;padding-right:0}.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label{max-width:calc(100% - 96px)}.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label--float-above{max-width:calc(100% / 0.75 - 96px / 0.75)}.mdc-text-field-helper-line{display:flex;justify-content:space-between;box-sizing:border-box}.mdc-text-field+.mdc-text-field-helper-line{padding-right:16px;padding-left:16px}.mdc-form-field>.mdc-text-field+label{align-self:flex-start}.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label{color:rgba(98, 0, 238, 0.87)}.mdc-text-field--focused .mdc-notched-outline__leading,.mdc-text-field--focused .mdc-notched-outline__notch,.mdc-text-field--focused .mdc-notched-outline__trailing{border-width:2px}.mdc-text-field--focused+.mdc-text-field-helper-line .mdc-text-field-helper-text:not(.mdc-text-field-helper-text--validation-msg){opacity:1}.mdc-text-field--focused.mdc-text-field--outlined .mdc-notched-outline--notched .mdc-notched-outline__notch{padding-top:2px}.mdc-text-field--focused.mdc-text-field--outlined.mdc-text-field--textarea .mdc-notched-outline--notched .mdc-notched-outline__notch{padding-top:0}.mdc-text-field--invalid:not(.mdc-text-field--disabled):hover .mdc-line-ripple::before{border-bottom-color:#b00020;border-bottom-color:var(--mdc-theme-error, #b00020)}.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::after{border-bottom-color:#b00020;border-bottom-color:var(--mdc-theme-error, #b00020)}.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label{color:#b00020;color:var(--mdc-theme-error, #b00020)}.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--invalid+.mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg{color:#b00020;color:var(--mdc-theme-error, #b00020)}.mdc-text-field--invalid .mdc-text-field__input{caret-color:#b00020;caret-color:var(--mdc-theme-error, #b00020)}.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__icon--trailing{color:#b00020;color:var(--mdc-theme-error, #b00020)}.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::before{border-bottom-color:#b00020;border-bottom-color:var(--mdc-theme-error, #b00020)}.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing{border-color:#b00020;border-color:var(--mdc-theme-error, #b00020)}.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading,.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch,.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing{border-color:#b00020;border-color:var(--mdc-theme-error, #b00020)}.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing{border-color:#b00020;border-color:var(--mdc-theme-error, #b00020)}.mdc-text-field--invalid+.mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg{opacity:1}.mdc-text-field--disabled{pointer-events:none}.mdc-text-field--disabled .mdc-text-field__input{color:rgba(0, 0, 0, 0.38)}@media all{.mdc-text-field--disabled .mdc-text-field__input::-webkit-input-placeholder{color:rgba(0, 0, 0, 0.38)}.mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder{color:rgba(0, 0, 0, 0.38)}.mdc-text-field--disabled .mdc-text-field__input::-ms-input-placeholder{color:rgba(0, 0, 0, 0.38)}.mdc-text-field--disabled .mdc-text-field__input::placeholder{color:rgba(0, 0, 0, 0.38)}}@media all{.mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder{color:rgba(0, 0, 0, 0.38)}}.mdc-text-field--disabled .mdc-floating-label{color:rgba(0, 0, 0, 0.38)}.mdc-text-field--disabled+.mdc-text-field-helper-line .mdc-text-field-helper-text{color:rgba(0, 0, 0, 0.38)}.mdc-text-field--disabled .mdc-text-field-character-counter,.mdc-text-field--disabled+.mdc-text-field-helper-line .mdc-text-field-character-counter{color:rgba(0, 0, 0, 0.38)}.mdc-text-field--disabled .mdc-text-field__icon--leading{color:rgba(0, 0, 0, 0.3)}.mdc-text-field--disabled .mdc-text-field__icon--trailing{color:rgba(0, 0, 0, 0.3)}.mdc-text-field--disabled .mdc-text-field__affix--prefix{color:rgba(0, 0, 0, 0.38)}.mdc-text-field--disabled .mdc-text-field__affix--suffix{color:rgba(0, 0, 0, 0.38)}.mdc-text-field--disabled .mdc-line-ripple::before{border-bottom-color:rgba(0, 0, 0, 0.06)}.mdc-text-field--disabled .mdc-notched-outline__leading,.mdc-text-field--disabled .mdc-notched-outline__notch,.mdc-text-field--disabled .mdc-notched-outline__trailing{border-color:rgba(0, 0, 0, 0.06)}@media screen and (forced-colors: active), (-ms-high-contrast: active){.mdc-text-field--disabled .mdc-text-field__input::-webkit-input-placeholder{color:GrayText}.mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder{color:GrayText}.mdc-text-field--disabled .mdc-text-field__input::-ms-input-placeholder{color:GrayText}.mdc-text-field--disabled .mdc-text-field__input::placeholder{color:GrayText}}@media screen and (forced-colors: active), (-ms-high-contrast: active){.mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder{color:GrayText}}@media screen and (forced-colors: active), (-ms-high-contrast: active){.mdc-text-field--disabled .mdc-floating-label{color:GrayText}}@media screen and (forced-colors: active), (-ms-high-contrast: active){.mdc-text-field--disabled+.mdc-text-field-helper-line .mdc-text-field-helper-text{color:GrayText}}@media screen and (forced-colors: active), (-ms-high-contrast: active){.mdc-text-field--disabled .mdc-text-field-character-counter,.mdc-text-field--disabled+.mdc-text-field-helper-line .mdc-text-field-character-counter{color:GrayText}}@media screen and (forced-colors: active), (-ms-high-contrast: active){.mdc-text-field--disabled .mdc-text-field__icon--leading{color:GrayText}}@media screen and (forced-colors: active), (-ms-high-contrast: active){.mdc-text-field--disabled .mdc-text-field__icon--trailing{color:GrayText}}@media screen and (forced-colors: active), (-ms-high-contrast: active){.mdc-text-field--disabled .mdc-text-field__affix--prefix{color:GrayText}}@media screen and (forced-colors: active), (-ms-high-contrast: active){.mdc-text-field--disabled .mdc-text-field__affix--suffix{color:GrayText}}@media screen and (forced-colors: active), (-ms-high-contrast: active){.mdc-text-field--disabled .mdc-line-ripple::before{border-bottom-color:GrayText}}@media screen and (forced-colors: active), (-ms-high-contrast: active){.mdc-text-field--disabled .mdc-notched-outline__leading,.mdc-text-field--disabled .mdc-notched-outline__notch,.mdc-text-field--disabled .mdc-notched-outline__trailing{border-color:GrayText}}@media screen and (forced-colors: active){.mdc-text-field--disabled .mdc-text-field__input{background-color:Window}.mdc-text-field--disabled .mdc-floating-label{z-index:1}}.mdc-text-field--disabled .mdc-floating-label{cursor:default}.mdc-text-field--disabled.mdc-text-field--filled{background-color:#fafafa}.mdc-text-field--disabled.mdc-text-field--filled .mdc-text-field__ripple{display:none}.mdc-text-field--disabled .mdc-text-field__input{pointer-events:auto}.mdc-text-field--end-aligned .mdc-text-field__input{text-align:right}[dir=rtl] .mdc-text-field--end-aligned .mdc-text-field__input,.mdc-text-field--end-aligned .mdc-text-field__input[dir=rtl]{text-align:left;}[dir=rtl] .mdc-text-field--ltr-text,.mdc-text-field--ltr-text[dir=rtl]{}[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__input,[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix,.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__input,.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix{direction:ltr}[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--prefix,.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--prefix{padding-left:0;padding-right:2px}[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--suffix,.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--suffix{padding-left:12px;padding-right:0}[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__icon--leading,.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__icon--leading{order:1}[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--suffix,.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--suffix{order:2}[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__input,.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__input{order:3}[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--prefix,.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--prefix{order:4}[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__icon--trailing,.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__icon--trailing{order:5}[dir=rtl] .mdc-text-field--ltr-text.mdc-text-field--end-aligned,.mdc-text-field--ltr-text.mdc-text-field--end-aligned[dir=rtl]{}[dir=rtl] .mdc-text-field--ltr-text.mdc-text-field--end-aligned .mdc-text-field__input,.mdc-text-field--ltr-text.mdc-text-field--end-aligned[dir=rtl] .mdc-text-field__input{text-align:right}[dir=rtl] .mdc-text-field--ltr-text.mdc-text-field--end-aligned .mdc-text-field__affix--prefix,.mdc-text-field--ltr-text.mdc-text-field--end-aligned[dir=rtl] .mdc-text-field__affix--prefix{padding-right:12px}[dir=rtl] .mdc-text-field--ltr-text.mdc-text-field--end-aligned .mdc-text-field__affix--suffix,.mdc-text-field--ltr-text.mdc-text-field--end-aligned[dir=rtl] .mdc-text-field__affix--suffix{padding-left:2px}.mdc-text-field-helper-text{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.75rem;font-size:var(--mdc-typography-caption-font-size, 0.75rem);line-height:1.25rem;line-height:var(--mdc-typography-caption-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-caption-font-weight, 400);letter-spacing:0.0333333333em;letter-spacing:var(--mdc-typography-caption-letter-spacing, 0.0333333333em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-caption-text-decoration, inherit);text-decoration:var(--mdc-typography-caption-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-caption-text-transform, inherit);display:block;margin-top:0;line-height:normal;margin:0;opacity:0;will-change:opacity;transition:opacity 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1)}.mdc-text-field-helper-text::before{display:inline-block;width:0;height:16px;content:\"\";vertical-align:0}.mdc-text-field-helper-text--persistent{transition:none;opacity:1;will-change:initial}.mdc-text-field-character-counter{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.75rem;font-size:var(--mdc-typography-caption-font-size, 0.75rem);line-height:1.25rem;line-height:var(--mdc-typography-caption-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-caption-font-weight, 400);letter-spacing:0.0333333333em;letter-spacing:var(--mdc-typography-caption-letter-spacing, 0.0333333333em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-caption-text-decoration, inherit);text-decoration:var(--mdc-typography-caption-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-caption-text-transform, inherit);display:block;margin-top:0;line-height:normal;margin-left:auto;margin-right:0;padding-left:16px;padding-right:0;white-space:nowrap}.mdc-text-field-character-counter::before{display:inline-block;width:0;height:16px;content:\"\";vertical-align:0}[dir=rtl] .mdc-text-field-character-counter,.mdc-text-field-character-counter[dir=rtl]{margin-left:0;margin-right:auto;}[dir=rtl] .mdc-text-field-character-counter,.mdc-text-field-character-counter[dir=rtl]{padding-left:0;padding-right:16px;}.mdc-text-field__icon{align-self:center;cursor:pointer}.mdc-text-field__icon:not([tabindex]),.mdc-text-field__icon[tabindex=\"-1\"]{cursor:default;pointer-events:none}.mdc-text-field__icon svg{display:block}.mdc-text-field__icon--leading{margin-left:16px;margin-right:8px}[dir=rtl] .mdc-text-field__icon--leading,.mdc-text-field__icon--leading[dir=rtl]{margin-left:8px;margin-right:16px;}.mdc-text-field__icon--trailing{padding:12px;margin-left:0px;margin-right:0px}[dir=rtl] .mdc-text-field__icon--trailing,.mdc-text-field__icon--trailing[dir=rtl]{margin-left:0px;margin-right:0px;}.iti{position:relative;display:inline-block}.iti *{box-sizing:border-box}.iti__hide{display:none}.iti__v-hide{visibility:hidden}.iti input,.iti input[type=text],.iti input[type=tel]{position:relative;z-index:0;margin-top:0 !important;margin-bottom:0 !important;padding-right:36px;margin-right:0}.iti__flag-container{position:absolute;top:0;bottom:0;right:0;padding:1px}.iti__selected-flag{z-index:1;position:relative;display:flex;align-items:center;height:100%;padding:0 6px 0 8px}.iti__arrow{margin-left:6px;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid #555}[dir=rtl] .iti__arrow{margin-right:6px;margin-left:0}.iti__arrow--up{border-top:none;border-bottom:4px solid #555}.iti__country-list{position:absolute;z-index:2;list-style:none;padding:0;margin:0 0 0 -1px;box-shadow:1px 1px 4px rgba(0, 0, 0, 0.2);background-color:white;border:1px solid #ccc;white-space:nowrap;max-height:200px;overflow-y:scroll;-webkit-overflow-scrolling:touch}.iti__country-list--dropup{bottom:100%;margin-bottom:-1px}@media (max-width: 500px){.iti__country-list{white-space:normal}}.iti__flag-box{display:inline-block;width:20px}.iti__divider{padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #ccc}.iti__country{display:flex;align-items:center;padding:5px 10px;outline:none}.iti__dial-code{color:#999}.iti__country.iti__highlight{background-color:rgba(0, 0, 0, 0.05)}.iti__flag-box,.iti__country-name{margin-right:6px}[dir=rtl] .iti__flag-box,[dir=rtl] .iti__country-name{margin-right:0;margin-left:6px}.iti--allow-dropdown input,.iti--allow-dropdown input[type=text],.iti--allow-dropdown input[type=tel],.iti--separate-dial-code input,.iti--separate-dial-code input[type=text],.iti--separate-dial-code input[type=tel]{padding-right:6px;padding-left:52px;margin-left:0}[dir=rtl] .iti--allow-dropdown input,[dir=rtl] .iti--allow-dropdown input[type=text],[dir=rtl] .iti--allow-dropdown input[type=tel],[dir=rtl] .iti--separate-dial-code input,[dir=rtl] .iti--separate-dial-code input[type=text],[dir=rtl] .iti--separate-dial-code input[type=tel]{padding-right:52px;padding-left:6px;margin-right:0}.iti--allow-dropdown .iti__flag-container,.iti--separate-dial-code .iti__flag-container{right:auto;left:0}[dir=rtl] .iti--allow-dropdown .iti__flag-container,[dir=rtl] .iti--separate-dial-code .iti__flag-container{right:0;left:auto}.iti--allow-dropdown .iti__flag-container:hover{cursor:pointer}.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag{background-color:rgba(0, 0, 0, 0.05)}.iti--allow-dropdown input[disabled]+.iti__flag-container:hover,.iti--allow-dropdown input[readonly]+.iti__flag-container:hover{cursor:default}.iti--allow-dropdown input[disabled]+.iti__flag-container:hover .iti__selected-flag,.iti--allow-dropdown input[readonly]+.iti__flag-container:hover .iti__selected-flag{background-color:transparent}.iti--separate-dial-code .iti__selected-flag{background-color:rgba(0, 0, 0, 0.05)}.iti--separate-dial-code.iti--show-flags .iti__selected-dial-code{margin-left:6px}[dir=rtl] .iti--separate-dial-code.iti--show-flags .iti__selected-dial-code{margin-left:0;margin-right:6px}.iti--container{position:absolute;top:-1000px;left:-1000px;z-index:1060;padding:1px}.iti--container:hover{cursor:pointer}.iti-mobile .iti--container{top:30px;bottom:30px;left:30px;right:30px;position:fixed}.iti-mobile .iti__country-list{max-height:100%;width:100%}.iti-mobile .iti__country{padding:10px 10px;line-height:1.5em}.iti__flag{width:20px}.iti__flag.iti__be{width:18px}.iti__flag.iti__ch{width:15px}.iti__flag.iti__mc{width:19px}.iti__flag.iti__ne{width:18px}.iti__flag.iti__np{width:13px}.iti__flag.iti__va{width:15px}@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi){.iti__flag{background-size:5762px 15px}}.iti__flag.iti__ac{height:10px;background-position:0px 0px}.iti__flag.iti__ad{height:14px;background-position:-22px 0px}.iti__flag.iti__ae{height:10px;background-position:-44px 0px}.iti__flag.iti__af{height:14px;background-position:-66px 0px}.iti__flag.iti__ag{height:14px;background-position:-88px 0px}.iti__flag.iti__ai{height:10px;background-position:-110px 0px}.iti__flag.iti__al{height:15px;background-position:-132px 0px}.iti__flag.iti__am{height:10px;background-position:-154px 0px}.iti__flag.iti__ao{height:14px;background-position:-176px 0px}.iti__flag.iti__aq{height:14px;background-position:-198px 0px}.iti__flag.iti__ar{height:13px;background-position:-220px 0px}.iti__flag.iti__as{height:10px;background-position:-242px 0px}.iti__flag.iti__at{height:14px;background-position:-264px 0px}.iti__flag.iti__au{height:10px;background-position:-286px 0px}.iti__flag.iti__aw{height:14px;background-position:-308px 0px}.iti__flag.iti__ax{height:13px;background-position:-330px 0px}.iti__flag.iti__az{height:10px;background-position:-352px 0px}.iti__flag.iti__ba{height:10px;background-position:-374px 0px}.iti__flag.iti__bb{height:14px;background-position:-396px 0px}.iti__flag.iti__bd{height:12px;background-position:-418px 0px}.iti__flag.iti__be{height:15px;background-position:-440px 0px}.iti__flag.iti__bf{height:14px;background-position:-460px 0px}.iti__flag.iti__bg{height:12px;background-position:-482px 0px}.iti__flag.iti__bh{height:12px;background-position:-504px 0px}.iti__flag.iti__bi{height:12px;background-position:-526px 0px}.iti__flag.iti__bj{height:14px;background-position:-548px 0px}.iti__flag.iti__bl{height:14px;background-position:-570px 0px}.iti__flag.iti__bm{height:10px;background-position:-592px 0px}.iti__flag.iti__bn{height:10px;background-position:-614px 0px}.iti__flag.iti__bo{height:14px;background-position:-636px 0px}.iti__flag.iti__bq{height:14px;background-position:-658px 0px}.iti__flag.iti__br{height:14px;background-position:-680px 0px}.iti__flag.iti__bs{height:10px;background-position:-702px 0px}.iti__flag.iti__bt{height:14px;background-position:-724px 0px}.iti__flag.iti__bv{height:15px;background-position:-746px 0px}.iti__flag.iti__bw{height:14px;background-position:-768px 0px}.iti__flag.iti__by{height:10px;background-position:-790px 0px}.iti__flag.iti__bz{height:12px;background-position:-812px 0px}.iti__flag.iti__ca{height:10px;background-position:-834px 0px}.iti__flag.iti__cc{height:10px;background-position:-856px 0px}.iti__flag.iti__cd{height:15px;background-position:-878px 0px}.iti__flag.iti__cf{height:14px;background-position:-900px 0px}.iti__flag.iti__cg{height:14px;background-position:-922px 0px}.iti__flag.iti__ch{height:15px;background-position:-944px 0px}.iti__flag.iti__ci{height:14px;background-position:-961px 0px}.iti__flag.iti__ck{height:10px;background-position:-983px 0px}.iti__flag.iti__cl{height:14px;background-position:-1005px 0px}.iti__flag.iti__cm{height:14px;background-position:-1027px 0px}.iti__flag.iti__cn{height:14px;background-position:-1049px 0px}.iti__flag.iti__co{height:14px;background-position:-1071px 0px}.iti__flag.iti__cp{height:14px;background-position:-1093px 0px}.iti__flag.iti__cq{height:12px;background-position:-1115px 0px}.iti__flag.iti__cr{height:12px;background-position:-1137px 0px}.iti__flag.iti__cu{height:10px;background-position:-1159px 0px}.iti__flag.iti__cv{height:12px;background-position:-1181px 0px}.iti__flag.iti__cw{height:14px;background-position:-1203px 0px}.iti__flag.iti__cx{height:10px;background-position:-1225px 0px}.iti__flag.iti__cy{height:14px;background-position:-1247px 0px}.iti__flag.iti__cz{height:14px;background-position:-1269px 0px}.iti__flag.iti__de{height:12px;background-position:-1291px 0px}.iti__flag.iti__dg{height:10px;background-position:-1313px 0px}.iti__flag.iti__dj{height:14px;background-position:-1335px 0px}.iti__flag.iti__dk{height:15px;background-position:-1357px 0px}.iti__flag.iti__dm{height:10px;background-position:-1379px 0px}.iti__flag.iti__do{height:14px;background-position:-1401px 0px}.iti__flag.iti__dz{height:14px;background-position:-1423px 0px}.iti__flag.iti__ea{height:14px;background-position:-1445px 0px}.iti__flag.iti__ec{height:14px;background-position:-1467px 0px}.iti__flag.iti__ee{height:13px;background-position:-1489px 0px}.iti__flag.iti__eg{height:14px;background-position:-1511px 0px}.iti__flag.iti__eh{height:10px;background-position:-1533px 0px}.iti__flag.iti__er{height:10px;background-position:-1555px 0px}.iti__flag.iti__es{height:14px;background-position:-1577px 0px}.iti__flag.iti__et{height:10px;background-position:-1599px 0px}.iti__flag.iti__eu{height:14px;background-position:-1621px 0px}.iti__flag.iti__ez{height:14px;background-position:-1643px 0px}.iti__flag.iti__fi{height:12px;background-position:-1665px 0px}.iti__flag.iti__fj{height:10px;background-position:-1687px 0px}.iti__flag.iti__fk{height:10px;background-position:-1709px 0px}.iti__flag.iti__fm{height:11px;background-position:-1731px 0px}.iti__flag.iti__fo{height:15px;background-position:-1753px 0px}.iti__flag.iti__fr{height:14px;background-position:-1775px 0px}.iti__flag.iti__fx{height:14px;background-position:-1797px 0px}.iti__flag.iti__ga{height:15px;background-position:-1819px 0px}.iti__flag.iti__gb{height:10px;background-position:-1841px 0px}.iti__flag.iti__gd{height:12px;background-position:-1863px 0px}.iti__flag.iti__ge{height:14px;background-position:-1885px 0px}.iti__flag.iti__gf{height:14px;background-position:-1907px 0px}.iti__flag.iti__gg{height:14px;background-position:-1929px 0px}.iti__flag.iti__gh{height:14px;background-position:-1951px 0px}.iti__flag.iti__gi{height:10px;background-position:-1973px 0px}.iti__flag.iti__gl{height:14px;background-position:-1995px 0px}.iti__flag.iti__gm{height:14px;background-position:-2017px 0px}.iti__flag.iti__gn{height:14px;background-position:-2039px 0px}.iti__flag.iti__gp{height:14px;background-position:-2061px 0px}.iti__flag.iti__gq{height:14px;background-position:-2083px 0px}.iti__flag.iti__gr{height:14px;background-position:-2105px 0px}.iti__flag.iti__gs{height:10px;background-position:-2127px 0px}.iti__flag.iti__gt{height:13px;background-position:-2149px 0px}.iti__flag.iti__gu{height:11px;background-position:-2171px 0px}.iti__flag.iti__gw{height:10px;background-position:-2193px 0px}.iti__flag.iti__gy{height:12px;background-position:-2215px 0px}.iti__flag.iti__hk{height:14px;background-position:-2237px 0px}.iti__flag.iti__hm{height:10px;background-position:-2259px 0px}.iti__flag.iti__hn{height:10px;background-position:-2281px 0px}.iti__flag.iti__hr{height:10px;background-position:-2303px 0px}.iti__flag.iti__ht{height:12px;background-position:-2325px 0px}.iti__flag.iti__hu{height:10px;background-position:-2347px 0px}.iti__flag.iti__ic{height:14px;background-position:-2369px 0px}.iti__flag.iti__id{height:14px;background-position:-2391px 0px}.iti__flag.iti__ie{height:10px;background-position:-2413px 0px}.iti__flag.iti__il{height:15px;background-position:-2435px 0px}.iti__flag.iti__im{height:10px;background-position:-2457px 0px}.iti__flag.iti__in{height:14px;background-position:-2479px 0px}.iti__flag.iti__io{height:10px;background-position:-2501px 0px}.iti__flag.iti__iq{height:14px;background-position:-2523px 0px}.iti__flag.iti__ir{height:12px;background-position:-2545px 0px}.iti__flag.iti__is{height:15px;background-position:-2567px 0px}.iti__flag.iti__it{height:14px;background-position:-2589px 0px}.iti__flag.iti__je{height:12px;background-position:-2611px 0px}.iti__flag.iti__jm{height:10px;background-position:-2633px 0px}.iti__flag.iti__jo{height:10px;background-position:-2655px 0px}.iti__flag.iti__jp{height:14px;background-position:-2677px 0px}.iti__flag.iti__ke{height:14px;background-position:-2699px 0px}.iti__flag.iti__kg{height:12px;background-position:-2721px 0px}.iti__flag.iti__kh{height:13px;background-position:-2743px 0px}.iti__flag.iti__ki{height:10px;background-position:-2765px 0px}.iti__flag.iti__km{height:12px;background-position:-2787px 0px}.iti__flag.iti__kn{height:14px;background-position:-2809px 0px}.iti__flag.iti__kp{height:10px;background-position:-2831px 0px}.iti__flag.iti__kr{height:14px;background-position:-2853px 0px}.iti__flag.iti__kw{height:10px;background-position:-2875px 0px}.iti__flag.iti__ky{height:10px;background-position:-2897px 0px}.iti__flag.iti__kz{height:10px;background-position:-2919px 0px}.iti__flag.iti__la{height:14px;background-position:-2941px 0px}.iti__flag.iti__lb{height:14px;background-position:-2963px 0px}.iti__flag.iti__lc{height:10px;background-position:-2985px 0px}.iti__flag.iti__li{height:12px;background-position:-3007px 0px}.iti__flag.iti__lk{height:10px;background-position:-3029px 0px}.iti__flag.iti__lr{height:11px;background-position:-3051px 0px}.iti__flag.iti__ls{height:14px;background-position:-3073px 0px}.iti__flag.iti__lt{height:12px;background-position:-3095px 0px}.iti__flag.iti__lu{height:12px;background-position:-3117px 0px}.iti__flag.iti__lv{height:10px;background-position:-3139px 0px}.iti__flag.iti__ly{height:10px;background-position:-3161px 0px}.iti__flag.iti__ma{height:14px;background-position:-3183px 0px}.iti__flag.iti__mc{height:15px;background-position:-3205px 0px}.iti__flag.iti__md{height:10px;background-position:-3226px 0px}.iti__flag.iti__me{height:10px;background-position:-3248px 0px}.iti__flag.iti__mf{height:14px;background-position:-3270px 0px}.iti__flag.iti__mg{height:14px;background-position:-3292px 0px}.iti__flag.iti__mh{height:11px;background-position:-3314px 0px}.iti__flag.iti__mk{height:10px;background-position:-3336px 0px}.iti__flag.iti__ml{height:14px;background-position:-3358px 0px}.iti__flag.iti__mm{height:14px;background-position:-3380px 0px}.iti__flag.iti__mn{height:10px;background-position:-3402px 0px}.iti__flag.iti__mo{height:14px;background-position:-3424px 0px}.iti__flag.iti__mp{height:10px;background-position:-3446px 0px}.iti__flag.iti__mq{height:14px;background-position:-3468px 0px}.iti__flag.iti__mr{height:14px;background-position:-3490px 0px}.iti__flag.iti__ms{height:10px;background-position:-3512px 0px}.iti__flag.iti__mt{height:14px;background-position:-3534px 0px}.iti__flag.iti__mu{height:14px;background-position:-3556px 0px}.iti__flag.iti__mv{height:14px;background-position:-3578px 0px}.iti__flag.iti__mw{height:14px;background-position:-3600px 0px}.iti__flag.iti__mx{height:12px;background-position:-3622px 0px}.iti__flag.iti__my{height:10px;background-position:-3644px 0px}.iti__flag.iti__mz{height:14px;background-position:-3666px 0px}.iti__flag.iti__na{height:14px;background-position:-3688px 0px}.iti__flag.iti__nc{height:10px;background-position:-3710px 0px}.iti__flag.iti__ne{height:15px;background-position:-3732px 0px}.iti__flag.iti__nf{height:10px;background-position:-3752px 0px}.iti__flag.iti__ng{height:10px;background-position:-3774px 0px}.iti__flag.iti__ni{height:12px;background-position:-3796px 0px}.iti__flag.iti__nl{height:14px;background-position:-3818px 0px}.iti__flag.iti__no{height:15px;background-position:-3840px 0px}.iti__flag.iti__np{height:15px;background-position:-3862px 0px}.iti__flag.iti__nr{height:10px;background-position:-3877px 0px}.iti__flag.iti__nu{height:10px;background-position:-3899px 0px}.iti__flag.iti__nz{height:10px;background-position:-3921px 0px}.iti__flag.iti__om{height:10px;background-position:-3943px 0px}.iti__flag.iti__pa{height:14px;background-position:-3965px 0px}.iti__flag.iti__pe{height:14px;background-position:-3987px 0px}.iti__flag.iti__pf{height:14px;background-position:-4009px 0px}.iti__flag.iti__pg{height:15px;background-position:-4031px 0px}.iti__flag.iti__ph{height:10px;background-position:-4053px 0px}.iti__flag.iti__pk{height:14px;background-position:-4075px 0px}.iti__flag.iti__pl{height:13px;background-position:-4097px 0px}.iti__flag.iti__pm{height:14px;background-position:-4119px 0px}.iti__flag.iti__pn{height:10px;background-position:-4141px 0px}.iti__flag.iti__pr{height:14px;background-position:-4163px 0px}.iti__flag.iti__ps{height:10px;background-position:-4185px 0px}.iti__flag.iti__pt{height:14px;background-position:-4207px 0px}.iti__flag.iti__pw{height:13px;background-position:-4229px 0px}.iti__flag.iti__py{height:11px;background-position:-4251px 0px}.iti__flag.iti__qa{height:8px;background-position:-4273px 0px}.iti__flag.iti__re{height:14px;background-position:-4295px 0px}.iti__flag.iti__ro{height:14px;background-position:-4317px 0px}.iti__flag.iti__rs{height:14px;background-position:-4339px 0px}.iti__flag.iti__ru{height:14px;background-position:-4361px 0px}.iti__flag.iti__rw{height:14px;background-position:-4383px 0px}.iti__flag.iti__sa{height:14px;background-position:-4405px 0px}.iti__flag.iti__sb{height:10px;background-position:-4427px 0px}.iti__flag.iti__sc{height:10px;background-position:-4449px 0px}.iti__flag.iti__sd{height:10px;background-position:-4471px 0px}.iti__flag.iti__se{height:13px;background-position:-4493px 0px}.iti__flag.iti__sg{height:14px;background-position:-4515px 0px}.iti__flag.iti__sh{height:10px;background-position:-4537px 0px}.iti__flag.iti__si{height:10px;background-position:-4559px 0px}.iti__flag.iti__sj{height:15px;background-position:-4581px 0px}.iti__flag.iti__sk{height:14px;background-position:-4603px 0px}.iti__flag.iti__sl{height:14px;background-position:-4625px 0px}.iti__flag.iti__sm{height:15px;background-position:-4647px 0px}.iti__flag.iti__sn{height:14px;background-position:-4669px 0px}.iti__flag.iti__so{height:14px;background-position:-4691px 0px}.iti__flag.iti__sr{height:14px;background-position:-4713px 0px}.iti__flag.iti__ss{height:10px;background-position:-4735px 0px}.iti__flag.iti__st{height:10px;background-position:-4757px 0px}.iti__flag.iti__su{height:10px;background-position:-4779px 0px}.iti__flag.iti__sv{height:12px;background-position:-4801px 0px}.iti__flag.iti__sx{height:14px;background-position:-4823px 0px}.iti__flag.iti__sy{height:14px;background-position:-4845px 0px}.iti__flag.iti__sz{height:14px;background-position:-4867px 0px}.iti__flag.iti__ta{height:10px;background-position:-4889px 0px}.iti__flag.iti__tc{height:10px;background-position:-4911px 0px}.iti__flag.iti__td{height:14px;background-position:-4933px 0px}.iti__flag.iti__tf{height:14px;background-position:-4955px 0px}.iti__flag.iti__tg{height:13px;background-position:-4977px 0px}.iti__flag.iti__th{height:14px;background-position:-4999px 0px}.iti__flag.iti__tj{height:10px;background-position:-5021px 0px}.iti__flag.iti__tk{height:10px;background-position:-5043px 0px}.iti__flag.iti__tl{height:10px;background-position:-5065px 0px}.iti__flag.iti__tm{height:14px;background-position:-5087px 0px}.iti__flag.iti__tn{height:14px;background-position:-5109px 0px}.iti__flag.iti__to{height:10px;background-position:-5131px 0px}.iti__flag.iti__tr{height:14px;background-position:-5153px 0px}.iti__flag.iti__tt{height:12px;background-position:-5175px 0px}.iti__flag.iti__tv{height:10px;background-position:-5197px 0px}.iti__flag.iti__tw{height:14px;background-position:-5219px 0px}.iti__flag.iti__tz{height:14px;background-position:-5241px 0px}.iti__flag.iti__ua{height:14px;background-position:-5263px 0px}.iti__flag.iti__ug{height:14px;background-position:-5285px 0px}.iti__flag.iti__uk{height:10px;background-position:-5307px 0px}.iti__flag.iti__um{height:11px;background-position:-5329px 0px}.iti__flag.iti__un{height:14px;background-position:-5351px 0px}.iti__flag.iti__us{height:11px;background-position:-5373px 0px}.iti__flag.iti__uy{height:14px;background-position:-5395px 0px}.iti__flag.iti__uz{height:10px;background-position:-5417px 0px}.iti__flag.iti__va{height:15px;background-position:-5439px 0px}.iti__flag.iti__vc{height:14px;background-position:-5456px 0px}.iti__flag.iti__ve{height:14px;background-position:-5478px 0px}.iti__flag.iti__vg{height:10px;background-position:-5500px 0px}.iti__flag.iti__vi{height:14px;background-position:-5522px 0px}.iti__flag.iti__vn{height:14px;background-position:-5544px 0px}.iti__flag.iti__vu{height:12px;background-position:-5566px 0px}.iti__flag.iti__wf{height:14px;background-position:-5588px 0px}.iti__flag.iti__ws{height:10px;background-position:-5610px 0px}.iti__flag.iti__xk{height:15px;background-position:-5632px 0px}.iti__flag.iti__ye{height:14px;background-position:-5654px 0px}.iti__flag.iti__yt{height:14px;background-position:-5676px 0px}.iti__flag.iti__za{height:14px;background-position:-5698px 0px}.iti__flag.iti__zm{height:14px;background-position:-5720px 0px}.iti__flag.iti__zw{height:10px;background-position:-5742px 0px}.iti__flag{height:15px;box-shadow:0px 0px 1px 0px #888;background-image:url(\"../img/flags.png?1\");background-repeat:no-repeat;background-color:#dbdbdb;background-position:20px 0}@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi){.iti__flag{background-image:url(\"../img/flags@2x.png?1\")}}.iti__flag.iti__np{background-color:transparent}:host{display:block}.ptc-text-field{display:block;margin-bottom:var(--ptc-element-spacing-04)}.ptc-text-field.invalid-field{position:relative}.ptc-text-field.invalid-field::before{content:\"\";position:absolute;width:calc(100% + 16px);height:calc(100% + 10px);background:#FEF3F3;display:flex;flex-direction:column;justify-content:center;z-index:0;left:50%;top:50%;transform:translate(-50%, -50%)}.ptc-text-field .phone-field-style{z-index:3}.ptc-text-field form{width:273px;display:flex;flex-direction:column;justify-content:center;align-items:center}.ptc-text-field .ptc-label{display:block;font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-semibold);line-height:normal;margin-bottom:var(--ptc-element-spacing-01);position:relative;z-index:1;color:#40434A}.ptc-text-field .mdc-text-field-helper-line{display:flex;flex-direction:column;height:0}.ptc-text-field .mdc-text-field+.mdc-text-field-helper-line{padding-left:8px}.ptc-text-field .mdc-text-field-helper-text{color:#40434A;font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-xx-small);font-style:normal;font-weight:var(--ptc-font-weight-medium);line-height:var(--ptc-line-height-densest);max-width:240px;opacity:0}.ptc-text-field .mdc-text-field--invalid+.mdc-text-field-helper-line{height:auto}.ptc-text-field .mdc-text-field--invalid+.mdc-text-field-helper-line .input-error-svg{transform:translate(-8px, 3px)}.ptc-text-field .mdc-text-field--invalid+.mdc-text-field-helper-line .mdc-text-field-helper-text{opacity:1}.ptc-text-field .field-with-counter{position:relative}.ptc-text-field .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,.ptc-text-field .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,.ptc-text-field .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing{border-color:var(--color-blue-07)}.ptc-text-field .mdc-text-field--outlined{height:34px;width:273px}.ptc-text-field .mdc-text-field--outlined .mdc-notched-outline__trailing{border-radius:0px !important}.ptc-text-field .mdc-text-field--outlined .mdc-notched-outline__leading{border-radius:0px !important}.ptc-text-field .ptc-textfield-outline{background-color:var(--color-white)}.ptc-text-field .mdc-text-field-helper-text--validation-msg{color:#AF3231 !important;font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-semibold) !important;line-height:var(--ptc-line-height-densest);max-width:240px}.ptc-text-field .mdc-text-field-helper-text--info-msg{transform:translateX(16px)}.ptc-text-field .mdc-text-field__input{z-index:2}.ptc-text-field .mdc-text-field--with-internal-counter{padding-right:56px}.ptc-text-field .mdc-text-field-character-counter{position:absolute;right:16px;top:0px;transform:translateY(-150%)}.ptc-text-field .iti{height:35px;z-index:3}.ptc-text-field .iti__flag{background-image:url(\"https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/18.2.1/img/flags.png\")}@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi){.ptc-text-field .iti__flag{background-image:url(\"https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/18.2.1/img/flags@2x.png\")}}.ptc-text-field .intl-phone-adjustments{padding-left:0px;z-index:3}.ptc-text-field .intl-phone-adjustments ul{width:273px}.ptc-text-field .mdc-text-field--focused:not(.mdc-text-field--invalid)+.mdc-text-field-helper-line .mdc-text-field-helper-text:not(.mdc-text-field-helper-text--validation-msg){opacity:0}.ptc-text-field .mdc-text-field:not(.mdc-text-field--disabled)+.mdc-text-field-helper-line .mdc-text-field-helper-text{color:#40434A}";
11672
11672
 
11673
- const PtcTextfield = class {
11674
- constructor(hostRef) {
11675
- index.registerInstance(this, hostRef);
11676
- this.phoneValidity = 'validating';
11677
- this.fieldId = undefined;
11678
- this.type = 'text';
11679
- this.required = true;
11680
- this.ptcMaxLength = undefined;
11681
- this.labelText = 'Email';
11682
- this.helpertext = '';
11683
- this.infoText = undefined;
11684
- this.disabled = false;
11685
- this.fieldName = 'email';
11686
- this.ptcDataEloquaName = undefined;
11687
- this.ptcDataTargetEloquaName = undefined;
11688
- this.inputValue = '';
11689
- this.customValidation = undefined;
11690
- this.language = 'en';
11691
- }
11692
- handleInput(event) {
11693
- this.inputValue = event.target.value;
11694
- this.setHelperText();
11695
- }
11696
- handleFocus(event) {
11697
- const target = event.target;
11698
- if (target.tagName === 'INPUT') {
11699
- this.inputValue = event.target.value;
11700
- this.setHelperText();
11701
- }
11702
- }
11703
- inputBlurHandler() {
11704
- // console.log(event.target)
11705
- // this.getPhoneValidation();
11706
- if (this.customValidation) {
11707
- let message = this.customValidation(this.customInput);
11708
- this.customInput.setCustomValidity(message);
11709
- this.customInput.checkValidity();
11710
- this.infoText = message;
11711
- this.setErrorBackground();
11712
- }
11713
- else {
11714
- this.setErrorBackground();
11715
- setTimeout(() => {
11716
- this.getPhoneValidation();
11717
- }, 100);
11718
- }
11719
- }
11720
- async syncCountry(countryCode) {
11721
- this.iti.setCountry(countryCode);
11722
- }
11723
- componentWillLoad() {
11724
- this.language = utils.getLanguageFromURL();
11725
- }
11726
- componentDidLoad() {
11727
- if (this.type !== 'hidden') {
11728
- this.mdcTextfieldComponent = MDCTextField.attachTo(this.mdcTextfield);
11729
- }
11730
- // try{
11731
- // // debugger;
11732
- // this.mdcTextfieldComponent = MDCTextField.attachTo(this.mdcTextfield);
11733
- // }catch(error){
11734
- // debugger;
11735
- // console.error('An error found here!', error.message);
11736
- // }
11737
- if (this.fieldId === 'contact-phone' && this.fieldName === 'phone') {
11738
- this.iti = intlTelInput(this.customInput, {
11739
- separateDialCode: true,
11740
- initialCountry: 'auto',
11741
- nationalMode: true,
11742
- geoIpLookup: callback => {
11743
- fetch('https://ipapi.co/json')
11744
- .then(res => res.json())
11745
- .then(data => callback(data.country_code))
11746
- .catch(() => callback('us'));
11747
- },
11748
- utilsScript: 'https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/18.2.1/js/utils.min.js', // Required for formatting/validation
11749
- });
11750
- }
11751
- }
11752
- getValidationMessage(type) {
11753
- // console.log("lang type: " + type);
11754
- return ValidationMessages[this.language][type];
11755
- }
11756
- getPhoneValidation() {
11757
- if (this.fieldId === 'contact-phone' && this.fieldName === 'phone') {
11758
- if (this.iti.isValidNumber()) {
11759
- if (this.mdcTextfield.classList.contains('mdc-text-field--invalid')) {
11760
- this.mdcTextfield.classList.remove('mdc-text-field--invalid');
11761
- }
11762
- if (this.el.classList.contains('invalid-field')) {
11763
- this.el.classList.remove('invalid-field');
11764
- }
11765
- this.inputValue = this.iti.getNumber();
11766
- // console.log('sending phone number: ' + this.inputValue);
11767
- }
11768
- else if (!this.iti.isValidNumber()) {
11769
- if (!this.mdcTextfield.classList.contains('mdc-text-field--invalid')) {
11770
- this.mdcTextfield.classList.add('mdc-text-field--invalid');
11771
- }
11772
- if (!this.el.classList.contains('invalid-field')) {
11773
- this.el.classList.add('invalid-field');
11774
- }
11775
- }
11776
- }
11777
- }
11778
- setErrorBackground() {
11779
- if (this.customInput.checkValidity()) {
11780
- if (this.el.classList.contains('invalid-field')) {
11781
- this.el.classList.remove('invalid-field');
11782
- }
11783
- }
11784
- else if (!this.customInput.checkValidity()) {
11785
- if (!this.el.classList.contains('invalid-field')) {
11786
- this.el.classList.add('invalid-field');
11787
- }
11788
- }
11789
- }
11790
- getInputClassName() {
11791
- let className = 'mdc-text-field__input';
11792
- if (this.type === 'tel' && this.fieldName === 'phone') {
11793
- className = `${className} intl-tel-input`;
11794
- }
11795
- else if (this.type === 'text' && this.ptcMaxLength) {
11796
- className = `${className} mdc-text-field--with-internal-counter`;
11797
- }
11798
- return className;
11799
- }
11800
- getValidationPattern() {
11801
- let validationPattern = '';
11802
- // if (this.type === 'email' && this.name === 'email') {
11803
- // validationPattern = '[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+.[a-zA-Z]{2,}';
11804
- // }
11805
- if (this.fieldName === 'firstname' || this.fieldName === 'lastname') {
11806
- validationPattern = "^[^!*@&$¥£€>#^~+=<>%]+$";
11807
- }
11808
- return validationPattern;
11809
- }
11810
- setHelperText() {
11811
- this.helpertext = this.getValidationMessage('required');
11812
- console.log("default: " + this.getValidationMessage('required'));
11813
- if (this.type === 'email' && this.fieldName === 'email') {
11814
- if (this.customInput.validity.valueMissing) {
11815
- this.helpertext = this.getValidationMessage('email');
11816
- }
11817
- else if (this.customInput.validity.typeMismatch) {
11818
- this.helpertext = this.getValidationMessage('validemail');
11819
- }
11820
- }
11821
- else if (this.fieldName === 'firstname') {
11822
- if (this.customInput.validity.valueMissing) {
11823
- this.helpertext = this.getValidationMessage('required');
11824
- }
11825
- else if (this.customInput.validity.patternMismatch) {
11826
- this.helpertext = this.getValidationMessage('firstname');
11827
- }
11828
- }
11829
- else if (this.fieldName === 'lastname') {
11830
- if (this.customInput.validity.valueMissing) {
11831
- this.helpertext = this.getValidationMessage('required');
11832
- }
11833
- else if (this.customInput.validity.patternMismatch) {
11834
- this.helpertext = this.getValidationMessage('lastname');
11835
- }
11836
- }
11837
- else if (this.fieldId === 'contact-phone') {
11838
- if (this.iti) {
11839
- if (this.inputValue === '') {
11840
- this.helpertext = this.getValidationMessage('tel');
11841
- }
11842
- else if (!this.iti.isValidNumber()) {
11843
- this.helpertext = this.getValidationMessage('validtel');
11844
- }
11845
- }
11846
- }
11847
- }
11848
- render() {
11849
- return (index.h(index.Host, { class: `ptc-text-field
11850
- ${this.fieldId === 'contact-phone' ? 'phone-field-style' : ''}` }, this.type !== 'hidden' ? ([
11851
- index.h("label", { class: "ptc-label" }, this.labelText),
11852
- index.h("div", { class: `mdc-text-field mdc-text-field--outlined mdc-text-field--no-label
11853
- ${this.fieldId === 'contact-phone' ? 'intl-phone-adjustments' : ''}`, ref: mdcTextfield => {
11854
- this.mdcTextfield = mdcTextfield;
11855
- } }, index.h("span", { class: "mdc-notched-outline ptc-textfield-outline" }, index.h("span", { class: "mdc-notched-outline__leading" }), index.h("span", { class: "mdc-notched-outline__trailing" })), index.h("input", Object.assign({ ref: customInput => {
11856
- this.customInput = customInput;
11857
- }, id: this.fieldId }, (this.getInputClassName() ? { class: this.getInputClassName() } : null), { type: this.type }, (this.required ? { required: true } : null), (this.ptcMaxLength ? { maxlength: this.ptcMaxLength } : null), { "aria-controls": this.fieldName, "aria-describedby": this.fieldName, "data-eloqua-name": this.ptcDataEloquaName, "data-target-eloqua-name": this.ptcDataTargetEloquaName, value: this.inputValue, name: this.fieldName }, (this.getValidationPattern() ? { pattern: this.getValidationPattern() } : null)))),
11858
- index.h("div", { class: `mdc-text-field-helper-line
11859
- ${!!this.ptcMaxLength ? 'field-with-counter' : ''}` }, index.h("div", { class: "mdc-text-field-helper-text mdc-text-field-helper-text--validation-msg", id: this.fieldName }, index.h("svg", { class: "input-error-svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("g", { "clip-path": "url(#clip0_12_1424)" }, index.h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.3156 0L16 4.68444V11.3156L11.3156 16H4.68444L0 11.3156V4.68444L4.68444 0H11.3156ZM8 10.4C7.36 10.4 6.84444 10.9156 6.84444 11.5556C6.84444 12.1956 7.36 12.7111 8 12.7111C8.64 12.7111 9.15556 12.1956 9.15556 11.5556C9.15556 10.9156 8.64 10.4 8 10.4ZM8.88889 3.55556H7.11111V8.88889H8.88889V3.55556Z", fill: "#AF3231" })), index.h("defs", null, index.h("clipPath", { id: "clip0_12_1424" }, index.h("rect", { width: "16", height: "16", fill: "white" })))), this.helpertext), this.infoText ? index.h("div", { class: "mdc-text-field-helper-text mdc-text-field-helper-text--info-msg" }, this.infoText) : null, this.ptcMaxLength ? (index.h("div", { class: "mdc-text-field-character-counter" }, this.inputValue.length, " / ", this.ptcMaxLength)) : null),
11860
- ]) : (index.h("input", { type: "hidden", "data-eloqua-name": this.ptcDataEloquaName, value: this.inputValue }))));
11861
- }
11862
- get el() { return index.getElement(this); }
11863
- };
11673
+ const PtcTextfield = class {
11674
+ constructor(hostRef) {
11675
+ index.registerInstance(this, hostRef);
11676
+ this.phoneValidity = 'validating';
11677
+ this.fieldId = undefined;
11678
+ this.type = 'text';
11679
+ this.required = true;
11680
+ this.ptcMaxLength = undefined;
11681
+ this.labelText = 'Email';
11682
+ this.helpertext = '';
11683
+ this.infoText = undefined;
11684
+ this.disabled = false;
11685
+ this.fieldName = 'email';
11686
+ this.ptcDataEloquaName = undefined;
11687
+ this.ptcDataTargetEloquaName = undefined;
11688
+ this.inputValue = '';
11689
+ this.customValidation = undefined;
11690
+ this.language = 'en';
11691
+ }
11692
+ handleInput(event) {
11693
+ this.inputValue = event.target.value;
11694
+ this.setHelperText();
11695
+ }
11696
+ handleFocus(event) {
11697
+ const target = event.target;
11698
+ if (target.tagName === 'INPUT') {
11699
+ this.inputValue = event.target.value;
11700
+ this.setHelperText();
11701
+ }
11702
+ }
11703
+ inputBlurHandler() {
11704
+ // console.log(event.target)
11705
+ // this.getPhoneValidation();
11706
+ if (this.customValidation) {
11707
+ let message = this.customValidation(this.customInput);
11708
+ this.customInput.setCustomValidity(message);
11709
+ this.customInput.checkValidity();
11710
+ this.infoText = message;
11711
+ this.setErrorBackground();
11712
+ }
11713
+ else {
11714
+ this.setErrorBackground();
11715
+ setTimeout(() => {
11716
+ this.getPhoneValidation();
11717
+ }, 100);
11718
+ }
11719
+ }
11720
+ async syncCountry(countryCode) {
11721
+ this.iti.setCountry(countryCode);
11722
+ }
11723
+ componentWillLoad() {
11724
+ this.language = utils.getLanguageFromURL();
11725
+ }
11726
+ componentDidLoad() {
11727
+ if (this.type !== 'hidden') {
11728
+ this.mdcTextfieldComponent = MDCTextField.attachTo(this.mdcTextfield);
11729
+ }
11730
+ // try{
11731
+ // // debugger;
11732
+ // this.mdcTextfieldComponent = MDCTextField.attachTo(this.mdcTextfield);
11733
+ // }catch(error){
11734
+ // debugger;
11735
+ // console.error('An error found here!', error.message);
11736
+ // }
11737
+ if (this.fieldId === 'contact-phone' && this.fieldName === 'phone') {
11738
+ this.iti = intlTelInput(this.customInput, {
11739
+ separateDialCode: true,
11740
+ initialCountry: 'auto',
11741
+ nationalMode: true,
11742
+ geoIpLookup: callback => {
11743
+ fetch('https://ipapi.co/json')
11744
+ .then(res => res.json())
11745
+ .then(data => callback(data.country_code))
11746
+ .catch(() => callback('us'));
11747
+ },
11748
+ utilsScript: 'https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/18.2.1/js/utils.min.js', // Required for formatting/validation
11749
+ });
11750
+ }
11751
+ }
11752
+ getValidationMessage(type) {
11753
+ // console.log("lang type: " + type);
11754
+ return ValidationMessages[this.language][type];
11755
+ }
11756
+ getPhoneValidation() {
11757
+ if (this.fieldId === 'contact-phone' && this.fieldName === 'phone') {
11758
+ if (this.iti.isValidNumber()) {
11759
+ if (this.mdcTextfield.classList.contains('mdc-text-field--invalid')) {
11760
+ this.mdcTextfield.classList.remove('mdc-text-field--invalid');
11761
+ }
11762
+ if (this.el.classList.contains('invalid-field')) {
11763
+ this.el.classList.remove('invalid-field');
11764
+ }
11765
+ this.inputValue = this.iti.getNumber();
11766
+ // console.log('sending phone number: ' + this.inputValue);
11767
+ }
11768
+ else if (!this.iti.isValidNumber()) {
11769
+ if (!this.mdcTextfield.classList.contains('mdc-text-field--invalid')) {
11770
+ this.mdcTextfield.classList.add('mdc-text-field--invalid');
11771
+ }
11772
+ if (!this.el.classList.contains('invalid-field')) {
11773
+ this.el.classList.add('invalid-field');
11774
+ }
11775
+ }
11776
+ }
11777
+ }
11778
+ setErrorBackground() {
11779
+ if (this.customInput.checkValidity()) {
11780
+ if (this.el.classList.contains('invalid-field')) {
11781
+ this.el.classList.remove('invalid-field');
11782
+ }
11783
+ }
11784
+ else if (!this.customInput.checkValidity()) {
11785
+ if (!this.el.classList.contains('invalid-field')) {
11786
+ this.el.classList.add('invalid-field');
11787
+ }
11788
+ }
11789
+ }
11790
+ getInputClassName() {
11791
+ let className = 'mdc-text-field__input';
11792
+ if (this.type === 'tel' && this.fieldName === 'phone') {
11793
+ className = `${className} intl-tel-input`;
11794
+ }
11795
+ else if (this.type === 'text' && this.ptcMaxLength) {
11796
+ className = `${className} mdc-text-field--with-internal-counter`;
11797
+ }
11798
+ return className;
11799
+ }
11800
+ getValidationPattern() {
11801
+ let validationPattern = '';
11802
+ // if (this.type === 'email' && this.name === 'email') {
11803
+ // validationPattern = '[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+.[a-zA-Z]{2,}';
11804
+ // }
11805
+ if (this.fieldName === 'firstname' || this.fieldName === 'lastname') {
11806
+ validationPattern = "^[^!*@&$¥£€>#^~+=<>%]+$";
11807
+ }
11808
+ return validationPattern;
11809
+ }
11810
+ setHelperText() {
11811
+ this.helpertext = this.getValidationMessage('required');
11812
+ console.log("default: " + this.getValidationMessage('required'));
11813
+ if (this.type === 'email' && this.fieldName === 'email') {
11814
+ if (this.customInput.validity.valueMissing) {
11815
+ this.helpertext = this.getValidationMessage('email');
11816
+ }
11817
+ else if (this.customInput.validity.typeMismatch) {
11818
+ this.helpertext = this.getValidationMessage('validemail');
11819
+ }
11820
+ }
11821
+ else if (this.fieldName === 'firstname') {
11822
+ if (this.customInput.validity.valueMissing) {
11823
+ this.helpertext = this.getValidationMessage('required');
11824
+ }
11825
+ else if (this.customInput.validity.patternMismatch) {
11826
+ this.helpertext = this.getValidationMessage('firstname');
11827
+ }
11828
+ }
11829
+ else if (this.fieldName === 'lastname') {
11830
+ if (this.customInput.validity.valueMissing) {
11831
+ this.helpertext = this.getValidationMessage('required');
11832
+ }
11833
+ else if (this.customInput.validity.patternMismatch) {
11834
+ this.helpertext = this.getValidationMessage('lastname');
11835
+ }
11836
+ }
11837
+ else if (this.fieldId === 'contact-phone') {
11838
+ if (this.iti) {
11839
+ if (this.inputValue === '') {
11840
+ this.helpertext = this.getValidationMessage('tel');
11841
+ }
11842
+ else if (!this.iti.isValidNumber()) {
11843
+ this.helpertext = this.getValidationMessage('validtel');
11844
+ }
11845
+ }
11846
+ }
11847
+ }
11848
+ render() {
11849
+ return (index.h(index.Host, { class: `ptc-text-field
11850
+ ${this.fieldId === 'contact-phone' ? 'phone-field-style' : ''}` }, this.type !== 'hidden' ? ([
11851
+ index.h("label", { class: "ptc-label" }, this.labelText),
11852
+ index.h("div", { class: `mdc-text-field mdc-text-field--outlined mdc-text-field--no-label
11853
+ ${this.fieldId === 'contact-phone' ? 'intl-phone-adjustments' : ''}`, ref: mdcTextfield => {
11854
+ this.mdcTextfield = mdcTextfield;
11855
+ } }, index.h("span", { class: "mdc-notched-outline ptc-textfield-outline" }, index.h("span", { class: "mdc-notched-outline__leading" }), index.h("span", { class: "mdc-notched-outline__trailing" })), index.h("input", Object.assign({ ref: customInput => {
11856
+ this.customInput = customInput;
11857
+ }, id: this.fieldId }, (this.getInputClassName() ? { class: this.getInputClassName() } : null), { type: this.type }, (this.required ? { required: true } : null), (this.ptcMaxLength ? { maxlength: this.ptcMaxLength } : null), { "aria-controls": this.fieldName, "aria-describedby": this.fieldName, "data-eloqua-name": this.ptcDataEloquaName, "data-target-eloqua-name": this.ptcDataTargetEloquaName, value: this.inputValue, name: this.fieldName }, (this.getValidationPattern() ? { pattern: this.getValidationPattern() } : null)))),
11858
+ index.h("div", { class: `mdc-text-field-helper-line
11859
+ ${!!this.ptcMaxLength ? 'field-with-counter' : ''}` }, index.h("div", { class: "mdc-text-field-helper-text mdc-text-field-helper-text--validation-msg", id: this.fieldName }, index.h("svg", { class: "input-error-svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("g", { "clip-path": "url(#clip0_12_1424)" }, index.h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.3156 0L16 4.68444V11.3156L11.3156 16H4.68444L0 11.3156V4.68444L4.68444 0H11.3156ZM8 10.4C7.36 10.4 6.84444 10.9156 6.84444 11.5556C6.84444 12.1956 7.36 12.7111 8 12.7111C8.64 12.7111 9.15556 12.1956 9.15556 11.5556C9.15556 10.9156 8.64 10.4 8 10.4ZM8.88889 3.55556H7.11111V8.88889H8.88889V3.55556Z", fill: "#AF3231" })), index.h("defs", null, index.h("clipPath", { id: "clip0_12_1424" }, index.h("rect", { width: "16", height: "16", fill: "white" })))), this.helpertext), this.infoText ? index.h("div", { class: "mdc-text-field-helper-text mdc-text-field-helper-text--info-msg" }, this.infoText) : null, this.ptcMaxLength ? (index.h("div", { class: "mdc-text-field-character-counter" }, this.inputValue.length, " / ", this.ptcMaxLength)) : null),
11860
+ ]) : (index.h("input", { type: "hidden", "data-eloqua-name": this.ptcDataEloquaName, value: this.inputValue }))));
11861
+ }
11862
+ get el() { return index.getElement(this); }
11863
+ };
11864
11864
  PtcTextfield.style = ptcTextfieldCss;
11865
11865
 
11866
11866
  const ptcTitleCss = "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}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 screen and (min-width: 769px){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}.sc-ptc-title-h{word-break:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto}";
11867
11867
 
11868
- const PtcTitle = class {
11869
- constructor(hostRef) {
11870
- index.registerInstance(this, hostRef);
11871
- this.isPlmHub = false;
11872
- this.type = 'h2';
11873
- this.textAlign = undefined;
11874
- this.upperline = 'dotted';
11875
- this.titleShadow = undefined;
11876
- this.titleColor = 'gray';
11877
- this.titleMargin = undefined;
11878
- this.titleWeight = undefined;
11879
- this.titleSize = undefined;
11880
- this.titleHeight = 'densest';
11881
- this.styles = undefined;
11882
- this.ellipsisLineCutoff = undefined;
11883
- this.titleDisplay = 'inline-block';
11884
- }
11885
- render() {
11886
- const classMap = this.getCssClassMap();
11887
- const cutOff = this.getLineCuttoff();
11888
- let TagType;
11889
- switch (this.type) {
11890
- case 'h1':
11891
- TagType = 'h1';
11892
- break;
11893
- case 'h3':
11894
- TagType = 'h3';
11895
- break;
11896
- case 'h4':
11897
- TagType = 'h4';
11898
- break;
11899
- case 'h5':
11900
- TagType = 'h5';
11901
- break;
11902
- case 'h6':
11903
- TagType = 'h6';
11904
- break;
11905
- default:
11906
- TagType = 'h2';
11907
- }
11908
- 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)))));
11909
- }
11910
- getCssClassMap() {
11911
- return {
11912
- [this.textAlign]: !!this.textAlign ? true : false,
11913
- [this.upperline]: true,
11914
- [this.isPlmHub ? 'is-plm-hub' : 'is-standard']: true,
11915
- [this.titleMargin]: !!this.titleMargin ? true : false,
11916
- [this.titleShadow]: !!this.titleShadow ? true : false,
11917
- [this.titleWeight]: !!this.titleWeight ? true : false,
11918
- [this.titleSize]: !!this.titleSize ? true : false,
11919
- [this.titleHeight]: !!this.titleHeight ? true : false,
11920
- [this.titleColor]: !!this.titleColor ? true : false,
11921
- ['ellipsis-boxing']: this.ellipsisLineCutoff && this.ellipsisLineCutoff > 0,
11922
- [this.titleDisplay]: !!this.titleDisplay ? true : false,
11923
- };
11924
- }
11925
- getLineCuttoff() {
11926
- let result;
11927
- if (this.ellipsisLineCutoff && this.ellipsisLineCutoff > 0) {
11928
- result = {
11929
- ['-webkit-line-clamp']: `${this.ellipsisLineCutoff}`,
11930
- };
11931
- }
11932
- return result;
11933
- }
11934
- };
11868
+ const PtcTitle = class {
11869
+ constructor(hostRef) {
11870
+ index.registerInstance(this, hostRef);
11871
+ this.isPlmHub = false;
11872
+ this.type = 'h2';
11873
+ this.textAlign = undefined;
11874
+ this.upperline = 'dotted';
11875
+ this.titleShadow = undefined;
11876
+ this.titleColor = 'gray';
11877
+ this.titleMargin = undefined;
11878
+ this.titleWeight = undefined;
11879
+ this.titleSize = undefined;
11880
+ this.titleHeight = 'densest';
11881
+ this.styles = undefined;
11882
+ this.ellipsisLineCutoff = undefined;
11883
+ this.titleDisplay = 'inline-block';
11884
+ }
11885
+ render() {
11886
+ const classMap = this.getCssClassMap();
11887
+ const cutOff = this.getLineCuttoff();
11888
+ let TagType;
11889
+ switch (this.type) {
11890
+ case 'h1':
11891
+ TagType = 'h1';
11892
+ break;
11893
+ case 'h3':
11894
+ TagType = 'h3';
11895
+ break;
11896
+ case 'h4':
11897
+ TagType = 'h4';
11898
+ break;
11899
+ case 'h5':
11900
+ TagType = 'h5';
11901
+ break;
11902
+ case 'h6':
11903
+ TagType = 'h6';
11904
+ break;
11905
+ default:
11906
+ TagType = 'h2';
11907
+ }
11908
+ 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)))));
11909
+ }
11910
+ getCssClassMap() {
11911
+ return {
11912
+ [this.textAlign]: !!this.textAlign ? true : false,
11913
+ [this.upperline]: true,
11914
+ [this.isPlmHub ? 'is-plm-hub' : 'is-standard']: true,
11915
+ [this.titleMargin]: !!this.titleMargin ? true : false,
11916
+ [this.titleShadow]: !!this.titleShadow ? true : false,
11917
+ [this.titleWeight]: !!this.titleWeight ? true : false,
11918
+ [this.titleSize]: !!this.titleSize ? true : false,
11919
+ [this.titleHeight]: !!this.titleHeight ? true : false,
11920
+ [this.titleColor]: !!this.titleColor ? true : false,
11921
+ ['ellipsis-boxing']: this.ellipsisLineCutoff && this.ellipsisLineCutoff > 0,
11922
+ [this.titleDisplay]: !!this.titleDisplay ? true : false,
11923
+ };
11924
+ }
11925
+ getLineCuttoff() {
11926
+ let result;
11927
+ if (this.ellipsisLineCutoff && this.ellipsisLineCutoff > 0) {
11928
+ result = {
11929
+ ['-webkit-line-clamp']: `${this.ellipsisLineCutoff}`,
11930
+ };
11931
+ }
11932
+ return result;
11933
+ }
11934
+ };
11935
11935
  PtcTitle.style = ptcTitleCss;
11936
11936
 
11937
11937
  exports.embedded_form = EmbeddedForm;