@tet/tet-components 1.4.77-testing → 1.4.78-testing

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 (308) hide show
  1. package/dist/cjs/loader.cjs.js +1 -1
  2. package/dist/cjs/tet-address-offers_4.cjs.entry.js +2 -2
  3. package/dist/cjs/tet-address-search.cjs.entry.js +3 -3
  4. package/dist/cjs/tet-autocomplete-dropdown.cjs.entry.js +1 -1
  5. package/dist/cjs/tet-b2b-check-out-form_5.cjs.entry.js +3 -3
  6. package/dist/cjs/tet-business-compare-card.cjs.entry.js +2 -2
  7. package/dist/cjs/tet-card-list.cjs.entry.js +4 -4
  8. package/dist/cjs/tet-carousel.cjs.entry.js +6 -6
  9. package/dist/cjs/tet-compare-card-v3.cjs.entry.js +1 -1
  10. package/dist/cjs/tet-compare-cards_2.cjs.entry.js +2 -2
  11. package/dist/cjs/tet-components.cjs.js +1 -1
  12. package/dist/cjs/tet-contact-form.cjs.entry.js +1 -1
  13. package/dist/cjs/tet-customer-assets.cjs.entry.js +1 -1
  14. package/dist/cjs/tet-icon.cjs.entry.js +72 -18
  15. package/dist/cjs/tet-inline-message.cjs.entry.js +2 -2
  16. package/dist/cjs/tet-link-card-list.cjs.entry.js +1 -1
  17. package/dist/cjs/tet-macd-view.cjs.entry.js +1 -1
  18. package/dist/cjs/tet-menu-mobile.cjs.entry.js +1 -1
  19. package/dist/cjs/tet-menu.cjs.entry.js +1 -1
  20. package/dist/cjs/tet-mini-compare-card.cjs.entry.js +1 -1
  21. package/dist/cjs/tet-multi-step-dialog.cjs.entry.js +1 -1
  22. package/dist/cjs/tet-number-input.cjs.entry.js +2 -2
  23. package/dist/cjs/tet-radio-blocks.cjs.entry.js +1 -1
  24. package/dist/cjs/tet-radio.cjs.entry.js +7 -7
  25. package/dist/cjs/tet-referral.cjs.entry.js +2 -2
  26. package/dist/cjs/tet-round-stepper.cjs.entry.js +1 -1
  27. package/dist/cjs/tet-snicker-card-badge.cjs.entry.js +1 -1
  28. package/dist/cjs/tet-snicker-card-group.cjs.entry.js +1 -1
  29. package/dist/cjs/tet-snicker-card.cjs.entry.js +2 -2
  30. package/dist/cjs/tet-stepper-v2.cjs.entry.js +1 -1
  31. package/dist/cjs/tet-stepper-v3.cjs.entry.js +1 -1
  32. package/dist/cjs/tet-stepper.cjs.entry.js +1 -1
  33. package/dist/cjs/tet-support-search.cjs.entry.js +3 -3
  34. package/dist/cjs/tet-switch.cjs.entry.js +3 -3
  35. package/dist/cjs/tet-tab-header.cjs.entry.js +2 -2
  36. package/dist/cjs/tet-table.cjs.entry.js +1 -1
  37. package/dist/cjs/tet-tag_2.cjs.entry.js +2 -2
  38. package/dist/cjs/tet-thank-you-view-v2.cjs.entry.js +1 -1
  39. package/dist/cjs/tet-thank-you-view-v3.cjs.entry.js +1 -1
  40. package/dist/cjs/tet-thank-you-view.cjs.entry.js +1 -1
  41. package/dist/cjs/tet-tv-gift-block.cjs.entry.js +1 -1
  42. package/dist/cjs/tet-tv-gift-list.cjs.entry.js +2 -2
  43. package/dist/collection/collection-manifest.json +2 -2
  44. package/dist/collection/components/advanced/address/tet-address-offers-filters/tet-address-offers-filters.js +1 -1
  45. package/dist/collection/components/advanced/address/tet-address-search/tet-address-search.js +3 -3
  46. package/dist/collection/components/advanced/address/tet-autocomplete-dropdown/tet-autocomplete-dropdown.js +1 -1
  47. package/dist/collection/components/advanced/cards/tet-business-compare-card/tet-business-compare-card.js +2 -2
  48. package/dist/collection/components/advanced/cards/tet-card-list/tet-card-list.js +4 -4
  49. package/dist/collection/components/advanced/cards/tet-compare-card-v3/tet-compare-card-v3.js +1 -1
  50. package/dist/collection/components/advanced/cards/tet-mini-compare-card/tet-mini-compare-card.js +1 -1
  51. package/dist/collection/components/advanced/cards/tet-snicker-card/partials/tet-snicker-card-badge/tet-snicker-card-badge.js +1 -1
  52. package/dist/collection/components/advanced/cards/tet-snicker-card/tet-snicker-card.js +2 -2
  53. package/dist/collection/components/advanced/cards/tet-snicker-card-group/tet-snicker-card-group.js +1 -1
  54. package/dist/collection/components/advanced/customer/tet-customer-assets/tet-customer-assets.js +1 -1
  55. package/dist/collection/components/advanced/customer/tet-referral/tet-referral.js +2 -2
  56. package/dist/collection/components/advanced/dialog/tet-multi-step-dialog/tet-multi-step-dialog.js +1 -1
  57. package/dist/collection/components/advanced/forms/tet-availability-contact-form/tet-availability-contact-form.js +1 -1
  58. package/dist/collection/components/advanced/forms/tet-b2b-check-out-form/tet-b2b-check-out-form.js +3 -3
  59. package/dist/collection/components/advanced/forms/tet-contact-form/tet-contact-form.js +1 -1
  60. package/dist/collection/components/advanced/promotions/tv-gift/tet-tv-gift-block/tet-tv-gift-block.js +1 -1
  61. package/dist/collection/components/advanced/promotions/tv-gift/tet-tv-gift-list/tet-tv-gift-list.js +2 -2
  62. package/dist/collection/components/advanced/search/tet-support-search/tet-support-search.js +3 -3
  63. package/dist/collection/components/basic/buttons/tet-radio/tet-radio.js +7 -7
  64. package/dist/collection/components/basic/buttons/tet-radio-blocks/tet-radio-blocks.js +1 -1
  65. package/dist/collection/components/basic/buttons/tet-switch/tet-switch.js +3 -3
  66. package/dist/collection/components/basic/buttons/tet-tabs/tet-tab-content/tet-tab-content.js +2 -2
  67. package/dist/collection/components/basic/buttons/tet-tabs/tet-tab-header/tet-tab-header.js +2 -2
  68. package/dist/collection/components/basic/buttons/tet-tag/tet-tag.js +2 -2
  69. package/dist/collection/components/basic/carousel/tet-carousel/tet-carousel.js +6 -6
  70. package/dist/collection/components/basic/icon/default-color-icons.js +43 -7
  71. package/dist/collection/components/basic/icon/tet-icon.js +40 -14
  72. package/dist/collection/components/basic/steppers/tet-round-stepper/tet-round-stepper.js +1 -1
  73. package/dist/collection/components/basic/steppers/tet-stepper/tet-stepper.js +1 -1
  74. package/dist/collection/components/basic/steppers/tet-stepper-v2/tet-stepper-v2.js +1 -1
  75. package/dist/collection/components/basic/steppers/tet-stepper-v3/tet-stepper-v3.js +1 -1
  76. package/dist/collection/components/simple/inputs/tet-number-input/tet-number-input.js +2 -2
  77. package/dist/collection/components/simple/lists/tet-link-card-list/tet-link-card-list.js +1 -1
  78. package/dist/collection/components/simple/menu/tet-menu/tet-menu.js +1 -1
  79. package/dist/collection/components/simple/menu/tet-menu-mobile/tet-menu-mobile.js +1 -1
  80. package/dist/collection/components/simple/tables-and-graphs/tet-table/tet-table.js +1 -1
  81. package/dist/collection/components/simple/text-blocks/tet-inline-message/tet-inline-message.js +2 -2
  82. package/dist/collection/components/views/tet-macd-view/tet-macd-view.js +1 -1
  83. package/dist/collection/components/views/tet-thank-you-view/tet-thank-you-view.js +1 -1
  84. package/dist/collection/components/views/tet-thank-you-view-v2/tet-thank-you-view-v2.js +1 -1
  85. package/dist/collection/components/views/tet-thank-you-view-v3/tet-thank-you-view-v3.js +1 -1
  86. package/dist/components/{p-b8253e8b.js → p-02d57d15.js} +7 -7
  87. package/dist/components/{p-87d28445.js → p-0cc0ebd5.js} +2 -2
  88. package/dist/components/{p-1ece1d7b.js → p-0cdbc766.js} +1 -1
  89. package/dist/components/{p-440c71a2.js → p-13118b95.js} +1 -1
  90. package/dist/components/{p-0501b4dd.js → p-1b924aad.js} +1 -1
  91. package/dist/components/{p-cadc2794.js → p-1e8e28bb.js} +1 -1
  92. package/dist/components/{p-1f784241.js → p-1ef86f0d.js} +2 -2
  93. package/dist/components/{p-f3c3b0a7.js → p-243f0f61.js} +4 -4
  94. package/dist/components/{p-b42eb2cc.js → p-24e0696e.js} +6 -6
  95. package/dist/components/{p-25503044.js → p-258228b9.js} +1 -1
  96. package/dist/components/{p-976cb626.js → p-25925866.js} +1 -1
  97. package/dist/components/{p-ccc71f74.js → p-2ae84fdc.js} +2 -2
  98. package/dist/components/{p-dbe007a1.js → p-2bbe2219.js} +3 -3
  99. package/dist/components/{p-1caff17d.js → p-3c1955a3.js} +11 -11
  100. package/dist/components/{p-11b5e4b6.js → p-3d34781f.js} +8 -8
  101. package/dist/components/{p-07449232.js → p-3fec7b2f.js} +6 -6
  102. package/dist/components/{p-7f7cbc85.js → p-4dd8f3d3.js} +9 -9
  103. package/dist/components/{p-e8eaf31b.js → p-53a6b06a.js} +4 -4
  104. package/dist/components/{p-c70ffb66.js → p-569a01d9.js} +10 -10
  105. package/dist/components/{p-90e12b90.js → p-5a60f52b.js} +2 -2
  106. package/dist/components/{p-0c69f166.js → p-62ff8bf6.js} +3 -3
  107. package/dist/components/{p-75946ab6.js → p-639ddd2d.js} +2 -2
  108. package/dist/components/{p-52877cda.js → p-6a960196.js} +2 -2
  109. package/dist/components/{p-a75e9375.js → p-6aff16b4.js} +1 -1
  110. package/dist/components/{p-82b891be.js → p-6f28f8b4.js} +4 -4
  111. package/dist/components/{p-51e056ad.js → p-765ecff7.js} +2 -2
  112. package/dist/components/{p-5453e09f.js → p-77020d0b.js} +6 -6
  113. package/dist/components/{p-e03b86c0.js → p-7746578a.js} +2 -2
  114. package/dist/components/{p-aab6e185.js → p-7c447d73.js} +2 -2
  115. package/dist/components/{p-d4e171e6.js → p-7c9a4ed8.js} +1 -1
  116. package/dist/components/{p-c51432bc.js → p-85765c82.js} +4 -4
  117. package/dist/components/{p-bb9547cd.js → p-86c98530.js} +1 -1
  118. package/dist/components/{p-3401946f.js → p-89b65bec.js} +4 -4
  119. package/dist/components/{p-d5a24de6.js → p-8ffc1df0.js} +3 -3
  120. package/dist/components/{p-cdc9f14b.js → p-a17297ee.js} +1 -1
  121. package/dist/components/{p-349c4f40.js → p-a70172b4.js} +1 -1
  122. package/dist/components/{p-bb6e933a.js → p-b1f8981e.js} +74 -19
  123. package/dist/components/{p-68c6b7df.js → p-bd8348db.js} +5 -5
  124. package/dist/components/{p-c6bf37e9.js → p-c2ac2f47.js} +1 -1
  125. package/dist/components/{p-95f3192b.js → p-d16fb543.js} +1 -1
  126. package/dist/components/{p-de4daa45.js → p-d816e019.js} +4 -4
  127. package/dist/components/{p-811bfb01.js → p-dd80dc3d.js} +8 -8
  128. package/dist/components/{p-b6fccb1c.js → p-ed24db6f.js} +2 -2
  129. package/dist/components/{p-6f11c245.js → p-f2932424.js} +1 -1
  130. package/dist/components/{p-f98e1a64.js → p-f42c9f12.js} +2 -2
  131. package/dist/components/{p-31f20950.js → p-f6641a35.js} +1 -1
  132. package/dist/components/{p-aa896160.js → p-fc13b43b.js} +3 -3
  133. package/dist/components/tet-accordion.js +1 -1
  134. package/dist/components/tet-address-offers-filters-products.js +1 -1
  135. package/dist/components/tet-address-offers-filters.js +1 -1
  136. package/dist/components/tet-address-offers-view.js +17 -17
  137. package/dist/components/tet-address-offers.js +1 -1
  138. package/dist/components/tet-address-search.js +1 -1
  139. package/dist/components/tet-asset-addresses.js +7 -7
  140. package/dist/components/tet-asset-availability-addresses.js +1 -1
  141. package/dist/components/tet-autocomplete-dropdown.js +4 -4
  142. package/dist/components/tet-autocomplete.js +1 -1
  143. package/dist/components/tet-availability-contact-form.js +1 -1
  144. package/dist/components/tet-b2b-check-out-form.js +1 -1
  145. package/dist/components/tet-b2b-compare-card.js +1 -1
  146. package/dist/components/tet-b2b-configurator-cart.js +1 -1
  147. package/dist/components/tet-b2b-configurator.js +16 -16
  148. package/dist/components/tet-b2b-service-calculator.js +7 -7
  149. package/dist/components/tet-banner-nav.js +2 -2
  150. package/dist/components/tet-business-compare-card.js +4 -4
  151. package/dist/components/tet-business-lines.js +4 -4
  152. package/dist/components/tet-business-navigation.js +1 -1
  153. package/dist/components/tet-business-round-stepper.js +1 -1
  154. package/dist/components/tet-business-summary-card.js +1 -1
  155. package/dist/components/tet-button.js +1 -1
  156. package/dist/components/tet-card-list.js +1 -1
  157. package/dist/components/tet-carousel.js +9 -9
  158. package/dist/components/tet-checkbox.js +1 -1
  159. package/dist/components/tet-cloud-application-form-dialog.js +6 -6
  160. package/dist/components/tet-cloud-configurator.js +10 -10
  161. package/dist/components/tet-compare-card-v2.js +7 -7
  162. package/dist/components/tet-compare-card-v3.js +9 -9
  163. package/dist/components/tet-compare-card.js +1 -1
  164. package/dist/components/tet-compare-cards-tab.js +13 -13
  165. package/dist/components/tet-compare-cards.js +1 -1
  166. package/dist/components/tet-contact-form.js +7 -7
  167. package/dist/components/tet-customer-assets.js +5 -5
  168. package/dist/components/tet-datepicker-header.js +1 -1
  169. package/dist/components/tet-datepicker.js +2 -2
  170. package/dist/components/tet-dialog.js +1 -1
  171. package/dist/components/tet-display.js +6 -6
  172. package/dist/components/tet-divider.js +5 -5
  173. package/dist/components/tet-dropdown.js +1 -1
  174. package/dist/components/tet-dynamic-card.js +2 -2
  175. package/dist/components/tet-expandable-input.js +2 -2
  176. package/dist/components/tet-feedback-form.js +5 -5
  177. package/dist/components/tet-filter.js +3 -3
  178. package/dist/components/tet-floating-block.js +2 -2
  179. package/dist/components/tet-icon.js +1 -1
  180. package/dist/components/tet-inline-message.js +1 -1
  181. package/dist/components/tet-input.js +1 -1
  182. package/dist/components/tet-label.js +2 -2
  183. package/dist/components/tet-link-card-list.js +2 -2
  184. package/dist/components/tet-macd-view.js +9 -9
  185. package/dist/components/tet-menu-mobile.js +2 -2
  186. package/dist/components/tet-menu.js +2 -2
  187. package/dist/components/tet-mini-compare-card.js +3 -3
  188. package/dist/components/tet-multi-step-dialog.js +5 -5
  189. package/dist/components/tet-navigation-mobile.js +2 -2
  190. package/dist/components/tet-news-card-list.js +3 -3
  191. package/dist/components/tet-notification.js +1 -1
  192. package/dist/components/tet-number-input.js +1 -1
  193. package/dist/components/tet-position.js +5 -5
  194. package/dist/components/tet-radio-blocks.js +2 -2
  195. package/dist/components/tet-radio.js +1 -1
  196. package/dist/components/tet-range-slider.js +1 -1
  197. package/dist/components/tet-referral.js +6 -6
  198. package/dist/components/tet-round-stepper.js +2 -2
  199. package/dist/components/tet-snicker-card-badge.js +1 -1
  200. package/dist/components/tet-snicker-card-group.js +1 -1
  201. package/dist/components/tet-snicker-card.js +12 -12
  202. package/dist/components/tet-stepper-input.js +1 -1
  203. package/dist/components/tet-stepper-v2.js +1 -1
  204. package/dist/components/tet-stepper-v3.js +1 -1
  205. package/dist/components/tet-stepper.js +1 -1
  206. package/dist/components/tet-support-search.js +7 -7
  207. package/dist/components/tet-switch.js +1 -1
  208. package/dist/components/tet-tab-content.js +1 -1
  209. package/dist/components/tet-tab-header.js +1 -1
  210. package/dist/components/tet-table.js +2 -2
  211. package/dist/components/tet-tag-group.js +1 -1
  212. package/dist/components/tet-tag.js +1 -1
  213. package/dist/components/tet-text-list.js +1 -1
  214. package/dist/components/tet-text.js +5 -5
  215. package/dist/components/tet-thank-you-view-v2.js +5 -5
  216. package/dist/components/tet-thank-you-view-v3.js +5 -5
  217. package/dist/components/tet-thank-you-view.js +4 -4
  218. package/dist/components/tet-tv-gift-block.js +1 -1
  219. package/dist/components/tet-tv-gift-list.js +3 -3
  220. package/dist/esm/loader.js +1 -1
  221. package/dist/esm/tet-address-offers_4.entry.js +2 -2
  222. package/dist/esm/tet-address-search.entry.js +3 -3
  223. package/dist/esm/tet-autocomplete-dropdown.entry.js +1 -1
  224. package/dist/esm/tet-b2b-check-out-form_5.entry.js +3 -3
  225. package/dist/esm/tet-business-compare-card.entry.js +2 -2
  226. package/dist/esm/tet-card-list.entry.js +4 -4
  227. package/dist/esm/tet-carousel.entry.js +6 -6
  228. package/dist/esm/tet-compare-card-v3.entry.js +1 -1
  229. package/dist/esm/tet-compare-cards_2.entry.js +2 -2
  230. package/dist/esm/tet-components.js +1 -1
  231. package/dist/esm/tet-contact-form.entry.js +1 -1
  232. package/dist/esm/tet-customer-assets.entry.js +1 -1
  233. package/dist/esm/tet-icon.entry.js +72 -18
  234. package/dist/esm/tet-inline-message.entry.js +2 -2
  235. package/dist/esm/tet-link-card-list.entry.js +1 -1
  236. package/dist/esm/tet-macd-view.entry.js +1 -1
  237. package/dist/esm/tet-menu-mobile.entry.js +1 -1
  238. package/dist/esm/tet-menu.entry.js +1 -1
  239. package/dist/esm/tet-mini-compare-card.entry.js +1 -1
  240. package/dist/esm/tet-multi-step-dialog.entry.js +1 -1
  241. package/dist/esm/tet-number-input.entry.js +2 -2
  242. package/dist/esm/tet-radio-blocks.entry.js +1 -1
  243. package/dist/esm/tet-radio.entry.js +7 -7
  244. package/dist/esm/tet-referral.entry.js +2 -2
  245. package/dist/esm/tet-round-stepper.entry.js +1 -1
  246. package/dist/esm/tet-snicker-card-badge.entry.js +1 -1
  247. package/dist/esm/tet-snicker-card-group.entry.js +1 -1
  248. package/dist/esm/tet-snicker-card.entry.js +2 -2
  249. package/dist/esm/tet-stepper-v2.entry.js +1 -1
  250. package/dist/esm/tet-stepper-v3.entry.js +1 -1
  251. package/dist/esm/tet-stepper.entry.js +1 -1
  252. package/dist/esm/tet-support-search.entry.js +3 -3
  253. package/dist/esm/tet-switch.entry.js +3 -3
  254. package/dist/esm/tet-tab-header.entry.js +2 -2
  255. package/dist/esm/tet-table.entry.js +1 -1
  256. package/dist/esm/tet-tag_2.entry.js +2 -2
  257. package/dist/esm/tet-thank-you-view-v2.entry.js +1 -1
  258. package/dist/esm/tet-thank-you-view-v3.entry.js +1 -1
  259. package/dist/esm/tet-thank-you-view.entry.js +1 -1
  260. package/dist/esm/tet-tv-gift-block.entry.js +1 -1
  261. package/dist/esm/tet-tv-gift-list.entry.js +2 -2
  262. package/dist/tet-components/{p-b31168fc.entry.js → p-016313c8.entry.js} +1 -1
  263. package/dist/tet-components/{p-f9c69d39.entry.js → p-08205bb0.entry.js} +1 -1
  264. package/dist/tet-components/{p-8fa0be45.entry.js → p-0c281800.entry.js} +1 -1
  265. package/dist/tet-components/{p-84322a3d.entry.js → p-0e4e9e79.entry.js} +1 -1
  266. package/dist/tet-components/{p-3324b31a.entry.js → p-0eb1e821.entry.js} +1 -1
  267. package/dist/tet-components/{p-d1035694.entry.js → p-1e66ec94.entry.js} +1 -1
  268. package/dist/tet-components/{p-2c2d064f.entry.js → p-236135bd.entry.js} +1 -1
  269. package/dist/tet-components/{p-f93ab9f3.entry.js → p-2a8622d5.entry.js} +1 -1
  270. package/dist/tet-components/{p-003e17a0.entry.js → p-2fc95a5a.entry.js} +1 -1
  271. package/dist/tet-components/{p-46b3fc7f.entry.js → p-30d28882.entry.js} +1 -1
  272. package/dist/tet-components/{p-401e736e.entry.js → p-3672e5a2.entry.js} +1 -1
  273. package/dist/tet-components/{p-1ff1f044.entry.js → p-3b65adc5.entry.js} +1 -1
  274. package/dist/tet-components/{p-ba8c6a1c.entry.js → p-3b87a188.entry.js} +1 -1
  275. package/dist/tet-components/{p-e52505d3.entry.js → p-3c24a050.entry.js} +1 -1
  276. package/dist/tet-components/{p-fa259a3d.entry.js → p-44243190.entry.js} +1 -1
  277. package/dist/tet-components/{p-6babde37.entry.js → p-58cb16c8.entry.js} +1 -1
  278. package/dist/tet-components/{p-19c387bd.entry.js → p-5cfa510c.entry.js} +1 -1
  279. package/dist/tet-components/{p-42bab955.entry.js → p-5da5f21d.entry.js} +1 -1
  280. package/dist/tet-components/{p-6be0549b.entry.js → p-63b4d119.entry.js} +1 -1
  281. package/dist/tet-components/p-64e68c0b.entry.js +1 -0
  282. package/dist/tet-components/{p-75bbc14a.entry.js → p-6fa43e9e.entry.js} +1 -1
  283. package/dist/tet-components/{p-93820289.entry.js → p-729814b9.entry.js} +1 -1
  284. package/dist/tet-components/{p-1d5c5c4e.entry.js → p-77369bbf.entry.js} +1 -1
  285. package/dist/tet-components/{p-949d0eaf.entry.js → p-7a54781c.entry.js} +1 -1
  286. package/dist/tet-components/{p-e93ab3e8.entry.js → p-7ae809e4.entry.js} +1 -1
  287. package/dist/tet-components/{p-64e277c1.entry.js → p-7b43bbad.entry.js} +1 -1
  288. package/dist/tet-components/p-7b6540b0.entry.js +1 -0
  289. package/dist/tet-components/{p-cbe7e76a.entry.js → p-7ca8b1b5.entry.js} +1 -1
  290. package/dist/tet-components/{p-7242c9b7.entry.js → p-85a134f3.entry.js} +1 -1
  291. package/dist/tet-components/{p-fcecbfc1.entry.js → p-8c710929.entry.js} +1 -1
  292. package/dist/tet-components/{p-d06f8b4e.entry.js → p-9c20529c.entry.js} +1 -1
  293. package/dist/tet-components/{p-d5b36540.entry.js → p-a1d7516f.entry.js} +1 -1
  294. package/dist/tet-components/{p-3f977401.entry.js → p-b0a0e71b.entry.js} +1 -1
  295. package/dist/tet-components/{p-2b5b2c71.entry.js → p-b2e25c5c.entry.js} +1 -1
  296. package/dist/tet-components/{p-4b84438a.entry.js → p-b2f98ae4.entry.js} +1 -1
  297. package/dist/tet-components/{p-1393ed60.entry.js → p-bca35a51.entry.js} +1 -1
  298. package/dist/tet-components/{p-e290c65d.entry.js → p-d10d45f4.entry.js} +1 -1
  299. package/dist/tet-components/{p-0cc4a20c.entry.js → p-d8e2184a.entry.js} +1 -1
  300. package/dist/tet-components/{p-ff291490.entry.js → p-e4a8a19d.entry.js} +1 -1
  301. package/dist/tet-components/{p-b10165d6.entry.js → p-faecb4fe.entry.js} +1 -1
  302. package/dist/tet-components/tet-components.esm.js +1 -1
  303. package/dist/types/components/basic/icon/default-color-icons.d.ts +7 -0
  304. package/dist/types/components/basic/icon/tet-icon.d.ts +6 -4
  305. package/dist/types/components.d.ts +4 -2
  306. package/package.json +1 -1
  307. package/dist/tet-components/p-18b15829.entry.js +0 -1
  308. package/dist/tet-components/p-9da5d99d.entry.js +0 -1
@@ -1 +1 @@
1
- import{r as t,c as i,g as o,h as s,H as e}from"./p-83f43fdd.js";import{g as n}from"./p-165a8492.js";class r{isEnabled=!1;isDragging=!1;isScrolling=!1;pointerX=0;pointerXOld=0;pointerSpeedXOld=0;scrollSpeed=0;rootElement=null;scrollContainer=null;timer=null;scrollableElementClass="";animationSpeed=0;scrollAmount=10;mobileBreakpoint=740;constructor({rootElement:t,scrollableElementClass:i,animationSpeed:o=200}){this.rootElement=t,this.scrollableElementClass=i,this.animationSpeed=o,window.addEventListener("mouseup",this.onMouseUp),window.addEventListener("touchend",this.onTouchEnd),window.addEventListener("mousemove",this.onMouseMove),window.addEventListener("touchmove",this.onTouchMove)}init(){this.scrollUpdate(),this.makeScrollable(),this.timer=setInterval((()=>{this.pointerSpeedXOld=this.pointerX-this.pointerXOld,this.pointerXOld=this.pointerX}),25)}detach(){window.removeEventListener("mouseup",this.onMouseUp),window.removeEventListener("touchend",this.onTouchEnd),window.removeEventListener("mousemove",this.onMouseMove),window.removeEventListener("touchmove",this.onTouchMove),clearInterval(this.timer),this.isEnabled=!1,null!=this.rootElement&&(this.rootElement.removeEventListener("mousedown",this.onMouseDown),this.rootElement.removeEventListener("touchstart",this.onTouchStart),null!=this.scrollContainer&&(this.rootElement.innerHTML=this.scrollContainer.innerHTML))}get currentScroll(){const{scrollSpeed:t,scrollLeft:i,scrollWidth:o}=this;let s=i;return s<0?s=0:s>o&&(s=o),{scrollSpeed:t,scrollLeft:s,scrollWidth:o,isUserScroll:!0}}get scrollLeft(){return Math.round(Math.abs(parseFloat(this.scrollContainer?.style?.left)||0))}get scrollWidth(){return Math.round(this.scrollContainer?.getBoundingClientRect().width-this.rootElement?.getBoundingClientRect().width||0)}enable(){this.isEnabled=!0,this.scrollUpdate()}disable(){this.isEnabled=!1}async scrollBy(t,i=!1){const{scrollLeft:o,scrollWidth:s}=this;let e=o+t.left;e<0&&(e=0),e>s&&(e=s),"smooth"===t.behavior?await this.animateScroll(-o,-e):this.scrollContainer.style.left=-e+"px",i||this.rootElement.dispatchEvent(new CustomEvent("content-scroll-end",{detail:{...this.currentScroll,scrollSpeed:e>o?-1:1}}))}async scrollToElement(t,i=!1,o=!1){const{scrollLeft:s}=this,e=s+this.rootElement.getBoundingClientRect().width/2,n=t.getBoundingClientRect(),r=n.left+n.width/2-this.scrollContainer.getBoundingClientRect().left;await this.scrollBy({left:r-e,behavior:i?"smooth":"auto"},o)}async scrollTo(t,i=!1){const{scrollWidth:o,scrollLeft:s}=this;t.left<0?t.left=0:t.left>o&&(t.left=o),"smooth"===t.behavior?await this.animateScroll(-s,-t.left):this.scrollContainer.style.left=-t.left+"px",i||this.rootElement.dispatchEvent(new CustomEvent("content-scroll-end",{detail:{...this.currentScroll,scrollSpeed:t.left>s?-1:1}}))}async animateScroll(t,i){const o=Math.abs(t)-Math.abs(i),s=1e3/60,e=o/(this.animationSpeed/s);let n=window.performance.now();const r=n,l=new Promise((t=>{let i;const l=a=>{i=requestAnimationFrame(l);const h=a,c=h-n;c<s||(n=h-c%s,this.scrollContainer.style.left=`${parseFloat(this.scrollContainer.style.left)+e}px`,h-r>this.animationSpeed&&(cancelAnimationFrame(i),t()),this.rootElement.dispatchEvent(new CustomEvent("content-scroll",{detail:{...this.currentScroll,scrollSpeed:o<0?-1:1,isUserScroll:!1}})))};l(n)}));await l}makeScrollable=()=>{this.rootElement.style.display="grid",this.rootElement.style.gridAutoFlow="column",this.rootElement.style.position="relative",this.rootElement.style.overflow="hidden",this.rootElement.style.width="100%",this.rootElement.style.height="100%";const t=this.rootElement.innerHTML;this.scrollContainer=document.createElement("div"),this.rootElement.innerHTML="",this.rootElement.appendChild(this.scrollContainer),this.scrollContainer.innerHTML=t,this.scrollContainer.setAttribute("part","scroll-container"),this.scrollContainer.classList.add(this.scrollableElementClass),this.scrollContainer.style.overflow="visible",this.scrollContainer.style.position="relative",this.scrollContainer.style.left="0px",this.scrollContainer.style.display="grid",this.scrollContainer.style.gridAutoFlow="column",this.scrollSpeed=0,this.rootElement.addEventListener("mousedown",this.onMouseDown,{passive:!1}),this.rootElement.addEventListener("touchstart",this.onTouchStart)};onMouseDown=t=>{this.onPointerDown(t.clientX)};onTouchStart=t=>{for(let i=0;i<t.changedTouches.length;i++)this.onPointerDown(t.changedTouches[i].clientX)};onMouseMove=t=>{this.isDragging&&this.onPointerMove(t.clientX)};onTouchMove=t=>{if(this.isDragging)for(let i=0;i<t.changedTouches.length;i++)this.onPointerMove(t.changedTouches[i].clientX)};onMouseUp=()=>{this.onPointerRelease()};onTouchEnd=t=>{for(let i=0;i<t.changedTouches.length;i++)this.onPointerRelease()};onPointerDown=t=>{this.isEnabled&&(this.scrollSpeed=0,this.pointerSpeedXOld=0,this.isDragging=!0,this.pointerX=this.pointerXOld=t)};onPointerRelease=()=>{this.isEnabled&&this.isDragging&&(this.scrollSpeed=this.pointerSpeedXOld,this.isScrolling=!0,this.isDragging=!1,this.scrollContainer.style.userSelect=null,this.scrollContainer.style.pointerEvents=null,document.querySelector("body").style.overflowY=null)};onPointerMove=t=>{if(!this.isEnabled)return;if(!this.isDragging)return;this.scrollContainer.style.userSelect="none",this.scrollContainer.style.pointerEvents="none";let i=t-this.pointerX;Math.abs(i)>this.scrollAmount&&window.innerWidth<this.mobileBreakpoint&&(document.querySelector("body").style.overflowY="hidden");const{scrollLeft:o,scrollWidth:s}=this;(o<0&&i>0||o>s&&i<0)&&(i/=3),this.scrollContainer.style.left=`-${o-i}px`,this.pointerX=t};scrollUpdate=()=>{if(this.isEnabled&&requestAnimationFrame(this.scrollUpdate),!this.isDragging&&!this.isScrolling)return;let{scrollLeft:t}=this;t-=this.scrollSpeed,this.scrollSpeed*=.9,Math.abs(this.scrollSpeed)<.1&&(this.scrollSpeed=0),t<0&&(t*=.7);const{scrollWidth:i}=this;t>i&&(t=i+.3*(t-i)),this.scrollContainer.style.left=-t+"px",0===this.scrollSpeed&&!this.isDragging&&this.isScrolling&&(this.isScrolling=!1,this.rootElement.dispatchEvent(new CustomEvent("content-scroll-end",{detail:{...this.currentScroll}}))),(this.isDragging||this.isScrolling)&&this.rootElement.dispatchEvent(new CustomEvent("content-scroll",{detail:{...this.currentScroll}}))}}const l=class{constructor(o){t(this,o),this.cardScroll=i(this,"cardScroll",7),this.contentScrollEnd=i(this,"contentScrollEnd",7),this.controlVisibility={left:!0,right:!0},this.scrollThumbWidth=0,this.isSmallContainer=!1,this.theme="light",this.withControls=!0,this.controlScrollAmount=350,this.scrollFullWidth=!1,this.initialScrollAmount=0,this.disableScroll=!1,this.withScrollbar=!0,this.withOverflowOpacity=!1,this.overflowOpacityMinWidth="48rem",this.withMouseDrag=!1,this.withVirtualScroll=!1,this.withActiveElement=!1,this.activeElementClass="active",this.scrollAnimationSpeed=200,this.iconPrev="",this.iconNext=""}inertialScroll;get element(){return o(this)}scrollContainerRef;scrollbarRef;virtualScrollPrependClones=[];virtualScrollAppendClones=[];scrollDetails=null;dimensions={element:{left:0,width:0}};elementGap=16;isScrolling=!1;cardScroll;contentScrollEnd;onWithMouseDragChange(t){t?this.inertialScroll.enable():this.inertialScroll.disable()}onDisableScrollChange(){this.updateControlVisibility()}onWithControlsChange(){this.updateControlVisibility()}onWithOverflowOpacityChange(){this.updateChildElementOverflowOpacity()}onWithVirtualScrollChange(){this.setupVirtualScroll()}onResize(){this.calculateDimensions(),this.withOverflowOpacity&&this.updateChildElementOverflowOpacity(),this.withActiveElement&&this.scrollToElementCenter(`.${this.activeElementClass}`,!1,!0)}async scrollListTo(t){this.inertialScroll.scrollTo(t)}async scrollListBy(t){this.inertialScroll.scrollBy(t)}async scrollListToElementCenter(t,i=!1){await this.scrollToElementCenter(t,!0,i)}scrollToElementCenter=async(t,i=!0,o=!1)=>{let s=Array.from(this.element.children);this.withVirtualScroll&&(s=Array.from(this.element.querySelectorAll("[data-id]")));const e=s.find((i=>i.matches(t)));null!=e&&(await this.inertialScroll.scrollToElement(e,i,o),this.withOverflowOpacity&&this.updateChildElementOverflowOpacity())};componentDidLoad(){this.inertialScroll=new r({rootElement:this.scrollContainerRef,scrollableElementClass:"tet-card-list",animationSpeed:this.scrollAnimationSpeed}),this.elementGap=n(getComputedStyle(this.element).getPropertyValue("--card-list-gap")),this.scrollContainerRef.addEventListener("mousewheel",this.handleDisableScroll),this.scrollContainerRef.addEventListener("touchmove",this.handleDisableScroll),this.withMouseDrag&&this.inertialScroll.enable(),this.calculateDimensions(),this.inertialScroll.init(),setTimeout((()=>{this.scrollDetails=this.inertialScroll.currentScroll,this.updateControlVisibility(),this.updateChildElementOverflowOpacity(),this.withScrollbar&&this.setupScrollbar()})),this.withVirtualScroll&&this.setupVirtualScroll(),this.withActiveElement&&this.scrollToElementCenter(`.${this.activeElementClass}`),this.scrollContainerRef.addEventListener("content-scroll-end",(t=>{this.contentScrollEnd.emit(t.detail),this.scrollDetails=t.detail,this.withVirtualScroll&&this.moveElements(),this.withActiveElement&&this.scrollToElementCenter(`.${this.activeElementClass}`,!0,!0),this.withControls&&this.updateControlVisibility(),this.withOverflowOpacity&&this.updateChildElementOverflowOpacity(),this.withScrollbar&&this.scrollbarRef.animate({left:`${this.currentScrollbarScroll}%`},{duration:50}).finished.then((()=>{this.scrollbarRef.style.left=`${this.currentScrollbarScroll}%`}))})),this.scrollContainerRef.addEventListener("content-scroll",(t=>{const i=this.scrollDetails.scrollLeft!==t.detail.scrollLeft;this.scrollDetails=t.detail,this.moveElements(),this.withControls&&this.updateControlVisibility(),t.detail.isUserScroll&&this.handleScroll(),this.withOverflowOpacity&&this.updateChildElementOverflowOpacity(),this.withScrollbar&&i&&(this.scrollbarRef.style.left=`${this.currentScrollbarScroll}%`)}))}getFirstOriginal(){return this.element.querySelector("[data-id]")}getLastOriginal(){const t=this.element.querySelectorAll("[data-id]");return t.item(t.length-1)}setupVirtualScroll(){if(this.resetVirtualScroll(),!this.withVirtualScroll)return;for(let t=0;t<this.element.childElementCount;t++){const i=this.element.children[t].cloneNode(!0);this.virtualScrollAppendClones.push(i);const o=this.element.children[t].cloneNode(!0);this.virtualScrollPrependClones.push(o),i.setAttribute("data-clone-id",t.toString()),this.element.children[t].setAttribute("data-id",t.toString()),o.setAttribute("data-clone-id",t.toString()),this.withActiveElement&&(i.classList.remove(this.activeElementClass),o.classList.remove(this.activeElementClass))}const t=this.getFirstOriginal(),i=t.offsetLeft-this.scrollContainerRef.offsetLeft;this.getFirstOriginal().insertAdjacentElement("beforebegin",this.getLastOriginal()),this.element.prepend(this.virtualScrollPrependClones[this.virtualScrollPrependClones.length-1],...this.virtualScrollPrependClones.slice(0,-1)),this.element.append(this.virtualScrollAppendClones[this.virtualScrollAppendClones.length-1],...this.virtualScrollAppendClones.slice(0,-1)),this.inertialScroll.scrollTo({left:t.offsetLeft-i},!0),this.element.querySelectorAll("[data-clone-id]").forEach((t=>{t.setAttribute("tabindex","-1")}))}resetVirtualScroll(){for(const t of this.virtualScrollAppendClones)this.element.removeChild(t);for(const t of this.virtualScrollPrependClones)this.element.removeChild(t);this.virtualScrollAppendClones.length=0,this.virtualScrollPrependClones.length=0;let t=Array.from(this.element.children);t=t.sort(((t,i)=>parseInt(t.getAttribute("data-id"),10)-parseInt(i.getAttribute("data-id"),10)));for(const i of t)i.removeAttribute("data-id"),this.element.append(i)}disconnectedCallback(){this.inertialScroll.detach(),this.scrollContainerRef?.removeEventListener("mousewheel",this.handleDisableScroll),this.scrollContainerRef?.removeEventListener("touchmove",this.handleDisableScroll)}setupScrollbar=()=>{const{currentScroll:t}=this.inertialScroll;this.scrollThumbWidth=this.scrollContainerRef.clientWidth/(t.scrollWidth+this.scrollContainerRef.clientWidth)*100,void 0!==this.scrollbarRef&&(this.scrollbarRef.style.width=`${this.scrollThumbWidth}%`,this.scrollbarRef.style.left=`${this.currentScrollbarScroll}%`)};handleDisableScroll=t=>{this.disableScroll&&t.preventDefault()};handleScroll=()=>{this.cardScroll.emit({totalAvailableScrollWidth:this.scrollDetails.scrollWidth,currentScroll:this.scrollDetails.scrollLeft});const t=Array.from(this.element.children);if(this.withActiveElement){const i=t.find((t=>t.attributes["data-clone-id"]&&t.classList.contains(this.activeElementClass)));if(void 0!==i){i.classList.remove(this.activeElementClass);const o=i.getBoundingClientRect().left,s=t.find((t=>t.classList.contains(this.activeElementClass)));if(void 0!==s){const t=s.getBoundingClientRect().left;this.inertialScroll.scrollTo({left:this.scrollDetails.scrollLeft-(o-t)},!0),this.updateChildElementOverflowOpacity()}}this.setActiveCenteredElement()}this.withVirtualScroll&&(this.moveElements(),this.updateChildElementOverflowOpacity())};setActiveCenteredElement=()=>{let t=this.scrollDetails.scrollSpeed>0,i=this.scrollDetails.scrollSpeed<0;const o=Array.from(this.element.children),s=o.map((t=>t.getBoundingClientRect())),e=this.element.getBoundingClientRect(),n=e.width/2+e.left;let r=s.findIndex((t=>t.left<=n&&t.left+t.width>=n));1===r&&i&&0===this.scrollDetails.scrollLeft&&(r=0),r===s.length-2&&t&&this.scrollDetails.scrollLeft+this.scrollContainerRef.getBoundingClientRect().width>=this.scrollDetails.scrollWidth&&(r=s.length-1),-1===r&&(t&&(r=s.findIndex((t=>t.left-this.elementGap<=n&&t.left+t.width>=n))),i&&(r=s.findIndex((t=>t.left<=n&&t.left+t.width+this.elementGap>=n)))),o.filter((t=>t.classList.contains(this.activeElementClass))).forEach((t=>t.classList.remove(this.activeElementClass)));const l=o[r];this.withVirtualScroll&&l?.hasAttribute("data-clone-id")&&o.find((t=>t.attributes["data-id"]?.value===l.getAttribute("data-clone-id"))).classList.add(this.activeElementClass),void 0!==l&&l.classList.add(this.activeElementClass),this.updateControlVisibility()};moveElements=()=>{if(!this.withVirtualScroll)return;const{width:t,left:i}=this.dimensions.element,o=this.getFirstOriginal(),s=this.getLastOriginal(),e=o.getBoundingClientRect(),n=s.getBoundingClientRect();if(n.right-i<t&&this.scrollDetails?.scrollSpeed<0){const t=parseInt(o.getAttribute("data-id"),10),i=o.nextElementSibling;this.inertialScroll.scrollBy({left:-(e.width+this.elementGap)},!0),s.insertAdjacentElement("afterend",o),i.insertAdjacentElement("beforebegin",this.virtualScrollPrependClones[t]),this.element.insertAdjacentElement("beforeend",this.virtualScrollAppendClones[t])}if(e.left-i>0&&this.scrollDetails?.scrollSpeed>0){const t=s.previousElementSibling,i=n.width+this.elementGap,e=parseInt(s.getAttribute("data-id"),10);this.inertialScroll.scrollBy({left:i},!0),o.insertAdjacentElement("beforebegin",s),t.insertAdjacentElement("afterend",this.virtualScrollAppendClones[e]),this.element.insertAdjacentElement("afterbegin",this.virtualScrollPrependClones[e])}};get currentScrollbarScroll(){const t=100-this.scrollThumbWidth;if(!this.withVirtualScroll)return this.scrollDetails.scrollLeft/this.scrollDetails.scrollWidth*t;let i=parseFloat(this.scrollbarRef.style.left)||0;return this.scrollDetails.scrollSpeed>0?(i-=.2,i<=0&&(i=t)):(i+=.2,i>t&&(i=0)),i}handleControlPointerDown=t=>{t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation()};handleLeftControl=async()=>{if(!this.isScrolling){if(this.isScrolling=!0,this.withActiveElement){const t=this.element.querySelector(`.${this.activeElementClass}`);let i=t.previousElementSibling;if(null===i)return;t.classList.remove(this.activeElementClass),i.hasAttribute("data-clone-id")&&(this.scrollDetails.scrollSpeed=1,this.moveElements(),i=t.previousElementSibling,this.withOverflowOpacity&&this.updateChildElementOverflowOpacity()),i.classList.add(this.activeElementClass),await this.scrollToElementCenter(`.${this.activeElementClass}`),this.moveElements(),this.updateControlVisibility()}else if(this.scrollFullWidth){const t=this.scrollContainerRef.getBoundingClientRect(),i=t.width,o=t.left,s=Array.from(this.element.children).find((t=>{const i=t.getBoundingClientRect();return i.left<o&&i.right+this.elementGap>o}));if(void 0!==s){const o=s.getBoundingClientRect().right,e=t.left+i;await this.inertialScroll.scrollBy({left:-(e-o),behavior:"smooth"})}else await this.inertialScroll.scrollBy({left:-i,behavior:"smooth"})}else await this.inertialScroll.scrollBy({left:-this.controlScrollAmount,behavior:"smooth"});this.isScrolling=!1}};handleRightControl=async()=>{if(!this.isScrolling){if(this.isScrolling=!0,this.withActiveElement){const t=this.element.querySelector(`.${this.activeElementClass}`);let i=t.nextElementSibling;if(null===i)return;t.classList.remove(this.activeElementClass),i.hasAttribute("data-clone-id")&&(this.scrollDetails.scrollSpeed=-1,this.moveElements(),i=t.nextElementSibling,this.withOverflowOpacity&&this.updateChildElementOverflowOpacity()),i.classList.add(this.activeElementClass),await this.scrollToElementCenter(`.${this.activeElementClass}`),this.moveElements(),this.updateControlVisibility()}else if(this.scrollFullWidth){const t=this.scrollContainerRef.getBoundingClientRect(),i=t.width,o=i+t.left,s=Array.from(this.element.children).find((t=>{const i=t.getBoundingClientRect();return i.left-this.elementGap<o&&i.right>o}));if(void 0!==s){const i=s.getBoundingClientRect().left,o=t.left;await this.inertialScroll.scrollBy({left:i-o,behavior:"smooth"})}else await this.inertialScroll.scrollBy({left:i,behavior:"smooth"})}else await this.inertialScroll.scrollBy({left:this.controlScrollAmount,behavior:"smooth"});this.isScrolling=!1}};handleRightControlKeyUp=t=>{" "!==t.key&&"Enter"!==t.key||this.handleRightControl()};handleLeftControlKeyUp=t=>{" "!==t.key&&"Enter"!==t.key||this.handleLeftControl()};updateControlVisibility=(t=this.scrollDetails)=>{let i={left:!1,right:!1};this.withControls&&(null===t?i={left:!1,right:!0}:(i.left=!(t.scrollLeft-1<=0),i.right=!(t.scrollLeft>=t.scrollWidth))),JSON.stringify(i)!==JSON.stringify(this.controlVisibility)&&(this.controlVisibility=i)};updateChildElementOverflowOpacity(){for(const t of Array.from(this.element.children)){const i=this.getElementOverflowOpacity(t);t.style.opacity=`${i}`}}getElementOverflowOpacity(t){if(!this.withOverflowOpacity||this.isSmallContainer)return 1;const i=t.getBoundingClientRect(),o=this.scrollContainerRef.getBoundingClientRect().width,s=this.scrollContainerRef.getBoundingClientRect().left,e=i.left-s,n=i.right-s;let r=1;return e<0?r=Math.max(.3,(i.width+e)/i.width):n<o+i.width&&(r=Math.max(.3,1-(n-o)/i.width)),Math.round(100*r)/100}calculateDimensions(){if(void 0===this.element)return;const t=this.element.getBoundingClientRect();this.isSmallContainer=t.width<n(this.overflowOpacityMinWidth),this.dimensions.element.left=t.left,this.dimensions.element.width=t.width}render(){return s(e,{key:"3eaea76a57e06d8d5901cd9a35af37b5bdbd1199"},s("div",{key:"2082878034661e0e964a36d4d24a9e0187fc1def",class:{"tet-card-list__container":!0,"tet-card-list--no-scroll":this.disableScroll,[this.theme]:!0},part:"card-list-container"},s("div",{key:"fa16d9bdbe6ac1e3e32628c8ffd6ea9926c36765",class:"tet-card-list__scroll-container"},s("div",{key:"4f6ef624a6d529cfd902160c7095035a356b6436",part:"card-list",ref:t=>this.scrollContainerRef=t},s("slot",{key:"496cc74de92102ffe747f078c9106fb2afae30cc"}))),s("tet-button",{key:"e3f21e1598c634ea9c0e7bf14af2cdf6b4e857f4",theme:this.theme,iconMode:!0,class:{"tet-card-list__control":!0,"tet-card-list__control--left":!0,"tet-card-list__control--hidden":!this.controlVisibility.left},onPointerDown:this.handleControlPointerDown,onPointerUp:this.handleLeftControl,onKeyUp:this.handleLeftControlKeyUp},s("tet-icon",{key:"053506c462b4a35231351f5b134200041de36d9d",name:this.iconPrev&&""!==this.iconPrev?this.iconPrev:"chevron-left",class:"tet-card-list__control__icon"})),s("tet-button",{key:"4fab02946c4003598f82f9970e0dddb4d80015a6",theme:this.theme,iconMode:!0,class:{"tet-card-list__control":!0,"tet-card-list__control--right":!0,"tet-card-list__control--hidden":!this.controlVisibility.right},onPointerDown:this.handleControlPointerDown,onPointerUp:this.handleRightControl,onKeyUp:this.handleRightControlKeyUp},s("tet-icon",{key:"53af5fa12a7a987d4e1af0d6688d5d784549b4bc",name:this.iconNext&&""!==this.iconNext?this.iconNext:"chevron-right",class:"tet-card-list__control__icon"})),s("div",{key:"8638392dadd11f32773e8b43918b4b6d4baeda7f",class:{"tet-card-list__scroll":!0,"tet-card-list--hidden":!this.withScrollbar}},s("div",{key:"c4736b4fa543a96b8b0a13c596330b415ae52297",class:"tet-card-list__scroll--thumb",ref:t=>this.scrollbarRef=t}))))}static get watchers(){return{withMouseDrag:["onWithMouseDragChange"],disableScroll:["onDisableScrollChange"],withControls:["onWithControlsChange"],withOverflowOpacity:["onWithOverflowOpacityChange"],withVirtualScroll:["onWithVirtualScrollChange"]}}};l.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{--card-list-content-width:100%;--card-list-content-height:100%;--card-list-horizontal-margin:10rem;--card-list-tablet-horizontal-margin:2rem;--card-list-mobile-horizontal-margin:1rem;--card-list-vertical-padding:0;--card-list-control-height:12.5rem;--card-list-control-button-height:3.25rem;--card-list-control-button-width:3.25rem;--card-list-control-horizontal-margin:5rem;--card-list-control-icon-color:var(--tc-button-icon-primary);--card-list-scroll-margin:3.5rem auto 0 auto;--card-list-scroll-background-color:var(--tc-border-quaternary);--card-list-scroll-thumb-background-color:var(--tc-border-secondary);--card-list-gap:1rem}.hidden{display:none}.tet-card-list{display:inline-flex;flex-direction:row;flex-wrap:nowrap;align-items:center;height:var(--card-list-content-height);gap:var(--card-list-gap);overflow:visible;position:relative;box-sizing:border-box;margin:0 auto;-ms-overflow-style:none;scrollbar-width:none}.tet-card-list__container{display:flex;flex-direction:column;align-items:center;position:relative;-webkit-overflow-scrolling:touch}.tet-card-list__container.dark{--card-list-control-icon-color:var(--tc-button-icon-primary-dark);--card-list-scroll-background-color:var(--tc-border-quaternary-dark);--card-list-scroll-thumb-background-color:var(--tc-border-secondary-dark)}.tet-card-list__scroll-container{width:var(--card-list-content-width);height:var(--card-list-content-height);overflow:hidden;display:block;position:relative}.tet-card-list ::slotted(:first-child){margin-left:var(--card-list-mobile-horizontal-margin) !important}.tet-card-list ::slotted(:last-child){margin-right:var(--card-list-mobile-horizontal-margin) !important}.tet-card-list::-webkit-scrollbar{display:none}.tet-card-list__scroll{position:relative;display:flex;height:0.25rem;background-color:var(--card-list-scroll-background-color);width:70%;margin:var(--card-list-scroll-margin);border-radius:0.25rem}.tet-card-list__scroll--thumb{background-color:var(--card-list-scroll-thumb-background-color);border-radius:0.25rem;display:block;height:100%;left:0;position:absolute}.tet-card-list--no-scroll{overflow-x:hidden}.tet-card-list--no-scroll .tet-card-list__scroll{display:none}.tet-card-list__control{--button-icon-mode-padding:0;cursor:pointer;align-items:center;color:rgb(10, 11, 13);display:none;justify-content:center;position:absolute;top:calc(var(--card-list-control-height) / 2 - var(--card-list-control-button-height) / 2);user-select:none;z-index:2}.tet-card-list__control--left{left:var(--card-list-control-horizontal-margin)}.tet-card-list__control--right{right:var(--card-list-control-horizontal-margin)}.tet-card-list__control__icon{--icon-size:1.25rem;--icon-color:var(--card-list-control-icon-color);display:flex;align-items:center;justify-content:center;border-radius:50%;height:var(--card-list-control-button-height);width:var(--card-list-control-button-width)}.tet-card-list--hidden,.tet-card-list__control--hidden{display:none;opacity:0;visibility:hidden}.tet-card-list--dragging{user-select:none;cursor:grabbing}.tet-card-list--dragging *{pointer-events:none}@media all and (min-width: 22.5rem){.tet-card-list__scroll{width:50%}.tet-card-list ::slotted(:first-child){margin-left:var(--card-list-tablet-horizontal-margin) !important}.tet-card-list ::slotted(:last-child){margin-right:var(--card-list-tablet-horizontal-margin) !important}}@media all and (min-width: 48rem){.tet-card-list__scroll{width:min(40%, var(--card-list-content-width) * 0.325)}.tet-card-list__control{display:flex}.tet-card-list ::slotted(:first-child){margin-left:var(--card-list-horizontal-margin) !important}.tet-card-list ::slotted(:last-child){margin-right:var(--card-list-horizontal-margin) !important}}';export{l as tet_card_list}
1
+ import{r as t,c as i,g as o,h as s,H as e}from"./p-83f43fdd.js";import{g as n}from"./p-165a8492.js";class r{isEnabled=!1;isDragging=!1;isScrolling=!1;pointerX=0;pointerXOld=0;pointerSpeedXOld=0;scrollSpeed=0;rootElement=null;scrollContainer=null;timer=null;scrollableElementClass="";animationSpeed=0;scrollAmount=10;mobileBreakpoint=740;constructor({rootElement:t,scrollableElementClass:i,animationSpeed:o=200}){this.rootElement=t,this.scrollableElementClass=i,this.animationSpeed=o,window.addEventListener("mouseup",this.onMouseUp),window.addEventListener("touchend",this.onTouchEnd),window.addEventListener("mousemove",this.onMouseMove),window.addEventListener("touchmove",this.onTouchMove)}init(){this.scrollUpdate(),this.makeScrollable(),this.timer=setInterval((()=>{this.pointerSpeedXOld=this.pointerX-this.pointerXOld,this.pointerXOld=this.pointerX}),25)}detach(){window.removeEventListener("mouseup",this.onMouseUp),window.removeEventListener("touchend",this.onTouchEnd),window.removeEventListener("mousemove",this.onMouseMove),window.removeEventListener("touchmove",this.onTouchMove),clearInterval(this.timer),this.isEnabled=!1,null!=this.rootElement&&(this.rootElement.removeEventListener("mousedown",this.onMouseDown),this.rootElement.removeEventListener("touchstart",this.onTouchStart),null!=this.scrollContainer&&(this.rootElement.innerHTML=this.scrollContainer.innerHTML))}get currentScroll(){const{scrollSpeed:t,scrollLeft:i,scrollWidth:o}=this;let s=i;return s<0?s=0:s>o&&(s=o),{scrollSpeed:t,scrollLeft:s,scrollWidth:o,isUserScroll:!0}}get scrollLeft(){return Math.round(Math.abs(parseFloat(this.scrollContainer?.style?.left)||0))}get scrollWidth(){return Math.round(this.scrollContainer?.getBoundingClientRect().width-this.rootElement?.getBoundingClientRect().width||0)}enable(){this.isEnabled=!0,this.scrollUpdate()}disable(){this.isEnabled=!1}async scrollBy(t,i=!1){const{scrollLeft:o,scrollWidth:s}=this;let e=o+t.left;e<0&&(e=0),e>s&&(e=s),"smooth"===t.behavior?await this.animateScroll(-o,-e):this.scrollContainer.style.left=-e+"px",i||this.rootElement.dispatchEvent(new CustomEvent("content-scroll-end",{detail:{...this.currentScroll,scrollSpeed:e>o?-1:1}}))}async scrollToElement(t,i=!1,o=!1){const{scrollLeft:s}=this,e=s+this.rootElement.getBoundingClientRect().width/2,n=t.getBoundingClientRect(),r=n.left+n.width/2-this.scrollContainer.getBoundingClientRect().left;await this.scrollBy({left:r-e,behavior:i?"smooth":"auto"},o)}async scrollTo(t,i=!1){const{scrollWidth:o,scrollLeft:s}=this;t.left<0?t.left=0:t.left>o&&(t.left=o),"smooth"===t.behavior?await this.animateScroll(-s,-t.left):this.scrollContainer.style.left=-t.left+"px",i||this.rootElement.dispatchEvent(new CustomEvent("content-scroll-end",{detail:{...this.currentScroll,scrollSpeed:t.left>s?-1:1}}))}async animateScroll(t,i){const o=Math.abs(t)-Math.abs(i),s=1e3/60,e=o/(this.animationSpeed/s);let n=window.performance.now();const r=n,l=new Promise((t=>{let i;const l=a=>{i=requestAnimationFrame(l);const h=a,c=h-n;c<s||(n=h-c%s,this.scrollContainer.style.left=`${parseFloat(this.scrollContainer.style.left)+e}px`,h-r>this.animationSpeed&&(cancelAnimationFrame(i),t()),this.rootElement.dispatchEvent(new CustomEvent("content-scroll",{detail:{...this.currentScroll,scrollSpeed:o<0?-1:1,isUserScroll:!1}})))};l(n)}));await l}makeScrollable=()=>{this.rootElement.style.display="grid",this.rootElement.style.gridAutoFlow="column",this.rootElement.style.position="relative",this.rootElement.style.overflow="hidden",this.rootElement.style.width="100%",this.rootElement.style.height="100%";const t=this.rootElement.innerHTML;this.scrollContainer=document.createElement("div"),this.rootElement.innerHTML="",this.rootElement.appendChild(this.scrollContainer),this.scrollContainer.innerHTML=t,this.scrollContainer.setAttribute("part","scroll-container"),this.scrollContainer.classList.add(this.scrollableElementClass),this.scrollContainer.style.overflow="visible",this.scrollContainer.style.position="relative",this.scrollContainer.style.left="0px",this.scrollContainer.style.display="grid",this.scrollContainer.style.gridAutoFlow="column",this.scrollSpeed=0,this.rootElement.addEventListener("mousedown",this.onMouseDown,{passive:!1}),this.rootElement.addEventListener("touchstart",this.onTouchStart)};onMouseDown=t=>{this.onPointerDown(t.clientX)};onTouchStart=t=>{for(let i=0;i<t.changedTouches.length;i++)this.onPointerDown(t.changedTouches[i].clientX)};onMouseMove=t=>{this.isDragging&&this.onPointerMove(t.clientX)};onTouchMove=t=>{if(this.isDragging)for(let i=0;i<t.changedTouches.length;i++)this.onPointerMove(t.changedTouches[i].clientX)};onMouseUp=()=>{this.onPointerRelease()};onTouchEnd=t=>{for(let i=0;i<t.changedTouches.length;i++)this.onPointerRelease()};onPointerDown=t=>{this.isEnabled&&(this.scrollSpeed=0,this.pointerSpeedXOld=0,this.isDragging=!0,this.pointerX=this.pointerXOld=t)};onPointerRelease=()=>{this.isEnabled&&this.isDragging&&(this.scrollSpeed=this.pointerSpeedXOld,this.isScrolling=!0,this.isDragging=!1,this.scrollContainer.style.userSelect=null,this.scrollContainer.style.pointerEvents=null,document.querySelector("body").style.overflowY=null)};onPointerMove=t=>{if(!this.isEnabled)return;if(!this.isDragging)return;this.scrollContainer.style.userSelect="none",this.scrollContainer.style.pointerEvents="none";let i=t-this.pointerX;Math.abs(i)>this.scrollAmount&&window.innerWidth<this.mobileBreakpoint&&(document.querySelector("body").style.overflowY="hidden");const{scrollLeft:o,scrollWidth:s}=this;(o<0&&i>0||o>s&&i<0)&&(i/=3),this.scrollContainer.style.left=`-${o-i}px`,this.pointerX=t};scrollUpdate=()=>{if(this.isEnabled&&requestAnimationFrame(this.scrollUpdate),!this.isDragging&&!this.isScrolling)return;let{scrollLeft:t}=this;t-=this.scrollSpeed,this.scrollSpeed*=.9,Math.abs(this.scrollSpeed)<.1&&(this.scrollSpeed=0),t<0&&(t*=.7);const{scrollWidth:i}=this;t>i&&(t=i+.3*(t-i)),this.scrollContainer.style.left=-t+"px",0===this.scrollSpeed&&!this.isDragging&&this.isScrolling&&(this.isScrolling=!1,this.rootElement.dispatchEvent(new CustomEvent("content-scroll-end",{detail:{...this.currentScroll}}))),(this.isDragging||this.isScrolling)&&this.rootElement.dispatchEvent(new CustomEvent("content-scroll",{detail:{...this.currentScroll}}))}}const l=class{constructor(o){t(this,o),this.cardScroll=i(this,"cardScroll",7),this.contentScrollEnd=i(this,"contentScrollEnd",7),this.controlVisibility={left:!0,right:!0},this.scrollThumbWidth=0,this.isSmallContainer=!1,this.theme="light",this.withControls=!0,this.controlScrollAmount=350,this.scrollFullWidth=!1,this.initialScrollAmount=0,this.disableScroll=!1,this.withScrollbar=!0,this.withOverflowOpacity=!1,this.overflowOpacityMinWidth="48rem",this.withMouseDrag=!1,this.withVirtualScroll=!1,this.withActiveElement=!1,this.activeElementClass="active",this.scrollAnimationSpeed=200,this.iconPrev="",this.iconNext=""}inertialScroll;get element(){return o(this)}scrollContainerRef;scrollbarRef;virtualScrollPrependClones=[];virtualScrollAppendClones=[];scrollDetails=null;dimensions={element:{left:0,width:0}};elementGap=16;isScrolling=!1;cardScroll;contentScrollEnd;onWithMouseDragChange(t){t?this.inertialScroll.enable():this.inertialScroll.disable()}onDisableScrollChange(){this.updateControlVisibility()}onWithControlsChange(){this.updateControlVisibility()}onWithOverflowOpacityChange(){this.updateChildElementOverflowOpacity()}onWithVirtualScrollChange(){this.setupVirtualScroll()}onResize(){this.calculateDimensions(),this.withOverflowOpacity&&this.updateChildElementOverflowOpacity(),this.withActiveElement&&this.scrollToElementCenter(`.${this.activeElementClass}`,!1,!0)}async scrollListTo(t){this.inertialScroll.scrollTo(t)}async scrollListBy(t){this.inertialScroll.scrollBy(t)}async scrollListToElementCenter(t,i=!1){await this.scrollToElementCenter(t,!0,i)}scrollToElementCenter=async(t,i=!0,o=!1)=>{let s=Array.from(this.element.children);this.withVirtualScroll&&(s=Array.from(this.element.querySelectorAll("[data-id]")));const e=s.find((i=>i.matches(t)));null!=e&&(await this.inertialScroll.scrollToElement(e,i,o),this.withOverflowOpacity&&this.updateChildElementOverflowOpacity())};componentDidLoad(){this.inertialScroll=new r({rootElement:this.scrollContainerRef,scrollableElementClass:"tet-card-list",animationSpeed:this.scrollAnimationSpeed}),this.elementGap=n(getComputedStyle(this.element).getPropertyValue("--card-list-gap")),this.scrollContainerRef.addEventListener("mousewheel",this.handleDisableScroll),this.scrollContainerRef.addEventListener("touchmove",this.handleDisableScroll),this.withMouseDrag&&this.inertialScroll.enable(),this.calculateDimensions(),this.inertialScroll.init(),setTimeout((()=>{this.scrollDetails=this.inertialScroll.currentScroll,this.updateControlVisibility(),this.updateChildElementOverflowOpacity(),this.withScrollbar&&this.setupScrollbar()})),this.withVirtualScroll&&this.setupVirtualScroll(),this.withActiveElement&&this.scrollToElementCenter(`.${this.activeElementClass}`),this.scrollContainerRef.addEventListener("content-scroll-end",(t=>{this.contentScrollEnd.emit(t.detail),this.scrollDetails=t.detail,this.withVirtualScroll&&this.moveElements(),this.withActiveElement&&this.scrollToElementCenter(`.${this.activeElementClass}`,!0,!0),this.withControls&&this.updateControlVisibility(),this.withOverflowOpacity&&this.updateChildElementOverflowOpacity(),this.withScrollbar&&this.scrollbarRef.animate({left:`${this.currentScrollbarScroll}%`},{duration:50}).finished.then((()=>{this.scrollbarRef.style.left=`${this.currentScrollbarScroll}%`}))})),this.scrollContainerRef.addEventListener("content-scroll",(t=>{const i=this.scrollDetails.scrollLeft!==t.detail.scrollLeft;this.scrollDetails=t.detail,this.moveElements(),this.withControls&&this.updateControlVisibility(),t.detail.isUserScroll&&this.handleScroll(),this.withOverflowOpacity&&this.updateChildElementOverflowOpacity(),this.withScrollbar&&i&&(this.scrollbarRef.style.left=`${this.currentScrollbarScroll}%`)}))}getFirstOriginal(){return this.element.querySelector("[data-id]")}getLastOriginal(){const t=this.element.querySelectorAll("[data-id]");return t.item(t.length-1)}setupVirtualScroll(){if(this.resetVirtualScroll(),!this.withVirtualScroll)return;for(let t=0;t<this.element.childElementCount;t++){const i=this.element.children[t].cloneNode(!0);this.virtualScrollAppendClones.push(i);const o=this.element.children[t].cloneNode(!0);this.virtualScrollPrependClones.push(o),i.setAttribute("data-clone-id",t.toString()),this.element.children[t].setAttribute("data-id",t.toString()),o.setAttribute("data-clone-id",t.toString()),this.withActiveElement&&(i.classList.remove(this.activeElementClass),o.classList.remove(this.activeElementClass))}const t=this.getFirstOriginal(),i=t.offsetLeft-this.scrollContainerRef.offsetLeft;this.getFirstOriginal().insertAdjacentElement("beforebegin",this.getLastOriginal()),this.element.prepend(this.virtualScrollPrependClones[this.virtualScrollPrependClones.length-1],...this.virtualScrollPrependClones.slice(0,-1)),this.element.append(this.virtualScrollAppendClones[this.virtualScrollAppendClones.length-1],...this.virtualScrollAppendClones.slice(0,-1)),this.inertialScroll.scrollTo({left:t.offsetLeft-i},!0),this.element.querySelectorAll("[data-clone-id]").forEach((t=>{t.setAttribute("tabindex","-1")}))}resetVirtualScroll(){for(const t of this.virtualScrollAppendClones)this.element.removeChild(t);for(const t of this.virtualScrollPrependClones)this.element.removeChild(t);this.virtualScrollAppendClones.length=0,this.virtualScrollPrependClones.length=0;let t=Array.from(this.element.children);t=t.sort(((t,i)=>parseInt(t.getAttribute("data-id"),10)-parseInt(i.getAttribute("data-id"),10)));for(const i of t)i.removeAttribute("data-id"),this.element.append(i)}disconnectedCallback(){this.inertialScroll.detach(),this.scrollContainerRef?.removeEventListener("mousewheel",this.handleDisableScroll),this.scrollContainerRef?.removeEventListener("touchmove",this.handleDisableScroll)}setupScrollbar=()=>{const{currentScroll:t}=this.inertialScroll;this.scrollThumbWidth=this.scrollContainerRef.clientWidth/(t.scrollWidth+this.scrollContainerRef.clientWidth)*100,void 0!==this.scrollbarRef&&(this.scrollbarRef.style.width=`${this.scrollThumbWidth}%`,this.scrollbarRef.style.left=`${this.currentScrollbarScroll}%`)};handleDisableScroll=t=>{this.disableScroll&&t.preventDefault()};handleScroll=()=>{this.cardScroll.emit({totalAvailableScrollWidth:this.scrollDetails.scrollWidth,currentScroll:this.scrollDetails.scrollLeft});const t=Array.from(this.element.children);if(this.withActiveElement){const i=t.find((t=>t.attributes["data-clone-id"]&&t.classList.contains(this.activeElementClass)));if(void 0!==i){i.classList.remove(this.activeElementClass);const o=i.getBoundingClientRect().left,s=t.find((t=>t.classList.contains(this.activeElementClass)));if(void 0!==s){const t=s.getBoundingClientRect().left;this.inertialScroll.scrollTo({left:this.scrollDetails.scrollLeft-(o-t)},!0),this.updateChildElementOverflowOpacity()}}this.setActiveCenteredElement()}this.withVirtualScroll&&(this.moveElements(),this.updateChildElementOverflowOpacity())};setActiveCenteredElement=()=>{let t=this.scrollDetails.scrollSpeed>0,i=this.scrollDetails.scrollSpeed<0;const o=Array.from(this.element.children),s=o.map((t=>t.getBoundingClientRect())),e=this.element.getBoundingClientRect(),n=e.width/2+e.left;let r=s.findIndex((t=>t.left<=n&&t.left+t.width>=n));1===r&&i&&0===this.scrollDetails.scrollLeft&&(r=0),r===s.length-2&&t&&this.scrollDetails.scrollLeft+this.scrollContainerRef.getBoundingClientRect().width>=this.scrollDetails.scrollWidth&&(r=s.length-1),-1===r&&(t&&(r=s.findIndex((t=>t.left-this.elementGap<=n&&t.left+t.width>=n))),i&&(r=s.findIndex((t=>t.left<=n&&t.left+t.width+this.elementGap>=n)))),o.filter((t=>t.classList.contains(this.activeElementClass))).forEach((t=>t.classList.remove(this.activeElementClass)));const l=o[r];this.withVirtualScroll&&l?.hasAttribute("data-clone-id")&&o.find((t=>t.attributes["data-id"]?.value===l.getAttribute("data-clone-id"))).classList.add(this.activeElementClass),void 0!==l&&l.classList.add(this.activeElementClass),this.updateControlVisibility()};moveElements=()=>{if(!this.withVirtualScroll)return;const{width:t,left:i}=this.dimensions.element,o=this.getFirstOriginal(),s=this.getLastOriginal(),e=o.getBoundingClientRect(),n=s.getBoundingClientRect();if(n.right-i<t&&this.scrollDetails?.scrollSpeed<0){const t=parseInt(o.getAttribute("data-id"),10),i=o.nextElementSibling;this.inertialScroll.scrollBy({left:-(e.width+this.elementGap)},!0),s.insertAdjacentElement("afterend",o),i.insertAdjacentElement("beforebegin",this.virtualScrollPrependClones[t]),this.element.insertAdjacentElement("beforeend",this.virtualScrollAppendClones[t])}if(e.left-i>0&&this.scrollDetails?.scrollSpeed>0){const t=s.previousElementSibling,i=n.width+this.elementGap,e=parseInt(s.getAttribute("data-id"),10);this.inertialScroll.scrollBy({left:i},!0),o.insertAdjacentElement("beforebegin",s),t.insertAdjacentElement("afterend",this.virtualScrollAppendClones[e]),this.element.insertAdjacentElement("afterbegin",this.virtualScrollPrependClones[e])}};get currentScrollbarScroll(){const t=100-this.scrollThumbWidth;if(!this.withVirtualScroll)return this.scrollDetails.scrollLeft/this.scrollDetails.scrollWidth*t;let i=parseFloat(this.scrollbarRef.style.left)||0;return this.scrollDetails.scrollSpeed>0?(i-=.2,i<=0&&(i=t)):(i+=.2,i>t&&(i=0)),i}handleControlPointerDown=t=>{t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation()};handleLeftControl=async()=>{if(!this.isScrolling){if(this.isScrolling=!0,this.withActiveElement){const t=this.element.querySelector(`.${this.activeElementClass}`);let i=t.previousElementSibling;if(null===i)return;t.classList.remove(this.activeElementClass),i.hasAttribute("data-clone-id")&&(this.scrollDetails.scrollSpeed=1,this.moveElements(),i=t.previousElementSibling,this.withOverflowOpacity&&this.updateChildElementOverflowOpacity()),i.classList.add(this.activeElementClass),await this.scrollToElementCenter(`.${this.activeElementClass}`),this.moveElements(),this.updateControlVisibility()}else if(this.scrollFullWidth){const t=this.scrollContainerRef.getBoundingClientRect(),i=t.width,o=t.left,s=Array.from(this.element.children).find((t=>{const i=t.getBoundingClientRect();return i.left<o&&i.right+this.elementGap>o}));if(void 0!==s){const o=s.getBoundingClientRect().right,e=t.left+i;await this.inertialScroll.scrollBy({left:-(e-o),behavior:"smooth"})}else await this.inertialScroll.scrollBy({left:-i,behavior:"smooth"})}else await this.inertialScroll.scrollBy({left:-this.controlScrollAmount,behavior:"smooth"});this.isScrolling=!1}};handleRightControl=async()=>{if(!this.isScrolling){if(this.isScrolling=!0,this.withActiveElement){const t=this.element.querySelector(`.${this.activeElementClass}`);let i=t.nextElementSibling;if(null===i)return;t.classList.remove(this.activeElementClass),i.hasAttribute("data-clone-id")&&(this.scrollDetails.scrollSpeed=-1,this.moveElements(),i=t.nextElementSibling,this.withOverflowOpacity&&this.updateChildElementOverflowOpacity()),i.classList.add(this.activeElementClass),await this.scrollToElementCenter(`.${this.activeElementClass}`),this.moveElements(),this.updateControlVisibility()}else if(this.scrollFullWidth){const t=this.scrollContainerRef.getBoundingClientRect(),i=t.width,o=i+t.left,s=Array.from(this.element.children).find((t=>{const i=t.getBoundingClientRect();return i.left-this.elementGap<o&&i.right>o}));if(void 0!==s){const i=s.getBoundingClientRect().left,o=t.left;await this.inertialScroll.scrollBy({left:i-o,behavior:"smooth"})}else await this.inertialScroll.scrollBy({left:i,behavior:"smooth"})}else await this.inertialScroll.scrollBy({left:this.controlScrollAmount,behavior:"smooth"});this.isScrolling=!1}};handleRightControlKeyUp=t=>{" "!==t.key&&"Enter"!==t.key||this.handleRightControl()};handleLeftControlKeyUp=t=>{" "!==t.key&&"Enter"!==t.key||this.handleLeftControl()};updateControlVisibility=(t=this.scrollDetails)=>{let i={left:!1,right:!1};this.withControls&&(null===t?i={left:!1,right:!0}:(i.left=!(t.scrollLeft-1<=0),i.right=!(t.scrollLeft>=t.scrollWidth))),JSON.stringify(i)!==JSON.stringify(this.controlVisibility)&&(this.controlVisibility=i)};updateChildElementOverflowOpacity(){for(const t of Array.from(this.element.children)){const i=this.getElementOverflowOpacity(t);t.style.opacity=`${i}`}}getElementOverflowOpacity(t){if(!this.withOverflowOpacity||this.isSmallContainer)return 1;const i=t.getBoundingClientRect(),o=this.scrollContainerRef.getBoundingClientRect().width,s=this.scrollContainerRef.getBoundingClientRect().left,e=i.left-s,n=i.right-s;let r=1;return e<0?r=Math.max(.3,(i.width+e)/i.width):n<o+i.width&&(r=Math.max(.3,1-(n-o)/i.width)),Math.round(100*r)/100}calculateDimensions(){if(void 0===this.element)return;const t=this.element.getBoundingClientRect();this.isSmallContainer=t.width<n(this.overflowOpacityMinWidth),this.dimensions.element.left=t.left,this.dimensions.element.width=t.width}render(){return s(e,{key:"71c58dbe5973731841a6e2d0605dc0a21ca78d61"},s("div",{key:"ac37f2747bd51076e06a63520723698b646f9bc0",class:{"tet-card-list__container":!0,"tet-card-list--no-scroll":this.disableScroll,[this.theme]:!0},part:"card-list-container"},s("div",{key:"21b2f178d2b9eb0daf211ac21addae384cc756d8",class:"tet-card-list__scroll-container"},s("div",{key:"754726e4eee32b834e2831b69ac50d6964ef4292",part:"card-list",ref:t=>this.scrollContainerRef=t},s("slot",{key:"eb30993d33459fe6d34b2c60b458fca6ee02d9df"}))),s("tet-button",{key:"7eb7e1b0bfd1e8771b92acf84db64b03a87e13fb",theme:this.theme,iconMode:!0,class:{"tet-card-list__control":!0,"tet-card-list__control--left":!0,"tet-card-list__control--hidden":!this.controlVisibility.left},onPointerDown:this.handleControlPointerDown,onPointerUp:this.handleLeftControl,onKeyUp:this.handleLeftControlKeyUp},s("tet-icon",{key:"e7b32c60fb0d7aa7629223af222fb15f1feef91e",name:this.iconPrev&&""!==this.iconPrev?this.iconPrev:"chevron-left",class:"tet-card-list__control__icon"})),s("tet-button",{key:"03ed4e59a315e495d264dba8eecaf4e1b696e999",theme:this.theme,iconMode:!0,class:{"tet-card-list__control":!0,"tet-card-list__control--right":!0,"tet-card-list__control--hidden":!this.controlVisibility.right},onPointerDown:this.handleControlPointerDown,onPointerUp:this.handleRightControl,onKeyUp:this.handleRightControlKeyUp},s("tet-icon",{key:"0e6bfc9d26550012b821b2d0586c22e3b857ffc0",name:this.iconNext&&""!==this.iconNext?this.iconNext:"chevron-right",class:"tet-card-list__control__icon"})),s("div",{key:"33e4219309f0b6ab205270f64737d9e0c7a0aca1",class:{"tet-card-list__scroll":!0,"tet-card-list--hidden":!this.withScrollbar}},s("div",{key:"e360ca2d1dd66a3e3263f4d4014528d6e6143f47",class:"tet-card-list__scroll--thumb",ref:t=>this.scrollbarRef=t}))))}static get watchers(){return{withMouseDrag:["onWithMouseDragChange"],disableScroll:["onDisableScrollChange"],withControls:["onWithControlsChange"],withOverflowOpacity:["onWithOverflowOpacityChange"],withVirtualScroll:["onWithVirtualScrollChange"]}}};l.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{--card-list-content-width:100%;--card-list-content-height:100%;--card-list-horizontal-margin:10rem;--card-list-tablet-horizontal-margin:2rem;--card-list-mobile-horizontal-margin:1rem;--card-list-vertical-padding:0;--card-list-control-height:12.5rem;--card-list-control-button-height:3.25rem;--card-list-control-button-width:3.25rem;--card-list-control-horizontal-margin:5rem;--card-list-control-icon-color:var(--tc-button-icon-primary);--card-list-scroll-margin:3.5rem auto 0 auto;--card-list-scroll-background-color:var(--tc-border-quaternary);--card-list-scroll-thumb-background-color:var(--tc-border-secondary);--card-list-gap:1rem}.hidden{display:none}.tet-card-list{display:inline-flex;flex-direction:row;flex-wrap:nowrap;align-items:center;height:var(--card-list-content-height);gap:var(--card-list-gap);overflow:visible;position:relative;box-sizing:border-box;margin:0 auto;-ms-overflow-style:none;scrollbar-width:none}.tet-card-list__container{display:flex;flex-direction:column;align-items:center;position:relative;-webkit-overflow-scrolling:touch}.tet-card-list__container.dark{--card-list-control-icon-color:var(--tc-button-icon-primary-dark);--card-list-scroll-background-color:var(--tc-border-quaternary-dark);--card-list-scroll-thumb-background-color:var(--tc-border-secondary-dark)}.tet-card-list__scroll-container{width:var(--card-list-content-width);height:var(--card-list-content-height);overflow:hidden;display:block;position:relative}.tet-card-list ::slotted(:first-child){margin-left:var(--card-list-mobile-horizontal-margin) !important}.tet-card-list ::slotted(:last-child){margin-right:var(--card-list-mobile-horizontal-margin) !important}.tet-card-list::-webkit-scrollbar{display:none}.tet-card-list__scroll{position:relative;display:flex;height:0.25rem;background-color:var(--card-list-scroll-background-color);width:70%;margin:var(--card-list-scroll-margin);border-radius:0.25rem}.tet-card-list__scroll--thumb{background-color:var(--card-list-scroll-thumb-background-color);border-radius:0.25rem;display:block;height:100%;left:0;position:absolute}.tet-card-list--no-scroll{overflow-x:hidden}.tet-card-list--no-scroll .tet-card-list__scroll{display:none}.tet-card-list__control{--button-icon-mode-padding:0;cursor:pointer;align-items:center;color:rgb(10, 11, 13);display:none;justify-content:center;position:absolute;top:calc(var(--card-list-control-height) / 2 - var(--card-list-control-button-height) / 2);user-select:none;z-index:2}.tet-card-list__control--left{left:var(--card-list-control-horizontal-margin)}.tet-card-list__control--right{right:var(--card-list-control-horizontal-margin)}.tet-card-list__control__icon{--icon-size:1.25rem;--icon-color:var(--card-list-control-icon-color);display:flex;align-items:center;justify-content:center;border-radius:50%;height:var(--card-list-control-button-height);width:var(--card-list-control-button-width)}.tet-card-list--hidden,.tet-card-list__control--hidden{display:none;opacity:0;visibility:hidden}.tet-card-list--dragging{user-select:none;cursor:grabbing}.tet-card-list--dragging *{pointer-events:none}@media all and (min-width: 22.5rem){.tet-card-list__scroll{width:50%}.tet-card-list ::slotted(:first-child){margin-left:var(--card-list-tablet-horizontal-margin) !important}.tet-card-list ::slotted(:last-child){margin-right:var(--card-list-tablet-horizontal-margin) !important}}@media all and (min-width: 48rem){.tet-card-list__scroll{width:min(40%, var(--card-list-content-width) * 0.325)}.tet-card-list__control{display:flex}.tet-card-list ::slotted(:first-child){margin-left:var(--card-list-horizontal-margin) !important}.tet-card-list ::slotted(:last-child){margin-right:var(--card-list-horizontal-margin) !important}}';export{l as tet_card_list}
@@ -1 +1 @@
1
- import{r as t,c as e,g as i,h as s,H as n}from"./p-83f43fdd.js";const r=class{constructor(i){t(this,i),this.groupSelectionChange=e(this,"groupSelectionChange",7),this.selectionType="radio"}get hostElement(){return i(this)}groupSelectionChange;didLoad=!1;selectedIndex;selectedIndexes=new Set;onSelectionTypeChanged(){if("radio"===this.selectionType){const t=this.selectedIndexes.values().next(),e=t.done?void 0:t.value;this.selectedIndex=e,this.selectedIndexes=void 0===e?new Set:new Set([e])}this.applySelectionToChildren(),this.didLoad&&this.emitSelectionChange()}componentDidLoad(){this.syncSelectionFromChildren(),this.applySelectionToChildren(),this.didLoad=!0}getCards=()=>Array.from(this.hostElement.querySelectorAll("tet-snicker-card"));isCardBlocked=t=>this.isCardStateBlocked(this.getCardState(t));getCardState=t=>{const e=t.state;return"default"===(i=e)||"disabled"===i||"unavailable"===i||"subscribed"===i?e:"default";var i};getCardSelected=t=>!0===t.selected;isCardStateBlocked=t=>"disabled"===t||"unavailable"===t||"subscribed"===t;syncSelectionFromChildren=()=>{const t=this.getCards();if("radio"===this.selectionType){const e=t.findIndex((t=>this.getCardSelected(t)&&!this.isCardBlocked(t)));return this.selectedIndex=e>=0?e:void 0,void(this.selectedIndexes=e>=0?new Set([e]):new Set)}const e=t.map(((t,e)=>this.getCardSelected(t)&&!this.isCardBlocked(t)?e:-1)).filter((t=>t>=0));this.selectedIndexes=new Set(e),this.selectedIndex=e[0]};applySelectionToChildren=()=>{const t=this.getCards(),e=t.map(((t,e)=>this.isCardBlocked(t)?-1:e)).filter((t=>t>=0)),i=(void 0!==this.selectedIndex&&e.includes(this.selectedIndex)?this.selectedIndex:void 0)??e[0];t.forEach(((t,e)=>{t.selectionType=this.selectionType,t.isTabStop="radio"===this.selectionType?e===i:!this.isCardBlocked(t)}))};getCardIndexFromEvent=t=>{const e=this.getCards(),i=t.composedPath().find((t=>t instanceof HTMLElement&&"TET-SNICKER-CARD"===t.tagName));return i?e.indexOf(i):-1};getCardId=t=>{const e=t.cardId;if("string"==typeof e){const t=e.trim();if(t.length>0)return t}const i=t.getAttribute("card-id");if(!i)return;const s=i.trim();return s.length>0?s:void 0};emitSelectionChange=()=>{const t=this.getCards(),e=Array.from(this.selectedIndexes).sort(((t,e)=>t-e)),i=e.map((e=>t[e])).filter((t=>!!t)).map((t=>this.getCardId(t))).filter((t=>!!t));this.groupSelectionChange.emit({selectionType:this.selectionType,selectedIndexes:e,selectedCardIds:i})};focusCard=async t=>{if(!t)return;await t.focusSelectionTarget();const e=t.shadowRoot?.querySelector('[data-selection-target="true"]');e?.focus()};handleCardClick=t=>{const e=this.getCards(),i=this.getCardIndexFromEvent(t);i<0||this.isCardBlocked(e[i])||("radio"===this.selectionType?(this.selectedIndex=i,this.selectedIndexes=new Set([i])):this.selectedIndexes.has(i)?this.selectedIndexes.delete(i):this.selectedIndexes.add(i),this.applySelectionToChildren(),this.emitSelectionChange())};handleKeyDown=t=>{const e=t.key;if("ArrowRight"!==e&&"ArrowLeft"!==e&&"ArrowUp"!==e&&"ArrowDown"!==e&&"Home"!==e&&"End"!==e)return;if(t.defaultPrevented)return;const i=t.composedPath();if(!i.some((t=>t instanceof HTMLElement&&"TET-SNICKER-CARD"===t.tagName)))return;if(!i.some((t=>t instanceof HTMLElement&&"true"===t.dataset.selectionTarget&&t.getAttribute("role")===this.selectionType)))return;const s=this.getCards(),n=s.map(((t,e)=>this.isCardBlocked(t)?-1:e)).filter((t=>t>=0));if(0===n.length)return;const r=this.getCardIndexFromEvent(t),o=n.indexOf(r);let h=o;"Home"===e?h=0:"End"===e?h=n.length-1:"ArrowRight"===e||"ArrowDown"===e?h=o>=0?(o+1)%n.length:0:"ArrowLeft"!==e&&"ArrowUp"!==e||(h=o>=0?(o-1+n.length)%n.length:n.length-1);const a=n[h];t.preventDefault(),this.focusCard(s[a]),"radio"===this.selectionType&&(this.selectedIndex=a,this.selectedIndexes=new Set([a]),this.applySelectionToChildren(),this.emitSelectionChange())};handleSlotChange=()=>{this.syncSelectionFromChildren(),this.applySelectionToChildren()};render(){return s(n,{key:"3d649b84bad2e033febf852c62977db2997a0af7",role:"radio"===this.selectionType?"radiogroup":"group",onCardClick:this.handleCardClick,onKeyDown:this.handleKeyDown},s("slot",{key:"be88c1fe297b8f53a729639ed1a48e23a89f8efc",onSlotchange:this.handleSlotChange}))}static get watchers(){return{selectionType:["onSelectionTypeChanged"]}}};r.style=":host{display:block}";export{r as tet_snicker_card_group}
1
+ import{r as t,c as e,g as i,h as s,H as n}from"./p-83f43fdd.js";const r=class{constructor(i){t(this,i),this.groupSelectionChange=e(this,"groupSelectionChange",7),this.selectionType="radio"}get hostElement(){return i(this)}groupSelectionChange;didLoad=!1;selectedIndex;selectedIndexes=new Set;onSelectionTypeChanged(){if("radio"===this.selectionType){const t=this.selectedIndexes.values().next(),e=t.done?void 0:t.value;this.selectedIndex=e,this.selectedIndexes=void 0===e?new Set:new Set([e])}this.applySelectionToChildren(),this.didLoad&&this.emitSelectionChange()}componentDidLoad(){this.syncSelectionFromChildren(),this.applySelectionToChildren(),this.didLoad=!0}getCards=()=>Array.from(this.hostElement.querySelectorAll("tet-snicker-card"));isCardBlocked=t=>this.isCardStateBlocked(this.getCardState(t));getCardState=t=>{const e=t.state;return"default"===(i=e)||"disabled"===i||"unavailable"===i||"subscribed"===i?e:"default";var i};getCardSelected=t=>!0===t.selected;isCardStateBlocked=t=>"disabled"===t||"unavailable"===t||"subscribed"===t;syncSelectionFromChildren=()=>{const t=this.getCards();if("radio"===this.selectionType){const e=t.findIndex((t=>this.getCardSelected(t)&&!this.isCardBlocked(t)));return this.selectedIndex=e>=0?e:void 0,void(this.selectedIndexes=e>=0?new Set([e]):new Set)}const e=t.map(((t,e)=>this.getCardSelected(t)&&!this.isCardBlocked(t)?e:-1)).filter((t=>t>=0));this.selectedIndexes=new Set(e),this.selectedIndex=e[0]};applySelectionToChildren=()=>{const t=this.getCards(),e=t.map(((t,e)=>this.isCardBlocked(t)?-1:e)).filter((t=>t>=0)),i=(void 0!==this.selectedIndex&&e.includes(this.selectedIndex)?this.selectedIndex:void 0)??e[0];t.forEach(((t,e)=>{t.selectionType=this.selectionType,t.isTabStop="radio"===this.selectionType?e===i:!this.isCardBlocked(t)}))};getCardIndexFromEvent=t=>{const e=this.getCards(),i=t.composedPath().find((t=>t instanceof HTMLElement&&"TET-SNICKER-CARD"===t.tagName));return i?e.indexOf(i):-1};getCardId=t=>{const e=t.cardId;if("string"==typeof e){const t=e.trim();if(t.length>0)return t}const i=t.getAttribute("card-id");if(!i)return;const s=i.trim();return s.length>0?s:void 0};emitSelectionChange=()=>{const t=this.getCards(),e=Array.from(this.selectedIndexes).sort(((t,e)=>t-e)),i=e.map((e=>t[e])).filter((t=>!!t)).map((t=>this.getCardId(t))).filter((t=>!!t));this.groupSelectionChange.emit({selectionType:this.selectionType,selectedIndexes:e,selectedCardIds:i})};focusCard=async t=>{if(!t)return;await t.focusSelectionTarget();const e=t.shadowRoot?.querySelector('[data-selection-target="true"]');e?.focus()};handleCardClick=t=>{const e=this.getCards(),i=this.getCardIndexFromEvent(t);i<0||this.isCardBlocked(e[i])||("radio"===this.selectionType?(this.selectedIndex=i,this.selectedIndexes=new Set([i])):this.selectedIndexes.has(i)?this.selectedIndexes.delete(i):this.selectedIndexes.add(i),this.applySelectionToChildren(),this.emitSelectionChange())};handleKeyDown=t=>{const e=t.key;if("ArrowRight"!==e&&"ArrowLeft"!==e&&"ArrowUp"!==e&&"ArrowDown"!==e&&"Home"!==e&&"End"!==e)return;if(t.defaultPrevented)return;const i=t.composedPath();if(!i.some((t=>t instanceof HTMLElement&&"TET-SNICKER-CARD"===t.tagName)))return;if(!i.some((t=>t instanceof HTMLElement&&"true"===t.dataset.selectionTarget&&t.getAttribute("role")===this.selectionType)))return;const s=this.getCards(),n=s.map(((t,e)=>this.isCardBlocked(t)?-1:e)).filter((t=>t>=0));if(0===n.length)return;const r=this.getCardIndexFromEvent(t),o=n.indexOf(r);let h=o;"Home"===e?h=0:"End"===e?h=n.length-1:"ArrowRight"===e||"ArrowDown"===e?h=o>=0?(o+1)%n.length:0:"ArrowLeft"!==e&&"ArrowUp"!==e||(h=o>=0?(o-1+n.length)%n.length:n.length-1);const d=n[h];t.preventDefault(),this.focusCard(s[d]),"radio"===this.selectionType&&(this.selectedIndex=d,this.selectedIndexes=new Set([d]),this.applySelectionToChildren(),this.emitSelectionChange())};handleSlotChange=()=>{this.syncSelectionFromChildren(),this.applySelectionToChildren()};render(){return s(n,{key:"9acd42d97fd45a9d2c8981c6cc6dc4fa20b80517",role:"radio"===this.selectionType?"radiogroup":"group",onCardClick:this.handleCardClick,onKeyDown:this.handleKeyDown},s("slot",{key:"19e24c052c34600058e48c396f21a9a433abc0b6",onSlotchange:this.handleSlotChange}))}static get watchers(){return{selectionType:["onSelectionTypeChanged"]}}};r.style=":host{display:block}";export{r as tet_snicker_card_group}
@@ -1 +1 @@
1
- import{r as t,c as o,f as e,h as n}from"./p-83f43fdd.js";import{p as r,t as a}from"./p-a8051a99.js";import"./p-0ebbf5ef.js";import{P as i,c as f}from"./p-f81b3bb0.js";import{R as s}from"./p-e1259b83.js";import"./p-9a2b6ee2.js";import"./p-0c6b6730.js";const l=class{constructor(e){t(this,e),this.taskCreationSuccess=o(this,"taskCreationSuccess",7),this.taskCreationFailed=o(this,"taskCreationFailed",7),this.language="lv",this.taskOptions=void 0,this.submitButtonProps={},this.showTitle=!0,this.showInputLabel=!1,this.theme="classic",this.darkTheme=!1,this.subtitle="components-contact-form-subtitle",this.showLoader=!1}phoneInput;validators=[new i("components-validation-incorrect-phone"),new s("components-validation-required")];onLanguageChange(t){r("tet-components",t).then((()=>e(this)))}taskCreationSuccess;taskCreationFailed;componentWillLoad(){r("tet-components",this.language).then((()=>e(this)))}createManualTask=async()=>{this.showLoader=!0;const t=await this.phoneInput.getInputHtmlElement();if((await this.phoneInput.validateInput()).length)this.showLoader=!1;else{try{const o=await f(this.getTaskOptions(t.value));o?.TaskId?this.taskCreationSuccess.emit(o.TaskId):this.taskCreationFailed.emit()}catch(t){this.taskCreationFailed.emit(t)}this.showLoader=!1}};getTaskOptions=t=>{const{taskDescription:o}=this.taskOptions;return{...this.taskOptions,taskDescription:[o.trim(),`Phone: ${t}`].join(" ")}};renderLoader=()=>n("div",{class:"loader-overlay"},n("tet-loader",{class:"loader"}));render(){return n("div",{key:"73f9514042208123118b05772ea34c3453546093",class:{"dark-theme":this.darkTheme}},n("tet-container",{key:"83fb560fecfb1c655571543d8e718e8132ee95ac",class:"container"},this.showLoader&&this.renderLoader(),n("div",{key:"5b6ee6ad8f4772580c970efc8d5e2ae7f9149f68",class:"form-container"},this.showTitle&&n("h2",{key:"4405e8e4bf534f5c97915bcf8b25d30291a82f81",class:"form-title"},a("components-contact-form-title")),n("p",{key:"223595014c8dbf97443a50f1ab214da97f861fe7",class:"form-subtitle"},a(this.subtitle)),n("tet-input",{key:"ead34961a425dda86837ebea6165f8eb21a99351",class:"form-input",placeholder:"+37122345678",ref:t=>this.phoneInput=t,validators:this.validators,label:this.showInputLabel?a("components-contact-form-input-label"):null,theme:this.darkTheme?"dark":"classic"}),n("tet-button",{key:"40e046babf010f22d2cc046c284823d6fce30c56",class:"form-submit",type:"primary",clickCallback:this.createManualTask,innerHTML:a("components-contact-form-submit"),...this.submitButtonProps}))))}static get watchers(){return{language:["onLanguageChange"]}}};l.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{--contact-form-container-background:initial;--contact-form-text-color:var(--color-ta600);--contact-form-loader-overlay-background:rgb(255, 255, 255);display:block}.dark-theme{--contact-form-container-background:var(--color-tg500);--contact-form-text-color:rgb(255, 255, 255);--contact-form-loader-overlay-background:var(--color-tg600)}.container{--border-radius:0.625rem;--box-shadow:0 0 0 0.03125rem rgba(5, 29, 89, 0.07), 0 0.1875rem 0.5625rem rgba(5, 29, 89, 0.15);--padding:2.5rem 1rem;--background:var(--contact-form-container-background)}.form-container{max-width:26rem;display:flex;flex-direction:column;margin:0 auto;text-align:center}.form-title{font-size:1.5rem;font-weight:600;margin-bottom:0.5em;color:var(--contact-form-text-color)}.form-subtitle{font-size:1.125rem;font-weight:400;color:var(--contact-form-text-color)}.form-input{margin-top:2rem;text-align:left}.form-submit{width:fit-content;margin-top:1.5rem;--button-font-size:1rem}@media only screen and (max-width: 44.9375rem){.form-submit{--button-width:100%}}.loader-overlay{position:absolute;top:0;bottom:0;left:0;right:0;background:var(--contact-form-loader-overlay-background);z-index:100;opacity:0.75}.loader-overlay .loader{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}';export{l as tet_contact_form}
1
+ import{r as t,c as o,f as e,h as n}from"./p-83f43fdd.js";import{p as a,t as r}from"./p-a8051a99.js";import"./p-0ebbf5ef.js";import{P as i,c as f}from"./p-f81b3bb0.js";import{R as s}from"./p-e1259b83.js";import"./p-9a2b6ee2.js";import"./p-0c6b6730.js";const l=class{constructor(e){t(this,e),this.taskCreationSuccess=o(this,"taskCreationSuccess",7),this.taskCreationFailed=o(this,"taskCreationFailed",7),this.language="lv",this.taskOptions=void 0,this.submitButtonProps={},this.showTitle=!0,this.showInputLabel=!1,this.theme="classic",this.darkTheme=!1,this.subtitle="components-contact-form-subtitle",this.showLoader=!1}phoneInput;validators=[new i("components-validation-incorrect-phone"),new s("components-validation-required")];onLanguageChange(t){a("tet-components",t).then((()=>e(this)))}taskCreationSuccess;taskCreationFailed;componentWillLoad(){a("tet-components",this.language).then((()=>e(this)))}createManualTask=async()=>{this.showLoader=!0;const t=await this.phoneInput.getInputHtmlElement();if((await this.phoneInput.validateInput()).length)this.showLoader=!1;else{try{const o=await f(this.getTaskOptions(t.value));o?.TaskId?this.taskCreationSuccess.emit(o.TaskId):this.taskCreationFailed.emit()}catch(t){this.taskCreationFailed.emit(t)}this.showLoader=!1}};getTaskOptions=t=>{const{taskDescription:o}=this.taskOptions;return{...this.taskOptions,taskDescription:[o.trim(),`Phone: ${t}`].join(" ")}};renderLoader=()=>n("div",{class:"loader-overlay"},n("tet-loader",{class:"loader"}));render(){return n("div",{key:"a0c020b86a94fc5b99c98f8baed7dbda79579557",class:{"dark-theme":this.darkTheme}},n("tet-container",{key:"d0e2aab66f7d03b761f79ebbde1fb342ede2d822",class:"container"},this.showLoader&&this.renderLoader(),n("div",{key:"38859cbea3cb0be297e4e8c91a9ed5ba711fea88",class:"form-container"},this.showTitle&&n("h2",{key:"4d3d959d87e4b0fde072825fdce7dd28e4d9c973",class:"form-title"},r("components-contact-form-title")),n("p",{key:"284d22412766506f72997bf32a334a22fb823cc3",class:"form-subtitle"},r(this.subtitle)),n("tet-input",{key:"2b9df8681526664f516fd6b1694647173ad2a4f0",class:"form-input",placeholder:"+37122345678",ref:t=>this.phoneInput=t,validators:this.validators,label:this.showInputLabel?r("components-contact-form-input-label"):null,theme:this.darkTheme?"dark":"classic"}),n("tet-button",{key:"d6c97afe0b92b8af78a2dc64c4705db640545d70",class:"form-submit",type:"primary",clickCallback:this.createManualTask,innerHTML:r("components-contact-form-submit"),...this.submitButtonProps}))))}static get watchers(){return{language:["onLanguageChange"]}}};l.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{--contact-form-container-background:initial;--contact-form-text-color:var(--color-ta600);--contact-form-loader-overlay-background:rgb(255, 255, 255);display:block}.dark-theme{--contact-form-container-background:var(--color-tg500);--contact-form-text-color:rgb(255, 255, 255);--contact-form-loader-overlay-background:var(--color-tg600)}.container{--border-radius:0.625rem;--box-shadow:0 0 0 0.03125rem rgba(5, 29, 89, 0.07), 0 0.1875rem 0.5625rem rgba(5, 29, 89, 0.15);--padding:2.5rem 1rem;--background:var(--contact-form-container-background)}.form-container{max-width:26rem;display:flex;flex-direction:column;margin:0 auto;text-align:center}.form-title{font-size:1.5rem;font-weight:600;margin-bottom:0.5em;color:var(--contact-form-text-color)}.form-subtitle{font-size:1.125rem;font-weight:400;color:var(--contact-form-text-color)}.form-input{margin-top:2rem;text-align:left}.form-submit{width:fit-content;margin-top:1.5rem;--button-font-size:1rem}@media only screen and (max-width: 44.9375rem){.form-submit{--button-width:100%}}.loader-overlay{position:absolute;top:0;bottom:0;left:0;right:0;background:var(--contact-form-loader-overlay-background);z-index:100;opacity:0.75}.loader-overlay .loader{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}';export{l as tet_contact_form}
@@ -1 +1 @@
1
- import{r as o,c as r,g as a,h as t,H as e}from"./p-83f43fdd.js";import{r as i}from"./p-df4bc38e.js";const l=class{constructor(a){o(this,a),this.check=r(this,"check",7),this.theme="light",this.label=void 0,this.accessibilityLabel="",this.name=void 0,this.value=0,this.disabled=!1,this.unavailable=!1,this.checked=!1,this.error=!1,this.inputAutofocus=!1,this.focusStyleOnContainer=!1,this.iconName=void 0,this.labelFont="sm",this.alignCenter=!1,this.hasSlotIcon=!1}id;get radioElement(){return a(this)}check;async setChecked(o){this.checked=o}async setError(o){this.error=o}onKeydown(o){["-","+","."].includes(o.key)&&o.preventDefault()}handleInputChange=({target:o})=>{const{value:r,error:a}=this,t=o.checked;if(t){const o=this.radioElement.getRootNode();Array.from(o.querySelectorAll("tet-radio")).filter((o=>o.name===this.name)).forEach((o=>{o!==this.radioElement&&o.checked&&o.setChecked(!1)}))}this.checked=t,this.check.emit({value:r,checked:t,error:a})};connectedCallback(){this.id=i(10)}componentDidLoad(){this.checkIconSlot()}componentDidUpdate(){this.checkIconSlot()}checkIconSlot=()=>{const o=this.radioElement.querySelector('[slot="label-icon"]');this.hasSlotIcon=!!o};get iconType(){const{unavailable:o,disabled:r}=this;switch(!0){case o:return"secondary";case r:return"tertiary";default:return"primary"}}render(){const{id:o,disabled:r,value:a,checked:i,name:l,label:n,accessibilityLabel:c,error:d,inputAutofocus:s,iconName:f,labelFont:b,alignCenter:_,hasSlotIcon:m,unavailable:p,iconType:g}=this;return t(e,{key:"7fc70da5821e75d7cda11c9aaa161ce8ce436ffe"},t("div",{key:"b8e1d1d74846d01290c284a86795fd4dcbc02eda",class:{radio:!0,[`radio-${this.theme}-theme`]:!0}},t("label",{key:"f3831e14d73c9dd543dfe6465227fa27fa54e5e7",class:{radio__container:!0,"radio__container--focus-style":this.focusStyleOnContainer,"radio__container--align-center":_},htmlFor:o},t("input",{key:"79532719f5bc736c86475b4a0a62bb711cc00b84",class:{"radio__html-input":!0,"radio__html-input--unavailable":p},id:o,name:l,type:"radio",value:a,disabled:r||p,checked:i,onChange:this.handleInputChange,autofocus:s,...c?{"aria-label":c}:{}}),t("span",{key:"fbc152d0dd0aac5c4d64e6d86c150a84513d10cb",class:{"radio__input-background":!0,"radio__input-background--has-label-prop":!!n,...b?{[`radio__input-background--${b}`]:!0}:{}}}),t("span",{key:"c6468ba8bc970fe9759217b1c5d6628a04339503",class:{radio__input:!0,"radio__input--error":d,"radio__input--hide-focus-style":this.focusStyleOnContainer,"radio__input--has-label-prop":!!n,...b?{[`radio__input--${b}`]:!0}:{}}}),t("div",{key:"2c00610fed199aa4f8838e9350d8d926f02c04b9",class:{"radio__label-container":!0,"radio__label-container--line-height":m||!!f}},f?t("tet-icon",{theme:["classic","light"].includes(this.theme)?"light":"dark",name:f,type:g,class:{"radio__label-icon":!0,[`radio__label-icon--${f}`]:!0,...b?{[`radio__label-icon--${b}`]:!0}:{}}}):t("div",{class:{"radio__label-slot-icon":!0,"radio__label-slot-icon--hidden":!m,...b?{[`radio__label-slot-icon--${b}`]:!0}:{}}},t("slot",{name:"label-icon"})),t("span",{key:"d43d825f1deb1d437f80c1b550868f8212e9f0cc",class:{radio__label:!0,"radio__label--has-slot-icon":m,...b?{[`radio__label--${b}`]:!0}:{}},innerHTML:n},t("slot",{key:"908d1332bf737dde2fed7628cfd29b08b478c34c"}))))))}};l.style='.sc-tet-radio-h{box-sizing:border-box}*.sc-tet-radio,*.sc-tet-radio:before,*.sc-tet-radio:after{box-sizing:inherit;padding:0;margin:0}.sc-tet-radio-h{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search.sc-tet-radio{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search.sc-tet-radio::before{content:"\\e86e"}.icon.tet-close-circled.sc-tet-radio{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled.sc-tet-radio::before{content:"\\e85a"}.icon.tet-close.sc-tet-radio{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close.sc-tet-radio::before{content:"\\e85b"}.icon.tet-check-circled.sc-tet-radio{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled.sc-tet-radio::before{content:"\\e86c"}.icon.tet-check.sc-tet-radio{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check.sc-tet-radio::before{content:"\\e855"}.icon.tet-chevron-up.sc-tet-radio{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up.sc-tet-radio::before{content:"\\e859"}.icon.tet-chevron-down.sc-tet-radio{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down.sc-tet-radio::before{content:"\\e856"}.icon.tet-clipboard.sc-tet-radio{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard.sc-tet-radio::before{content:"\\e86a"}.icon.tet-info.sc-tet-radio{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info.sc-tet-radio::before{content:"\\e81d"}.icon.tet-done.sc-tet-radio{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done.sc-tet-radio::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}.sc-tet-radio-h{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}.sc-tet-radio-h{--radio-border-color:rgb(153, 160, 174);--radio-background-color:rgb(255, 255, 255);--radio-checked-background-color:rgb(10, 11, 13);--radio-pressed-background-color:var(--tc-radio-button-pressed);--radio-icon-color:rgb(255, 255, 255);--radio-text-color:rgb(10, 11, 13);--radio-hover-border-color:rgb(153, 160, 174);--radio-hover-background-color:rgba(88, 99, 116, 0.08);--radio-checked-hover-background-color:var(--radio-checked-background-color);--radio-checked-pressed-background-color:var(--radio-checked-background-color);--radio-focus-shadow-color:rgba(88, 99, 116, 0.12);--radio-disabled-border-color:rgb(192, 197, 206);--radio-disabled-background-color:rgb(255, 255, 255);--radio-disabled-checked-background-color:rgb(153, 160, 174);--radio-disabled-text-color:rgb(153, 160, 174);--radio-error-border-color:rgb(233, 69, 54);--radio-outline-focus-color:var(--tc-blue-40);--radio-unavailable-text-color:var(--tc-text-tertiary);--radio-vertical-alignment:flex-start;--radio-gap:0.5rem;--radio-container-outline-offset:0.1875rem;display:block;position:relative}.radio-dark-theme.sc-tet-radio,.radio-mint-theme.sc-tet-radio{--radio-border-color:var(--tc-border-secondary-dark);--radio-background-color:var(--tc-radio-button-default-dark);--radio-checked-background-color:var(--tc-radio-button-active-default-dark);--radio-pressed-background-color:var(--tc-radio-button-pressed-dark);--radio-icon-color:var(--tc-layer-primary-dark);--radio-text-color:var(--tc-text-primary-dark);--radio-hover-border-color:var(--tc-border-secondary-dark);--radio-hover-background-color:var(--tc-radio-button-hover-dark);--radio-checked-hover-background-color:var(--tc-radio-button-active-hover-dark);--radio-checked-pressed-background-color:var(--tc-radio-button-active-pressed-dark);--radio-focus-shadow-color:var(--tc-radio-button-active-focus-dark);--radio-disabled-border-color:var(--tc-border-quaternary-dark);--radio-disabled-background-color:var(--tc-radio-button-disabled-dark);--radio-disabled-checked-background-color:var(--tc-radio-button-active-disabled-dark);--radio-disabled-text-color:var(--tc-grey-40-dark);--radio-error-border-color:var(--tc-alert-accent-error-dark);--radio-outline-focus-color:var(--tc-blue-40-dark);--radio-unavailable-text-color:var(--tc-text-tertiary-dark)}.radio-dark-theme.sc-tet-radio .radio__html-input.sc-tet-radio:focus-visible~.radio__input.sc-tet-radio,.radio-mint-theme.sc-tet-radio .radio__html-input.sc-tet-radio:focus-visible~.radio__input.sc-tet-radio{outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:0.125rem;transition:outline 0s}.radio-dark-theme.sc-tet-radio .radio__html-input.sc-tet-radio:focus-visible~.radio__input--hide-focus-style.sc-tet-radio,.radio-mint-theme.sc-tet-radio .radio__html-input.sc-tet-radio:focus-visible~.radio__input--hide-focus-style.sc-tet-radio{outline:none}.radio-mint-theme.sc-tet-radio{--radio-checked-background-color:rgb(31, 208, 214);--radio-hover-background-color:rgba(31, 208, 214, 0.16);--radio-focus-shadow-color:rgba(31, 208, 214, 0.24);--radio-checked-hover-background-color:var(--radio-checked-background-color);--radio-checked-pressed-background-color:var(--radio-checked-background-color)}.radio-light-theme.sc-tet-radio{--radio-border-color:var(--tc-border-secondary);--radio-background-color:var(--tc-radio-button-default);--radio-checked-background-color:var(--tc-radio-button-active-default);--radio-icon-color:var(--tc-layer-primary);--radio-text-color:var(--tc-text-primary);--radio-hover-border-color:var(--tc-border-secondary);--radio-hover-background-color:var(--tc-radio-button-hover);--radio-checked-hover-background-color:var(--tc-radio-button-active-hover);--radio-checked-pressed-background-color:var(--tc-radio-button-active-pressed);--radio-focus-shadow-color:var(--tc-radio-button-active-focus);--radio-disabled-border-color:var(--tc-border-quaternary);--radio-disabled-background-color:var(--tc-radio-button-disabled);--radio-disabled-checked-background-color:var(--tc-radio-button-active-disabled);--radio-disabled-text-color:var(--tc-grey-40);--radio-error-border-color:var(--tc-alert-accent-error);--radio-outline-focus-color:var(--tc-blue-40)}.radio__container.sc-tet-radio{user-select:none;cursor:pointer;display:flex;gap:var(--radio-gap);color:var(--radio-text-color);align-items:var(--radio-vertical-alignment)}.radio__container.sc-tet-radio:has(.radio__html-input:disabled){cursor:auto}.radio__container--focus-style.sc-tet-radio:has(.radio__html-input:focus-visible){outline:0.125rem solid var(--radio-outline-focus-color);outline-offset:var(--radio-container-outline-offset);border-radius:0.125rem}.radio__container--focus-style.sc-tet-radio .radio__html-input.sc-tet-radio:focus~.radio__input.sc-tet-radio{box-shadow:none}.radio__container.sc-tet-radio .radio__input--sm.radio__input--has-label-prop.sc-tet-radio,.radio__container.sc-tet-radio .radio__input--sm.radio__input-background--has-label-prop.sc-tet-radio,.radio__container.sc-tet-radio .radio__input-background--sm.radio__input--has-label-prop.sc-tet-radio,.radio__container.sc-tet-radio .radio__input-background--sm.radio__input-background--has-label-prop.sc-tet-radio{margin-top:0.0625rem}.radio__container.sc-tet-radio .radio__input--md.sc-tet-radio,.radio__container.sc-tet-radio .radio__input--lg-inter.sc-tet-radio,.radio__container.sc-tet-radio .radio__input--lg-gilroy.sc-tet-radio,.radio__container.sc-tet-radio .radio__input-background--md.sc-tet-radio,.radio__container.sc-tet-radio .radio__input-background--lg-inter.sc-tet-radio,.radio__container.sc-tet-radio .radio__input-background--lg-gilroy.sc-tet-radio{margin-top:0.125rem}.radio__container.sc-tet-radio .radio__input--error.sc-tet-radio,.radio__container.sc-tet-radio .radio__input-background--error.sc-tet-radio{border-color:var(--radio-error-border-color)}.radio__container--align-center.sc-tet-radio{align-items:center}.radio__container--align-center.sc-tet-radio .radio__input.sc-tet-radio{margin-top:0}.radio__container.sc-tet-radio:hover .radio__input.sc-tet-radio{border-color:var(--radio-hover-border-color);background-color:var(--radio-hover-background-color)}.radio__container.sc-tet-radio:hover .radio__input--error.sc-tet-radio{border-color:var(--radio-error-border-color)}.radio__container.sc-tet-radio:hover .radio__html-input.sc-tet-radio:checked:not(:disabled)~.radio__input.sc-tet-radio{border-color:transparent;background-color:var(--radio-checked-hover-background-color)}.radio__container.sc-tet-radio:active .radio__html-input.sc-tet-radio:checked:not(:disabled)~.radio__input.sc-tet-radio{border-color:transparent;background-color:var(--radio-checked-pressed-background-color)}.radio__icon.sc-tet-radio{display:none;position:absolute;fill:var(--radio-icon-color)}.radio__html-input.sc-tet-radio{position:absolute;opacity:0;width:0;height:0}.radio__html-input.sc-tet-radio:focus~.radio__input.sc-tet-radio{box-shadow:0 0 0 0.25rem var(--radio-focus-shadow-color)}.radio__html-input.sc-tet-radio:focus-visible~.radio__input.sc-tet-radio{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;box-shadow:none}.radio__html-input.sc-tet-radio:focus-visible~.radio__input--hide-focus-style.sc-tet-radio{outline:none}.radio__html-input.sc-tet-radio:active~.radio__input.sc-tet-radio{background-color:var(--radio-pressed-background-color)}.radio__html-input.sc-tet-radio:checked~.radio__input.sc-tet-radio{border-color:var(--radio-checked-background-color);background-color:var(--radio-checked-background-color)}.radio__html-input.sc-tet-radio:checked~.radio__input.sc-tet-radio::after{display:block}.radio__html-input[disabled].sc-tet-radio~.radio__input.sc-tet-radio{border-color:var(--radio-disabled-border-color);background-color:var(--radio-disabled-background-color)}.radio__html-input[disabled].sc-tet-radio~.radio__label-container.sc-tet-radio .radio__label.sc-tet-radio{color:var(--radio-disabled-text-color)}.radio__html-input[disabled].sc-tet-radio:checked~.radio__input.sc-tet-radio{background-color:var(--radio-disabled-checked-background-color)}.radio__html-input[disabled].radio__html-input--unavailable.sc-tet-radio~.radio__label-container.sc-tet-radio .radio__label.sc-tet-radio{color:var(--radio-unavailable-text-color)}.radio__input-background.sc-tet-radio{display:inline-flex;position:absolute;width:1.25rem;min-width:1.25rem;height:1.25rem;border-radius:50%;background-color:var(--radio-background-color)}.radio__input.sc-tet-radio{display:inline-flex;position:relative;width:1.25rem;min-width:1.25rem;height:1.25rem;border:0.1rem solid var(--radio-border-color);border-radius:50%;z-index:1}.radio__input.sc-tet-radio::after{content:"";display:none;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0.4375rem;height:0.4375rem;border-radius:50%;background-color:var(--radio-icon-color)}.radio__label-container.sc-tet-radio{position:relative}.radio__label-container--line-height.sc-tet-radio{line-height:0}.radio__label-slot-icon.sc-tet-radio{display:inline-flex;vertical-align:middle}.radio__label-slot-icon--hidden.sc-tet-radio{display:none}.radio__label-slot-icon.sc-tet-radio-s>*,.radio__label-slot-icon .sc-tet-radio-s>*{width:auto;height:1rem;margin-right:0.5rem}.radio__label-slot-icon--md.sc-tet-radio-s>*,.radio__label-slot-icon--md .sc-tet-radio-s>*{height:1.25rem}.radio__label-slot-icon--lg-inter.sc-tet-radio-s>*,.radio__label-slot-icon--lg-inter .sc-tet-radio-s>*,.radio__label-slot-icon--lg-gilroy.sc-tet-radio-s>*,.radio__label-slot-icon--lg-gilroy .sc-tet-radio-s>*{height:1.5rem}.radio__label--has-slot-icon.sc-tet-radio{vertical-align:middle}.radio__label--sm.sc-tet-radio{font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}.radio__label--md.sc-tet-radio{font:500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";vertical-align:middle}.radio__label--lg-inter.sc-tet-radio{font:500 1.25rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";vertical-align:middle}.radio__label--lg-gilroy.sc-tet-radio{font:600 1.25rem/1.5rem "Gilroy", "Gilroy, Arial, sans-serif";vertical-align:middle}.radio__label-icon--sm.sc-tet-radio{--label-icon-gap:0.5rem;--icon-size:1.25rem;--icon-container-display:flex;position:absolute;top:calc((1.25rem - 1.25rem) / 2)}.radio__label-icon--sm.sc-tet-radio+.radio__label.sc-tet-radio{padding-left:calc(1.25rem + var(--label-icon-gap, 0.5rem))}.radio__label-icon--md.sc-tet-radio{--label-icon-gap:0.5rem;--icon-size:1.5rem;--icon-container-display:flex;position:absolute;top:calc((1.5rem - 1.5rem) / 2)}.radio__label-icon--md.sc-tet-radio+.radio__label.sc-tet-radio{padding-left:calc(1.5rem + var(--label-icon-gap, 0.5rem))}.radio__label-icon--lg-inter.sc-tet-radio,.radio__label-icon--lg-gilroy.sc-tet-radio{--label-icon-gap:0.5rem;--icon-size:1.5rem;--icon-container-display:flex;position:absolute;top:calc((1.5rem - 1.5rem) / 2)}.radio__label-icon--lg-inter.sc-tet-radio+.radio__label.sc-tet-radio,.radio__label-icon--lg-gilroy.sc-tet-radio+.radio__label.sc-tet-radio{padding-left:calc(1.5rem + var(--label-icon-gap, 0.5rem))}.radio__label-icon--tc-netflix-2.radio__label-icon--sm.sc-tet-radio{--label-icon-gap:0.5rem;--icon-size:1.375rem;--icon-container-display:flex;position:absolute;top:calc((1.25rem - 1.375rem) / 2)}.radio__label-icon--tc-netflix-2.radio__label-icon--sm.sc-tet-radio+.radio__label.sc-tet-radio{padding-left:calc(1.375rem + var(--label-icon-gap, 0.5rem))}.radio__label-icon--tc-netflix-2.radio__label-icon--md.sc-tet-radio{--label-icon-gap:0.5rem;--icon-size:1.625rem;--icon-container-display:flex;position:absolute;top:calc((1.5rem - 1.625rem) / 2)}.radio__label-icon--tc-netflix-2.radio__label-icon--md.sc-tet-radio+.radio__label.sc-tet-radio{padding-left:calc(1.625rem + var(--label-icon-gap, 0.5rem))}.radio__label-icon--tc-netflix-2.radio__label-icon--lg-inter.sc-tet-radio,.radio__label-icon--tc-netflix-2.radio__label-icon--lg-gilroy.sc-tet-radio{--label-icon-gap:0.5rem;--icon-size:1.875rem;--icon-container-display:flex;position:absolute;top:calc((1.5rem - 1.875rem) / 2)}.radio__label-icon--tc-netflix-2.radio__label-icon--lg-inter.sc-tet-radio+.radio__label.sc-tet-radio,.radio__label-icon--tc-netflix-2.radio__label-icon--lg-gilroy.sc-tet-radio+.radio__label.sc-tet-radio{padding-left:calc(1.875rem + var(--label-icon-gap, 0.5rem))}.radio__label-icon--tc-tet-tv.radio__label-icon--sm.sc-tet-radio{--label-icon-gap:0.5rem;--icon-size:1.5rem;--icon-container-display:flex;position:absolute;top:calc((1.25rem - 1.5rem) / 2)}.radio__label-icon--tc-tet-tv.radio__label-icon--sm.sc-tet-radio+.radio__label.sc-tet-radio{padding-left:calc(1.5rem + var(--label-icon-gap, 0.5rem))}.radio__label-icon--tc-tet-tv.radio__label-icon--md.sc-tet-radio{--label-icon-gap:0.5rem;--icon-size:1.875rem;--icon-container-display:flex;position:absolute;top:calc((1.5rem - 1.875rem) / 2)}.radio__label-icon--tc-tet-tv.radio__label-icon--md.sc-tet-radio+.radio__label.sc-tet-radio{padding-left:calc(1.875rem + var(--label-icon-gap, 0.5rem))}.radio__label-icon--tc-tet-tv.radio__label-icon--lg-inter.sc-tet-radio,.radio__label-icon--tc-tet-tv.radio__label-icon--lg-gilroy.sc-tet-radio{--label-icon-gap:0.5rem;--icon-size:2.5rem;--icon-container-display:flex;position:absolute;top:calc((1.5rem - 2.5rem) / 2)}.radio__label-icon--tc-tet-tv.radio__label-icon--lg-inter.sc-tet-radio+.radio__label.sc-tet-radio,.radio__label-icon--tc-tet-tv.radio__label-icon--lg-gilroy.sc-tet-radio+.radio__label.sc-tet-radio{padding-left:calc(2.5rem + var(--label-icon-gap, 0.5rem))}.radio__label-icon--tc-tet-plus.radio__label-icon--sm.sc-tet-radio{--label-icon-gap:0.5rem;--icon-size:1.75rem;--icon-container-display:flex;position:absolute;top:calc((1.25rem - 1.75rem) / 2)}.radio__label-icon--tc-tet-plus.radio__label-icon--sm.sc-tet-radio+.radio__label.sc-tet-radio{padding-left:calc(1.75rem + var(--label-icon-gap, 0.5rem))}.radio__label-icon--tc-tet-plus.radio__label-icon--md.sc-tet-radio{--label-icon-gap:0.5rem;--icon-size:2rem;--icon-container-display:flex;position:absolute;top:calc((1.5rem - 2rem) / 2)}.radio__label-icon--tc-tet-plus.radio__label-icon--md.sc-tet-radio+.radio__label.sc-tet-radio{padding-left:calc(2rem + var(--label-icon-gap, 0.5rem))}.radio__label-icon--tc-tet-plus.radio__label-icon--lg-inter.sc-tet-radio,.radio__label-icon--tc-tet-plus.radio__label-icon--lg-gilroy.sc-tet-radio{--label-icon-gap:0.5rem;--icon-size:2.625rem;--icon-container-display:flex;position:absolute;top:calc((1.5rem - 2.625rem) / 2)}.radio__label-icon--tc-tet-plus.radio__label-icon--lg-inter.sc-tet-radio+.radio__label.sc-tet-radio,.radio__label-icon--tc-tet-plus.radio__label-icon--lg-gilroy.sc-tet-radio+.radio__label.sc-tet-radio{padding-left:calc(2.625rem + var(--label-icon-gap, 0.5rem))}.radio__label-icon--tc-whalebone.radio__label-icon--sm.sc-tet-radio{--label-icon-gap:0.5rem;--icon-size:1rem;--icon-container-display:flex;position:absolute;top:calc((1.25rem - 1rem) / 2)}.radio__label-icon--tc-whalebone.radio__label-icon--sm.sc-tet-radio+.radio__label.sc-tet-radio{padding-left:calc(1rem + var(--label-icon-gap, 0.5rem))}.radio__label-icon--tc-whalebone.radio__label-icon--md.sc-tet-radio{--label-icon-gap:0.5rem;--icon-size:1.25rem;--icon-container-display:flex;position:absolute;top:calc((1.5rem - 1.25rem) / 2)}.radio__label-icon--tc-whalebone.radio__label-icon--md.sc-tet-radio+.radio__label.sc-tet-radio{padding-left:calc(1.25rem + var(--label-icon-gap, 0.5rem))}.radio__label-icon--tc-whalebone.radio__label-icon--lg-inter.sc-tet-radio,.radio__label-icon--tc-whalebone.radio__label-icon--lg-gilroy.sc-tet-radio{--label-icon-gap:0.5rem;--icon-size:1.5rem;--icon-container-display:flex;position:absolute;top:calc((1.5rem - 1.5rem) / 2)}.radio__label-icon--tc-whalebone.radio__label-icon--lg-inter.sc-tet-radio+.radio__label.sc-tet-radio,.radio__label-icon--tc-whalebone.radio__label-icon--lg-gilroy.sc-tet-radio+.radio__label.sc-tet-radio{padding-left:calc(1.5rem + var(--label-icon-gap, 0.5rem))}';export{l as tet_radio}
1
+ import{r as o,c as r,g as a,h as t,H as e}from"./p-83f43fdd.js";import{r as i}from"./p-df4bc38e.js";const l=class{constructor(a){o(this,a),this.check=r(this,"check",7),this.theme="light",this.label=void 0,this.accessibilityLabel="",this.name=void 0,this.value=0,this.disabled=!1,this.unavailable=!1,this.checked=!1,this.error=!1,this.inputAutofocus=!1,this.focusStyleOnContainer=!1,this.iconName=void 0,this.labelFont="sm",this.alignCenter=!1,this.hasSlotIcon=!1}id;get radioElement(){return a(this)}check;async setChecked(o){this.checked=o}async setError(o){this.error=o}onKeydown(o){["-","+","."].includes(o.key)&&o.preventDefault()}handleInputChange=({target:o})=>{const{value:r,error:a}=this,t=o.checked;if(t){const o=this.radioElement.getRootNode();Array.from(o.querySelectorAll("tet-radio")).filter((o=>o.name===this.name)).forEach((o=>{o!==this.radioElement&&o.checked&&o.setChecked(!1)}))}this.checked=t,this.check.emit({value:r,checked:t,error:a})};connectedCallback(){this.id=i(10)}componentDidLoad(){this.checkIconSlot()}componentDidUpdate(){this.checkIconSlot()}checkIconSlot=()=>{const o=this.radioElement.querySelector('[slot="label-icon"]');this.hasSlotIcon=!!o};get iconType(){const{unavailable:o,disabled:r}=this;switch(!0){case o:return"secondary";case r:return"tertiary";default:return"primary"}}render(){const{id:o,disabled:r,value:a,checked:i,name:l,label:n,accessibilityLabel:c,error:d,inputAutofocus:s,iconName:f,labelFont:b,alignCenter:_,hasSlotIcon:m,unavailable:p,iconType:g}=this;return t(e,{key:"cc6a38f0ff6e6f621d84d7a0aa138f0247339d4c"},t("div",{key:"d20939f68533b48b2c31e4b0eb659525af9890c4",class:{radio:!0,[`radio-${this.theme}-theme`]:!0}},t("label",{key:"025bb3340129c1e98dccfa00ddfc27ea02781d8b",class:{radio__container:!0,"radio__container--focus-style":this.focusStyleOnContainer,"radio__container--align-center":_},htmlFor:o},t("input",{key:"cb922a4faa5020961c10e7779e1287cc35754d22",class:{"radio__html-input":!0,"radio__html-input--unavailable":p},id:o,name:l,type:"radio",value:a,disabled:r||p,checked:i,onChange:this.handleInputChange,autofocus:s,...c?{"aria-label":c}:{}}),t("span",{key:"5fae2a40c089d837b4a4d3fe3ad5bbaa6775bc8f",class:{"radio__input-background":!0,"radio__input-background--has-label-prop":!!n,...b?{[`radio__input-background--${b}`]:!0}:{}}}),t("span",{key:"3e51966fd96918ccab87c5c4e1acf83924981af6",class:{radio__input:!0,"radio__input--error":d,"radio__input--hide-focus-style":this.focusStyleOnContainer,"radio__input--has-label-prop":!!n,...b?{[`radio__input--${b}`]:!0}:{}}}),t("div",{key:"36e5ff1a8ad69885c06fd5ec8b22f9473f09bb68",class:{"radio__label-container":!0,"radio__label-container--line-height":m||!!f}},f?t("tet-icon",{theme:["classic","light"].includes(this.theme)?"light":"dark",name:f,type:g,class:{"radio__label-icon":!0,[`radio__label-icon--${f}`]:!0,...b?{[`radio__label-icon--${b}`]:!0}:{}}}):t("div",{class:{"radio__label-slot-icon":!0,"radio__label-slot-icon--hidden":!m,...b?{[`radio__label-slot-icon--${b}`]:!0}:{}}},t("slot",{name:"label-icon"})),t("span",{key:"afd33d235ce4da70ead28064c0050d87d4d5267e",class:{radio__label:!0,"radio__label--has-slot-icon":m,...b?{[`radio__label--${b}`]:!0}:{}},innerHTML:n},t("slot",{key:"40bd8276842d053aa8fe15db8fc7fd8ae6ff37b4"}))))))}};l.style='.sc-tet-radio-h{box-sizing:border-box}*.sc-tet-radio,*.sc-tet-radio:before,*.sc-tet-radio:after{box-sizing:inherit;padding:0;margin:0}.sc-tet-radio-h{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search.sc-tet-radio{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search.sc-tet-radio::before{content:"\\e86e"}.icon.tet-close-circled.sc-tet-radio{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled.sc-tet-radio::before{content:"\\e85a"}.icon.tet-close.sc-tet-radio{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close.sc-tet-radio::before{content:"\\e85b"}.icon.tet-check-circled.sc-tet-radio{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled.sc-tet-radio::before{content:"\\e86c"}.icon.tet-check.sc-tet-radio{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check.sc-tet-radio::before{content:"\\e855"}.icon.tet-chevron-up.sc-tet-radio{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up.sc-tet-radio::before{content:"\\e859"}.icon.tet-chevron-down.sc-tet-radio{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down.sc-tet-radio::before{content:"\\e856"}.icon.tet-clipboard.sc-tet-radio{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard.sc-tet-radio::before{content:"\\e86a"}.icon.tet-info.sc-tet-radio{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info.sc-tet-radio::before{content:"\\e81d"}.icon.tet-done.sc-tet-radio{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done.sc-tet-radio::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}.sc-tet-radio-h{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}.sc-tet-radio-h{--radio-border-color:rgb(153, 160, 174);--radio-background-color:rgb(255, 255, 255);--radio-checked-background-color:rgb(10, 11, 13);--radio-pressed-background-color:var(--tc-radio-button-pressed);--radio-icon-color:rgb(255, 255, 255);--radio-text-color:rgb(10, 11, 13);--radio-hover-border-color:rgb(153, 160, 174);--radio-hover-background-color:rgba(88, 99, 116, 0.08);--radio-checked-hover-background-color:var(--radio-checked-background-color);--radio-checked-pressed-background-color:var(--radio-checked-background-color);--radio-focus-shadow-color:rgba(88, 99, 116, 0.12);--radio-disabled-border-color:rgb(192, 197, 206);--radio-disabled-background-color:rgb(255, 255, 255);--radio-disabled-checked-background-color:rgb(153, 160, 174);--radio-disabled-text-color:rgb(153, 160, 174);--radio-error-border-color:rgb(233, 69, 54);--radio-outline-focus-color:var(--tc-blue-40);--radio-unavailable-text-color:var(--tc-text-tertiary);--radio-vertical-alignment:flex-start;--radio-gap:0.5rem;--radio-container-outline-offset:0.1875rem;display:block;position:relative}.radio-dark-theme.sc-tet-radio,.radio-mint-theme.sc-tet-radio{--radio-border-color:var(--tc-border-secondary-dark);--radio-background-color:var(--tc-radio-button-default-dark);--radio-checked-background-color:var(--tc-radio-button-active-default-dark);--radio-pressed-background-color:var(--tc-radio-button-pressed-dark);--radio-icon-color:var(--tc-layer-primary-dark);--radio-text-color:var(--tc-text-primary-dark);--radio-hover-border-color:var(--tc-border-secondary-dark);--radio-hover-background-color:var(--tc-radio-button-hover-dark);--radio-checked-hover-background-color:var(--tc-radio-button-active-hover-dark);--radio-checked-pressed-background-color:var(--tc-radio-button-active-pressed-dark);--radio-focus-shadow-color:var(--tc-radio-button-active-focus-dark);--radio-disabled-border-color:var(--tc-border-quaternary-dark);--radio-disabled-background-color:var(--tc-radio-button-disabled-dark);--radio-disabled-checked-background-color:var(--tc-radio-button-active-disabled-dark);--radio-disabled-text-color:var(--tc-grey-40-dark);--radio-error-border-color:var(--tc-alert-accent-error-dark);--radio-outline-focus-color:var(--tc-blue-40-dark);--radio-unavailable-text-color:var(--tc-text-tertiary-dark)}.radio-dark-theme.sc-tet-radio .radio__html-input.sc-tet-radio:focus-visible~.radio__input.sc-tet-radio,.radio-mint-theme.sc-tet-radio .radio__html-input.sc-tet-radio:focus-visible~.radio__input.sc-tet-radio{outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:0.125rem;transition:outline 0s}.radio-dark-theme.sc-tet-radio .radio__html-input.sc-tet-radio:focus-visible~.radio__input--hide-focus-style.sc-tet-radio,.radio-mint-theme.sc-tet-radio .radio__html-input.sc-tet-radio:focus-visible~.radio__input--hide-focus-style.sc-tet-radio{outline:none}.radio-mint-theme.sc-tet-radio{--radio-checked-background-color:rgb(31, 208, 214);--radio-hover-background-color:rgba(31, 208, 214, 0.16);--radio-focus-shadow-color:rgba(31, 208, 214, 0.24);--radio-checked-hover-background-color:var(--radio-checked-background-color);--radio-checked-pressed-background-color:var(--radio-checked-background-color)}.radio-light-theme.sc-tet-radio{--radio-border-color:var(--tc-border-secondary);--radio-background-color:var(--tc-radio-button-default);--radio-checked-background-color:var(--tc-radio-button-active-default);--radio-icon-color:var(--tc-layer-primary);--radio-text-color:var(--tc-text-primary);--radio-hover-border-color:var(--tc-border-secondary);--radio-hover-background-color:var(--tc-radio-button-hover);--radio-checked-hover-background-color:var(--tc-radio-button-active-hover);--radio-checked-pressed-background-color:var(--tc-radio-button-active-pressed);--radio-focus-shadow-color:var(--tc-radio-button-active-focus);--radio-disabled-border-color:var(--tc-border-quaternary);--radio-disabled-background-color:var(--tc-radio-button-disabled);--radio-disabled-checked-background-color:var(--tc-radio-button-active-disabled);--radio-disabled-text-color:var(--tc-grey-40);--radio-error-border-color:var(--tc-alert-accent-error);--radio-outline-focus-color:var(--tc-blue-40)}.radio__container.sc-tet-radio{user-select:none;cursor:pointer;display:flex;gap:var(--radio-gap);color:var(--radio-text-color);align-items:var(--radio-vertical-alignment)}.radio__container.sc-tet-radio:has(.radio__html-input:disabled){cursor:auto}.radio__container--focus-style.sc-tet-radio:has(.radio__html-input:focus-visible){outline:0.125rem solid var(--radio-outline-focus-color);outline-offset:var(--radio-container-outline-offset);border-radius:0.125rem}.radio__container--focus-style.sc-tet-radio .radio__html-input.sc-tet-radio:focus~.radio__input.sc-tet-radio{box-shadow:none}.radio__container.sc-tet-radio .radio__input--sm.radio__input--has-label-prop.sc-tet-radio,.radio__container.sc-tet-radio .radio__input--sm.radio__input-background--has-label-prop.sc-tet-radio,.radio__container.sc-tet-radio .radio__input-background--sm.radio__input--has-label-prop.sc-tet-radio,.radio__container.sc-tet-radio .radio__input-background--sm.radio__input-background--has-label-prop.sc-tet-radio{margin-top:0.0625rem}.radio__container.sc-tet-radio .radio__input--md.sc-tet-radio,.radio__container.sc-tet-radio .radio__input--lg-inter.sc-tet-radio,.radio__container.sc-tet-radio .radio__input--lg-gilroy.sc-tet-radio,.radio__container.sc-tet-radio .radio__input-background--md.sc-tet-radio,.radio__container.sc-tet-radio .radio__input-background--lg-inter.sc-tet-radio,.radio__container.sc-tet-radio .radio__input-background--lg-gilroy.sc-tet-radio{margin-top:0.125rem}.radio__container.sc-tet-radio .radio__input--error.sc-tet-radio,.radio__container.sc-tet-radio .radio__input-background--error.sc-tet-radio{border-color:var(--radio-error-border-color)}.radio__container--align-center.sc-tet-radio{align-items:center}.radio__container--align-center.sc-tet-radio .radio__input.sc-tet-radio{margin-top:0}.radio__container.sc-tet-radio:hover .radio__input.sc-tet-radio{border-color:var(--radio-hover-border-color);background-color:var(--radio-hover-background-color)}.radio__container.sc-tet-radio:hover .radio__input--error.sc-tet-radio{border-color:var(--radio-error-border-color)}.radio__container.sc-tet-radio:hover .radio__html-input.sc-tet-radio:checked:not(:disabled)~.radio__input.sc-tet-radio{border-color:transparent;background-color:var(--radio-checked-hover-background-color)}.radio__container.sc-tet-radio:active .radio__html-input.sc-tet-radio:checked:not(:disabled)~.radio__input.sc-tet-radio{border-color:transparent;background-color:var(--radio-checked-pressed-background-color)}.radio__icon.sc-tet-radio{display:none;position:absolute;fill:var(--radio-icon-color)}.radio__html-input.sc-tet-radio{position:absolute;opacity:0;width:0;height:0}.radio__html-input.sc-tet-radio:focus~.radio__input.sc-tet-radio{box-shadow:0 0 0 0.25rem var(--radio-focus-shadow-color)}.radio__html-input.sc-tet-radio:focus-visible~.radio__input.sc-tet-radio{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;box-shadow:none}.radio__html-input.sc-tet-radio:focus-visible~.radio__input--hide-focus-style.sc-tet-radio{outline:none}.radio__html-input.sc-tet-radio:active~.radio__input.sc-tet-radio{background-color:var(--radio-pressed-background-color)}.radio__html-input.sc-tet-radio:checked~.radio__input.sc-tet-radio{border-color:var(--radio-checked-background-color);background-color:var(--radio-checked-background-color)}.radio__html-input.sc-tet-radio:checked~.radio__input.sc-tet-radio::after{display:block}.radio__html-input[disabled].sc-tet-radio~.radio__input.sc-tet-radio{border-color:var(--radio-disabled-border-color);background-color:var(--radio-disabled-background-color)}.radio__html-input[disabled].sc-tet-radio~.radio__label-container.sc-tet-radio .radio__label.sc-tet-radio{color:var(--radio-disabled-text-color)}.radio__html-input[disabled].sc-tet-radio:checked~.radio__input.sc-tet-radio{background-color:var(--radio-disabled-checked-background-color)}.radio__html-input[disabled].radio__html-input--unavailable.sc-tet-radio~.radio__label-container.sc-tet-radio .radio__label.sc-tet-radio{color:var(--radio-unavailable-text-color)}.radio__input-background.sc-tet-radio{display:inline-flex;position:absolute;width:1.25rem;min-width:1.25rem;height:1.25rem;border-radius:50%;background-color:var(--radio-background-color)}.radio__input.sc-tet-radio{display:inline-flex;position:relative;width:1.25rem;min-width:1.25rem;height:1.25rem;border:0.1rem solid var(--radio-border-color);border-radius:50%;z-index:1}.radio__input.sc-tet-radio::after{content:"";display:none;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0.4375rem;height:0.4375rem;border-radius:50%;background-color:var(--radio-icon-color)}.radio__label-container.sc-tet-radio{position:relative}.radio__label-container--line-height.sc-tet-radio{line-height:0}.radio__label-slot-icon.sc-tet-radio{display:inline-flex;vertical-align:middle}.radio__label-slot-icon--hidden.sc-tet-radio{display:none}.radio__label-slot-icon.sc-tet-radio-s>*,.radio__label-slot-icon .sc-tet-radio-s>*{width:auto;height:1rem;margin-right:0.5rem}.radio__label-slot-icon--md.sc-tet-radio-s>*,.radio__label-slot-icon--md .sc-tet-radio-s>*{height:1.25rem}.radio__label-slot-icon--lg-inter.sc-tet-radio-s>*,.radio__label-slot-icon--lg-inter .sc-tet-radio-s>*,.radio__label-slot-icon--lg-gilroy.sc-tet-radio-s>*,.radio__label-slot-icon--lg-gilroy .sc-tet-radio-s>*{height:1.5rem}.radio__label--has-slot-icon.sc-tet-radio{vertical-align:middle}.radio__label--sm.sc-tet-radio{font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}.radio__label--md.sc-tet-radio{font:500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";vertical-align:middle}.radio__label--lg-inter.sc-tet-radio{font:500 1.25rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";vertical-align:middle}.radio__label--lg-gilroy.sc-tet-radio{font:600 1.25rem/1.5rem "Gilroy", "Gilroy, Arial, sans-serif";vertical-align:middle}.radio__label-icon--sm.sc-tet-radio{--label-icon-gap:0.5rem;--icon-size:1.25rem;--icon-container-display:flex;position:absolute;top:calc((1.25rem - 1.25rem) / 2)}.radio__label-icon--sm.sc-tet-radio+.radio__label.sc-tet-radio{padding-left:calc(1.25rem + var(--label-icon-gap, 0.5rem))}.radio__label-icon--md.sc-tet-radio{--label-icon-gap:0.5rem;--icon-size:1.5rem;--icon-container-display:flex;position:absolute;top:calc((1.5rem - 1.5rem) / 2)}.radio__label-icon--md.sc-tet-radio+.radio__label.sc-tet-radio{padding-left:calc(1.5rem + var(--label-icon-gap, 0.5rem))}.radio__label-icon--lg-inter.sc-tet-radio,.radio__label-icon--lg-gilroy.sc-tet-radio{--label-icon-gap:0.5rem;--icon-size:1.5rem;--icon-container-display:flex;position:absolute;top:calc((1.5rem - 1.5rem) / 2)}.radio__label-icon--lg-inter.sc-tet-radio+.radio__label.sc-tet-radio,.radio__label-icon--lg-gilroy.sc-tet-radio+.radio__label.sc-tet-radio{padding-left:calc(1.5rem + var(--label-icon-gap, 0.5rem))}.radio__label-icon--tc-netflix-2.radio__label-icon--sm.sc-tet-radio{--label-icon-gap:0.5rem;--icon-size:1.375rem;--icon-container-display:flex;position:absolute;top:calc((1.25rem - 1.375rem) / 2)}.radio__label-icon--tc-netflix-2.radio__label-icon--sm.sc-tet-radio+.radio__label.sc-tet-radio{padding-left:calc(1.375rem + var(--label-icon-gap, 0.5rem))}.radio__label-icon--tc-netflix-2.radio__label-icon--md.sc-tet-radio{--label-icon-gap:0.5rem;--icon-size:1.625rem;--icon-container-display:flex;position:absolute;top:calc((1.5rem - 1.625rem) / 2)}.radio__label-icon--tc-netflix-2.radio__label-icon--md.sc-tet-radio+.radio__label.sc-tet-radio{padding-left:calc(1.625rem + var(--label-icon-gap, 0.5rem))}.radio__label-icon--tc-netflix-2.radio__label-icon--lg-inter.sc-tet-radio,.radio__label-icon--tc-netflix-2.radio__label-icon--lg-gilroy.sc-tet-radio{--label-icon-gap:0.5rem;--icon-size:1.875rem;--icon-container-display:flex;position:absolute;top:calc((1.5rem - 1.875rem) / 2)}.radio__label-icon--tc-netflix-2.radio__label-icon--lg-inter.sc-tet-radio+.radio__label.sc-tet-radio,.radio__label-icon--tc-netflix-2.radio__label-icon--lg-gilroy.sc-tet-radio+.radio__label.sc-tet-radio{padding-left:calc(1.875rem + var(--label-icon-gap, 0.5rem))}.radio__label-icon--tc-tet-tv.radio__label-icon--sm.sc-tet-radio{--label-icon-gap:0.5rem;--icon-size:1.5rem;--icon-container-display:flex;position:absolute;top:calc((1.25rem - 1.5rem) / 2)}.radio__label-icon--tc-tet-tv.radio__label-icon--sm.sc-tet-radio+.radio__label.sc-tet-radio{padding-left:calc(1.5rem + var(--label-icon-gap, 0.5rem))}.radio__label-icon--tc-tet-tv.radio__label-icon--md.sc-tet-radio{--label-icon-gap:0.5rem;--icon-size:1.875rem;--icon-container-display:flex;position:absolute;top:calc((1.5rem - 1.875rem) / 2)}.radio__label-icon--tc-tet-tv.radio__label-icon--md.sc-tet-radio+.radio__label.sc-tet-radio{padding-left:calc(1.875rem + var(--label-icon-gap, 0.5rem))}.radio__label-icon--tc-tet-tv.radio__label-icon--lg-inter.sc-tet-radio,.radio__label-icon--tc-tet-tv.radio__label-icon--lg-gilroy.sc-tet-radio{--label-icon-gap:0.5rem;--icon-size:2.5rem;--icon-container-display:flex;position:absolute;top:calc((1.5rem - 2.5rem) / 2)}.radio__label-icon--tc-tet-tv.radio__label-icon--lg-inter.sc-tet-radio+.radio__label.sc-tet-radio,.radio__label-icon--tc-tet-tv.radio__label-icon--lg-gilroy.sc-tet-radio+.radio__label.sc-tet-radio{padding-left:calc(2.5rem + var(--label-icon-gap, 0.5rem))}.radio__label-icon--tc-tet-plus.radio__label-icon--sm.sc-tet-radio{--label-icon-gap:0.5rem;--icon-size:1.75rem;--icon-container-display:flex;position:absolute;top:calc((1.25rem - 1.75rem) / 2)}.radio__label-icon--tc-tet-plus.radio__label-icon--sm.sc-tet-radio+.radio__label.sc-tet-radio{padding-left:calc(1.75rem + var(--label-icon-gap, 0.5rem))}.radio__label-icon--tc-tet-plus.radio__label-icon--md.sc-tet-radio{--label-icon-gap:0.5rem;--icon-size:2rem;--icon-container-display:flex;position:absolute;top:calc((1.5rem - 2rem) / 2)}.radio__label-icon--tc-tet-plus.radio__label-icon--md.sc-tet-radio+.radio__label.sc-tet-radio{padding-left:calc(2rem + var(--label-icon-gap, 0.5rem))}.radio__label-icon--tc-tet-plus.radio__label-icon--lg-inter.sc-tet-radio,.radio__label-icon--tc-tet-plus.radio__label-icon--lg-gilroy.sc-tet-radio{--label-icon-gap:0.5rem;--icon-size:2.625rem;--icon-container-display:flex;position:absolute;top:calc((1.5rem - 2.625rem) / 2)}.radio__label-icon--tc-tet-plus.radio__label-icon--lg-inter.sc-tet-radio+.radio__label.sc-tet-radio,.radio__label-icon--tc-tet-plus.radio__label-icon--lg-gilroy.sc-tet-radio+.radio__label.sc-tet-radio{padding-left:calc(2.625rem + var(--label-icon-gap, 0.5rem))}.radio__label-icon--tc-whalebone.radio__label-icon--sm.sc-tet-radio{--label-icon-gap:0.5rem;--icon-size:1rem;--icon-container-display:flex;position:absolute;top:calc((1.25rem - 1rem) / 2)}.radio__label-icon--tc-whalebone.radio__label-icon--sm.sc-tet-radio+.radio__label.sc-tet-radio{padding-left:calc(1rem + var(--label-icon-gap, 0.5rem))}.radio__label-icon--tc-whalebone.radio__label-icon--md.sc-tet-radio{--label-icon-gap:0.5rem;--icon-size:1.25rem;--icon-container-display:flex;position:absolute;top:calc((1.5rem - 1.25rem) / 2)}.radio__label-icon--tc-whalebone.radio__label-icon--md.sc-tet-radio+.radio__label.sc-tet-radio{padding-left:calc(1.25rem + var(--label-icon-gap, 0.5rem))}.radio__label-icon--tc-whalebone.radio__label-icon--lg-inter.sc-tet-radio,.radio__label-icon--tc-whalebone.radio__label-icon--lg-gilroy.sc-tet-radio{--label-icon-gap:0.5rem;--icon-size:1.5rem;--icon-container-display:flex;position:absolute;top:calc((1.5rem - 1.5rem) / 2)}.radio__label-icon--tc-whalebone.radio__label-icon--lg-inter.sc-tet-radio+.radio__label.sc-tet-radio,.radio__label-icon--tc-whalebone.radio__label-icon--lg-gilroy.sc-tet-radio+.radio__label.sc-tet-radio{padding-left:calc(1.5rem + var(--label-icon-gap, 0.5rem))}';export{l as tet_radio}
@@ -1 +1 @@
1
- import{r as t,g as e,h as f,H as o}from"./p-83f43fdd.js";const r=class{constructor(e){t(this,e),this.headerTitle="",this.headerImageSrc="",this.footerTitle="",this.footerText="",this.containerSize="small"}get element(){return e(this)}onWindowResize(){this.setContainerSize()}componentDidLoad(){this.setContainerSize()}setContainerSize=()=>{const t=this.element.getBoundingClientRect().width;this.containerSize=t<=500?"small":t<=768?"medium":"large"};render(){return f(o,{key:"47766c58e76f3e86d0220ba6aa3f9740e68d48dc"},f("div",{key:"5697a804ff5743c7b68f37ffd0890d4f20d340d9",class:{"tv-gift":!0,[`tv-gift--${this.containerSize}`]:!0}},f("div",{key:"261d334e0c19b7068659cf9069eb41a7fd0c7dcd",class:"tv-gift__header"},f("slot",{key:"340c5bccea98bca63b2a8db3dff5eb8eff16219f",name:"header"},this.headerImageSrc&&f("img",{key:"e47ef1f47321bad42ac6f36e93028335968b602e",class:"tv-gift__header__image",src:this.headerImageSrc}),f("div",{key:"a6932109d695f51c46fda6d7e4115fdd213af8f9",class:"tv-gift__header-text"},this.headerTitle))),f("div",{key:"811f89ea5c5f8cb4f4f44e50bd82cee5ade9e074",class:"tv-gift__content"},f("slot",{key:"4282eedb46dad8c7ca822de94b60fbfe96cde540"})),f("div",{key:"6d7c86587c46337d07d6866d91b3491bd0e5dace",class:"tv-gift__footer"},f("slot",{key:"970be6796e4e642b2f2f0af7555938c44d355eb2",name:"footer"},f("span",{key:"ec262d59b77169af2b854fcf541b903a4733c607",class:"tv-gift__footer__title"},this.footerTitle),f("span",{key:"bb40a032745b5e69ea3de96da1fa823744c55ddb",class:"tv-gift__footer__text"},this.footerText)))))}};r.style='@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{display:block}.tv-gift{padding:3.5rem 1rem 2rem}.tv-gift--medium{padding:3.5rem 1.5rem 2.5rem}.tv-gift--large{padding:3.5rem}.tv-gift__header{font:600 1.5rem/1.75rem "Gilroy", "Gilroy, Arial, sans-serif";display:flex;justify-content:center;flex-direction:column;text-align:center;padding-bottom:2rem;gap:1.5rem}.tv-gift--medium .tv-gift__header{font:600 2rem/2.25rem "Gilroy", "Gilroy, Arial, sans-serif"}.tv-gift--large .tv-gift__header{font:600 2.5rem/3rem "Gilroy", "Gilroy, Arial, sans-serif";padding-bottom:2.5rem}.tv-gift__header__image{height:2.125rem;margin:0 auto}.tv-gift__content{--icon-size:1.25rem;--accordion-background-color:transparent}.tv-gift--large .tv-gift__content{--icon-size:1.5rem}.tv-gift__footer{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";text-align:center;display:flex;flex-direction:column;margin-top:2rem}.tv-gift--large .tv-gift__footer{margin-top:2.5rem}.tv-gift__footer__title{font:600 1.5rem/1.75rem "Gilroy", "Gilroy, Arial, sans-serif";line-height:1.75rem;margin-bottom:1rem}@media screen and (min-width: 31.25rem){.tv-gift__footer__title{font:600 1.75rem/2rem "Gilroy", "Gilroy, Arial, sans-serif";line-height:2rem}}.tv-gift__footer__text{line-height:1.25rem}';export{r as tet_tv_gift_block}
1
+ import{r as t,g as f,h as e,H as o}from"./p-83f43fdd.js";const r=class{constructor(f){t(this,f),this.headerTitle="",this.headerImageSrc="",this.footerTitle="",this.footerText="",this.containerSize="small"}get element(){return f(this)}onWindowResize(){this.setContainerSize()}componentDidLoad(){this.setContainerSize()}setContainerSize=()=>{const t=this.element.getBoundingClientRect().width;this.containerSize=t<=500?"small":t<=768?"medium":"large"};render(){return e(o,{key:"5f4d12b9858d5ea9fd7dd50af290cf6ab80e2fe3"},e("div",{key:"bfd12dd2ccf1e82ece175a7fda93d77249a80120",class:{"tv-gift":!0,[`tv-gift--${this.containerSize}`]:!0}},e("div",{key:"034e114ce23693aff060376c1f4fe52695ba7366",class:"tv-gift__header"},e("slot",{key:"61a3e08b8584724745aa2dd8a73b85f17ed5ca05",name:"header"},this.headerImageSrc&&e("img",{key:"0f2b6fdc324b0d4df303dbbe894daadbc2d9f581",class:"tv-gift__header__image",src:this.headerImageSrc}),e("div",{key:"c5a456a191b95577d239401f4694dd175592170f",class:"tv-gift__header-text"},this.headerTitle))),e("div",{key:"c15d9be9a6092d53dfb4e7b4b2e41a4f7a39550e",class:"tv-gift__content"},e("slot",{key:"fc28b5d9308cc1c660f3ab23e3afd4595b41f60e"})),e("div",{key:"63a406ac5dee59d580f4ef3d7c187ff77f79d48a",class:"tv-gift__footer"},e("slot",{key:"5dd45fa821af3419a7090b5fd1e694d6cf2ded95",name:"footer"},e("span",{key:"00ad84b88d4703b2f53775fbd9519abb406d2b16",class:"tv-gift__footer__title"},this.footerTitle),e("span",{key:"f80c37b12ae88904746d068c04b93dd681efeaf8",class:"tv-gift__footer__text"},this.footerText)))))}};r.style='@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{display:block}.tv-gift{padding:3.5rem 1rem 2rem}.tv-gift--medium{padding:3.5rem 1.5rem 2.5rem}.tv-gift--large{padding:3.5rem}.tv-gift__header{font:600 1.5rem/1.75rem "Gilroy", "Gilroy, Arial, sans-serif";display:flex;justify-content:center;flex-direction:column;text-align:center;padding-bottom:2rem;gap:1.5rem}.tv-gift--medium .tv-gift__header{font:600 2rem/2.25rem "Gilroy", "Gilroy, Arial, sans-serif"}.tv-gift--large .tv-gift__header{font:600 2.5rem/3rem "Gilroy", "Gilroy, Arial, sans-serif";padding-bottom:2.5rem}.tv-gift__header__image{height:2.125rem;margin:0 auto}.tv-gift__content{--icon-size:1.25rem;--accordion-background-color:transparent}.tv-gift--large .tv-gift__content{--icon-size:1.5rem}.tv-gift__footer{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";text-align:center;display:flex;flex-direction:column;margin-top:2rem}.tv-gift--large .tv-gift__footer{margin-top:2.5rem}.tv-gift__footer__title{font:600 1.5rem/1.75rem "Gilroy", "Gilroy, Arial, sans-serif";line-height:1.75rem;margin-bottom:1rem}@media screen and (min-width: 31.25rem){.tv-gift__footer__title{font:600 1.75rem/2rem "Gilroy", "Gilroy, Arial, sans-serif";line-height:2rem}}.tv-gift__footer__text{line-height:1.25rem}';export{r as tet_tv_gift_block}
@@ -1 +1 @@
1
- import{r as e,h as t,H as n}from"./p-83f43fdd.js";const i=class{constructor(t){e(this,t),this.stepperData=[]}renderStep=(e,t)=>[this.renderStepData(e),this.renderStepLine(e,t)];renderStepData=e=>{let n;const i=t("div",{class:{"stepper-step-description":!0}},t("div",{innerHTML:e?.description}));switch(e?.type){case"icon":{const i="close"===e?.icon?"close":"check";n=t("div",{class:"stepper-step-content-icon"},t("tet-icon",{class:{icon:!0,[`icon-${i}`]:!0},name:"close"===i?"close-circle":"check-circle","aria-hidden":"true"}));break}case"data":n=t("div",{class:{"stepper-step-content-data":!0}},t("div",{innerHTML:e?.data}))}return t("li",{class:{"stepper-step":!0,data:"data"===e?.type,icon:"icon"===e?.type}},t("div",{class:"stepper-step-content"},n),e.description?i:null)};renderStepLine=(e,n)=>this.stepperData.length-1>n?t("li",{class:{"stepper-line":!0,active:e.active,"post-icon":"icon"===e.type,"post-data":"data"===e.type,"pre-icon":"icon"===this.stepperData[n+1]?.type,"pre-data":"data"===this.stepperData[n+1]?.type}}):null;render(){return t(n,{key:"bd2f8e9201112b20aec56448ef4f64a55b1227e2"},t("ol",{key:"ce3606867865a503fd315e0a7bc8c3ad357374bb",class:"stepper"},this.stepperData.map(this.renderStep)))}};i.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{--step-active-line-color:rgb(0, 96, 245);--step-active-line-size:0.1875rem;--step-active-line-style:solid;--step-data-bg-color:rgb(255, 255, 255);--step-data-border-radius:0.375rem;--step-data-border-size:0.125rem;--step-data-text-color:var(--color-ta500);--step-data-strong-text-color:var(--color-ta500);--step-data-text-size:0.875rem;--step-description-text-color:var(--color-ta500);--step-description-strong-text-color:var(--color-ta500);--step-description-text-size:0.875rem;--step-horizontal-line-width:3.125rem;--step-icon-size:1.25rem;--step-line-margin-x:1rem;--step-line-margin-y:1rem;--step-min-height:4.375rem;--step-non-active-line-color:var(--color-ta100);--step-non-active-line-size:0.1875rem;--step-non-active-line-style:dashed;--step-vertical-line-height:2rem;--step-width:10.625rem;display:flex;justify-content:center;align-items:center}.stepper{display:flex;padding:0;margin:0;font-family:var(--text-font)}@media screen and (max-width: 63.9375rem){.stepper{flex-direction:column;flex-wrap:wrap}}@media screen and (min-width: 64rem){.stepper{flex-direction:row;flex-wrap:nowrap;margin:calc(var(--step-min-height) / 2) 0 0}}.stepper-step{position:relative;display:flex;flex-direction:column}@media screen and (max-width: 35.9375rem){.stepper-step{max-width:12.4375rem}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-step{flex-direction:row}}@media screen and (min-width: 64rem){.stepper-step{width:var(--step-width)}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-step-content{min-width:12.75rem}}@media screen and (min-width: 64rem){.stepper-step-content{width:var(--step-width);height:var(--step-min-height)}}.stepper-step-content-icon{display:flex;justify-content:center;align-items:center}@media screen and (max-width: 35.9375rem){.stepper-step-content-icon{width:100%}}@media screen and (min-width: 36rem) and (max-width: 47.9375rem){.stepper-step-content-icon{width:12.75rem}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-step-content-icon{min-height:var(--step-min-height)}}@media screen and (min-width: 48rem) and (max-width: 63.9375rem){.stepper-step-content-icon{min-width:var(--step-width)}}@media screen and (min-width: 64rem){.stepper-step-content-icon{min-height:var(--step-min-height);transform:translateY(-35%)}}.stepper-step-content-icon .icon{--icon-size:var(--step-icon-size)}.stepper-step-content-icon .icon-check{--icon-color:var(--step-active-line-color)}.stepper-step-content-icon .icon-close{--icon-color:var(--step-non-active-line-color)}.stepper-step-content-data{display:flex;flex-shrink:0;justify-content:center;align-items:center;min-height:var(--step-min-height);padding:0.375rem;background:var(--step-data-bg-color);border:var(--step-data-border-size) solid var(--step-active-line-color);border-radius:var(--step-data-border-radius);color:var(--step-data-text-color);text-align:center;font-size:var(--step-data-text-size);line-height:1.25rem;letter-spacing:0.0125rem}@media screen and (max-width: 35.9375rem){.stepper-step-content-data{width:100%}}@media screen and (min-width: 36rem) and (max-width: 47.9375rem){.stepper-step-content-data{width:12.75rem}}@media screen and (min-width: 48rem) and (max-width: 63.9375rem){.stepper-step-content-data{min-width:var(--step-width)}}@media screen and (min-width: 64rem){.stepper-step-content-data{transform:translateY(-35%)}}.stepper-step-content-data strong{color:var(--step-data-strong-text-color)}.stepper-step-description{color:var(--step-description-text-color);text-align:center;font-size:var(--step-description-text-size);line-height:1.25rem;letter-spacing:0.0125rem}@media screen and (max-width: 35.9375rem){.stepper-step-description{margin-top:0.5rem}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-step-description{display:flex;flex:100%;justify-content:flex-start;align-items:center;max-width:calc(var(--step-width) * 1.45);margin-left:1rem;text-align:left}}.stepper-step-description strong{color:var(--step-description-strong-text-color)}@media screen and (min-width: 36rem) and (max-width: 47.9375rem){.stepper-line.post-icon.pre-data+.stepper-step.data{margin-top:calc(var(--step-line-margin-y) / 2)}}.stepper-line{display:block;border-color:var(--step-non-active-line-color);border-style:var(--step-non-active-line-style);border-width:0}@media screen and (max-width: 35.9375rem){.stepper-line{min-height:var(--step-vertical-line-height);margin-left:calc(50% - var(--step-non-active-line-size) / 2);border-left-width:var(--step-non-active-line-size)}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-line{min-height:calc(var(--step-vertical-line-height));margin-left:calc(6.375rem - var(--step-non-active-line-size) / 2);border-left-width:var(--step-non-active-line-size)}}@media screen and (min-width: 64rem){.stepper-line{margin-top:calc(var(--step-icon-size) / 2 - var(--step-active-line-size) / 2);border-top-width:var(--step-non-active-line-size)}}.stepper-line.active{border-color:var(--step-active-line-color);border-style:var(--step-active-line-style)}@media screen and (max-width: 63.9375rem){.stepper-line.active{border-left-width:var(--step-active-line-size)}}@media screen and (min-width: 64rem){.stepper-line.active{border-top-width:var(--step-active-line-size)}}@media screen and (max-width: 35.9375rem){.stepper-line.post-icon{margin-top:calc(var(--step-line-margin-y) / 2)}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-line.post-icon{margin-top:calc(var(--step-line-margin-y) * -0.7)}}@media screen and (min-width: 64rem){.stepper-line.post-icon{margin-left:calc((var(--step-width) / 2 - var(--step-icon-size) / 2 - var(--step-line-margin-x)) * -1)}}@media screen and (max-width: 35.9375rem){.stepper-line.post-data{margin-top:calc(var(--step-line-margin-y) / 2)}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-line.post-data{margin-top:var(--step-line-margin-y)}}@media screen and (min-width: 64rem){.stepper-line.post-data{min-width:calc(var(--step-horizontal-line-width) * 2);margin-left:var(--step-line-margin-x)}}@media screen and (max-width: 35.9375rem){.stepper-line.pre-icon{margin-bottom:calc(var(--step-line-margin-y) / 2)}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-line.pre-icon{margin-bottom:calc(var(--step-line-margin-y) * -0.7)}}@media screen and (min-width: 64rem){.stepper-line.pre-icon{margin-right:calc((var(--step-width) / 2 - var(--step-icon-size) / 2 - var(--step-line-margin-x)) * -1)}}@media screen and (max-width: 35.9375rem){.stepper-line.pre-data{margin-bottom:calc(var(--step-line-margin-y) / 2)}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-line.pre-data{margin-bottom:var(--step-line-margin-y)}}@media screen and (min-width: 64rem){.stepper-line.pre-data{margin-right:var(--step-line-margin-x)}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-line.post-icon.pre-icon{min-height:calc(var(--step-vertical-line-height))}}@media screen and (min-width: 64rem){.stepper-line.post-icon.pre-icon{min-width:calc(var(--step-horizontal-line-width) * 2)}}@media screen and (min-width: 36rem) and (max-width: 47.9375rem){.stepper-line.post-icon.pre-data{margin-bottom:calc(var(--step-line-margin-y) / 2)}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-line.post-icon.pre-data{min-height:calc(var(--step-vertical-line-height))}}@media screen and (min-width: 64rem){.stepper-line.post-icon.pre-data{min-width:calc(var(--step-horizontal-line-width) * 2)}}';export{i as tet_stepper}
1
+ import{r as e,h as t,H as n}from"./p-83f43fdd.js";const i=class{constructor(t){e(this,t),this.stepperData=[]}renderStep=(e,t)=>[this.renderStepData(e),this.renderStepLine(e,t)];renderStepData=e=>{let n;const i=t("div",{class:{"stepper-step-description":!0}},t("div",{innerHTML:e?.description}));switch(e?.type){case"icon":{const i="close"===e?.icon?"close":"check";n=t("div",{class:"stepper-step-content-icon"},t("tet-icon",{class:{icon:!0,[`icon-${i}`]:!0},name:"close"===i?"close-circle":"check-circle","aria-hidden":"true"}));break}case"data":n=t("div",{class:{"stepper-step-content-data":!0}},t("div",{innerHTML:e?.data}))}return t("li",{class:{"stepper-step":!0,data:"data"===e?.type,icon:"icon"===e?.type}},t("div",{class:"stepper-step-content"},n),e.description?i:null)};renderStepLine=(e,n)=>this.stepperData.length-1>n?t("li",{class:{"stepper-line":!0,active:e.active,"post-icon":"icon"===e.type,"post-data":"data"===e.type,"pre-icon":"icon"===this.stepperData[n+1]?.type,"pre-data":"data"===this.stepperData[n+1]?.type}}):null;render(){return t(n,{key:"b8f41b440fc5da27179ae6c0c1900fc9e3694c3a"},t("ol",{key:"4c1897d3c3f3fe946a66ed10950bd534b0491656",class:"stepper"},this.stepperData.map(this.renderStep)))}};i.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{--step-active-line-color:rgb(0, 96, 245);--step-active-line-size:0.1875rem;--step-active-line-style:solid;--step-data-bg-color:rgb(255, 255, 255);--step-data-border-radius:0.375rem;--step-data-border-size:0.125rem;--step-data-text-color:var(--color-ta500);--step-data-strong-text-color:var(--color-ta500);--step-data-text-size:0.875rem;--step-description-text-color:var(--color-ta500);--step-description-strong-text-color:var(--color-ta500);--step-description-text-size:0.875rem;--step-horizontal-line-width:3.125rem;--step-icon-size:1.25rem;--step-line-margin-x:1rem;--step-line-margin-y:1rem;--step-min-height:4.375rem;--step-non-active-line-color:var(--color-ta100);--step-non-active-line-size:0.1875rem;--step-non-active-line-style:dashed;--step-vertical-line-height:2rem;--step-width:10.625rem;display:flex;justify-content:center;align-items:center}.stepper{display:flex;padding:0;margin:0;font-family:var(--text-font)}@media screen and (max-width: 63.9375rem){.stepper{flex-direction:column;flex-wrap:wrap}}@media screen and (min-width: 64rem){.stepper{flex-direction:row;flex-wrap:nowrap;margin:calc(var(--step-min-height) / 2) 0 0}}.stepper-step{position:relative;display:flex;flex-direction:column}@media screen and (max-width: 35.9375rem){.stepper-step{max-width:12.4375rem}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-step{flex-direction:row}}@media screen and (min-width: 64rem){.stepper-step{width:var(--step-width)}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-step-content{min-width:12.75rem}}@media screen and (min-width: 64rem){.stepper-step-content{width:var(--step-width);height:var(--step-min-height)}}.stepper-step-content-icon{display:flex;justify-content:center;align-items:center}@media screen and (max-width: 35.9375rem){.stepper-step-content-icon{width:100%}}@media screen and (min-width: 36rem) and (max-width: 47.9375rem){.stepper-step-content-icon{width:12.75rem}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-step-content-icon{min-height:var(--step-min-height)}}@media screen and (min-width: 48rem) and (max-width: 63.9375rem){.stepper-step-content-icon{min-width:var(--step-width)}}@media screen and (min-width: 64rem){.stepper-step-content-icon{min-height:var(--step-min-height);transform:translateY(-35%)}}.stepper-step-content-icon .icon{--icon-size:var(--step-icon-size)}.stepper-step-content-icon .icon-check{--icon-color:var(--step-active-line-color)}.stepper-step-content-icon .icon-close{--icon-color:var(--step-non-active-line-color)}.stepper-step-content-data{display:flex;flex-shrink:0;justify-content:center;align-items:center;min-height:var(--step-min-height);padding:0.375rem;background:var(--step-data-bg-color);border:var(--step-data-border-size) solid var(--step-active-line-color);border-radius:var(--step-data-border-radius);color:var(--step-data-text-color);text-align:center;font-size:var(--step-data-text-size);line-height:1.25rem;letter-spacing:0.0125rem}@media screen and (max-width: 35.9375rem){.stepper-step-content-data{width:100%}}@media screen and (min-width: 36rem) and (max-width: 47.9375rem){.stepper-step-content-data{width:12.75rem}}@media screen and (min-width: 48rem) and (max-width: 63.9375rem){.stepper-step-content-data{min-width:var(--step-width)}}@media screen and (min-width: 64rem){.stepper-step-content-data{transform:translateY(-35%)}}.stepper-step-content-data strong{color:var(--step-data-strong-text-color)}.stepper-step-description{color:var(--step-description-text-color);text-align:center;font-size:var(--step-description-text-size);line-height:1.25rem;letter-spacing:0.0125rem}@media screen and (max-width: 35.9375rem){.stepper-step-description{margin-top:0.5rem}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-step-description{display:flex;flex:100%;justify-content:flex-start;align-items:center;max-width:calc(var(--step-width) * 1.45);margin-left:1rem;text-align:left}}.stepper-step-description strong{color:var(--step-description-strong-text-color)}@media screen and (min-width: 36rem) and (max-width: 47.9375rem){.stepper-line.post-icon.pre-data+.stepper-step.data{margin-top:calc(var(--step-line-margin-y) / 2)}}.stepper-line{display:block;border-color:var(--step-non-active-line-color);border-style:var(--step-non-active-line-style);border-width:0}@media screen and (max-width: 35.9375rem){.stepper-line{min-height:var(--step-vertical-line-height);margin-left:calc(50% - var(--step-non-active-line-size) / 2);border-left-width:var(--step-non-active-line-size)}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-line{min-height:calc(var(--step-vertical-line-height));margin-left:calc(6.375rem - var(--step-non-active-line-size) / 2);border-left-width:var(--step-non-active-line-size)}}@media screen and (min-width: 64rem){.stepper-line{margin-top:calc(var(--step-icon-size) / 2 - var(--step-active-line-size) / 2);border-top-width:var(--step-non-active-line-size)}}.stepper-line.active{border-color:var(--step-active-line-color);border-style:var(--step-active-line-style)}@media screen and (max-width: 63.9375rem){.stepper-line.active{border-left-width:var(--step-active-line-size)}}@media screen and (min-width: 64rem){.stepper-line.active{border-top-width:var(--step-active-line-size)}}@media screen and (max-width: 35.9375rem){.stepper-line.post-icon{margin-top:calc(var(--step-line-margin-y) / 2)}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-line.post-icon{margin-top:calc(var(--step-line-margin-y) * -0.7)}}@media screen and (min-width: 64rem){.stepper-line.post-icon{margin-left:calc((var(--step-width) / 2 - var(--step-icon-size) / 2 - var(--step-line-margin-x)) * -1)}}@media screen and (max-width: 35.9375rem){.stepper-line.post-data{margin-top:calc(var(--step-line-margin-y) / 2)}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-line.post-data{margin-top:var(--step-line-margin-y)}}@media screen and (min-width: 64rem){.stepper-line.post-data{min-width:calc(var(--step-horizontal-line-width) * 2);margin-left:var(--step-line-margin-x)}}@media screen and (max-width: 35.9375rem){.stepper-line.pre-icon{margin-bottom:calc(var(--step-line-margin-y) / 2)}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-line.pre-icon{margin-bottom:calc(var(--step-line-margin-y) * -0.7)}}@media screen and (min-width: 64rem){.stepper-line.pre-icon{margin-right:calc((var(--step-width) / 2 - var(--step-icon-size) / 2 - var(--step-line-margin-x)) * -1)}}@media screen and (max-width: 35.9375rem){.stepper-line.pre-data{margin-bottom:calc(var(--step-line-margin-y) / 2)}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-line.pre-data{margin-bottom:var(--step-line-margin-y)}}@media screen and (min-width: 64rem){.stepper-line.pre-data{margin-right:var(--step-line-margin-x)}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-line.post-icon.pre-icon{min-height:calc(var(--step-vertical-line-height))}}@media screen and (min-width: 64rem){.stepper-line.post-icon.pre-icon{min-width:calc(var(--step-horizontal-line-width) * 2)}}@media screen and (min-width: 36rem) and (max-width: 47.9375rem){.stepper-line.post-icon.pre-data{margin-bottom:calc(var(--step-line-margin-y) / 2)}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-line.post-icon.pre-data{min-height:calc(var(--step-vertical-line-height))}}@media screen and (min-width: 64rem){.stepper-line.post-icon.pre-data{min-width:calc(var(--step-horizontal-line-width) * 2)}}';export{i as tet_stepper}
@@ -1 +1 @@
1
- import{r as t,c as r,h as e}from"./p-83f43fdd.js";const n=class{constructor(e){t(this,e),this.inputValueChanged=r(this,"inputValueChanged",7),this.label=void 0,this.theme="light",this.accessibilityLabel="",this.buttonAccessibilityLabel="",this.helperText=void 0,this.suffixes=void 0,this.value=void 0,this.min=void 0,this.max=void 0,this.disabled=void 0,this.error=void 0,this.completed=void 0,this.selectOnFocus=void 0,this.suffix=void 0,this.isOpen=void 0,this.isValueHidden=!1,this.isKeyboardFocus=!1}inputElement;dropdownElement;chevronElement;inputElementHidden;inputWrapperElement;resizeObserver;async getValue(){return this.value}async resetSuffix(){this.suffixes&&this.suffixes.length>0&&(this.suffix=this.suffixes.find((t=>t.default))||this.suffixes[0])}inputValueChanged;componentDidLoad(){this.suffixes&&this.suffixes.length>0&&(this.suffix=this.suffixes.find((t=>t.default))||this.suffixes[0]),this.suffix&&0===this.suffix.value&&(this.isValueHidden=!0),this.resizeObserver=new ResizeObserver((()=>{this.inputElement.style.width=`${this.inputElementHidden?.getBoundingClientRect().width}px`})),this.resizeObserver.observe(this.inputElementHidden)}onKeydown(t){["-","+","."].includes(t.key)&&t.preventDefault()}onTabKeydown(t){"Tab"===t.key&&(this.isKeyboardFocus=!0)}onFocus(){this.inputElement.select()}onSuffixChange(t){this.isValueHidden=!(!t||0!==t.value)}onClick(t){this.isKeyboardFocus=!1,this.inputWrapperElement.classList.remove("focus-visible");const r=t.composedPath();r.includes(this.dropdownElement)||r.includes(this.chevronElement)||this.closeDropdown()}inputChangeHandler(){this.handleInputChange()}onBlur(){this.handleInputChange(),this.value<this.min&&(this.value=this.min),this.inputElement.value=this.value.toString(),this.inputValueChanged.emit({value:this.value,suffix:this.suffix}),this.inputWrapperElement.classList.remove("focus-visible")}handleInputChange(){if(this.disabled)return;const t=this.inputElement;let r=parseInt(t.value);isNaN(r)||r<0?r=0:r>this.max&&(r=this.max),this.value=r,t.value=r.toString()}onChevronClick=()=>{this.isOpen=!this.isOpen,this.onDropdownOpenChanged()};closeDropdown=()=>{this.isOpen=!1};dropdownItemRefs=[];renderDropdownContent=()=>(this.dropdownItemRefs=[],this.suffixes?this.suffixes.map(((t,r)=>{const n=this.suffix===t;return e("div",{ref:t=>{this.dropdownItemRefs[r]=t},onClick:()=>this.onDropdownItemClick(t),onKeyDown:this.handleOptionKeydown((()=>this.onDropdownItemClick(t))),class:{"number-input__dropdown-item":!0,active:n},tabIndex:0},t.name,n&&e("tet-icon",{class:"check",name:"check"}))})):[]);handleOptionKeydown(t){return r=>{const{key:e,target:n}=r;switch(e){case" ":case"Enter":r.preventDefault(),t();break;case"ArrowUp":r.preventDefault(),function(t){const r=t.previousElementSibling;r?.focus()}(n);break;case"ArrowDown":r.preventDefault(),function(t){const r=t.nextElementSibling;r?.focus()}(n);break;case"Escape":this.isOpen=!1,this.inputWrapperElement.classList.add("focus-visible")}}}toggleKeyboardFocus(t){if(this.isKeyboardFocus)return t?this.inputWrapperElement.classList.add("focus-visible"):this.inputWrapperElement.classList.remove("focus-visible")}onDropdownItemClick(t){this.suffix=t,this.inputValueChanged.emit({value:this.value,suffix:this.suffix}),this.isKeyboardFocus||this.closeDropdown()}handleContainerKeydown=t=>{"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.onChevronClick())};onDropdownOpenChanged(){this.isOpen&&this.suffixes&&setTimeout((()=>{const t=this.suffixes.findIndex((t=>t===this.suffix)),r=this.dropdownItemRefs[-1!==t?t:0];r?.focus()}),0)}render(){const{label:t,helperText:r,value:n,disabled:o,error:i,completed:s,isOpen:a,suffix:u}=this;return e("div",{key:"5ecb983f4e56164fa21ec11d0857040931cc17fc",class:{"number-input":!0,[this.theme]:!!this.theme,disabled:o,error:i,completed:s}},!!t&&e("label",{key:"f968f9934dfa63086efad80487da235e1215b485",class:"number-input__label",htmlFor:"number-input"},t),e("div",{key:"b81f35aa8d371eb4edf55541be8a43c8ea136f21",class:"number-input__input-container",onKeyDown:this.handleContainerKeydown,ref:t=>this.inputWrapperElement=t},e("input",{key:"44db7f5858ed1ce84ef38ac858ab91a1bed7b21c",onFocusin:()=>this.toggleKeyboardFocus(!0),onFocusout:()=>this.toggleKeyboardFocus(!1),ref:t=>this.inputElement=t,class:{"number-input__input":!0,"number-input__input--hidden":this.isValueHidden},disabled:o,value:n,type:"number",id:"number-input",...this.accessibilityLabel?{"aria-label":this.accessibilityLabel}:{}}),e("div",{key:"252524bc09396ea39053db3483feb3ba0be4bfbc",ref:t=>this.inputElementHidden=t,class:"number-input__input-invisible"},n),!!u&&e("div",{key:"0053912a6cce51bd5d65f03c9d77873e93e58ad3",class:"number-input__input-suffix"},u.name),!!this.suffixes&&this.suffixes.length>1&&e("tet-button",{key:"a3d676a5add5ca7531173bf3767c02fa1a19325b",type:"ghost",size:"small",ref:t=>this.chevronElement=t,class:{"number-input__cheveron":!0},onClick:this.onChevronClick,"accessibility-label":this.buttonAccessibilityLabel,tabindex:"-1"},!a&&e("tet-icon",{key:"99177afed8dbae1c7675c6763b10477f647c707a",name:"chevron-down"}),a&&e("tet-icon",{key:"697e35d534e46da2a17ec4600d0d80c3544cd475",name:"chevron-up"})),a&&e("div",{key:"58435ee58bfcb810df88ca0a006c85fc9e5d4e72",class:"number-input__dropdown",ref:t=>this.dropdownElement=t},this.renderDropdownContent())),!!r&&e("div",{key:"42a6b1c89f48642e19557db63362515014a585f9",class:"number-input__helper-text"},r))}static get watchers(){return{suffix:["onSuffixChange"]}}};n.style='@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{--number-input-height:3.5rem;--number-input-background-color:var(--tc-layer-primary);--number-input-border-radius:0.75rem;--number-input-border-color:var(--tc-border-secondary);--number-input-border-color-active:var(--tc-border-primary);--number-input-border-color-error:var( --tc-alert-accent-error);--number-input-text-color:var(--tc-text-primary);--number-input-text-secondary-color:var(--tc-text-secondary);--number-input-dropdown-active:var(--tc-layer-tertiary);--number-input-max-width:21.625rem;--number-input-focus-outline-color:var(--tc-blue-40);--number-input-disabled:var(--tc-background-secondary);--number-input-disabled-text:var(--tc-text-tertiary);--number-input-dropdown-border:var(--tc-border-tertiary);max-width:var(--number-input-max-width);display:block}.number-input{display:flex;flex-direction:column}.number-input.dark{--number-input-background-color:var(--tc-layer-primary-dark);--number-input-border-color:var(--tc-border-secondary-dark);--number-input-border-color-active:var(--tc-border-primary-dark);--number-input-border-color-error:var(--tc-alert-accent-error-dark);--number-input-text-color:var(--tc-text-primary-dark);--number-input-text-secondary-color:var(--tc-text-secondary-dark);--number-input-dropdown-active:var(--tc-layer-tertiary-dark);--number-input-disabled:var(--tc-background-secondary-dark);--number-input-disabled-text:var(--tc-text-tertiary-dark);--number-input-dropdown-border:var(--tc-border-tertiary-dark);--number-input-focus-outline-color:var(--tc-blue-40-dark)}.number-input__label{margin-bottom:0.25rem;font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";color:var(--number-input-text-secondary-color)}.number-input__input{border:none;outline:none;appearance:textfield;-moz-appearance:textfield;padding-inline:0;padding-block:0;font:500 1.25rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}.number-input__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.number-input__input-suffix{font:400 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";color:var(--number-input-text-secondary-color);margin-left:0.25rem}.number-input__input-invisible{visibility:hidden;font:500 1.25rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";position:absolute;pointer-events:none}.number-input__input-container{position:relative;display:flex;border:0.063rem solid var(--number-input-border-color);align-items:baseline;justify-content:center;padding:0.9375rem;cursor:pointer;height:var(--number-input-height);box-sizing:border-box;background-color:var(--number-input-background-color);border-radius:var(--number-input-border-radius)}.number-input__input-container:active,.number-input__input-container:focus-within{outline:none;border:0.063rem solid var(--number-input-border-color-active)}.number-input__input-container.focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;outline-color:var(--number-input-focus-outline-color);border-color:var(--number-input-border-color-active)}.number-input__input--hidden{opacity:0;position:absolute}.number-input__helper-text{margin-top:0.25rem;font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";color:var(--number-input-text-secondary-color)}.number-input__cheveron{display:flex;align-self:center;position:absolute;right:1rem;--icon-size:1.25rem;background:transparent;border:none;outline:none;cursor:pointer;--button-border:none;--button-padding-small:0.5rem}.number-input__cheveron:focus,.number-input__cheveron:focus-visible{--button-box-shadow:none}.number-input__dropdown{border:0.0625rem solid var(--number-input-dropdown-border);position:absolute;width:100%;top:3.625rem;background-color:var(--number-input-background-color);padding:0.625rem 0;border-radius:0.75rem;z-index:1;color:var(--number-input-text-color)}.number-input__dropdown:focus-within{outline:none}.number-input__dropdown-item{display:flex;align-items:center;padding:0.5rem 1rem;font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}.number-input__dropdown-item.active{background-color:var(--number-input-dropdown-active)}.number-input__dropdown-item:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0rem;transition:outline 0s;border-radius:0.125rem;outline-color:var(--number-input-focus-outline-color)}.number-input__dropdown-item:hover{background-color:var(--number-input-dropdown-active)}.number-input__dropdown-item .check{margin-left:auto}.number-input.disabled .number-input__input-container,.number-input.disabled .number-input__input{background-color:var(--number-input-disabled);border-color:var(--number-input-disabled);cursor:not-allowed}.number-input.disabled .number-input__input,.number-input.disabled .number-input__input-suffix{color:var(--number-input-disabled-text)}.number-input.error .number-input__input-container{border:0.063rem solid var(--number-input-border-color-error)}.number-input.error .number-input__helper-text{color:var(--number-input-border-color-error)}@media all and (min-width: 48rem){.number-input .number-input__label{font:500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}}.number-input tet-icon{--icon-color:var(--number-input-text-color)}.number-input .number-input__input{color:var(--number-input-text-color);background-color:var(--number-input-background-color)}';export{n as tet_number_input}
1
+ import{r as t,c as r,h as e}from"./p-83f43fdd.js";const n=class{constructor(e){t(this,e),this.inputValueChanged=r(this,"inputValueChanged",7),this.label=void 0,this.theme="light",this.accessibilityLabel="",this.buttonAccessibilityLabel="",this.helperText=void 0,this.suffixes=void 0,this.value=void 0,this.min=void 0,this.max=void 0,this.disabled=void 0,this.error=void 0,this.completed=void 0,this.selectOnFocus=void 0,this.suffix=void 0,this.isOpen=void 0,this.isValueHidden=!1,this.isKeyboardFocus=!1}inputElement;dropdownElement;chevronElement;inputElementHidden;inputWrapperElement;resizeObserver;async getValue(){return this.value}async resetSuffix(){this.suffixes&&this.suffixes.length>0&&(this.suffix=this.suffixes.find((t=>t.default))||this.suffixes[0])}inputValueChanged;componentDidLoad(){this.suffixes&&this.suffixes.length>0&&(this.suffix=this.suffixes.find((t=>t.default))||this.suffixes[0]),this.suffix&&0===this.suffix.value&&(this.isValueHidden=!0),this.resizeObserver=new ResizeObserver((()=>{this.inputElement.style.width=`${this.inputElementHidden?.getBoundingClientRect().width}px`})),this.resizeObserver.observe(this.inputElementHidden)}onKeydown(t){["-","+","."].includes(t.key)&&t.preventDefault()}onTabKeydown(t){"Tab"===t.key&&(this.isKeyboardFocus=!0)}onFocus(){this.inputElement.select()}onSuffixChange(t){this.isValueHidden=!(!t||0!==t.value)}onClick(t){this.isKeyboardFocus=!1,this.inputWrapperElement.classList.remove("focus-visible");const r=t.composedPath();r.includes(this.dropdownElement)||r.includes(this.chevronElement)||this.closeDropdown()}inputChangeHandler(){this.handleInputChange()}onBlur(){this.handleInputChange(),this.value<this.min&&(this.value=this.min),this.inputElement.value=this.value.toString(),this.inputValueChanged.emit({value:this.value,suffix:this.suffix}),this.inputWrapperElement.classList.remove("focus-visible")}handleInputChange(){if(this.disabled)return;const t=this.inputElement;let r=parseInt(t.value);isNaN(r)||r<0?r=0:r>this.max&&(r=this.max),this.value=r,t.value=r.toString()}onChevronClick=()=>{this.isOpen=!this.isOpen,this.onDropdownOpenChanged()};closeDropdown=()=>{this.isOpen=!1};dropdownItemRefs=[];renderDropdownContent=()=>(this.dropdownItemRefs=[],this.suffixes?this.suffixes.map(((t,r)=>{const n=this.suffix===t;return e("div",{ref:t=>{this.dropdownItemRefs[r]=t},onClick:()=>this.onDropdownItemClick(t),onKeyDown:this.handleOptionKeydown((()=>this.onDropdownItemClick(t))),class:{"number-input__dropdown-item":!0,active:n},tabIndex:0},t.name,n&&e("tet-icon",{class:"check",name:"check"}))})):[]);handleOptionKeydown(t){return r=>{const{key:e,target:n}=r;switch(e){case" ":case"Enter":r.preventDefault(),t();break;case"ArrowUp":r.preventDefault(),function(t){const r=t.previousElementSibling;r?.focus()}(n);break;case"ArrowDown":r.preventDefault(),function(t){const r=t.nextElementSibling;r?.focus()}(n);break;case"Escape":this.isOpen=!1,this.inputWrapperElement.classList.add("focus-visible")}}}toggleKeyboardFocus(t){if(this.isKeyboardFocus)return t?this.inputWrapperElement.classList.add("focus-visible"):this.inputWrapperElement.classList.remove("focus-visible")}onDropdownItemClick(t){this.suffix=t,this.inputValueChanged.emit({value:this.value,suffix:this.suffix}),this.isKeyboardFocus||this.closeDropdown()}handleContainerKeydown=t=>{"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.onChevronClick())};onDropdownOpenChanged(){this.isOpen&&this.suffixes&&setTimeout((()=>{const t=this.suffixes.findIndex((t=>t===this.suffix)),r=this.dropdownItemRefs[-1!==t?t:0];r?.focus()}),0)}render(){const{label:t,helperText:r,value:n,disabled:o,error:i,completed:s,isOpen:a,suffix:f}=this;return e("div",{key:"f753cc779ea9081d980c8efe566259eb660a8cea",class:{"number-input":!0,[this.theme]:!!this.theme,disabled:o,error:i,completed:s}},!!t&&e("label",{key:"4b16ebb17632a28590c46e40440e0953a715ac0b",class:"number-input__label",htmlFor:"number-input"},t),e("div",{key:"ac09c8e38c9901a05eaa43f57e1ae08869c995a6",class:"number-input__input-container",onKeyDown:this.handleContainerKeydown,ref:t=>this.inputWrapperElement=t},e("input",{key:"021e3a9d2dfef1a06e2bd189c252f38da4e55148",onFocusin:()=>this.toggleKeyboardFocus(!0),onFocusout:()=>this.toggleKeyboardFocus(!1),ref:t=>this.inputElement=t,class:{"number-input__input":!0,"number-input__input--hidden":this.isValueHidden},disabled:o,value:n,type:"number",id:"number-input",...this.accessibilityLabel?{"aria-label":this.accessibilityLabel}:{}}),e("div",{key:"d3661a48b131f2477c9907a724f8b41549cb30f4",ref:t=>this.inputElementHidden=t,class:"number-input__input-invisible"},n),!!f&&e("div",{key:"55a0222685d07aee65b3c753ad998fcd4dfbbdaf",class:"number-input__input-suffix"},f.name),!!this.suffixes&&this.suffixes.length>1&&e("tet-button",{key:"01e5fe8f9a38a6d61931bfa9c0f55f35dbdb4d3b",type:"ghost",size:"small",ref:t=>this.chevronElement=t,class:{"number-input__cheveron":!0},onClick:this.onChevronClick,"accessibility-label":this.buttonAccessibilityLabel,tabindex:"-1"},!a&&e("tet-icon",{key:"905e5a183daf1ff77c8826d56f3c765364c70922",name:"chevron-down"}),a&&e("tet-icon",{key:"eaf480eb9210ebcd9fc979ac32f497c170c2e9f9",name:"chevron-up"})),a&&e("div",{key:"2c3a4da23ef6314b2cc0057d87301ea35191175c",class:"number-input__dropdown",ref:t=>this.dropdownElement=t},this.renderDropdownContent())),!!r&&e("div",{key:"674a7ca4ab2bcefb8e2ef47dc9c296615d926b31",class:"number-input__helper-text"},r))}static get watchers(){return{suffix:["onSuffixChange"]}}};n.style='@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{--number-input-height:3.5rem;--number-input-background-color:var(--tc-layer-primary);--number-input-border-radius:0.75rem;--number-input-border-color:var(--tc-border-secondary);--number-input-border-color-active:var(--tc-border-primary);--number-input-border-color-error:var( --tc-alert-accent-error);--number-input-text-color:var(--tc-text-primary);--number-input-text-secondary-color:var(--tc-text-secondary);--number-input-dropdown-active:var(--tc-layer-tertiary);--number-input-max-width:21.625rem;--number-input-focus-outline-color:var(--tc-blue-40);--number-input-disabled:var(--tc-background-secondary);--number-input-disabled-text:var(--tc-text-tertiary);--number-input-dropdown-border:var(--tc-border-tertiary);max-width:var(--number-input-max-width);display:block}.number-input{display:flex;flex-direction:column}.number-input.dark{--number-input-background-color:var(--tc-layer-primary-dark);--number-input-border-color:var(--tc-border-secondary-dark);--number-input-border-color-active:var(--tc-border-primary-dark);--number-input-border-color-error:var(--tc-alert-accent-error-dark);--number-input-text-color:var(--tc-text-primary-dark);--number-input-text-secondary-color:var(--tc-text-secondary-dark);--number-input-dropdown-active:var(--tc-layer-tertiary-dark);--number-input-disabled:var(--tc-background-secondary-dark);--number-input-disabled-text:var(--tc-text-tertiary-dark);--number-input-dropdown-border:var(--tc-border-tertiary-dark);--number-input-focus-outline-color:var(--tc-blue-40-dark)}.number-input__label{margin-bottom:0.25rem;font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";color:var(--number-input-text-secondary-color)}.number-input__input{border:none;outline:none;appearance:textfield;-moz-appearance:textfield;padding-inline:0;padding-block:0;font:500 1.25rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}.number-input__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.number-input__input-suffix{font:400 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";color:var(--number-input-text-secondary-color);margin-left:0.25rem}.number-input__input-invisible{visibility:hidden;font:500 1.25rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";position:absolute;pointer-events:none}.number-input__input-container{position:relative;display:flex;border:0.063rem solid var(--number-input-border-color);align-items:baseline;justify-content:center;padding:0.9375rem;cursor:pointer;height:var(--number-input-height);box-sizing:border-box;background-color:var(--number-input-background-color);border-radius:var(--number-input-border-radius)}.number-input__input-container:active,.number-input__input-container:focus-within{outline:none;border:0.063rem solid var(--number-input-border-color-active)}.number-input__input-container.focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;outline-color:var(--number-input-focus-outline-color);border-color:var(--number-input-border-color-active)}.number-input__input--hidden{opacity:0;position:absolute}.number-input__helper-text{margin-top:0.25rem;font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";color:var(--number-input-text-secondary-color)}.number-input__cheveron{display:flex;align-self:center;position:absolute;right:1rem;--icon-size:1.25rem;background:transparent;border:none;outline:none;cursor:pointer;--button-border:none;--button-padding-small:0.5rem}.number-input__cheveron:focus,.number-input__cheveron:focus-visible{--button-box-shadow:none}.number-input__dropdown{border:0.0625rem solid var(--number-input-dropdown-border);position:absolute;width:100%;top:3.625rem;background-color:var(--number-input-background-color);padding:0.625rem 0;border-radius:0.75rem;z-index:1;color:var(--number-input-text-color)}.number-input__dropdown:focus-within{outline:none}.number-input__dropdown-item{display:flex;align-items:center;padding:0.5rem 1rem;font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}.number-input__dropdown-item.active{background-color:var(--number-input-dropdown-active)}.number-input__dropdown-item:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0rem;transition:outline 0s;border-radius:0.125rem;outline-color:var(--number-input-focus-outline-color)}.number-input__dropdown-item:hover{background-color:var(--number-input-dropdown-active)}.number-input__dropdown-item .check{margin-left:auto}.number-input.disabled .number-input__input-container,.number-input.disabled .number-input__input{background-color:var(--number-input-disabled);border-color:var(--number-input-disabled);cursor:not-allowed}.number-input.disabled .number-input__input,.number-input.disabled .number-input__input-suffix{color:var(--number-input-disabled-text)}.number-input.error .number-input__input-container{border:0.063rem solid var(--number-input-border-color-error)}.number-input.error .number-input__helper-text{color:var(--number-input-border-color-error)}@media all and (min-width: 48rem){.number-input .number-input__label{font:500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}}.number-input tet-icon{--icon-color:var(--number-input-text-color)}.number-input .number-input__input{color:var(--number-input-text-color);background-color:var(--number-input-background-color)}';export{n as tet_number_input}