q2-tecton-elements 1.59.1 → 1.60.1

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 (396) hide show
  1. package/dist/bundle-report.json +613 -514
  2. package/dist/cjs/click-elsewhere.cjs.entry.js +1 -1
  3. package/dist/cjs/{index-JnAD7tEB.js → index-BYXz4owL.js} +5 -2
  4. package/dist/cjs/index-BYXz4owL.js.map +1 -0
  5. package/dist/cjs/{index-B6mUspT0.js → index-BuXzB2ML.js} +3 -3
  6. package/dist/cjs/{index-B6mUspT0.js.map → index-BuXzB2ML.js.map} +1 -1
  7. package/dist/cjs/loader.cjs.js +2 -2
  8. package/dist/cjs/q2-action-group_2.cjs.entry.js +2 -2
  9. package/dist/cjs/q2-action-sheet.cjs.entry.js +2 -2
  10. package/dist/cjs/q2-avatar.cjs.entry.js +1 -1
  11. package/dist/cjs/q2-badge.q2-btn.q2-icon.q2-input.q2-loading.q2-tab-container.q2-tab-pane.entry.cjs.js.map +1 -1
  12. package/dist/cjs/q2-badge_7.cjs.entry.js +281 -79
  13. package/dist/cjs/q2-badge_7.cjs.entry.js.map +1 -1
  14. package/dist/cjs/q2-calendar.cjs.entry.js +13 -5
  15. package/dist/cjs/q2-calendar.cjs.entry.js.map +1 -1
  16. package/dist/cjs/q2-calendar.entry.cjs.js.map +1 -1
  17. package/dist/cjs/q2-card.cjs.entry.js +3 -3
  18. package/dist/cjs/q2-card.cjs.entry.js.map +1 -1
  19. package/dist/cjs/q2-card.entry.cjs.js.map +1 -1
  20. package/dist/cjs/q2-carousel-pane.cjs.entry.js +2 -2
  21. package/dist/cjs/q2-carousel.cjs.entry.js +2 -2
  22. package/dist/cjs/q2-chart-area.cjs.entry.js +2 -2
  23. package/dist/cjs/q2-chart-bar.cjs.entry.js +2 -2
  24. package/dist/cjs/q2-chart-donut.cjs.entry.js +2 -2
  25. package/dist/cjs/q2-checkbox-group.cjs.entry.js +3 -3
  26. package/dist/cjs/q2-checkbox-group.cjs.entry.js.map +1 -1
  27. package/dist/cjs/q2-checkbox-group.entry.cjs.js.map +1 -1
  28. package/dist/cjs/q2-checkbox.cjs.entry.js +5 -5
  29. package/dist/cjs/q2-checkbox.cjs.entry.js.map +1 -1
  30. package/dist/cjs/q2-checkbox.entry.cjs.js.map +1 -1
  31. package/dist/cjs/q2-context.cjs.entry.js +3 -3
  32. package/dist/cjs/q2-context.cjs.entry.js.map +1 -1
  33. package/dist/cjs/q2-context.entry.cjs.js.map +1 -1
  34. package/dist/cjs/q2-currency.cjs.entry.js +1 -1
  35. package/dist/cjs/q2-data-table.cjs.entry.js +5 -5
  36. package/dist/cjs/q2-data-table.cjs.entry.js.map +1 -1
  37. package/dist/cjs/q2-data-table.entry.cjs.js.map +1 -1
  38. package/dist/cjs/q2-detail.cjs.entry.js +2 -2
  39. package/dist/cjs/q2-dropdown-item.cjs.entry.js +2 -2
  40. package/dist/cjs/q2-dropdown.cjs.entry.js +7 -5
  41. package/dist/cjs/q2-dropdown.cjs.entry.js.map +1 -1
  42. package/dist/cjs/q2-dropdown.entry.cjs.js.map +1 -1
  43. package/dist/cjs/q2-editable-field.cjs.entry.js +2 -2
  44. package/dist/cjs/q2-example.cjs.entry.js +1 -1
  45. package/dist/cjs/q2-file-picker.cjs.entry.js +3 -3
  46. package/dist/cjs/q2-file-picker.cjs.entry.js.map +1 -1
  47. package/dist/cjs/q2-file-picker.entry.cjs.js.map +1 -1
  48. package/dist/cjs/q2-form.cjs.entry.js +5 -5
  49. package/dist/cjs/q2-form.cjs.entry.js.map +1 -1
  50. package/dist/cjs/q2-form.entry.cjs.js.map +1 -1
  51. package/dist/cjs/q2-formatted-text.cjs.entry.js +1 -1
  52. package/dist/cjs/q2-grid-area.cjs.entry.js +1 -1
  53. package/dist/cjs/q2-grid.cjs.entry.js +1 -1
  54. package/dist/cjs/q2-item.cjs.entry.js +3 -3
  55. package/dist/cjs/q2-item.cjs.entry.js.map +1 -1
  56. package/dist/cjs/q2-item.entry.cjs.js.map +1 -1
  57. package/dist/cjs/q2-legend.cjs.entry.js +1 -1
  58. package/dist/cjs/q2-link_2.cjs.entry.js +2 -2
  59. package/dist/cjs/q2-loading-element.cjs.entry.js +2 -2
  60. package/dist/cjs/q2-loc.cjs.entry.js +2 -2
  61. package/dist/cjs/q2-message.cjs.entry.js +2 -2
  62. package/dist/cjs/q2-modal.cjs.entry.js +2 -2
  63. package/dist/cjs/q2-month-picker.cjs.entry.js +2 -2
  64. package/dist/cjs/q2-optgroup.cjs.entry.js +3 -3
  65. package/dist/cjs/q2-optgroup.cjs.entry.js.map +1 -1
  66. package/dist/cjs/q2-optgroup.entry.cjs.js.map +1 -1
  67. package/dist/cjs/q2-option-list.q2-popover.entry.cjs.js.map +1 -1
  68. package/dist/cjs/q2-option-list_2.cjs.entry.js +3 -3
  69. package/dist/cjs/q2-option-list_2.cjs.entry.js.map +1 -1
  70. package/dist/cjs/q2-option.cjs.entry.js +2 -2
  71. package/dist/cjs/q2-pagination.cjs.entry.js +2 -2
  72. package/dist/cjs/q2-pill.cjs.entry.js +13 -11
  73. package/dist/cjs/q2-pill.cjs.entry.js.map +1 -1
  74. package/dist/cjs/q2-pill.entry.cjs.js.map +1 -1
  75. package/dist/cjs/q2-radio-group.cjs.entry.js +3 -3
  76. package/dist/cjs/q2-radio-group.cjs.entry.js.map +1 -1
  77. package/dist/cjs/q2-radio-group.entry.cjs.js.map +1 -1
  78. package/dist/cjs/q2-radio.cjs.entry.js +3 -3
  79. package/dist/cjs/q2-radio.cjs.entry.js.map +1 -1
  80. package/dist/cjs/q2-radio.entry.cjs.js.map +1 -1
  81. package/dist/cjs/q2-relative-time.cjs.entry.js +2 -2
  82. package/dist/cjs/q2-section.cjs.entry.js +2 -2
  83. package/dist/cjs/q2-select.cjs.entry.js +2 -2
  84. package/dist/cjs/q2-stepper-pane.cjs.entry.js +2 -2
  85. package/dist/cjs/q2-stepper-vertical.cjs.entry.js +3 -3
  86. package/dist/cjs/q2-stepper-vertical.cjs.entry.js.map +1 -1
  87. package/dist/cjs/q2-stepper-vertical.entry.cjs.js.map +1 -1
  88. package/dist/cjs/q2-stepper.cjs.entry.js +3 -3
  89. package/dist/cjs/q2-stepper.cjs.entry.js.map +1 -1
  90. package/dist/cjs/q2-stepper.entry.cjs.js.map +1 -1
  91. package/dist/cjs/q2-tag.cjs.entry.js +3 -3
  92. package/dist/cjs/q2-tag.cjs.entry.js.map +1 -1
  93. package/dist/cjs/q2-tag.entry.cjs.js.map +1 -1
  94. package/dist/cjs/q2-tecton-elements.cjs.js +2 -2
  95. package/dist/cjs/q2-textarea.cjs.entry.js +3 -3
  96. package/dist/cjs/q2-textarea.cjs.entry.js.map +1 -1
  97. package/dist/cjs/q2-textarea.entry.cjs.js.map +1 -1
  98. package/dist/cjs/q2-tooltip.cjs.entry.js +2 -2
  99. package/dist/cjs/{shapes-CUFxQAvI.js → shapes-AGx9jMFH.js} +11 -5
  100. package/dist/cjs/shapes-AGx9jMFH.js.map +1 -0
  101. package/dist/cjs/tecton-tab-pane.cjs.entry.js +1 -1
  102. package/dist/collection/components/q2-btn/q2-btn.css +71 -33
  103. package/dist/collection/components/q2-calendar/q2-calendar.js +11 -3
  104. package/dist/collection/components/q2-calendar/q2-calendar.js.map +1 -1
  105. package/dist/collection/components/q2-card/q2-card.css +8 -6
  106. package/dist/collection/components/q2-checkbox/q2-checkbox.css +25 -10
  107. package/dist/collection/components/q2-checkbox/q2-checkbox.js +2 -2
  108. package/dist/collection/components/q2-checkbox/q2-checkbox.js.map +1 -1
  109. package/dist/collection/components/q2-checkbox-group/q2-checkbox-group.css +8 -2
  110. package/dist/collection/components/q2-context/q2-context.css +7 -71
  111. package/dist/collection/components/q2-data-table/q2-data-table.css +3 -2
  112. package/dist/collection/components/q2-data-table/q2-data-table.js +2 -2
  113. package/dist/collection/components/q2-data-table/q2-data-table.js.map +1 -1
  114. package/dist/collection/components/q2-dropdown/q2-dropdown.js +5 -3
  115. package/dist/collection/components/q2-dropdown/q2-dropdown.js.map +1 -1
  116. package/dist/collection/components/q2-file-picker/q2-file-picker.css +1 -1
  117. package/dist/collection/components/q2-form/q2-form.js +2 -2
  118. package/dist/collection/components/q2-form/q2-form.js.map +1 -1
  119. package/dist/collection/components/q2-icon/q2-icon.css +5 -0
  120. package/dist/collection/components/q2-icon/q2-icon.js +5 -20
  121. package/dist/collection/components/q2-icon/q2-icon.js.map +1 -1
  122. package/dist/collection/components/q2-input/q2-input.css +13 -4
  123. package/dist/collection/components/q2-input/q2-input.js +17 -7
  124. package/dist/collection/components/q2-input/q2-input.js.map +1 -1
  125. package/dist/collection/components/q2-item/q2-item.css +5 -2
  126. package/dist/collection/components/q2-loading/q2-loading.js +249 -29
  127. package/dist/collection/components/q2-loading/q2-loading.js.map +1 -1
  128. package/dist/collection/components/q2-loading/skeleton/shapes.js +8 -2
  129. package/dist/collection/components/q2-loading/skeleton/shapes.js.map +1 -1
  130. package/dist/collection/components/q2-optgroup/q2-optgroup.js +3 -3
  131. package/dist/collection/components/q2-optgroup/q2-optgroup.js.map +1 -1
  132. package/dist/collection/components/q2-pill/q2-pill.css +23 -7
  133. package/dist/collection/components/q2-pill/q2-pill.js +11 -7
  134. package/dist/collection/components/q2-pill/q2-pill.js.map +1 -1
  135. package/dist/collection/components/q2-popover/q2-popover.css +1 -0
  136. package/dist/collection/components/q2-radio/q2-radio.css +5 -3
  137. package/dist/collection/components/q2-radio-group/q2-radio-group.css +5 -0
  138. package/dist/collection/components/q2-stepper/q2-stepper.css +16 -4
  139. package/dist/collection/components/q2-stepper-vertical/q2-stepper-vertical.css +2 -0
  140. package/dist/collection/components/q2-tab-container/q2-tab-container.css +4 -2
  141. package/dist/collection/components/q2-tab-container/q2-tab-container.js +27 -19
  142. package/dist/collection/components/q2-tab-container/q2-tab-container.js.map +1 -1
  143. package/dist/collection/components/q2-tag/q2-tag.css +7 -0
  144. package/dist/collection/components/q2-textarea/q2-textarea.css +13 -3
  145. package/dist/collection/utils/sprites.js +16 -0
  146. package/dist/collection/utils/sprites.js.map +1 -0
  147. package/dist/components/q2-btn2.js +1 -1
  148. package/dist/components/q2-btn2.js.map +1 -1
  149. package/dist/components/q2-calendar.js +11 -3
  150. package/dist/components/q2-calendar.js.map +1 -1
  151. package/dist/components/q2-card.js +1 -1
  152. package/dist/components/q2-card.js.map +1 -1
  153. package/dist/components/q2-checkbox-group.js +1 -1
  154. package/dist/components/q2-checkbox-group.js.map +1 -1
  155. package/dist/components/q2-checkbox2.js +3 -3
  156. package/dist/components/q2-checkbox2.js.map +1 -1
  157. package/dist/components/q2-context.js +1 -1
  158. package/dist/components/q2-context.js.map +1 -1
  159. package/dist/components/q2-data-table.js +3 -3
  160. package/dist/components/q2-data-table.js.map +1 -1
  161. package/dist/components/q2-dropdown.js +5 -3
  162. package/dist/components/q2-dropdown.js.map +1 -1
  163. package/dist/components/q2-file-picker.js +1 -1
  164. package/dist/components/q2-file-picker.js.map +1 -1
  165. package/dist/components/q2-form.js +4 -4
  166. package/dist/components/q2-form.js.map +1 -1
  167. package/dist/components/q2-icon2.js +6 -21
  168. package/dist/components/q2-icon2.js.map +1 -1
  169. package/dist/components/q2-input2.js +18 -8
  170. package/dist/components/q2-input2.js.map +1 -1
  171. package/dist/components/q2-item2.js +1 -1
  172. package/dist/components/q2-item2.js.map +1 -1
  173. package/dist/components/q2-loading2.js +217 -29
  174. package/dist/components/q2-loading2.js.map +1 -1
  175. package/dist/components/q2-optgroup2.js +1 -1
  176. package/dist/components/q2-optgroup2.js.map +1 -1
  177. package/dist/components/q2-pill.js +13 -10
  178. package/dist/components/q2-pill.js.map +1 -1
  179. package/dist/components/q2-popover2.js +1 -1
  180. package/dist/components/q2-popover2.js.map +1 -1
  181. package/dist/components/q2-radio-group.js +1 -1
  182. package/dist/components/q2-radio-group.js.map +1 -1
  183. package/dist/components/q2-radio.js +1 -1
  184. package/dist/components/q2-radio.js.map +1 -1
  185. package/dist/components/q2-stepper-vertical.js +1 -1
  186. package/dist/components/q2-stepper-vertical.js.map +1 -1
  187. package/dist/components/q2-stepper.js +1 -1
  188. package/dist/components/q2-stepper.js.map +1 -1
  189. package/dist/components/q2-tab-container.js +28 -20
  190. package/dist/components/q2-tab-container.js.map +1 -1
  191. package/dist/components/q2-tag.js +1 -1
  192. package/dist/components/q2-tag.js.map +1 -1
  193. package/dist/components/q2-textarea.js +1 -1
  194. package/dist/components/q2-textarea.js.map +1 -1
  195. package/dist/components/shapes.js +8 -2
  196. package/dist/components/shapes.js.map +1 -1
  197. package/dist/components/sprites.js +20 -0
  198. package/dist/components/sprites.js.map +1 -0
  199. package/dist/esm/click-elsewhere.entry.js +1 -1
  200. package/dist/esm/{index-COzomxjJ.js → index-CGkHOjh1.js} +5 -2
  201. package/dist/esm/index-CGkHOjh1.js.map +1 -0
  202. package/dist/esm/{index-CkXFIBxL.js → index-xCuy-dFb.js} +3 -3
  203. package/dist/{q2-tecton-elements/index-CkXFIBxL.js.map → esm/index-xCuy-dFb.js.map} +1 -1
  204. package/dist/esm/loader.js +3 -3
  205. package/dist/esm/q2-action-group_2.entry.js +2 -2
  206. package/dist/esm/q2-action-sheet.entry.js +2 -2
  207. package/dist/esm/q2-avatar.entry.js +1 -1
  208. package/dist/esm/q2-badge.q2-btn.q2-icon.q2-input.q2-loading.q2-tab-container.q2-tab-pane.entry.js.map +1 -1
  209. package/dist/esm/q2-badge_7.entry.js +281 -79
  210. package/dist/esm/q2-badge_7.entry.js.map +1 -1
  211. package/dist/esm/q2-calendar.entry.js +13 -5
  212. package/dist/esm/q2-calendar.entry.js.map +1 -1
  213. package/dist/esm/q2-card.entry.js +3 -3
  214. package/dist/esm/q2-card.entry.js.map +1 -1
  215. package/dist/esm/q2-carousel-pane.entry.js +2 -2
  216. package/dist/esm/q2-carousel.entry.js +2 -2
  217. package/dist/esm/q2-chart-area.entry.js +2 -2
  218. package/dist/esm/q2-chart-bar.entry.js +2 -2
  219. package/dist/esm/q2-chart-donut.entry.js +2 -2
  220. package/dist/esm/q2-checkbox-group.entry.js +3 -3
  221. package/dist/esm/q2-checkbox-group.entry.js.map +1 -1
  222. package/dist/esm/q2-checkbox.entry.js +5 -5
  223. package/dist/esm/q2-checkbox.entry.js.map +1 -1
  224. package/dist/esm/q2-context.entry.js +3 -3
  225. package/dist/esm/q2-context.entry.js.map +1 -1
  226. package/dist/esm/q2-currency.entry.js +1 -1
  227. package/dist/esm/q2-data-table.entry.js +5 -5
  228. package/dist/esm/q2-data-table.entry.js.map +1 -1
  229. package/dist/esm/q2-detail.entry.js +2 -2
  230. package/dist/esm/q2-dropdown-item.entry.js +2 -2
  231. package/dist/esm/q2-dropdown.entry.js +7 -5
  232. package/dist/esm/q2-dropdown.entry.js.map +1 -1
  233. package/dist/esm/q2-editable-field.entry.js +2 -2
  234. package/dist/esm/q2-example.entry.js +1 -1
  235. package/dist/esm/q2-file-picker.entry.js +3 -3
  236. package/dist/esm/q2-file-picker.entry.js.map +1 -1
  237. package/dist/esm/q2-form.entry.js +5 -5
  238. package/dist/esm/q2-form.entry.js.map +1 -1
  239. package/dist/esm/q2-formatted-text.entry.js +1 -1
  240. package/dist/esm/q2-grid-area.entry.js +1 -1
  241. package/dist/esm/q2-grid.entry.js +1 -1
  242. package/dist/esm/q2-item.entry.js +3 -3
  243. package/dist/esm/q2-item.entry.js.map +1 -1
  244. package/dist/esm/q2-legend.entry.js +1 -1
  245. package/dist/esm/q2-link_2.entry.js +2 -2
  246. package/dist/esm/q2-loading-element.entry.js +2 -2
  247. package/dist/esm/q2-loc.entry.js +2 -2
  248. package/dist/esm/q2-message.entry.js +2 -2
  249. package/dist/esm/q2-modal.entry.js +2 -2
  250. package/dist/esm/q2-month-picker.entry.js +2 -2
  251. package/dist/esm/q2-optgroup.entry.js +3 -3
  252. package/dist/esm/q2-optgroup.entry.js.map +1 -1
  253. package/dist/esm/q2-option-list.q2-popover.entry.js.map +1 -1
  254. package/dist/esm/q2-option-list_2.entry.js +3 -3
  255. package/dist/esm/q2-option-list_2.entry.js.map +1 -1
  256. package/dist/esm/q2-option.entry.js +2 -2
  257. package/dist/esm/q2-pagination.entry.js +2 -2
  258. package/dist/esm/q2-pill.entry.js +13 -11
  259. package/dist/esm/q2-pill.entry.js.map +1 -1
  260. package/dist/esm/q2-radio-group.entry.js +3 -3
  261. package/dist/esm/q2-radio-group.entry.js.map +1 -1
  262. package/dist/esm/q2-radio.entry.js +3 -3
  263. package/dist/esm/q2-radio.entry.js.map +1 -1
  264. package/dist/esm/q2-relative-time.entry.js +2 -2
  265. package/dist/esm/q2-section.entry.js +2 -2
  266. package/dist/esm/q2-select.entry.js +2 -2
  267. package/dist/esm/q2-stepper-pane.entry.js +2 -2
  268. package/dist/esm/q2-stepper-vertical.entry.js +3 -3
  269. package/dist/esm/q2-stepper-vertical.entry.js.map +1 -1
  270. package/dist/esm/q2-stepper.entry.js +3 -3
  271. package/dist/esm/q2-stepper.entry.js.map +1 -1
  272. package/dist/esm/q2-tag.entry.js +3 -3
  273. package/dist/esm/q2-tag.entry.js.map +1 -1
  274. package/dist/esm/q2-tecton-elements.js +3 -3
  275. package/dist/esm/q2-textarea.entry.js +3 -3
  276. package/dist/esm/q2-textarea.entry.js.map +1 -1
  277. package/dist/esm/q2-tooltip.entry.js +2 -2
  278. package/dist/esm/{shapes-BrIjALih.js → shapes-B6iI6sMH.js} +11 -5
  279. package/dist/esm/shapes-B6iI6sMH.js.map +1 -0
  280. package/dist/esm/tecton-tab-pane.entry.js +1 -1
  281. package/dist/jest.setup.js +33 -0
  282. package/dist/jest.setup.js.map +1 -1
  283. package/dist/q2-tecton-elements/click-elsewhere.entry.js +1 -1
  284. package/dist/q2-tecton-elements/{index-COzomxjJ.js → index-CGkHOjh1.js} +5 -2
  285. package/dist/q2-tecton-elements/index-CGkHOjh1.js.map +1 -0
  286. package/dist/q2-tecton-elements/{index-CkXFIBxL.js → index-xCuy-dFb.js} +3 -3
  287. package/dist/{esm/index-CkXFIBxL.js.map → q2-tecton-elements/index-xCuy-dFb.js.map} +1 -1
  288. package/dist/q2-tecton-elements/q2-action-group_2.entry.js +2 -2
  289. package/dist/q2-tecton-elements/q2-action-sheet.entry.js +2 -2
  290. package/dist/q2-tecton-elements/q2-avatar.entry.js +1 -1
  291. package/dist/q2-tecton-elements/q2-badge.q2-btn.q2-icon.q2-input.q2-loading.q2-tab-container.q2-tab-pane.entry.esm.js.map +1 -1
  292. package/dist/q2-tecton-elements/q2-badge_7.entry.js +426 -229
  293. package/dist/q2-tecton-elements/q2-badge_7.entry.js.map +1 -1
  294. package/dist/q2-tecton-elements/q2-calendar.entry.esm.js.map +1 -1
  295. package/dist/q2-tecton-elements/q2-calendar.entry.js +105 -98
  296. package/dist/q2-tecton-elements/q2-calendar.entry.js.map +1 -1
  297. package/dist/q2-tecton-elements/q2-card.entry.esm.js.map +1 -1
  298. package/dist/q2-tecton-elements/q2-card.entry.js +45 -45
  299. package/dist/q2-tecton-elements/q2-card.entry.js.map +1 -1
  300. package/dist/q2-tecton-elements/q2-carousel-pane.entry.js +2 -2
  301. package/dist/q2-tecton-elements/q2-carousel.entry.js +2 -2
  302. package/dist/q2-tecton-elements/q2-chart-area.entry.js +2 -2
  303. package/dist/q2-tecton-elements/q2-chart-bar.entry.js +2 -2
  304. package/dist/q2-tecton-elements/q2-chart-donut.entry.js +2 -2
  305. package/dist/q2-tecton-elements/q2-checkbox-group.entry.esm.js.map +1 -1
  306. package/dist/q2-tecton-elements/q2-checkbox-group.entry.js +6 -6
  307. package/dist/q2-tecton-elements/q2-checkbox-group.entry.js.map +1 -1
  308. package/dist/q2-tecton-elements/q2-checkbox.entry.esm.js.map +1 -1
  309. package/dist/q2-tecton-elements/q2-checkbox.entry.js +30 -25
  310. package/dist/q2-tecton-elements/q2-checkbox.entry.js.map +1 -1
  311. package/dist/q2-tecton-elements/q2-context.entry.esm.js.map +1 -1
  312. package/dist/q2-tecton-elements/q2-context.entry.js +3 -3
  313. package/dist/q2-tecton-elements/q2-context.entry.js.map +1 -1
  314. package/dist/q2-tecton-elements/q2-currency.entry.js +1 -1
  315. package/dist/q2-tecton-elements/q2-data-table.entry.esm.js.map +1 -1
  316. package/dist/q2-tecton-elements/q2-data-table.entry.js +29 -29
  317. package/dist/q2-tecton-elements/q2-data-table.entry.js.map +1 -1
  318. package/dist/q2-tecton-elements/q2-detail.entry.js +2 -2
  319. package/dist/q2-tecton-elements/q2-dropdown-item.entry.js +2 -2
  320. package/dist/q2-tecton-elements/q2-dropdown.entry.esm.js.map +1 -1
  321. package/dist/q2-tecton-elements/q2-dropdown.entry.js +12 -11
  322. package/dist/q2-tecton-elements/q2-dropdown.entry.js.map +1 -1
  323. package/dist/q2-tecton-elements/q2-editable-field.entry.js +2 -2
  324. package/dist/q2-tecton-elements/q2-example.entry.js +1 -1
  325. package/dist/q2-tecton-elements/q2-file-picker.entry.esm.js.map +1 -1
  326. package/dist/q2-tecton-elements/q2-file-picker.entry.js +3 -3
  327. package/dist/q2-tecton-elements/q2-file-picker.entry.js.map +1 -1
  328. package/dist/q2-tecton-elements/q2-form.entry.esm.js.map +1 -1
  329. package/dist/q2-tecton-elements/q2-form.entry.js +7 -7
  330. package/dist/q2-tecton-elements/q2-form.entry.js.map +1 -1
  331. package/dist/q2-tecton-elements/q2-formatted-text.entry.js +1 -1
  332. package/dist/q2-tecton-elements/q2-grid-area.entry.js +1 -1
  333. package/dist/q2-tecton-elements/q2-grid.entry.js +1 -1
  334. package/dist/q2-tecton-elements/q2-item.entry.esm.js.map +1 -1
  335. package/dist/q2-tecton-elements/q2-item.entry.js +9 -9
  336. package/dist/q2-tecton-elements/q2-legend.entry.js +1 -1
  337. package/dist/q2-tecton-elements/q2-link_2.entry.js +2 -2
  338. package/dist/q2-tecton-elements/q2-loading-element.entry.js +2 -2
  339. package/dist/q2-tecton-elements/q2-loc.entry.js +2 -2
  340. package/dist/q2-tecton-elements/q2-message.entry.js +2 -2
  341. package/dist/q2-tecton-elements/q2-modal.entry.js +2 -2
  342. package/dist/q2-tecton-elements/q2-month-picker.entry.js +2 -2
  343. package/dist/q2-tecton-elements/q2-optgroup.entry.esm.js.map +1 -1
  344. package/dist/q2-tecton-elements/q2-optgroup.entry.js +3 -3
  345. package/dist/q2-tecton-elements/q2-optgroup.entry.js.map +1 -1
  346. package/dist/q2-tecton-elements/q2-option-list.q2-popover.entry.esm.js.map +1 -1
  347. package/dist/q2-tecton-elements/q2-option-list_2.entry.js +17 -17
  348. package/dist/q2-tecton-elements/q2-option-list_2.entry.js.map +1 -1
  349. package/dist/q2-tecton-elements/q2-option.entry.js +2 -2
  350. package/dist/q2-tecton-elements/q2-pagination.entry.js +2 -2
  351. package/dist/q2-tecton-elements/q2-pill.entry.esm.js.map +1 -1
  352. package/dist/q2-tecton-elements/q2-pill.entry.js +40 -38
  353. package/dist/q2-tecton-elements/q2-pill.entry.js.map +1 -1
  354. package/dist/q2-tecton-elements/q2-radio-group.entry.esm.js.map +1 -1
  355. package/dist/q2-tecton-elements/q2-radio-group.entry.js +44 -44
  356. package/dist/q2-tecton-elements/q2-radio-group.entry.js.map +1 -1
  357. package/dist/q2-tecton-elements/q2-radio.entry.esm.js.map +1 -1
  358. package/dist/q2-tecton-elements/q2-radio.entry.js +20 -20
  359. package/dist/q2-tecton-elements/q2-radio.entry.js.map +1 -1
  360. package/dist/q2-tecton-elements/q2-relative-time.entry.js +2 -2
  361. package/dist/q2-tecton-elements/q2-section.entry.js +2 -2
  362. package/dist/q2-tecton-elements/q2-select.entry.js +2 -2
  363. package/dist/q2-tecton-elements/q2-stepper-pane.entry.js +2 -2
  364. package/dist/q2-tecton-elements/q2-stepper-vertical.entry.esm.js.map +1 -1
  365. package/dist/q2-tecton-elements/q2-stepper-vertical.entry.js +3 -3
  366. package/dist/q2-tecton-elements/q2-stepper-vertical.entry.js.map +1 -1
  367. package/dist/q2-tecton-elements/q2-stepper.entry.esm.js.map +1 -1
  368. package/dist/q2-tecton-elements/q2-stepper.entry.js +33 -33
  369. package/dist/q2-tecton-elements/q2-stepper.entry.js.map +1 -1
  370. package/dist/q2-tecton-elements/q2-tag.entry.esm.js.map +1 -1
  371. package/dist/q2-tecton-elements/q2-tag.entry.js +38 -38
  372. package/dist/q2-tecton-elements/q2-tag.entry.js.map +1 -1
  373. package/dist/q2-tecton-elements/q2-tecton-elements.esm.js +3 -3
  374. package/dist/q2-tecton-elements/q2-textarea.entry.esm.js.map +1 -1
  375. package/dist/q2-tecton-elements/q2-textarea.entry.js +18 -18
  376. package/dist/q2-tecton-elements/q2-textarea.entry.js.map +1 -1
  377. package/dist/q2-tecton-elements/q2-tooltip.entry.js +2 -2
  378. package/dist/q2-tecton-elements/{shapes-BrIjALih.js → shapes-B6iI6sMH.js} +41 -40
  379. package/dist/q2-tecton-elements/shapes-B6iI6sMH.js.map +1 -0
  380. package/dist/q2-tecton-elements/tecton-tab-pane.entry.js +4 -4
  381. package/dist/types/components/q2-form/q2-form.d.ts +1 -1
  382. package/dist/types/components/q2-icon/q2-icon.d.ts +0 -5
  383. package/dist/types/components/q2-input/q2-input.d.ts +2 -0
  384. package/dist/types/components/q2-loading/q2-loading.d.ts +32 -7
  385. package/dist/types/components/q2-optgroup/q2-optgroup.d.ts +2 -2
  386. package/dist/types/components/q2-pill/q2-pill.d.ts +1 -1
  387. package/dist/types/components/q2-tab-container/q2-tab-container.d.ts +4 -2
  388. package/dist/types/components.d.ts +16 -6
  389. package/dist/types/utils/sprites.d.ts +5 -0
  390. package/package.json +4 -3
  391. package/dist/cjs/index-JnAD7tEB.js.map +0 -1
  392. package/dist/cjs/shapes-CUFxQAvI.js.map +0 -1
  393. package/dist/esm/index-COzomxjJ.js.map +0 -1
  394. package/dist/esm/shapes-BrIjALih.js.map +0 -1
  395. package/dist/q2-tecton-elements/index-COzomxjJ.js.map +0 -1
  396. package/dist/q2-tecton-elements/shapes-BrIjALih.js.map +0 -1
package/dist/q2-tecton-elements/q2-badge_7.entry.js CHANGED
@@ -1,8 +1,8 @@
1
- import { r as t, h as r, g as o, F as a, a as e, c as i, H as n } from "./index-COzomxjJ.js";
1
+ import { r as t, h as r, g as o, F as a, a as e, c as i, H as n } from "./index-CGkHOjh1.js";
2
2
 
3
- import { l as c, u as s, e as d, x as l, o as p, a as b, y as u, c as v, j as f, s as h, h as m, n as x, r as g, g as k } from "./index-CkXFIBxL.js";
3
+ import { l as c, u as s, e as d, x as l, o as p, a as b, y as u, c as v, j as h, s as f, h as m, n as x, r as g, g as k } from "./index-xCuy-dFb.js";
4
4
 
5
- import { s as w } from "./shapes-BrIjALih.js";
5
+ import { s as w } from "./shapes-B6iI6sMH.js";
6
6
 
7
7
  const y = "*{box-sizing:border-box}*:active{outline:none}*:focus-visible{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:inline-block;line-height:0;--comp-badge-font-size:var(--app-font-size-small, 12px);--comp-badge-large-font-size:var(--app-font-size-medium, 14px);--comp-badge-background:var(--tct-badge-background, var(--t-a11y-gray-color-AAA, #6c6c6c));--comp-badge-color:var(--tct-badge-color, var(--t-base, #ffffff))}:host:host([status=info]){--comp-badge-background:var(--tct-badge-info-background, var(--const-stoplight-info, #0079c1));--comp-badge-color:var(--tct-badge-info-color, var(--const-stoplight-info-text, #ffffff))}:host:host([status=alert]){--comp-badge-background:var(--tct-badge-alert-background, var(--const-stoplight-alert, #d20a0a));--comp-badge-color:var(--tct-badge-alert-color, var(--const-stoplight-alert-text, #ffffff))}:host:host([status=warning]){--comp-badge-background:var(--tct-badge-warning-background, var(--const-stoplight-warning, #c35500));--comp-badge-color:var(--tct-badge-warning-color, var(--const-stoplight-warning-text, #ffffff))}:host:host([status=success]){--comp-badge-background:var(--tct-badge-success-background, var(--const-stoplight-success, #0e8a00));--comp-badge-color:var(--tct-badge-success-color, var(--const-stoplight-success-text, #ffffff))}:host:host([theme=primary]){--comp-badge-background:var(--tct-badge-primary-background, var(--t-primary, #6a4a9e));--comp-badge-color:var(--tct-badge-primary-color, var(--t-primary-text, #ffffff))}:host:host([theme=secondary]){--comp-badge-background:var(--tct-badge-secondary-background, var(--t-secondary, #b3c2cc));--comp-badge-color:var(--tct-badge-secondary-color, var(--t-secondary-text, #141414))}:host:host([theme=tertiary]){--comp-badge-background:var(--tct-badge-tertiary-background, var(--t-tertiary, #e8f5fc));--comp-badge-color:var(--tct-badge-tertiary-color, var(--t-tertiary-text, #141414))}.badge-container{white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;height:var(--tct-badge-height, 16px);min-width:var(--tct-badge-min-width, 16px);text-align:center;padding:var(--tct-badge-padding, 0 5px);color:var(--comp-badge-color);background:var(--comp-badge-background);border-radius:var(--tct-badge-border-radius, var(--t-badge-border-radius, 8px));border:var(--tct-badge-border);backdrop-filter:var(--tct-badge-backdrop-filter)}.badge-container .badge-text{font-size:var(--comp-badge-font-size);line-height:var(--tct-badge-line-height, 14px)}.badge-container .badge-text ::slotted(p){margin:0 !important;font-size:var(--comp-badge-font-size) !important}.badge-container.size-large{height:var(--tct-badge-large-height, 22px);min-width:var(--tct-badge-large-min-width, 22px);border-radius:var(--tct-badge-large-border-radius, 11px);padding:var(--tct-badge-large-padding, 0 6px)}.badge-container.size-large .badge-text{font-size:var(--comp-badge-large-font-size);line-height:var(--tct-badge-large-line-height, 20px)}.badge-container.size-large .badge-text ::slotted(p){margin:0 !important;font-size:var(--comp-badge-large-font-size) !important}.empty-variant{min-width:unset;width:16px;height:16px;padding:0}.empty-variant.size-large{min-width:unset;width:22px;height:22px;padding:0}";
8
8
 
@@ -81,9 +81,9 @@ const S = class {
81
81
 
82
82
  S.style = y;
83
83
 
84
- const z = '*{box-sizing:border-box}*:active{outline:none}*:focus-visible{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}*{box-sizing:border-box}*:active{outline:none}*:focus-visible{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}q2-loading{--tct-loading-primary-color:currentcolor;--tct-loading-secondary-color:currentcolor;--tct-loading-spinner-size:24px}.slot-container{display:flex;align-items:center;justify-content:center;gap:var(--app-scale-1x, 5px);pointer-events:none}:host([loading]) .icon-right .slot-container{flex-direction:row-reverse}:host([loading]) ::slotted(q2-icon){display:none}:host([loading]:not([loading=false])) button{pointer-events:none}:host([block]) button,:host([block]) button.icon-only{display:block;width:100%}:host{display:inline-block}:host([hidden]){display:none}:host([block]){display:block;width:100%}::slotted(q2-icon){pointer-events:none;margin-block:-100px}:host{--comp-font-weight:600;--comp-border-radius:var(--tct-btn-border-radius, var(--app-border-radius-1, 4px));--comp-btn-tween:var(--tct-btn-tween, var(--t-btn-tween, var(--tct-tween-1, var(--app-tween-1, 0.2s ease))));--comp-btn-fallback-box-shadow:0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);--comp-background-alternative:#ebf8ff}:host .btn-height-wrapper{cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--app-scale-1x, 5px)}:host .btn-height-wrapper:active{box-shadow:none}button{margin:var(--tct-scale-0, var(--app-scale-0x, 0));padding:var(--tct-scale-0, var(--app-scale-0x, 0));display:inline-block;width:100%;hyphens:auto;border:var(--tct-btn-border);background:transparent;box-shadow:none;border-radius:0;font-weight:400;color:inherit;cursor:pointer;transition:var(--comp-btn-tween);transition-property:background, color, box-shadow, fill, border-color, border-width;outline:0}button:disabled{opacity:var(--tct-btn-disabled-opacity, var(--t-btn-disabled-opacity, var(--tct-disabled-opacity, var(--app-disabled-opacity, 0.4))));cursor:not-allowed}button.has-color,button.has-intent{font-size:var(--tct-btn-font-size, var(--t-btn-font-size, inherit));border-radius:var(--tct-btn-border-radius, var(--comp-border-radius));text-transform:var(--tct-btn-text-transform);letter-spacing:var(--tct-btn-letter-spacing, inherit)}button.has-color:not(.has-size),button.has-intent:not(.has-size){padding:var(--tct-btn-padding, var(--t-btn-padding, var(--tct-scale-2, var(--app-scale-2x, 10px))))}button:not(.has-size):not(.icon-only) ::slotted(q2-icon){--tct-icon-size:var(--tct-btn-icon-size, 18px)}:host([size="1"]) button{padding:var(--tct-scale-1, var(--app-scale-1x, 5px))}:host([size="2"]) button{padding:var(--tct-scale-2, var(--app-scale-2x, 10px))}:host([size="3"]) button{padding:var(--tct-scale-3, var(--app-scale-3x, 15px))}:host([size="4x"]) button{padding:var(--tct-scale-4x, var(--app-scale-4x, 20px))}:host([size="4"]) button{padding:var(--tct-scale-6x, var(--app-scale-6x, 30px))}:host([size=small]) button{padding:var(--tct-btn-padding-size-small, var(--t-btn-padding-size-small, 4px 16px));font-size:var(--tct-btn-font-size-small, var(--t-btn-font-size-small, 14px))}:host([size=small]) button:not(.icon-only) ::slotted(q2-icon){--tct-icon-size:var(--tct-btn-icon-size-small, 16px)}:host([size=medium]) button{padding:var(--tct-btn-padding-size-medium, var(--t-btn-padding-size-medium, 12px 24px));font-size:var(--tct-btn-font-size-medium, var(--t-btn-font-size-medium, 16px))}:host([size=medium]) button:not(.icon-only) ::slotted(q2-icon){--tct-icon-size:var(--tct-btn-icon-size-medium, unset)}:host([size=large]) button{padding:var(--tct-btn-padding-size-large, var(--t-btn-padding-size-large, 16px 32px));font-size:var(--tct-btn-font-size-large, var(--t-btn-font-size-large, 20px))}:host([size=large]) button:not(.icon-only) ::slotted(q2-icon){--tct-icon-size:var(--tct-btn-icon-size-large, unset)}:host([color=primary]) button,:host([intent=workflow-primary]) button{backdrop-filter:var(--tct-btn-primary-backdrop-filter);--comp-background:var(--tct-btn-primary-background, var(--tct-btn-primary-bg, var(--t-a11y-active-gray-color-AA, #404040)));--comp-hover-background:var(--tct-btn-primary-hover-background, var(--tct-btn-primary-hover-bg));--comp-font-color:var(--tct-btn-primary-font-color, var(--app-white, #ffffff));--comp-box-shadow:var(--tct-btn-primary-box-shadow, var(--comp-btn-fallback-box-shadow));--comp-focus-box-shadow:var(--tct-btn-primary-focus-box-shadow, var(--comp-btn-fallback-box-shadow));--comp-active-background:var(--tct-btn-primary-active-background, #0063a0);--comp-hover-outer-ring-color:var(--tct-btn-primary-hover-outer-ring-color, var(--comp-background));--comp-hover-inner-ring-color:var(--tct-btn-primary-hover-inner-ring-color, var(--comp-font-color));--comp-hover-box-shadow:0 0 0 2px var(--comp-hover-inner-ring-color),\n 0 0 0 4px var(--comp-hover-outer-ring-color);--comp-active-box-shadow:var(--comp-box-shadow);--comp-disabled-box-shadow:var(--comp-box-shadow);--comp-focus-visible-outer-ring-color:var(--tct-btn-primary-focus-visible-outer-ring-color, var(--const-focus-color));--comp-focus-visible-inner-ring-color:var(--tct-btn-primary-focus-visible-inner-ring-color, var(--comp-font-color));--comp-focus-visible-box-shadow:0 0 0 2px var(--comp-focus-visible-inner-ring-color),\n 0 0 0 4px var(--comp-focus-visible-outer-ring-color);border-style:var(--tct-btn-primary-border-style, var(--comp-border-style));border-width:var(--tct-btn-primary-border-width, var(--comp-border-width));font-weight:var(--tct-btn-primary-font-weight, var(--comp-font-weight));border-color:var(--tct-btn-primary-border-color, var(--comp-border-color));background:var(--tct-btn-primary-background, var(--comp-background));color:var(--tct-btn-primary-font-color, var(--comp-font-color));text-decoration:var(--tct-btn-primary-text-decoration, var(--comp-text-decoration));box-shadow:var(--comp-box-shadow)}:host([color=primary]) button:enabled:hover,:host([intent=workflow-primary]) button:enabled:hover{border-color:var(--tct-btn-primary-hover-border-color, var(--comp-hover-border-color, var(--comp-border-color)));background:var(--tct-btn-primary-hover-background, var(--comp-hover-background, var(--comp-background)));color:var(--tct-btn-primary-hover-font-color, var(--comp-hover-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-primary-hover-text-decoration, var(--comp-hover-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-hover-box-shadow)}:host([color=primary]) button:enabled:focus,:host([intent=workflow-primary]) button:enabled:focus{border-color:var(--tct-btn-primary-focus-border-color, var(--comp-focus-border-color, var(--comp-border-color)));background:var(--tct-btn-primary-focus-background, var(--comp-focus-background, var(--comp-background)));color:var(--tct-btn-primary-focus-font-color, var(--comp-focus-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-primary-focus-text-decoration, var(--comp-focus-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-focus-box-shadow)}:host([color=primary]) button:enabled:focus-visible,:host([intent=workflow-primary]) button:enabled:focus-visible{border-color:var(--tct-btn-primary-focus-visible-border-color, var(--comp-focus-visible-border-color, var(--comp-border-color)));background:var(--tct-btn-primary-focus-visible-background, var(--comp-focus-visible-background, var(--comp-background)));color:var(--tct-btn-primary-focus-visible-font-color, var(--comp-focus-visible-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-primary-focus-visible-text-decoration, var(--comp-focus-visible-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-focus-visible-box-shadow)}:host([color=primary]) button:enabled:active,:host([intent=workflow-primary]) button:enabled:active{border-color:var(--tct-btn-primary-active-border-color, var(--comp-active-border-color, var(--comp-border-color)));background:var(--tct-btn-primary-active-background, var(--comp-active-background, var(--comp-background)));color:var(--tct-btn-primary-active-font-color, var(--comp-active-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-primary-active-text-decoration, var(--comp-active-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-active-box-shadow)}:host([color=primary]) button:focus-visible,:host([color=primary]) button:focus-visible:hover:enabled,:host([color=primary]) button:focus,:host([color=primary]) button:focus:hover:enabled,:host([intent=workflow-primary]) button:focus-visible,:host([intent=workflow-primary]) button:focus-visible:hover:enabled,:host([intent=workflow-primary]) button:focus,:host([intent=workflow-primary]) button:focus:hover:enabled{border-color:var(--tct-btn-primary-hover-border-color, var(--comp-hover-border-color, var(--comp-border-color)));background:var(--tct-btn-primary-hover-background, var(--comp-hover-background, var(--comp-background)));color:var(--tct-btn-primary-hover-font-color, var(--comp-hover-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-primary-hover-text-decoration, var(--comp-hover-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-hover-box-shadow)}:host([color=primary]) button:focus-visible:active:enabled,:host([color=primary]) button:focus:active:enabled,:host([intent=workflow-primary]) button:focus-visible:active:enabled,:host([intent=workflow-primary]) button:focus:active:enabled{border-color:var(--tct-btn-primary-active-border-color, var(--comp-active-border-color, var(--comp-border-color)));background:var(--tct-btn-primary-active-background, var(--comp-active-background, var(--comp-background)));color:var(--tct-btn-primary-active-font-color, var(--comp-active-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-primary-active-text-decoration, var(--comp-active-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-active-box-shadow)}:host([color=primary]) button:disabled,:host([intent=workflow-primary]) button:disabled{border-color:var(--tct-btn-primary-disabled-border-color, var(--comp-disabled-border-color, var(--comp-border-color)));background:var(--tct-btn-primary-disabled-background, var(--comp-disabled-background, var(--comp-background)));color:var(--tct-btn-primary-disabled-font-color, var(--comp-disabled-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-primary-disabled-text-decoration, var(--comp-disabled-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-disabled-box-shadow)}:host([color=primary]) button ::slotted(q2-icon),:host([intent=workflow-primary]) button ::slotted(q2-icon){--t-text:var(--tct-btn-primary-icon-color, var(--t-btn-primary-icon-color, var(--comp-font-color, currentcolor)))}:host([color=secondary]) button,:host([intent=workflow-secondary]) button{backdrop-filter:var(--tct-btn-secondary-backdrop-filter);--comp-background:var(--tct-btn-secondary-background, var(--tct-btn-secondary-bg, var(--t-button-default-bg, #cccccc)));--comp-hover-background:var(--tct-btn-secondary-hover-background, var(--tct-btn-secondary-hover-bg, var(--t-a11y-active-gray-color-AA, #404040)));--comp-hover-font-color:var(--app-white, #ffffff);--comp-box-shadow:var(--tct-btn-secondary-box-shadow, var(--comp-btn-fallback-box-shadow));--comp-focus-box-shadow:var(--tct-btn-secondary-focus-box-shadow, var(--comp-btn-fallback-box-shadow));--comp-hover-outer-ring-color:var(--tct-btn-secondary-hover-outer-ring-color, var(--comp-hover-background));--comp-hover-inner-ring-color:var(--tct-btn-secondary-hover-inner-ring-color, var(--app-white));--comp-hover-box-shadow:0 0 0 2px var(--comp-hover-inner-ring-color),\n 0 0 0 4px var(--comp-hover-outer-ring-color);--comp-active-box-shadow:var(--comp-box-shadow);--comp-disabled-box-shadow:var(--comp-box-shadow);--comp-focus-visible-outer-ring-color:var(--tct-btn-secondary-focus-visible-outer-ring-color, var(--const-focus-color));--comp-focus-visible-inner-ring-color:var(--tct-btn-secondary-focus-visible-inner-ring-color, var(--app-white));--comp-focus-visible-box-shadow:0 0 0 2px var(--comp-focus-visible-inner-ring-color),\n 0 0 0 4px var(--comp-focus-visible-outer-ring-color);border-style:var(--tct-btn-secondary-border-style, var(--comp-border-style));border-width:var(--tct-btn-secondary-border-width, var(--comp-border-width));font-weight:var(--tct-btn-secondary-font-weight, var(--comp-font-weight));border-color:var(--tct-btn-secondary-border-color, var(--comp-border-color));background:var(--tct-btn-secondary-background, var(--comp-background));color:var(--tct-btn-secondary-font-color, var(--comp-font-color));text-decoration:var(--tct-btn-secondary-text-decoration, var(--comp-text-decoration));box-shadow:var(--comp-box-shadow)}:host([color=secondary]) button:enabled:hover,:host([intent=workflow-secondary]) button:enabled:hover{border-color:var(--tct-btn-secondary-hover-border-color, var(--comp-hover-border-color, var(--comp-border-color)));background:var(--tct-btn-secondary-hover-background, var(--comp-hover-background, var(--comp-background)));color:var(--tct-btn-secondary-hover-font-color, var(--comp-hover-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-secondary-hover-text-decoration, var(--comp-hover-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-hover-box-shadow)}:host([color=secondary]) button:enabled:focus,:host([intent=workflow-secondary]) button:enabled:focus{border-color:var(--tct-btn-secondary-focus-border-color, var(--comp-focus-border-color, var(--comp-border-color)));background:var(--tct-btn-secondary-focus-background, var(--comp-focus-background, var(--comp-background)));color:var(--tct-btn-secondary-focus-font-color, var(--comp-focus-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-secondary-focus-text-decoration, var(--comp-focus-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-focus-box-shadow)}:host([color=secondary]) button:enabled:focus-visible,:host([intent=workflow-secondary]) button:enabled:focus-visible{border-color:var(--tct-btn-secondary-focus-visible-border-color, var(--comp-focus-visible-border-color, var(--comp-border-color)));background:var(--tct-btn-secondary-focus-visible-background, var(--comp-focus-visible-background, var(--comp-background)));color:var(--tct-btn-secondary-focus-visible-font-color, var(--comp-focus-visible-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-secondary-focus-visible-text-decoration, var(--comp-focus-visible-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-focus-visible-box-shadow)}:host([color=secondary]) button:enabled:active,:host([intent=workflow-secondary]) button:enabled:active{border-color:var(--tct-btn-secondary-active-border-color, var(--comp-active-border-color, var(--comp-border-color)));background:var(--tct-btn-secondary-active-background, var(--comp-active-background, var(--comp-background)));color:var(--tct-btn-secondary-active-font-color, var(--comp-active-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-secondary-active-text-decoration, var(--comp-active-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-active-box-shadow)}:host([color=secondary]) button:focus-visible,:host([color=secondary]) button:focus-visible:hover:enabled,:host([color=secondary]) button:focus,:host([color=secondary]) button:focus:hover:enabled,:host([intent=workflow-secondary]) button:focus-visible,:host([intent=workflow-secondary]) button:focus-visible:hover:enabled,:host([intent=workflow-secondary]) button:focus,:host([intent=workflow-secondary]) button:focus:hover:enabled{border-color:var(--tct-btn-secondary-hover-border-color, var(--comp-hover-border-color, var(--comp-border-color)));background:var(--tct-btn-secondary-hover-background, var(--comp-hover-background, var(--comp-background)));color:var(--tct-btn-secondary-hover-font-color, var(--comp-hover-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-secondary-hover-text-decoration, var(--comp-hover-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-hover-box-shadow)}:host([color=secondary]) button:focus-visible:active:enabled,:host([color=secondary]) button:focus:active:enabled,:host([intent=workflow-secondary]) button:focus-visible:active:enabled,:host([intent=workflow-secondary]) button:focus:active:enabled{border-color:var(--tct-btn-secondary-active-border-color, var(--comp-active-border-color, var(--comp-border-color)));background:var(--tct-btn-secondary-active-background, var(--comp-active-background, var(--comp-background)));color:var(--tct-btn-secondary-active-font-color, var(--comp-active-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-secondary-active-text-decoration, var(--comp-active-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-active-box-shadow)}:host([color=secondary]) button:disabled,:host([intent=workflow-secondary]) button:disabled{border-color:var(--tct-btn-secondary-disabled-border-color, var(--comp-disabled-border-color, var(--comp-border-color)));background:var(--tct-btn-secondary-disabled-background, var(--comp-disabled-background, var(--comp-background)));color:var(--tct-btn-secondary-disabled-font-color, var(--comp-disabled-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-secondary-disabled-text-decoration, var(--comp-disabled-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-disabled-box-shadow)}:host([color=secondary]) button ::slotted(q2-icon),:host([intent=workflow-secondary]) button ::slotted(q2-icon){--t-text:var(--tct-btn-secondary-icon-color, var(--t-btn-secondary-icon-color, var(--comp-font-color, currentcolor)))}:host([intent=workflow-destroy]) button{backdrop-filter:var(--tct-btn-destroy-backdrop-filter);--comp-background:var(--tct-btn-destroy-background, var(--const-stoplight-alert, #d20a0a));--comp-font-color:var(--tct-btn-destroy-font-color, var(--app-white));--comp-box-shadow:var(--tct-btn-destroy-box-shadow, var(--comp-btn-fallback-box-shadow));--comp-focus-box-shadow:var(--tct-btn-destroy-focus-box-shadow, var(--comp-btn-fallback-box-shadow));--comp-hover-outer-ring-color:var(--tct-btn-destroy-hover-outer-ring-color, var(--comp-background));--comp-hover-inner-ring-color:var(--tct-btn-destroy-hover-inner-ring-color, var(--comp-font-color));--comp-hover-box-shadow:0 0 0 2px var(--comp-hover-inner-ring-color),\n 0 0 0 4px var(--comp-hover-outer-ring-color);--comp-active-box-shadow:var(--comp-box-shadow);--comp-disabled-box-shadow:var(--comp-box-shadow);--comp-focus-visible-outer-ring-color:var(--tct-btn-destroy-focus-visible-outer-ring-color, var(--const-focus-color));--comp-focus-visible-inner-ring-color:var(--tct-btn-destroy-focus-visible-inner-ring-color, var(--comp-font-color));--comp-focus-visible-box-shadow:0 0 0 2px var(--comp-focus-visible-inner-ring-color),\n 0 0 0 4px var(--comp-focus-visible-outer-ring-color);border-style:var(--tct-btn-destroy-border-style, var(--comp-border-style));border-width:var(--tct-btn-destroy-border-width, var(--comp-border-width));font-weight:var(--tct-btn-destroy-font-weight, var(--comp-font-weight));border-color:var(--tct-btn-destroy-border-color, var(--comp-border-color));background:var(--tct-btn-destroy-background, var(--comp-background));color:var(--tct-btn-destroy-font-color, var(--comp-font-color));text-decoration:var(--tct-btn-destroy-text-decoration, var(--comp-text-decoration));box-shadow:var(--comp-box-shadow)}:host([intent=workflow-destroy]) button:enabled:hover{border-color:var(--tct-btn-destroy-hover-border-color, var(--comp-hover-border-color, var(--comp-border-color)));background:var(--tct-btn-destroy-hover-background, var(--comp-hover-background, var(--comp-background)));color:var(--tct-btn-destroy-hover-font-color, var(--comp-hover-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-destroy-hover-text-decoration, var(--comp-hover-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-hover-box-shadow)}:host([intent=workflow-destroy]) button:enabled:focus{border-color:var(--tct-btn-destroy-focus-border-color, var(--comp-focus-border-color, var(--comp-border-color)));background:var(--tct-btn-destroy-focus-background, var(--comp-focus-background, var(--comp-background)));color:var(--tct-btn-destroy-focus-font-color, var(--comp-focus-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-destroy-focus-text-decoration, var(--comp-focus-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-focus-box-shadow)}:host([intent=workflow-destroy]) button:enabled:focus-visible{border-color:var(--tct-btn-destroy-focus-visible-border-color, var(--comp-focus-visible-border-color, var(--comp-border-color)));background:var(--tct-btn-destroy-focus-visible-background, var(--comp-focus-visible-background, var(--comp-background)));color:var(--tct-btn-destroy-focus-visible-font-color, var(--comp-focus-visible-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-destroy-focus-visible-text-decoration, var(--comp-focus-visible-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-focus-visible-box-shadow)}:host([intent=workflow-destroy]) button:enabled:active{border-color:var(--tct-btn-destroy-active-border-color, var(--comp-active-border-color, var(--comp-border-color)));background:var(--tct-btn-destroy-active-background, var(--comp-active-background, var(--comp-background)));color:var(--tct-btn-destroy-active-font-color, var(--comp-active-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-destroy-active-text-decoration, var(--comp-active-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-active-box-shadow)}:host([intent=workflow-destroy]) button:focus-visible,:host([intent=workflow-destroy]) button:focus-visible:hover:enabled,:host([intent=workflow-destroy]) button:focus,:host([intent=workflow-destroy]) button:focus:hover:enabled{border-color:var(--tct-btn-destroy-hover-border-color, var(--comp-hover-border-color, var(--comp-border-color)));background:var(--tct-btn-destroy-hover-background, var(--comp-hover-background, var(--comp-background)));color:var(--tct-btn-destroy-hover-font-color, var(--comp-hover-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-destroy-hover-text-decoration, var(--comp-hover-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-hover-box-shadow)}:host([intent=workflow-destroy]) button:focus-visible:active:enabled,:host([intent=workflow-destroy]) button:focus:active:enabled{border-color:var(--tct-btn-destroy-active-border-color, var(--comp-active-border-color, var(--comp-border-color)));background:var(--tct-btn-destroy-active-background, var(--comp-active-background, var(--comp-background)));color:var(--tct-btn-destroy-active-font-color, var(--comp-active-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-destroy-active-text-decoration, var(--comp-active-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-active-box-shadow)}:host([intent=workflow-destroy]) button:disabled{border-color:var(--tct-btn-destroy-disabled-border-color, var(--comp-disabled-border-color, var(--comp-border-color)));background:var(--tct-btn-destroy-disabled-background, var(--comp-disabled-background, var(--comp-background)));color:var(--tct-btn-destroy-disabled-font-color, var(--comp-disabled-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-destroy-disabled-text-decoration, var(--comp-disabled-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-disabled-box-shadow)}:host([intent=workflow-destroy]) button ::slotted(q2-icon){--t-text:var(--tct-btn-destroy-icon-color, var(--t-btn-destroy-icon-color, var(--comp-font-color, currentcolor)))}:host([intent=workflow-escape]) button{backdrop-filter:var(--tct-btn-escape-backdrop-filter);--comp-background:var(--tct-btn-escape-background, var(--app-white, #ffffff));--comp-font-color:var(--tct-btn-escape-font-color, var(--tct-btn-primary-background, var(--tct-btn-primary-bg, var(--t-a11y-active-gray-color-AA, #404040))));--comp-box-shadow:var(--tct-btn-escape-box-shadow, var(--comp-btn-fallback-box-shadow));--comp-hover-box-shadow:var(--tct-btn-escape-hover-box-shadow, var(--comp-btn-fallback-box-shadow));--comp-focus-box-shadow:var(--tct-btn-escape-focus-box-shadow, var(--comp-btn-fallback-box-shadow));--comp-hover-background:var(--tct-btn-escape-hover-background, var(--comp-background-alternative));--comp-active-background:var(--tct-btn-escape-active-background, var(--comp-background-alternative));--comp-focus-background:var(--tct-btn-escape-focus-background, var(--comp-background-alternative));--comp-hover-outer-ring-color:var(--tct-btn-escape-hover-outer-ring-color, var(--comp-font-color));--comp-hover-inner-ring-color:var(--tct-btn-escape-hover-inner-ring-color, var(--comp-background));--comp-hover-box-shadow:0 0 0 2px var(--comp-hover-inner-ring-color),\n 0 0 0 4px var(--comp-hover-outer-ring-color);--comp-active-box-shadow:var(--comp-box-shadow);--comp-disabled-box-shadow:var(--comp-box-shadow);--comp-focus-visible-outer-ring-color:var(--tct-btn-escape-focus-visible-outer-ring-color, var(--const-focus-color));--comp-focus-visible-inner-ring-color:var(--tct-btn-escape-focus-visible-inner-ring-color, var(--comp-background));--comp-focus-visible-box-shadow:0 0 0 2px var(--comp-focus-visible-inner-ring-color),\n 0 0 0 4px var(--comp-focus-visible-outer-ring-color);border-style:var(--tct-btn-escape-border-style, var(--comp-border-style));border-width:var(--tct-btn-escape-border-width, var(--comp-border-width));font-weight:var(--tct-btn-escape-font-weight, var(--comp-font-weight));border-color:var(--tct-btn-escape-border-color, var(--comp-border-color));background:var(--tct-btn-escape-background, var(--comp-background));color:var(--tct-btn-escape-font-color, var(--comp-font-color));text-decoration:var(--tct-btn-escape-text-decoration, var(--comp-text-decoration));box-shadow:var(--comp-box-shadow)}:host([intent=workflow-escape]) button:enabled:hover{border-color:var(--tct-btn-escape-hover-border-color, var(--comp-hover-border-color, var(--comp-border-color)));background:var(--tct-btn-escape-hover-background, var(--comp-hover-background, var(--comp-background)));color:var(--tct-btn-escape-hover-font-color, var(--comp-hover-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-escape-hover-text-decoration, var(--comp-hover-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-hover-box-shadow)}:host([intent=workflow-escape]) button:enabled:focus{border-color:var(--tct-btn-escape-focus-border-color, var(--comp-focus-border-color, var(--comp-border-color)));background:var(--tct-btn-escape-focus-background, var(--comp-focus-background, var(--comp-background)));color:var(--tct-btn-escape-focus-font-color, var(--comp-focus-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-escape-focus-text-decoration, var(--comp-focus-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-focus-box-shadow)}:host([intent=workflow-escape]) button:enabled:focus-visible{border-color:var(--tct-btn-escape-focus-visible-border-color, var(--comp-focus-visible-border-color, var(--comp-border-color)));background:var(--tct-btn-escape-focus-visible-background, var(--comp-focus-visible-background, var(--comp-background)));color:var(--tct-btn-escape-focus-visible-font-color, var(--comp-focus-visible-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-escape-focus-visible-text-decoration, var(--comp-focus-visible-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-focus-visible-box-shadow)}:host([intent=workflow-escape]) button:enabled:active{border-color:var(--tct-btn-escape-active-border-color, var(--comp-active-border-color, var(--comp-border-color)));background:var(--tct-btn-escape-active-background, var(--comp-active-background, var(--comp-background)));color:var(--tct-btn-escape-active-font-color, var(--comp-active-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-escape-active-text-decoration, var(--comp-active-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-active-box-shadow)}:host([intent=workflow-escape]) button:focus-visible,:host([intent=workflow-escape]) button:focus-visible:hover:enabled,:host([intent=workflow-escape]) button:focus,:host([intent=workflow-escape]) button:focus:hover:enabled{border-color:var(--tct-btn-escape-hover-border-color, var(--comp-hover-border-color, var(--comp-border-color)));background:var(--tct-btn-escape-hover-background, var(--comp-hover-background, var(--comp-background)));color:var(--tct-btn-escape-hover-font-color, var(--comp-hover-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-escape-hover-text-decoration, var(--comp-hover-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-hover-box-shadow)}:host([intent=workflow-escape]) button:focus-visible:active:enabled,:host([intent=workflow-escape]) button:focus:active:enabled{border-color:var(--tct-btn-escape-active-border-color, var(--comp-active-border-color, var(--comp-border-color)));background:var(--tct-btn-escape-active-background, var(--comp-active-background, var(--comp-background)));color:var(--tct-btn-escape-active-font-color, var(--comp-active-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-escape-active-text-decoration, var(--comp-active-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-active-box-shadow)}:host([intent=workflow-escape]) button:disabled{border-color:var(--tct-btn-escape-disabled-border-color, var(--comp-disabled-border-color, var(--comp-border-color)));background:var(--tct-btn-escape-disabled-background, var(--comp-disabled-background, var(--comp-background)));color:var(--tct-btn-escape-disabled-font-color, var(--comp-disabled-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-escape-disabled-text-decoration, var(--comp-disabled-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-disabled-box-shadow)}:host([intent=workflow-escape]) button ::slotted(q2-icon){--t-text:var(--tct-btn-escape-icon-color, var(--t-btn-escape-icon-color, var(--comp-font-color, currentcolor)))}:host([intent=neutral]) button{backdrop-filter:var(--tct-btn-neutral-backdrop-filter);--comp-background:var(--tct-btn-neutral-background, var(--app-white, #ffffff));--comp-font-color:var(--tct-btn-neutral-font-color, var(--tct-btn-primary-background, var(--tct-btn-primary-bg, var(--t-a11y-active-gray-color-AA, #404040))));--comp-box-shadow:var(--tct-btn-neutral-box-shadow, var(--comp-btn-fallback-box-shadow));--comp-focus-box-shadow:var(--tct-btn-neutral-focus-box-shadow, var(--comp-btn-fallback-box-shadow));--comp-border-width:1px;--comp-border-style:solid;--comp-border-color:var(--comp-font-color);--comp-hover-outer-ring-color:var(--tct-btn-neutral-hover-outer-ring-color, var(--comp-font-color));--comp-hover-inner-ring-color:var(--tct-btn-neutral-hover-inner-ring-color, var(--app-white));--comp-hover-box-shadow:0 0 0 2px var(--comp-hover-inner-ring-color),\n 0 0 0 4px var(--comp-hover-outer-ring-color);--comp-active-box-shadow:var(--comp-box-shadow);--comp-disabled-box-shadow:var(--comp-box-shadow);--comp-focus-visible-outer-ring-color:var(--tct-btn-neutral-focus-visible-outer-ring-color, var(--const-focus-color));--comp-focus-visible-inner-ring-color:var(--tct-btn-neutral-focus-visible-inner-ring-color, var(--comp-background));--comp-focus-visible-box-shadow:0 0 0 2px var(--comp-focus-visible-inner-ring-color),\n 0 0 0 4px var(--comp-focus-visible-outer-ring-color);border-style:var(--tct-btn-neutral-border-style, var(--comp-border-style));border-width:var(--tct-btn-neutral-border-width, var(--comp-border-width));font-weight:var(--tct-btn-neutral-font-weight, var(--comp-font-weight));border-color:var(--tct-btn-neutral-border-color, var(--comp-border-color));background:var(--tct-btn-neutral-background, var(--comp-background));color:var(--tct-btn-neutral-font-color, var(--comp-font-color));text-decoration:var(--tct-btn-neutral-text-decoration, var(--comp-text-decoration));box-shadow:var(--comp-box-shadow)}:host([intent=neutral]) button:enabled:hover{border-color:var(--tct-btn-neutral-hover-border-color, var(--comp-hover-border-color, var(--comp-border-color)));background:var(--tct-btn-neutral-hover-background, var(--comp-hover-background, var(--comp-background)));color:var(--tct-btn-neutral-hover-font-color, var(--comp-hover-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-neutral-hover-text-decoration, var(--comp-hover-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-hover-box-shadow)}:host([intent=neutral]) button:enabled:focus{border-color:var(--tct-btn-neutral-focus-border-color, var(--comp-focus-border-color, var(--comp-border-color)));background:var(--tct-btn-neutral-focus-background, var(--comp-focus-background, var(--comp-background)));color:var(--tct-btn-neutral-focus-font-color, var(--comp-focus-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-neutral-focus-text-decoration, var(--comp-focus-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-focus-box-shadow)}:host([intent=neutral]) button:enabled:focus-visible{border-color:var(--tct-btn-neutral-focus-visible-border-color, var(--comp-focus-visible-border-color, var(--comp-border-color)));background:var(--tct-btn-neutral-focus-visible-background, var(--comp-focus-visible-background, var(--comp-background)));color:var(--tct-btn-neutral-focus-visible-font-color, var(--comp-focus-visible-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-neutral-focus-visible-text-decoration, var(--comp-focus-visible-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-focus-visible-box-shadow)}:host([intent=neutral]) button:enabled:active{border-color:var(--tct-btn-neutral-active-border-color, var(--comp-active-border-color, var(--comp-border-color)));background:var(--tct-btn-neutral-active-background, var(--comp-active-background, var(--comp-background)));color:var(--tct-btn-neutral-active-font-color, var(--comp-active-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-neutral-active-text-decoration, var(--comp-active-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-active-box-shadow)}:host([intent=neutral]) button:focus-visible,:host([intent=neutral]) button:focus-visible:hover:enabled,:host([intent=neutral]) button:focus,:host([intent=neutral]) button:focus:hover:enabled{border-color:var(--tct-btn-neutral-hover-border-color, var(--comp-hover-border-color, var(--comp-border-color)));background:var(--tct-btn-neutral-hover-background, var(--comp-hover-background, var(--comp-background)));color:var(--tct-btn-neutral-hover-font-color, var(--comp-hover-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-neutral-hover-text-decoration, var(--comp-hover-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-hover-box-shadow)}:host([intent=neutral]) button:focus-visible:active:enabled,:host([intent=neutral]) button:focus:active:enabled{border-color:var(--tct-btn-neutral-active-border-color, var(--comp-active-border-color, var(--comp-border-color)));background:var(--tct-btn-neutral-active-background, var(--comp-active-background, var(--comp-background)));color:var(--tct-btn-neutral-active-font-color, var(--comp-active-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-neutral-active-text-decoration, var(--comp-active-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-active-box-shadow)}:host([intent=neutral]) button:disabled{border-color:var(--tct-btn-neutral-disabled-border-color, var(--comp-disabled-border-color, var(--comp-border-color)));background:var(--tct-btn-neutral-disabled-background, var(--comp-disabled-background, var(--comp-background)));color:var(--tct-btn-neutral-disabled-font-color, var(--comp-disabled-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-neutral-disabled-text-decoration, var(--comp-disabled-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-disabled-box-shadow)}:host([intent=neutral]) button ::slotted(q2-icon){--t-text:var(--tct-btn-neutral-icon-color, var(--t-btn-neutral-icon-color, var(--comp-font-color, currentcolor)))}:host([intent=neutral-text]) button{backdrop-filter:var(--tct-btn-neutral-text-backdrop-filter);--comp-background:var(--tct-btn-neutral-text-background, var(--tct-btn-neutral-text-bg, var(--app-white, #ffffff)));--comp-font-color:var(--tct-btn-neutral-text-font-color, var(--tct-btn-primary-background, var(--tct-btn-primary-bg, var(--t-a11y-active-gray-color-AA, #404040))));--comp-box-shadow:var(--tct-btn-neutral-text-box-shadow);--comp-hover-text-decoration:underline;--comp-focus-background:var(--tct-btn-neutral-text-focus-background, var(--comp-background-alternative));--comp-hover-outer-ring-color:var(--tct-btn-neutral-text-hover-outer-ring-color, var(--comp-font-color));--comp-hover-inner-ring-color:var(--tct-btn-neutral-text-hover-inner-ring-color, var(--comp-background));--comp-hover-box-shadow:0 0 0 2px var(--comp-hover-inner-ring-color),\n 0 0 0 4px var(--comp-hover-outer-ring-color);--comp-active-box-shadow:var(--comp-box-shadow);--comp-disabled-box-shadow:var(--comp-box-shadow);--comp-focus-visible-outer-ring-color:var(--tct-btn-neutral-text-focus-visible-outer-ring-color, var(--const-focus-color));--comp-focus-visible-inner-ring-color:var(--tct-btn-neutral-text-focus-visible-inner-ring-color, var(--app-white));--comp-focus-visible-box-shadow:0 0 0 2px var(--comp-focus-visible-inner-ring-color),\n 0 0 0 4px var(--comp-focus-visible-outer-ring-color);border-style:var(--tct-btn-neutral-text-border-style, var(--comp-border-style));border-width:var(--tct-btn-neutral-text-border-width, var(--comp-border-width));font-weight:var(--tct-btn-neutral-text-font-weight, var(--comp-font-weight));border-color:var(--tct-btn-neutral-text-border-color, var(--comp-border-color));background:var(--tct-btn-neutral-text-background, var(--comp-background));color:var(--tct-btn-neutral-text-font-color, var(--comp-font-color));text-decoration:var(--tct-btn-neutral-text-text-decoration, var(--comp-text-decoration));box-shadow:var(--comp-box-shadow)}:host([intent=neutral-text]) button:enabled:hover{border-color:var(--tct-btn-neutral-text-hover-border-color, var(--comp-hover-border-color, var(--comp-border-color)));background:var(--tct-btn-neutral-text-hover-background, var(--comp-hover-background, var(--comp-background)));color:var(--tct-btn-neutral-text-hover-font-color, var(--comp-hover-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-neutral-text-hover-text-decoration, var(--comp-hover-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-hover-box-shadow)}:host([intent=neutral-text]) button:enabled:focus{border-color:var(--tct-btn-neutral-text-focus-border-color, var(--comp-focus-border-color, var(--comp-border-color)));background:var(--tct-btn-neutral-text-focus-background, var(--comp-focus-background, var(--comp-background)));color:var(--tct-btn-neutral-text-focus-font-color, var(--comp-focus-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-neutral-text-focus-text-decoration, var(--comp-focus-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-focus-box-shadow)}:host([intent=neutral-text]) button:enabled:focus-visible{border-color:var(--tct-btn-neutral-text-focus-visible-border-color, var(--comp-focus-visible-border-color, var(--comp-border-color)));background:var(--tct-btn-neutral-text-focus-visible-background, var(--comp-focus-visible-background, var(--comp-background)));color:var(--tct-btn-neutral-text-focus-visible-font-color, var(--comp-focus-visible-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-neutral-text-focus-visible-text-decoration, var(--comp-focus-visible-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-focus-visible-box-shadow)}:host([intent=neutral-text]) button:enabled:active{border-color:var(--tct-btn-neutral-text-active-border-color, var(--comp-active-border-color, var(--comp-border-color)));background:var(--tct-btn-neutral-text-active-background, var(--comp-active-background, var(--comp-background)));color:var(--tct-btn-neutral-text-active-font-color, var(--comp-active-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-neutral-text-active-text-decoration, var(--comp-active-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-active-box-shadow)}:host([intent=neutral-text]) button:focus-visible,:host([intent=neutral-text]) button:focus-visible:hover:enabled,:host([intent=neutral-text]) button:focus,:host([intent=neutral-text]) button:focus:hover:enabled{border-color:var(--tct-btn-neutral-text-hover-border-color, var(--comp-hover-border-color, var(--comp-border-color)));background:var(--tct-btn-neutral-text-hover-background, var(--comp-hover-background, var(--comp-background)));color:var(--tct-btn-neutral-text-hover-font-color, var(--comp-hover-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-neutral-text-hover-text-decoration, var(--comp-hover-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-hover-box-shadow)}:host([intent=neutral-text]) button:focus-visible:active:enabled,:host([intent=neutral-text]) button:focus:active:enabled{border-color:var(--tct-btn-neutral-text-active-border-color, var(--comp-active-border-color, var(--comp-border-color)));background:var(--tct-btn-neutral-text-active-background, var(--comp-active-background, var(--comp-background)));color:var(--tct-btn-neutral-text-active-font-color, var(--comp-active-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-neutral-text-active-text-decoration, var(--comp-active-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-active-box-shadow)}:host([intent=neutral-text]) button:disabled{border-color:var(--tct-btn-neutral-text-disabled-border-color, var(--comp-disabled-border-color, var(--comp-border-color)));background:var(--tct-btn-neutral-text-disabled-background, var(--comp-disabled-background, var(--comp-background)));color:var(--tct-btn-neutral-text-disabled-font-color, var(--comp-disabled-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-neutral-text-disabled-text-decoration, var(--comp-disabled-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-disabled-box-shadow)}:host([intent=neutral-text]) button ::slotted(q2-icon){--t-text:var(--tct-btn-neutral-text-icon-color, var(--t-btn-neutral-text-icon-color, var(--comp-font-color, currentcolor)))}button.icon-only{width:var(--tct-btn-icon-width, var(--t-btn-icon-width, 44px));height:var(--tct-btn-icon-height, var(--t-btn-icon-height, 44px));border-radius:var(--tct-btn-icon-border-radius, var(--t-btn-icon-border-radius, var(--tct-btn-border-radius, 0)));padding:var(--tct-btn-icon-padding, 0px)}button.icon-only ::slotted(q2-icon){--tct-icon-size:unset}button.icon-only.has-size{padding:var(--tct-btn-icon-padding, 0px)}button.icon-only.has-intent{padding:var(--tct-btn-icon-padding, 10px);border-radius:var(--tct-btn-icon-border-radius, var(--comp-border-radius))}button:not(.has-color):not(.has-intent):hover,button:not(.has-color):not(.has-intent):focus,button.icon-only:hover,button.icon-only:focus{background:var(--tct-btn-icon-hover-background, var(--tct-btn-icon-hover-bg, var(--t-btn-icon-hover-bg, var(--tct-gray-13, var(--t-gray-13, var(--tct-gray-l3, var(--app-gray-l3, #f2f2f2)))))))}button:not(.has-intent).is-active.icon-only{background-color:var(--tct-btn-icon-active-background, var(--tct-btn-icon-active-bg, var(--t-btn-icon-active-bg, var(--tct-gray-14, var(--t-gray-14, var(--tct-gray-l3, var(--app-gray-l3, #f2f2f2)))))))}button:not(.has-intent).icon-only:hover *,button:not(.has-intent).icon-only:focus *,button:not(.has-intent).is-active.icon-only *{color:var(--tct-btn-icon-hover-color, var(--t-btn-icon-hover-color, var(--tct-link-hover-color, var(--t-link-hover-color, #080808))))}button:not(.has-intent):not(.icon-only){height:var(--tct-btn-height, auto);padding-inline:var(--tct-btn-padding-inline, 0);font-weight:var(--tct-btn-font-weight);border-radius:var(--tct-btn-border-radius, 0)}button:not(.has-intent):not(.icon-only):hover,button:not(.has-intent):not(.icon-only):focus{background:var(--tct-btn-hover-background)}:host([badge]) button{padding:var(--tct-btn-badge-padding, var(--t-btn-badge-padding, 2px 5px));font-size:var(--tct-btn-badge-font-size, var(--t-btn-badge-font-size, var(--tct-btn-font-size, var(--t-btn-font-size, inherit))));border-radius:var(--tct-btn-badge-border-radius, var(--t-btn-badge-border-radius, var(--tct-border-radius-1, var(--app-border-radius-1, 4px))));background-color:var(--tct-btn-badge-background, var(--tct-btn-badge-bg, var(--t-btn-badge-bg, transparent)));color:var(--tct-btn-badge-font-color, var(--t-btn-badge-font-color, inherit))}:host([badge]) button ::slotted(q2-icon){--tct-icon-size:1em}:host([badge]:hover) button:enabled{background-color:var(--tct-btn-badge-hover-background, var(--tct-btn-badge-hover-bg, var(--t-btn-badge-hover-bg, var(--tct-gray-14, var(--t-gray-14, var(--tct-gray-l3, var(--app-gray-l3, #f2f2f2)))))));color:var(--tct-btn-badge-hover-font-color, var(--t-btn-badge-hover-font-color, var(--tct-gray-5, var(--t-gray-5, var(--tct-gray-d2, var(--app-gray-d2, #404040))))))}:host(.selected[badge]) button,:host([active][badge]) button{background-color:var(--tct-btn-badge-active-background, var(--tct-btn-badge-active-bg, var(--t-btn-badge-active-bg, var(--comp-btn-primary-background))));color:var(--tct-btn-badge-active-font-color, var(--t-btn-badge-active-font-color, var(--comp-btn-primary-font-color)))}button.intent-coin{--tct-avatar-background:var(--tct-btn-coin-background, var(--t-primary-l5, #b4a0d3));--tct-avatar-height:var(--tct-btn-coin-height, 44px);--tct-avatar-width:var(--tct-btn-coin-width, 44px);--tct-avatar-fallback-background:var(--tct-btn-coin-background, var(--t-primary-l5, #b4a0d3));--tct-icon-stroke-primary:var(--tct-btn-coin-icon-stroke-primary, var(--t-text, #4d4d4d));--tct-avatar-text-color:var(--tct-btn-coin-avatar-text-color, var(--t-text, #4d4d4d));--tct-icon-stroke-width:var(--tct-btn-coin-icon-stroke-width, 1px);--tct-btn-padding:0;--tct-btn-border-radius:50%;--tct-avatar-border:var(--tct-btn-coin-border, 0);width:auto;backdrop-filter:var(--tct-btn-coin-backdrop-filter)}button.intent-coin:focus{--const-double-focus-ring:0;box-shadow:0}button.intent-coin:focus-visible{--const-double-focus-ring:0 0 0 2px #ffffff,\n 0 0 0 4px var(--tct-btn-coin-focus-ring, var(--t-primary, #6a4a9e))}button.intent-coin:hover:not([disabled]){--const-double-focus-ring:0 0 0 2px #ffffff,\n 0 0 0 4px var(--tct-btn-coin-focus-ring, var(--t-primary, #6a4a9e));--tct-avatar-background:var(--tct-btn-coin-background, var(--t-primary-l3, #957ac1));--tct-avatar-fallback-background:var(--tct-btn-coin-background, var(--t-primary-l3, #957ac1));--tct-icon-stroke-primary:var(--tct-btn-coin-icon-stroke-primary, var(--t-base, #ffffff));--tct-avatar-text-color:var(--tct-btn-coin-avatar-text-color, var(--t-base, #ffffff));box-shadow:var(--const-double-focus-ring)}button.intent-coin:active:not([disabled]){box-shadow:none}.coin-label{color:var(--tct-btn-coin-label-color, var(--t-text, #4d4d4d));font-size:var(--tct-btn-coin-label-font-size, var(--app-font-size, 14px));max-width:100px;text-align:center;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.coin-label.disabled{color:var(--tct-btn-coin-label-disabled-color, var(--t-textA, #767676));max-width:100px}.coin-wrapper{--tct-avatar-display:block;display:flex;align-items:center;justify-content:center;gap:var(--app-scale-1x, 5px);flex-direction:column;width:var(--tct-btn-coin-container-width, 95px)}.coin-wrapper ::slotted(:not(q2-avatar,[slot=coin-label])){display:none}.coin-wrapper .coin-label{color:var(--tct-btn-coin-label-color, var(--t-text, #4d4d4d));font-size:var(--tct-btn-coin-label-font-size, var(--app-font-size, 14px));margin-top:var(--tct-btn-coin-gap, var(--app-scale-2x, 10px));max-width:100px;text-align:center;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.coin-wrapper .coin-label.disabled{color:var(--tct-btn-coin-label-disabled-color, var(--t-textA, #767676));max-width:100px}';
84
+ const C = '*{box-sizing:border-box}*:active{outline:none}*:focus-visible{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}*{box-sizing:border-box}*:active{outline:none}*:focus-visible{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}q2-loading{--tct-loading-primary-color:currentcolor;--tct-loading-secondary-color:currentcolor;--tct-loading-spinner-size:24px}.slot-container{display:flex;align-items:center;justify-content:center;gap:var(--app-scale-1x, 5px);pointer-events:none}:host([loading]) .icon-right .slot-container{flex-direction:row-reverse}:host([loading]) ::slotted(q2-icon){display:none}:host([loading]:not([loading=false])) button{pointer-events:none}:host([block]) button,:host([block]) button.icon-only{display:block;width:100%}:host{display:inline-block}:host([hidden]){display:none}:host([block]){display:block;width:100%}::slotted(q2-icon){pointer-events:none;margin-block:-100px}:host{--comp-font-weight:600;--comp-border-radius:var(--tct-btn-border-radius, var(--app-border-radius-1, 4px));--comp-btn-tween:var(--tct-btn-tween, var(--t-btn-tween, var(--tct-tween-1, var(--app-tween-1, 0.2s ease))));--comp-btn-fallback-box-shadow:0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);--comp-background-alternative:#ebf8ff}:host .btn-height-wrapper{cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--app-scale-1x, 5px)}:host .btn-height-wrapper:active{box-shadow:none}button{margin:var(--tct-scale-0, var(--app-scale-0x, 0));padding:var(--tct-scale-0, var(--app-scale-0x, 0));display:inline-block;width:100%;hyphens:auto;border:var(--tct-btn-border);background:transparent;box-shadow:none;border-radius:0;font-weight:400;color:inherit;cursor:pointer;transition:var(--comp-btn-tween);transition-property:background, color, box-shadow, fill, border-color, border-width;outline:0}button:disabled{opacity:var(--tct-btn-disabled-opacity, var(--t-btn-disabled-opacity, var(--tct-disabled-opacity, var(--app-disabled-opacity, 0.4))));cursor:not-allowed}button.has-color,button.has-intent{font-size:var(--tct-btn-font-size, var(--t-btn-font-size, inherit));border-radius:var(--tct-btn-border-radius, var(--comp-border-radius));text-transform:var(--tct-btn-text-transform);letter-spacing:var(--tct-btn-letter-spacing, inherit)}button.has-color:not(.has-size),button.has-intent:not(.has-size){padding:var(--tct-btn-padding, var(--t-btn-padding, var(--tct-scale-2, var(--app-scale-2x, 10px))))}button:not(.has-size):not(.icon-only) ::slotted(q2-icon){--tct-icon-size:var(--tct-btn-icon-size, 18px)}:host([size="1"]) button{padding:var(--tct-scale-1, var(--app-scale-1x, 5px))}:host([size="2"]) button{padding:var(--tct-scale-2, var(--app-scale-2x, 10px))}:host([size="3"]) button{padding:var(--tct-scale-3, var(--app-scale-3x, 15px))}:host([size="4x"]) button{padding:var(--tct-scale-4x, var(--app-scale-4x, 20px))}:host([size="4"]) button{padding:var(--tct-scale-6x, var(--app-scale-6x, 30px))}:host([size=small]) button{padding:var(--tct-btn-padding-size-small, var(--t-btn-padding-size-small, 4px 16px));font-size:var(--tct-btn-font-size-small, var(--t-btn-font-size-small, 14px))}:host([size=small]) button:not(.icon-only) ::slotted(q2-icon){--tct-icon-size:var(--tct-btn-icon-size-small, 16px)}:host([size=medium]) button{padding:var(--tct-btn-padding-size-medium, var(--t-btn-padding-size-medium, 12px 24px));font-size:var(--tct-btn-font-size-medium, var(--t-btn-font-size-medium, 16px))}:host([size=medium]) button:not(.icon-only) ::slotted(q2-icon){--tct-icon-size:var(--tct-btn-icon-size-medium, unset)}:host([size=large]) button{padding:var(--tct-btn-padding-size-large, var(--t-btn-padding-size-large, 16px 32px));font-size:var(--tct-btn-font-size-large, var(--t-btn-font-size-large, 20px))}:host([size=large]) button:not(.icon-only) ::slotted(q2-icon){--tct-icon-size:var(--tct-btn-icon-size-large, unset)}:host([color=primary]) button,:host([intent=workflow-primary]) button{backdrop-filter:var(--tct-btn-primary-backdrop-filter);--comp-background:var(--tct-btn-primary-background, var(--tct-btn-primary-bg, var(--t-a11y-active-gray-color-AA, #404040)));--comp-hover-background:var(--tct-btn-primary-hover-background, var(--tct-btn-primary-hover-bg));--comp-font-color:var(--tct-btn-primary-font-color, var(--app-white, #ffffff));--comp-box-shadow:var(--tct-btn-primary-box-shadow, var(--comp-btn-fallback-box-shadow));--comp-focus-box-shadow:var(--tct-btn-primary-focus-box-shadow, var(--comp-btn-fallback-box-shadow));--comp-active-background:var(--tct-btn-primary-active-background, #0063a0);--comp-hover-outer-ring-color:var(--tct-btn-primary-hover-outer-ring-color, var(--comp-background));--comp-hover-inner-ring-color:var(--tct-btn-primary-hover-inner-ring-color, var(--comp-font-color));--comp-hover-box-shadow:var(\n --tct-btn-primary-hover-box-shadow,\n 0 0 0 2px var(--comp-hover-inner-ring-color),\n 0 0 0 4px var(--comp-hover-outer-ring-color)\n );--comp-active-box-shadow:var(--comp-box-shadow);--comp-disabled-box-shadow:var(--comp-box-shadow);--comp-focus-visible-outer-ring-color:var(--tct-btn-primary-focus-visible-outer-ring-color, var(--const-focus-color));--comp-focus-visible-inner-ring-color:var(--tct-btn-primary-focus-visible-inner-ring-color, var(--comp-font-color));--comp-focus-visible-box-shadow:var(\n --tct-btn-primary-focus-visible-box-shadow,\n 0 0 0 2px var(--comp-focus-visible-inner-ring-color),\n 0 0 0 4px var(--comp-focus-visible-outer-ring-color)\n );border-style:var(--tct-btn-primary-border-style, var(--comp-border-style));border-width:var(--tct-btn-primary-border-width, var(--comp-border-width));font-weight:var(--tct-btn-primary-font-weight, var(--comp-font-weight));border-color:var(--tct-btn-primary-border-color, var(--comp-border-color));background:var(--tct-btn-primary-background, var(--comp-background));color:var(--tct-btn-primary-font-color, var(--comp-font-color));text-decoration:var(--tct-btn-primary-text-decoration, var(--comp-text-decoration));box-shadow:var(--comp-box-shadow)}:host([color=primary]) button:enabled:hover,:host([intent=workflow-primary]) button:enabled:hover{border-color:var(--tct-btn-primary-hover-border-color, var(--comp-hover-border-color, var(--comp-border-color)));background:var(--tct-btn-primary-hover-background, var(--comp-hover-background, var(--comp-background)));color:var(--tct-btn-primary-hover-font-color, var(--comp-hover-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-primary-hover-text-decoration, var(--comp-hover-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-hover-box-shadow)}:host([color=primary]) button:enabled:focus,:host([intent=workflow-primary]) button:enabled:focus{border-color:var(--tct-btn-primary-focus-border-color, var(--comp-focus-border-color, var(--comp-border-color)));background:var(--tct-btn-primary-focus-background, var(--comp-focus-background, var(--comp-background)));color:var(--tct-btn-primary-focus-font-color, var(--comp-focus-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-primary-focus-text-decoration, var(--comp-focus-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-focus-box-shadow)}:host([color=primary]) button:enabled:focus-visible,:host([intent=workflow-primary]) button:enabled:focus-visible{border-color:var(--tct-btn-primary-focus-visible-border-color, var(--comp-focus-visible-border-color, var(--comp-border-color)));background:var(--tct-btn-primary-focus-visible-background, var(--comp-focus-visible-background, var(--comp-background)));color:var(--tct-btn-primary-focus-visible-font-color, var(--comp-focus-visible-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-primary-focus-visible-text-decoration, var(--comp-focus-visible-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-focus-visible-box-shadow)}:host([color=primary]) button:enabled:active,:host([intent=workflow-primary]) button:enabled:active{border-color:var(--tct-btn-primary-active-border-color, var(--comp-active-border-color, var(--comp-border-color)));background:var(--tct-btn-primary-active-background, var(--comp-active-background, var(--comp-background)));color:var(--tct-btn-primary-active-font-color, var(--comp-active-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-primary-active-text-decoration, var(--comp-active-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-active-box-shadow)}:host([color=primary]) button:focus-visible,:host([color=primary]) button:focus-visible:hover:enabled,:host([color=primary]) button:focus,:host([color=primary]) button:focus:hover:enabled,:host([intent=workflow-primary]) button:focus-visible,:host([intent=workflow-primary]) button:focus-visible:hover:enabled,:host([intent=workflow-primary]) button:focus,:host([intent=workflow-primary]) button:focus:hover:enabled{border-color:var(--tct-btn-primary-hover-border-color, var(--comp-hover-border-color, var(--comp-border-color)));background:var(--tct-btn-primary-hover-background, var(--comp-hover-background, var(--comp-background)));color:var(--tct-btn-primary-hover-font-color, var(--comp-hover-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-primary-hover-text-decoration, var(--comp-hover-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-hover-box-shadow)}:host([color=primary]) button:focus-visible:active:enabled,:host([color=primary]) button:focus:active:enabled,:host([intent=workflow-primary]) button:focus-visible:active:enabled,:host([intent=workflow-primary]) button:focus:active:enabled{border-color:var(--tct-btn-primary-active-border-color, var(--comp-active-border-color, var(--comp-border-color)));background:var(--tct-btn-primary-active-background, var(--comp-active-background, var(--comp-background)));color:var(--tct-btn-primary-active-font-color, var(--comp-active-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-primary-active-text-decoration, var(--comp-active-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-active-box-shadow)}:host([color=primary]) button:disabled,:host([intent=workflow-primary]) button:disabled{border-color:var(--tct-btn-primary-disabled-border-color, var(--comp-disabled-border-color, var(--comp-border-color)));background:var(--tct-btn-primary-disabled-background, var(--comp-disabled-background, var(--comp-background)));color:var(--tct-btn-primary-disabled-font-color, var(--comp-disabled-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-primary-disabled-text-decoration, var(--comp-disabled-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-disabled-box-shadow)}:host([color=primary]) button ::slotted(q2-icon),:host([intent=workflow-primary]) button ::slotted(q2-icon){--t-text:var(--tct-btn-primary-icon-color, var(--t-btn-primary-icon-color, var(--comp-font-color, currentcolor)))}:host([color=secondary]) button,:host([intent=workflow-secondary]) button{backdrop-filter:var(--tct-btn-secondary-backdrop-filter);--comp-background:var(--tct-btn-secondary-background, var(--tct-btn-secondary-bg, var(--t-button-default-bg, #cccccc)));--comp-hover-background:var(--tct-btn-secondary-hover-background, var(--tct-btn-secondary-hover-bg, var(--t-a11y-active-gray-color-AA, #404040)));--comp-hover-font-color:var(--app-white, #ffffff);--comp-box-shadow:var(--tct-btn-secondary-box-shadow, var(--comp-btn-fallback-box-shadow));--comp-focus-box-shadow:var(--tct-btn-secondary-focus-box-shadow, var(--comp-btn-fallback-box-shadow));--comp-hover-outer-ring-color:var(--tct-btn-secondary-hover-outer-ring-color, var(--comp-hover-background));--comp-hover-inner-ring-color:var(--tct-btn-secondary-hover-inner-ring-color, var(--app-white));--comp-hover-box-shadow:var(\n --tct-btn-secondary-hover-box-shadow,\n 0 0 0 2px var(--comp-hover-inner-ring-color),\n 0 0 0 4px var(--comp-hover-outer-ring-color)\n );--comp-active-box-shadow:var(--comp-box-shadow);--comp-disabled-box-shadow:var(--comp-box-shadow);--comp-focus-visible-outer-ring-color:var(--tct-btn-secondary-focus-visible-outer-ring-color, var(--const-focus-color));--comp-focus-visible-inner-ring-color:var(--tct-btn-secondary-focus-visible-inner-ring-color, var(--app-white));--comp-focus-visible-box-shadow:var(\n --tct-btn-secondary-focus-visible-box-shadow,\n 0 0 0 2px var(--comp-focus-visible-inner-ring-color),\n 0 0 0 4px var(--comp-focus-visible-outer-ring-color)\n );border-style:var(--tct-btn-secondary-border-style, var(--comp-border-style));border-width:var(--tct-btn-secondary-border-width, var(--comp-border-width));font-weight:var(--tct-btn-secondary-font-weight, var(--comp-font-weight));border-color:var(--tct-btn-secondary-border-color, var(--comp-border-color));background:var(--tct-btn-secondary-background, var(--comp-background));color:var(--tct-btn-secondary-font-color, var(--comp-font-color));text-decoration:var(--tct-btn-secondary-text-decoration, var(--comp-text-decoration));box-shadow:var(--comp-box-shadow)}:host([color=secondary]) button:enabled:hover,:host([intent=workflow-secondary]) button:enabled:hover{border-color:var(--tct-btn-secondary-hover-border-color, var(--comp-hover-border-color, var(--comp-border-color)));background:var(--tct-btn-secondary-hover-background, var(--comp-hover-background, var(--comp-background)));color:var(--tct-btn-secondary-hover-font-color, var(--comp-hover-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-secondary-hover-text-decoration, var(--comp-hover-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-hover-box-shadow)}:host([color=secondary]) button:enabled:focus,:host([intent=workflow-secondary]) button:enabled:focus{border-color:var(--tct-btn-secondary-focus-border-color, var(--comp-focus-border-color, var(--comp-border-color)));background:var(--tct-btn-secondary-focus-background, var(--comp-focus-background, var(--comp-background)));color:var(--tct-btn-secondary-focus-font-color, var(--comp-focus-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-secondary-focus-text-decoration, var(--comp-focus-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-focus-box-shadow)}:host([color=secondary]) button:enabled:focus-visible,:host([intent=workflow-secondary]) button:enabled:focus-visible{border-color:var(--tct-btn-secondary-focus-visible-border-color, var(--comp-focus-visible-border-color, var(--comp-border-color)));background:var(--tct-btn-secondary-focus-visible-background, var(--comp-focus-visible-background, var(--comp-background)));color:var(--tct-btn-secondary-focus-visible-font-color, var(--comp-focus-visible-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-secondary-focus-visible-text-decoration, var(--comp-focus-visible-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-focus-visible-box-shadow)}:host([color=secondary]) button:enabled:active,:host([intent=workflow-secondary]) button:enabled:active{border-color:var(--tct-btn-secondary-active-border-color, var(--comp-active-border-color, var(--comp-border-color)));background:var(--tct-btn-secondary-active-background, var(--comp-active-background, var(--comp-background)));color:var(--tct-btn-secondary-active-font-color, var(--comp-active-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-secondary-active-text-decoration, var(--comp-active-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-active-box-shadow)}:host([color=secondary]) button:focus-visible,:host([color=secondary]) button:focus-visible:hover:enabled,:host([color=secondary]) button:focus,:host([color=secondary]) button:focus:hover:enabled,:host([intent=workflow-secondary]) button:focus-visible,:host([intent=workflow-secondary]) button:focus-visible:hover:enabled,:host([intent=workflow-secondary]) button:focus,:host([intent=workflow-secondary]) button:focus:hover:enabled{border-color:var(--tct-btn-secondary-hover-border-color, var(--comp-hover-border-color, var(--comp-border-color)));background:var(--tct-btn-secondary-hover-background, var(--comp-hover-background, var(--comp-background)));color:var(--tct-btn-secondary-hover-font-color, var(--comp-hover-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-secondary-hover-text-decoration, var(--comp-hover-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-hover-box-shadow)}:host([color=secondary]) button:focus-visible:active:enabled,:host([color=secondary]) button:focus:active:enabled,:host([intent=workflow-secondary]) button:focus-visible:active:enabled,:host([intent=workflow-secondary]) button:focus:active:enabled{border-color:var(--tct-btn-secondary-active-border-color, var(--comp-active-border-color, var(--comp-border-color)));background:var(--tct-btn-secondary-active-background, var(--comp-active-background, var(--comp-background)));color:var(--tct-btn-secondary-active-font-color, var(--comp-active-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-secondary-active-text-decoration, var(--comp-active-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-active-box-shadow)}:host([color=secondary]) button:disabled,:host([intent=workflow-secondary]) button:disabled{border-color:var(--tct-btn-secondary-disabled-border-color, var(--comp-disabled-border-color, var(--comp-border-color)));background:var(--tct-btn-secondary-disabled-background, var(--comp-disabled-background, var(--comp-background)));color:var(--tct-btn-secondary-disabled-font-color, var(--comp-disabled-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-secondary-disabled-text-decoration, var(--comp-disabled-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-disabled-box-shadow)}:host([color=secondary]) button ::slotted(q2-icon),:host([intent=workflow-secondary]) button ::slotted(q2-icon){--t-text:var(--tct-btn-secondary-icon-color, var(--t-btn-secondary-icon-color, var(--comp-font-color, currentcolor)))}:host([intent=workflow-destroy]) button{backdrop-filter:var(--tct-btn-destroy-backdrop-filter);--comp-background:var(--tct-btn-destroy-background, var(--const-stoplight-alert, #d20a0a));--comp-font-color:var(--tct-btn-destroy-font-color, var(--app-white));--comp-box-shadow:var(--tct-btn-destroy-box-shadow, var(--comp-btn-fallback-box-shadow));--comp-focus-box-shadow:var(--tct-btn-destroy-focus-box-shadow, var(--comp-btn-fallback-box-shadow));--comp-hover-outer-ring-color:var(--tct-btn-destroy-hover-outer-ring-color, var(--comp-background));--comp-hover-inner-ring-color:var(--tct-btn-destroy-hover-inner-ring-color, var(--comp-font-color));--comp-hover-box-shadow:var(\n --tct-btn-destroy-hover-box-shadow,\n 0 0 0 2px var(--comp-hover-inner-ring-color),\n 0 0 0 4px var(--comp-hover-outer-ring-color)\n );--comp-active-box-shadow:var(--comp-box-shadow);--comp-disabled-box-shadow:var(--comp-box-shadow);--comp-focus-visible-outer-ring-color:var(--tct-btn-destroy-focus-visible-outer-ring-color, var(--const-focus-color));--comp-focus-visible-inner-ring-color:var(--tct-btn-destroy-focus-visible-inner-ring-color, var(--comp-font-color));--comp-focus-visible-box-shadow:var(\n --tct-btn-destroy-focus-visible-box-shadow,\n 0 0 0 2px var(--comp-focus-visible-inner-ring-color),\n 0 0 0 4px var(--comp-focus-visible-outer-ring-color)\n );border-style:var(--tct-btn-destroy-border-style, var(--comp-border-style));border-width:var(--tct-btn-destroy-border-width, var(--comp-border-width));font-weight:var(--tct-btn-destroy-font-weight, var(--comp-font-weight));border-color:var(--tct-btn-destroy-border-color, var(--comp-border-color));background:var(--tct-btn-destroy-background, var(--comp-background));color:var(--tct-btn-destroy-font-color, var(--comp-font-color));text-decoration:var(--tct-btn-destroy-text-decoration, var(--comp-text-decoration));box-shadow:var(--comp-box-shadow)}:host([intent=workflow-destroy]) button:enabled:hover{border-color:var(--tct-btn-destroy-hover-border-color, var(--comp-hover-border-color, var(--comp-border-color)));background:var(--tct-btn-destroy-hover-background, var(--comp-hover-background, var(--comp-background)));color:var(--tct-btn-destroy-hover-font-color, var(--comp-hover-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-destroy-hover-text-decoration, var(--comp-hover-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-hover-box-shadow)}:host([intent=workflow-destroy]) button:enabled:focus{border-color:var(--tct-btn-destroy-focus-border-color, var(--comp-focus-border-color, var(--comp-border-color)));background:var(--tct-btn-destroy-focus-background, var(--comp-focus-background, var(--comp-background)));color:var(--tct-btn-destroy-focus-font-color, var(--comp-focus-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-destroy-focus-text-decoration, var(--comp-focus-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-focus-box-shadow)}:host([intent=workflow-destroy]) button:enabled:focus-visible{border-color:var(--tct-btn-destroy-focus-visible-border-color, var(--comp-focus-visible-border-color, var(--comp-border-color)));background:var(--tct-btn-destroy-focus-visible-background, var(--comp-focus-visible-background, var(--comp-background)));color:var(--tct-btn-destroy-focus-visible-font-color, var(--comp-focus-visible-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-destroy-focus-visible-text-decoration, var(--comp-focus-visible-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-focus-visible-box-shadow)}:host([intent=workflow-destroy]) button:enabled:active{border-color:var(--tct-btn-destroy-active-border-color, var(--comp-active-border-color, var(--comp-border-color)));background:var(--tct-btn-destroy-active-background, var(--comp-active-background, var(--comp-background)));color:var(--tct-btn-destroy-active-font-color, var(--comp-active-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-destroy-active-text-decoration, var(--comp-active-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-active-box-shadow)}:host([intent=workflow-destroy]) button:focus-visible,:host([intent=workflow-destroy]) button:focus-visible:hover:enabled,:host([intent=workflow-destroy]) button:focus,:host([intent=workflow-destroy]) button:focus:hover:enabled{border-color:var(--tct-btn-destroy-hover-border-color, var(--comp-hover-border-color, var(--comp-border-color)));background:var(--tct-btn-destroy-hover-background, var(--comp-hover-background, var(--comp-background)));color:var(--tct-btn-destroy-hover-font-color, var(--comp-hover-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-destroy-hover-text-decoration, var(--comp-hover-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-hover-box-shadow)}:host([intent=workflow-destroy]) button:focus-visible:active:enabled,:host([intent=workflow-destroy]) button:focus:active:enabled{border-color:var(--tct-btn-destroy-active-border-color, var(--comp-active-border-color, var(--comp-border-color)));background:var(--tct-btn-destroy-active-background, var(--comp-active-background, var(--comp-background)));color:var(--tct-btn-destroy-active-font-color, var(--comp-active-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-destroy-active-text-decoration, var(--comp-active-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-active-box-shadow)}:host([intent=workflow-destroy]) button:disabled{border-color:var(--tct-btn-destroy-disabled-border-color, var(--comp-disabled-border-color, var(--comp-border-color)));background:var(--tct-btn-destroy-disabled-background, var(--comp-disabled-background, var(--comp-background)));color:var(--tct-btn-destroy-disabled-font-color, var(--comp-disabled-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-destroy-disabled-text-decoration, var(--comp-disabled-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-disabled-box-shadow)}:host([intent=workflow-destroy]) button ::slotted(q2-icon){--t-text:var(--tct-btn-destroy-icon-color, var(--t-btn-destroy-icon-color, var(--comp-font-color, currentcolor)))}:host([intent=workflow-escape]) button{backdrop-filter:var(--tct-btn-escape-backdrop-filter);--comp-background:var(--tct-btn-escape-background, var(--app-white, #ffffff));--comp-font-color:var(--tct-btn-escape-font-color, var(--tct-btn-primary-background, var(--tct-btn-primary-bg, var(--t-a11y-active-gray-color-AA, #404040))));--comp-box-shadow:var(--tct-btn-escape-box-shadow, var(--comp-btn-fallback-box-shadow));--comp-hover-box-shadow:var(--tct-btn-escape-hover-box-shadow, var(--comp-btn-fallback-box-shadow));--comp-focus-box-shadow:var(--tct-btn-escape-focus-box-shadow, var(--comp-btn-fallback-box-shadow));--comp-hover-background:var(--tct-btn-escape-hover-background, var(--comp-background-alternative));--comp-active-background:var(--tct-btn-escape-active-background, var(--comp-background-alternative));--comp-focus-background:var(--tct-btn-escape-focus-background, var(--comp-background-alternative));--comp-hover-outer-ring-color:var(--tct-btn-escape-hover-outer-ring-color, var(--comp-font-color));--comp-hover-inner-ring-color:var(--tct-btn-escape-hover-inner-ring-color, var(--comp-background));--comp-hover-box-shadow:var(\n --tct-btn-escape-hover-box-shadow,\n 0 0 0 2px var(--comp-hover-inner-ring-color),\n 0 0 0 4px var(--comp-hover-outer-ring-color)\n );--comp-active-box-shadow:var(--comp-box-shadow);--comp-disabled-box-shadow:var(--comp-box-shadow);--comp-focus-visible-outer-ring-color:var(--tct-btn-escape-focus-visible-outer-ring-color, var(--const-focus-color));--comp-focus-visible-inner-ring-color:var(--tct-btn-escape-focus-visible-inner-ring-color, var(--comp-background));--comp-focus-visible-box-shadow:var(\n --tct-btn-escape-focus-visible-box-shadow,\n 0 0 0 2px var(--comp-focus-visible-inner-ring-color),\n 0 0 0 4px var(--comp-focus-visible-outer-ring-color)\n );border-style:var(--tct-btn-escape-border-style, var(--comp-border-style));border-width:var(--tct-btn-escape-border-width, var(--comp-border-width));font-weight:var(--tct-btn-escape-font-weight, var(--comp-font-weight));border-color:var(--tct-btn-escape-border-color, var(--comp-border-color));background:var(--tct-btn-escape-background, var(--comp-background));color:var(--tct-btn-escape-font-color, var(--comp-font-color));text-decoration:var(--tct-btn-escape-text-decoration, var(--comp-text-decoration));box-shadow:var(--comp-box-shadow)}:host([intent=workflow-escape]) button:enabled:hover{border-color:var(--tct-btn-escape-hover-border-color, var(--comp-hover-border-color, var(--comp-border-color)));background:var(--tct-btn-escape-hover-background, var(--comp-hover-background, var(--comp-background)));color:var(--tct-btn-escape-hover-font-color, var(--comp-hover-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-escape-hover-text-decoration, var(--comp-hover-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-hover-box-shadow)}:host([intent=workflow-escape]) button:enabled:focus{border-color:var(--tct-btn-escape-focus-border-color, var(--comp-focus-border-color, var(--comp-border-color)));background:var(--tct-btn-escape-focus-background, var(--comp-focus-background, var(--comp-background)));color:var(--tct-btn-escape-focus-font-color, var(--comp-focus-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-escape-focus-text-decoration, var(--comp-focus-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-focus-box-shadow)}:host([intent=workflow-escape]) button:enabled:focus-visible{border-color:var(--tct-btn-escape-focus-visible-border-color, var(--comp-focus-visible-border-color, var(--comp-border-color)));background:var(--tct-btn-escape-focus-visible-background, var(--comp-focus-visible-background, var(--comp-background)));color:var(--tct-btn-escape-focus-visible-font-color, var(--comp-focus-visible-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-escape-focus-visible-text-decoration, var(--comp-focus-visible-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-focus-visible-box-shadow)}:host([intent=workflow-escape]) button:enabled:active{border-color:var(--tct-btn-escape-active-border-color, var(--comp-active-border-color, var(--comp-border-color)));background:var(--tct-btn-escape-active-background, var(--comp-active-background, var(--comp-background)));color:var(--tct-btn-escape-active-font-color, var(--comp-active-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-escape-active-text-decoration, var(--comp-active-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-active-box-shadow)}:host([intent=workflow-escape]) button:focus-visible,:host([intent=workflow-escape]) button:focus-visible:hover:enabled,:host([intent=workflow-escape]) button:focus,:host([intent=workflow-escape]) button:focus:hover:enabled{border-color:var(--tct-btn-escape-hover-border-color, var(--comp-hover-border-color, var(--comp-border-color)));background:var(--tct-btn-escape-hover-background, var(--comp-hover-background, var(--comp-background)));color:var(--tct-btn-escape-hover-font-color, var(--comp-hover-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-escape-hover-text-decoration, var(--comp-hover-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-hover-box-shadow)}:host([intent=workflow-escape]) button:focus-visible:active:enabled,:host([intent=workflow-escape]) button:focus:active:enabled{border-color:var(--tct-btn-escape-active-border-color, var(--comp-active-border-color, var(--comp-border-color)));background:var(--tct-btn-escape-active-background, var(--comp-active-background, var(--comp-background)));color:var(--tct-btn-escape-active-font-color, var(--comp-active-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-escape-active-text-decoration, var(--comp-active-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-active-box-shadow)}:host([intent=workflow-escape]) button:disabled{border-color:var(--tct-btn-escape-disabled-border-color, var(--comp-disabled-border-color, var(--comp-border-color)));background:var(--tct-btn-escape-disabled-background, var(--comp-disabled-background, var(--comp-background)));color:var(--tct-btn-escape-disabled-font-color, var(--comp-disabled-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-escape-disabled-text-decoration, var(--comp-disabled-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-disabled-box-shadow)}:host([intent=workflow-escape]) button ::slotted(q2-icon){--t-text:var(--tct-btn-escape-icon-color, var(--t-btn-escape-icon-color, var(--comp-font-color, currentcolor)))}:host([intent=neutral]) button{backdrop-filter:var(--tct-btn-neutral-backdrop-filter);--comp-background:var(--tct-btn-neutral-background, var(--app-white, #ffffff));--comp-font-color:var(--tct-btn-neutral-font-color, var(--tct-btn-primary-background, var(--tct-btn-primary-bg, var(--t-a11y-active-gray-color-AA, #404040))));--comp-box-shadow:var(--tct-btn-neutral-box-shadow, var(--comp-btn-fallback-box-shadow));--comp-focus-box-shadow:var(--tct-btn-neutral-focus-box-shadow, var(--comp-btn-fallback-box-shadow));--comp-border-width:1px;--comp-border-style:solid;--comp-border-color:var(--comp-font-color);--comp-hover-outer-ring-color:var(--tct-btn-neutral-hover-outer-ring-color, var(--comp-font-color));--comp-hover-inner-ring-color:var(--tct-btn-neutral-hover-inner-ring-color, var(--app-white));--comp-hover-box-shadow:var(\n --tct-btn-neutral-hover-box-shadow,\n 0 0 0 2px var(--comp-hover-inner-ring-color),\n 0 0 0 4px var(--comp-hover-outer-ring-color)\n );--comp-active-box-shadow:var(--comp-box-shadow);--comp-disabled-box-shadow:var(--comp-box-shadow);--comp-focus-visible-outer-ring-color:var(--tct-btn-neutral-focus-visible-outer-ring-color, var(--const-focus-color));--comp-focus-visible-inner-ring-color:var(--tct-btn-neutral-focus-visible-inner-ring-color, var(--comp-background));--comp-focus-visible-box-shadow:var(\n --tct-btn-neutral-focus-visible-box-shadow,\n 0 0 0 2px var(--comp-focus-visible-inner-ring-color),\n 0 0 0 4px var(--comp-focus-visible-outer-ring-color)\n );border-style:var(--tct-btn-neutral-border-style, var(--comp-border-style));border-width:var(--tct-btn-neutral-border-width, var(--comp-border-width));font-weight:var(--tct-btn-neutral-font-weight, var(--comp-font-weight));border-color:var(--tct-btn-neutral-border-color, var(--comp-border-color));background:var(--tct-btn-neutral-background, var(--comp-background));color:var(--tct-btn-neutral-font-color, var(--comp-font-color));text-decoration:var(--tct-btn-neutral-text-decoration, var(--comp-text-decoration));box-shadow:var(--comp-box-shadow)}:host([intent=neutral]) button:enabled:hover{border-color:var(--tct-btn-neutral-hover-border-color, var(--comp-hover-border-color, var(--comp-border-color)));background:var(--tct-btn-neutral-hover-background, var(--comp-hover-background, var(--comp-background)));color:var(--tct-btn-neutral-hover-font-color, var(--comp-hover-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-neutral-hover-text-decoration, var(--comp-hover-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-hover-box-shadow)}:host([intent=neutral]) button:enabled:focus{border-color:var(--tct-btn-neutral-focus-border-color, var(--comp-focus-border-color, var(--comp-border-color)));background:var(--tct-btn-neutral-focus-background, var(--comp-focus-background, var(--comp-background)));color:var(--tct-btn-neutral-focus-font-color, var(--comp-focus-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-neutral-focus-text-decoration, var(--comp-focus-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-focus-box-shadow)}:host([intent=neutral]) button:enabled:focus-visible{border-color:var(--tct-btn-neutral-focus-visible-border-color, var(--comp-focus-visible-border-color, var(--comp-border-color)));background:var(--tct-btn-neutral-focus-visible-background, var(--comp-focus-visible-background, var(--comp-background)));color:var(--tct-btn-neutral-focus-visible-font-color, var(--comp-focus-visible-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-neutral-focus-visible-text-decoration, var(--comp-focus-visible-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-focus-visible-box-shadow)}:host([intent=neutral]) button:enabled:active{border-color:var(--tct-btn-neutral-active-border-color, var(--comp-active-border-color, var(--comp-border-color)));background:var(--tct-btn-neutral-active-background, var(--comp-active-background, var(--comp-background)));color:var(--tct-btn-neutral-active-font-color, var(--comp-active-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-neutral-active-text-decoration, var(--comp-active-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-active-box-shadow)}:host([intent=neutral]) button:focus-visible,:host([intent=neutral]) button:focus-visible:hover:enabled,:host([intent=neutral]) button:focus,:host([intent=neutral]) button:focus:hover:enabled{border-color:var(--tct-btn-neutral-hover-border-color, var(--comp-hover-border-color, var(--comp-border-color)));background:var(--tct-btn-neutral-hover-background, var(--comp-hover-background, var(--comp-background)));color:var(--tct-btn-neutral-hover-font-color, var(--comp-hover-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-neutral-hover-text-decoration, var(--comp-hover-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-hover-box-shadow)}:host([intent=neutral]) button:focus-visible:active:enabled,:host([intent=neutral]) button:focus:active:enabled{border-color:var(--tct-btn-neutral-active-border-color, var(--comp-active-border-color, var(--comp-border-color)));background:var(--tct-btn-neutral-active-background, var(--comp-active-background, var(--comp-background)));color:var(--tct-btn-neutral-active-font-color, var(--comp-active-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-neutral-active-text-decoration, var(--comp-active-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-active-box-shadow)}:host([intent=neutral]) button:disabled{border-color:var(--tct-btn-neutral-disabled-border-color, var(--comp-disabled-border-color, var(--comp-border-color)));background:var(--tct-btn-neutral-disabled-background, var(--comp-disabled-background, var(--comp-background)));color:var(--tct-btn-neutral-disabled-font-color, var(--comp-disabled-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-neutral-disabled-text-decoration, var(--comp-disabled-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-disabled-box-shadow)}:host([intent=neutral]) button ::slotted(q2-icon){--t-text:var(--tct-btn-neutral-icon-color, var(--t-btn-neutral-icon-color, var(--comp-font-color, currentcolor)))}:host([intent=neutral-text]) button{backdrop-filter:var(--tct-btn-neutral-text-backdrop-filter);--comp-background:var(--tct-btn-neutral-text-background, var(--tct-btn-neutral-text-bg, var(--app-white, #ffffff)));--comp-font-color:var(--tct-btn-neutral-text-font-color, var(--tct-btn-primary-background, var(--tct-btn-primary-bg, var(--t-a11y-active-gray-color-AA, #404040))));--comp-box-shadow:var(--tct-btn-neutral-text-box-shadow);--comp-hover-text-decoration:underline;--comp-focus-background:var(--tct-btn-neutral-text-focus-background, var(--comp-background-alternative));--comp-hover-outer-ring-color:var(--tct-btn-neutral-text-hover-outer-ring-color, var(--comp-font-color));--comp-hover-inner-ring-color:var(--tct-btn-neutral-text-hover-inner-ring-color, var(--comp-background));--comp-hover-box-shadow:var(\n --tct-btn-neutral-text-hover-box-shadow,\n 0 0 0 2px var(--comp-hover-inner-ring-color),\n 0 0 0 4px var(--comp-hover-outer-ring-color)\n );--comp-active-box-shadow:var(--comp-box-shadow);--comp-disabled-box-shadow:var(--comp-box-shadow);--comp-focus-visible-outer-ring-color:var(--tct-btn-neutral-text-focus-visible-outer-ring-color, var(--const-focus-color));--comp-focus-visible-inner-ring-color:var(--tct-btn-neutral-text-focus-visible-inner-ring-color, var(--app-white));--comp-focus-visible-box-shadow:var(\n --tct-btn-neutral-text-focus-visible-box-shadow,\n 0 0 0 2px var(--comp-focus-visible-inner-ring-color),\n 0 0 0 4px var(--comp-focus-visible-outer-ring-color)\n );border-style:var(--tct-btn-neutral-text-border-style, var(--comp-border-style));border-width:var(--tct-btn-neutral-text-border-width, var(--comp-border-width));font-weight:var(--tct-btn-neutral-text-font-weight, var(--comp-font-weight));border-color:var(--tct-btn-neutral-text-border-color, var(--comp-border-color));background:var(--tct-btn-neutral-text-background, var(--comp-background));color:var(--tct-btn-neutral-text-font-color, var(--comp-font-color));text-decoration:var(--tct-btn-neutral-text-text-decoration, var(--comp-text-decoration));box-shadow:var(--comp-box-shadow)}:host([intent=neutral-text]) button:enabled:hover{border-color:var(--tct-btn-neutral-text-hover-border-color, var(--comp-hover-border-color, var(--comp-border-color)));background:var(--tct-btn-neutral-text-hover-background, var(--comp-hover-background, var(--comp-background)));color:var(--tct-btn-neutral-text-hover-font-color, var(--comp-hover-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-neutral-text-hover-text-decoration, var(--comp-hover-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-hover-box-shadow)}:host([intent=neutral-text]) button:enabled:focus{border-color:var(--tct-btn-neutral-text-focus-border-color, var(--comp-focus-border-color, var(--comp-border-color)));background:var(--tct-btn-neutral-text-focus-background, var(--comp-focus-background, var(--comp-background)));color:var(--tct-btn-neutral-text-focus-font-color, var(--comp-focus-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-neutral-text-focus-text-decoration, var(--comp-focus-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-focus-box-shadow)}:host([intent=neutral-text]) button:enabled:focus-visible{border-color:var(--tct-btn-neutral-text-focus-visible-border-color, var(--comp-focus-visible-border-color, var(--comp-border-color)));background:var(--tct-btn-neutral-text-focus-visible-background, var(--comp-focus-visible-background, var(--comp-background)));color:var(--tct-btn-neutral-text-focus-visible-font-color, var(--comp-focus-visible-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-neutral-text-focus-visible-text-decoration, var(--comp-focus-visible-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-focus-visible-box-shadow)}:host([intent=neutral-text]) button:enabled:active{border-color:var(--tct-btn-neutral-text-active-border-color, var(--comp-active-border-color, var(--comp-border-color)));background:var(--tct-btn-neutral-text-active-background, var(--comp-active-background, var(--comp-background)));color:var(--tct-btn-neutral-text-active-font-color, var(--comp-active-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-neutral-text-active-text-decoration, var(--comp-active-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-active-box-shadow)}:host([intent=neutral-text]) button:focus-visible,:host([intent=neutral-text]) button:focus-visible:hover:enabled,:host([intent=neutral-text]) button:focus,:host([intent=neutral-text]) button:focus:hover:enabled{border-color:var(--tct-btn-neutral-text-hover-border-color, var(--comp-hover-border-color, var(--comp-border-color)));background:var(--tct-btn-neutral-text-hover-background, var(--comp-hover-background, var(--comp-background)));color:var(--tct-btn-neutral-text-hover-font-color, var(--comp-hover-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-neutral-text-hover-text-decoration, var(--comp-hover-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-hover-box-shadow)}:host([intent=neutral-text]) button:focus-visible:active:enabled,:host([intent=neutral-text]) button:focus:active:enabled{border-color:var(--tct-btn-neutral-text-active-border-color, var(--comp-active-border-color, var(--comp-border-color)));background:var(--tct-btn-neutral-text-active-background, var(--comp-active-background, var(--comp-background)));color:var(--tct-btn-neutral-text-active-font-color, var(--comp-active-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-neutral-text-active-text-decoration, var(--comp-active-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-active-box-shadow)}:host([intent=neutral-text]) button:disabled{border-color:var(--tct-btn-neutral-text-disabled-border-color, var(--comp-disabled-border-color, var(--comp-border-color)));background:var(--tct-btn-neutral-text-disabled-background, var(--comp-disabled-background, var(--comp-background)));color:var(--tct-btn-neutral-text-disabled-font-color, var(--comp-disabled-font-color, var(--comp-font-color)));text-decoration:var(--tct-btn-neutral-text-disabled-text-decoration, var(--comp-disabled-text-decoration, var(--comp-text-decoration)));box-shadow:var(--comp-disabled-box-shadow)}:host([intent=neutral-text]) button ::slotted(q2-icon){--t-text:var(--tct-btn-neutral-text-icon-color, var(--t-btn-neutral-text-icon-color, var(--comp-font-color, currentcolor)))}button.icon-only{width:var(--tct-btn-icon-width, var(--t-btn-icon-width, 44px));height:var(--tct-btn-icon-height, var(--t-btn-icon-height, 44px));border-radius:var(--tct-btn-icon-border-radius, var(--t-btn-icon-border-radius, var(--tct-btn-border-radius, 0)));padding:var(--tct-btn-icon-padding, 0px)}button.icon-only ::slotted(q2-icon){--tct-icon-size:unset}button.icon-only.has-size{padding:var(--tct-btn-icon-padding, 0px)}button.icon-only.has-intent{padding:var(--tct-btn-icon-padding, 10px);border-radius:var(--tct-btn-icon-border-radius, var(--comp-border-radius))}button:not(.has-color):not(.has-intent):hover,button:not(.has-color):not(.has-intent):focus,button.icon-only:hover,button.icon-only:focus{background:var(--tct-btn-icon-hover-background, var(--tct-btn-icon-hover-bg, var(--t-btn-icon-hover-bg, var(--tct-gray-13, var(--t-gray-13, var(--tct-gray-l3, var(--app-gray-l3, #f2f2f2)))))))}button:not(.has-intent).is-active.icon-only{background-color:var(--tct-btn-icon-active-background, var(--tct-btn-icon-active-bg, var(--t-btn-icon-active-bg, var(--tct-gray-14, var(--t-gray-14, var(--tct-gray-l3, var(--app-gray-l3, #f2f2f2)))))))}button:not(.has-intent).icon-only:hover *,button:not(.has-intent).icon-only:focus *,button:not(.has-intent).is-active.icon-only *{color:var(--tct-btn-icon-hover-color, var(--t-btn-icon-hover-color, var(--tct-link-hover-color, var(--t-link-hover-color, #080808))))}button:not(.has-intent):not(.icon-only){height:var(--tct-btn-height, auto);padding-inline:var(--tct-btn-padding-inline, 0);font-weight:var(--tct-btn-font-weight);border-radius:var(--tct-btn-border-radius, 0)}button:not(.has-intent):not(.icon-only):hover,button:not(.has-intent):not(.icon-only):focus{background:var(--tct-btn-hover-background)}:host([badge]) button{padding:var(--tct-btn-badge-padding, var(--t-btn-badge-padding, 2px 5px));font-size:var(--tct-btn-badge-font-size, var(--t-btn-badge-font-size, var(--tct-btn-font-size, var(--t-btn-font-size, inherit))));border-radius:var(--tct-btn-badge-border-radius, var(--t-btn-badge-border-radius, var(--tct-border-radius-1, var(--app-border-radius-1, 4px))));background-color:var(--tct-btn-badge-background, var(--tct-btn-badge-bg, var(--t-btn-badge-bg, transparent)));color:var(--tct-btn-badge-font-color, var(--t-btn-badge-font-color, inherit))}:host([badge]) button ::slotted(q2-icon){--tct-icon-size:1em}:host([badge]:hover) button:enabled{background-color:var(--tct-btn-badge-hover-background, var(--tct-btn-badge-hover-bg, var(--t-btn-badge-hover-bg, var(--tct-gray-14, var(--t-gray-14, var(--tct-gray-l3, var(--app-gray-l3, #f2f2f2)))))));color:var(--tct-btn-badge-hover-font-color, var(--t-btn-badge-hover-font-color, var(--tct-gray-5, var(--t-gray-5, var(--tct-gray-d2, var(--app-gray-d2, #404040))))))}:host(.selected[badge]) button,:host([active][badge]) button{background-color:var(--tct-btn-badge-active-background, var(--tct-btn-badge-active-bg, var(--t-btn-badge-active-bg, var(--comp-btn-primary-background))));color:var(--tct-btn-badge-active-font-color, var(--t-btn-badge-active-font-color, var(--comp-btn-primary-font-color)))}button.intent-coin{--tct-avatar-background:var(--tct-btn-coin-background, var(--t-primary-l5, #b4a0d3));--tct-avatar-height:var(--tct-btn-coin-height, 44px);--tct-avatar-width:var(--tct-btn-coin-width, 44px);--tct-avatar-fallback-background:var(--tct-btn-coin-background, var(--t-primary-l5, #b4a0d3));--tct-icon-stroke-primary:var(--tct-btn-coin-icon-stroke-primary, var(--t-text, #4d4d4d));--tct-avatar-text-color:var(--tct-btn-coin-avatar-text-color, var(--t-text, #4d4d4d));--tct-icon-stroke-width:var(--tct-btn-coin-icon-stroke-width, 1px);--tct-btn-padding:0;--tct-btn-border-radius:50%;--tct-avatar-border:var(--tct-btn-coin-border, 0);width:auto;backdrop-filter:var(--tct-btn-coin-backdrop-filter);box-shadow:var(--tct-btn-coin-box-shadow)}button.intent-coin:hover:not([disabled]){--const-double-focus-ring:0 0 0 2px #ffffff,\n 0 0 0 4px var(--tct-btn-coin-focus-ring, var(--t-primary, #6a4a9e));--tct-avatar-background:var(--tct-btn-coin-background, var(--t-primary-l3, #957ac1));--tct-avatar-fallback-background:var(--tct-btn-coin-background, var(--t-primary-l3, #957ac1));--tct-icon-stroke-primary:var(--tct-btn-coin-icon-stroke-primary, var(--t-base, #ffffff));--tct-avatar-text-color:var(--tct-btn-coin-avatar-text-color, var(--t-base, #ffffff));box-shadow:var(--tct-btn-coin-hover-box-shadow, var(--tct-btn-coin-box-shadow, var(--const-double-focus-ring)))}button.intent-coin:focus:not([disabled]){--const-double-focus-ring:0;box-shadow:var(--tct-btn-coin-focus-box-shadow, var(--tct-btn-coin-box-shadow, 0))}button.intent-coin:focus-visible:not([disabled]){--const-double-focus-ring:0 0 0 2px #ffffff,\n 0 0 0 4px var(--tct-btn-coin-focus-ring, var(--t-primary, #6a4a9e));box-shadow:var(--tct-btn-coin-focus-visible-box-shadow, var(--tct-btn-coin-focus-box-shadow, var(--tct-btn-coin-box-shadow, var(--const-double-focus-ring))))}button.intent-coin:active:not([disabled]){box-shadow:none}.coin-label{color:var(--tct-btn-coin-label-color, var(--t-text, #4d4d4d));font-size:var(--tct-btn-coin-label-font-size, var(--app-font-size, 14px));max-width:100px;text-align:center;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.coin-label.disabled{color:var(--tct-btn-coin-label-disabled-color, var(--t-textA, #767676));max-width:100px}.coin-wrapper{--tct-avatar-display:block;display:flex;align-items:center;justify-content:center;gap:var(--app-scale-1x, 5px);flex-direction:column;width:var(--tct-btn-coin-container-width, 95px)}.coin-wrapper ::slotted(:not(q2-avatar,[slot=coin-label])){display:none}.coin-wrapper .coin-label{color:var(--tct-btn-coin-label-color, var(--t-text, #4d4d4d));font-size:var(--tct-btn-coin-label-font-size, var(--app-font-size, 14px));margin-top:var(--tct-btn-coin-gap, var(--app-scale-2x, 10px));max-width:100px;text-align:center;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.coin-wrapper .coin-label.disabled{color:var(--tct-btn-coin-label-disabled-color, var(--t-textA, #767676));max-width:100px}';
85
85
 
86
- const C = class {
86
+ const z = class {
87
87
  constructor(r) {
88
88
  t(this, r);
89
89
  /** The default behavior of the button. */ this.type = "button";
@@ -184,14 +184,14 @@ const C = class {
184
184
  // #region Render Methods
185
185
  renderButton() {
186
186
  const {ariaExpanded: t, ariaHasPopup: o, ariaSelected: e, ariaPressed: i, description: n, disabled: s, type: d, tabindex: l} = this.buttonAttributes;
187
- const {iconPosition: p, loading: b, badge: u, label: v, hideLabel: f} = this;
188
- const h = p || b;
187
+ const {iconPosition: p, loading: b, badge: u, label: v, hideLabel: h} = this;
188
+ const f = p || b;
189
189
  const m = !p || u;
190
190
  return r(a, null, r("button", {
191
191
  ref: t => this.primaryBtn = t !== null && t !== void 0 ? t : this.primaryBtn,
192
192
  "aria-expanded": t,
193
193
  "aria-haspopup": o,
194
- "aria-label": f && c(v),
194
+ "aria-label": h && c(v),
195
195
  "aria-selected": e,
196
196
  "aria-pressed": i,
197
197
  disabled: s,
@@ -200,11 +200,11 @@ const C = class {
200
200
  "test-id": "q2BtnInnerButton",
201
201
  class: this.buttonClasses,
202
202
  "aria-describedby": !!n ? "hidden-description" : undefined,
203
- "aria-labelledby": this.intent === "coin" && !f ? "coin-label" : undefined,
203
+ "aria-labelledby": this.intent === "coin" && !h ? "coin-label" : undefined,
204
204
  role: this._role || undefined
205
205
  }, r("div", {
206
206
  class: "slot-container"
207
- }, h && r("q2-loading", {
207
+ }, f && r("q2-loading", {
208
208
  hidden: !b,
209
209
  modifiers: m ? "inline" : undefined
210
210
  }), this.renderDefaultLabel(), this.renderDefaultCoinSlot())), this.renderCoinLabel(), !!n && r("div", {
@@ -256,39 +256,53 @@ const C = class {
256
256
  }
257
257
  };
258
258
 
259
- C.style = z;
259
+ z.style = C;
260
+
261
+ /**
262
+ * Checks for the sprite container element in the global DOM
263
+ * If it does not exist, it creates and appends it to the body, and returns it
264
+ */ function getOrCreateSpriteContainer() {
265
+ const t = "tecton-sprites";
266
+ let r = document.querySelector(`#${t}`);
267
+ if (r) return r;
268
+ r = document.createElement("div");
269
+ r.id = t;
270
+ r.style.display = "none";
271
+ document.body.appendChild(r);
272
+ return r;
273
+ }
260
274
 
261
275
  const M = "standard";
262
276
 
277
+ const L = "standard";
278
+
263
279
  const A = "standard";
264
280
 
265
281
  const D = "standard";
266
282
 
267
- const L = "standard";
268
-
269
283
  const N = "browsersos";
270
284
 
271
- const F = "standard";
272
-
273
285
  const O = "standard";
274
286
 
287
+ const F = "standard";
288
+
275
289
  const I = "standard";
276
290
 
291
+ const $ = "standard";
292
+
277
293
  const V = "standard";
278
294
 
279
- const $ = "standard";
295
+ const R = "standard";
280
296
 
281
297
  const E = "standard";
282
298
 
283
- const Y = "standard";
284
-
285
- const R = "standard";
299
+ const T = "standard";
286
300
 
287
- const B = "standard";
301
+ const Y = "standard";
288
302
 
289
303
  const P = "standard";
290
304
 
291
- const T = "standard";
305
+ const B = "standard";
292
306
 
293
307
  const G = "standard";
294
308
 
@@ -298,12 +312,12 @@ const q = "standard";
298
312
 
299
313
  const Z = "standard";
300
314
 
315
+ const U = "standard";
316
+
301
317
  const H = "standard";
302
318
 
303
319
  const j = "standard";
304
320
 
305
- const U = "standard";
306
-
307
321
  const W = "cards";
308
322
 
309
323
  const J = "standard";
@@ -344,10 +358,10 @@ const ut = "standard";
344
358
 
345
359
  const vt = "standard";
346
360
 
347
- const ft = "standard";
348
-
349
361
  const ht = "standard";
350
362
 
363
+ const ft = "standard";
364
+
351
365
  const mt = "status";
352
366
 
353
367
  const xt = "standard";
@@ -362,41 +376,41 @@ const yt = "standard";
362
376
 
363
377
  const St = "standard";
364
378
 
365
- const zt = "standard";
366
-
367
379
  const Ct = "standard";
368
380
 
381
+ const zt = "standard";
382
+
369
383
  const Mt = "standard";
370
384
 
385
+ const Lt = "standard";
386
+
371
387
  const At = "standard";
372
388
 
373
389
  const Dt = "standard";
374
390
 
375
- const Lt = "standard";
376
-
377
391
  const Nt = "standard";
378
392
 
379
- const Ft = "standard";
380
-
381
393
  const Ot = "standard";
382
394
 
395
+ const Ft = "standard";
396
+
383
397
  const It = "standard";
384
398
 
385
- const Vt = "standard";
399
+ const $t = "standard";
386
400
 
387
- const $t = "status";
401
+ const Vt = "status";
388
402
 
389
- const Et = "browsersos";
403
+ const Rt = "browsersos";
390
404
 
391
- const Yt = "standard";
405
+ const Et = "standard";
392
406
 
393
- const Rt = "devices";
407
+ const Tt = "devices";
394
408
 
395
- const Bt = "standard";
409
+ const Yt = "standard";
396
410
 
397
411
  const Pt = "standard";
398
412
 
399
- const Tt = "standard";
413
+ const Bt = "standard";
400
414
 
401
415
  const Gt = "standard";
402
416
 
@@ -406,12 +420,12 @@ const qt = "standard";
406
420
 
407
421
  const Zt = "standard";
408
422
 
423
+ const Ut = "standard";
424
+
409
425
  const Ht = "standard";
410
426
 
411
427
  const jt = "standard";
412
428
 
413
- const Ut = "standard";
414
-
415
429
  const Wt = "standard";
416
430
 
417
431
  const Jt = "standard";
@@ -452,9 +466,9 @@ const ur = "standard";
452
466
 
453
467
  const vr = "standard";
454
468
 
455
- const fr = "devices";
469
+ const hr = "devices";
456
470
 
457
- const hr = "standard";
471
+ const fr = "standard";
458
472
 
459
473
  const mr = "standard";
460
474
 
@@ -470,41 +484,41 @@ const yr = "standard";
470
484
 
471
485
  const Sr = "standard";
472
486
 
473
- const zr = "standard";
474
-
475
487
  const Cr = "standard";
476
488
 
489
+ const zr = "standard";
490
+
477
491
  const Mr = "legacy";
478
492
 
493
+ const Lr = "standard";
494
+
479
495
  const Ar = "standard";
480
496
 
481
497
  const Dr = "standard";
482
498
 
483
- const Lr = "standard";
484
-
485
499
  const Nr = "standard";
486
500
 
487
- const Fr = "standard";
488
-
489
501
  const Or = "standard";
490
502
 
503
+ const Fr = "standard";
504
+
491
505
  const Ir = "standard";
492
506
 
507
+ const $r = "standard";
508
+
493
509
  const Vr = "standard";
494
510
 
495
- const $r = "standard";
511
+ const Rr = "standard";
496
512
 
497
513
  const Er = "standard";
498
514
 
499
- const Yr = "standard";
500
-
501
- const Rr = "standard";
515
+ const Tr = "standard";
502
516
 
503
- const Br = "standard";
517
+ const Yr = "standard";
504
518
 
505
519
  const Pr = "standard";
506
520
 
507
- const Tr = "standard";
521
+ const Br = "standard";
508
522
 
509
523
  const Gr = "standard";
510
524
 
@@ -514,11 +528,11 @@ const qr = "standard";
514
528
 
515
529
  const Zr = "status";
516
530
 
517
- const Hr = "devices";
531
+ const Ur = "devices";
518
532
 
519
- const jr = "standard";
533
+ const Hr = "standard";
520
534
 
521
- const Ur = "standard";
535
+ const jr = "standard";
522
536
 
523
537
  const Wr = "standard";
524
538
 
@@ -552,27 +566,27 @@ const lo = "standard";
552
566
 
553
567
  var po = {
554
568
  a11y: M,
555
- add: A,
556
- airplane: D,
569
+ add: L,
570
+ airplane: A,
557
571
  "alarm-clock": "standard",
558
- ambulance: L,
572
+ ambulance: D,
559
573
  android: N,
560
- apple: F,
574
+ apple: O,
561
575
  "arrow-down": "standard",
562
576
  "arrow-left": "standard",
563
577
  "arrow-right": "standard",
564
578
  "arrow-up": "standard",
565
- arts: O,
579
+ arts: F,
566
580
  atv: I,
567
- backpack: V,
568
- bank: $,
569
- barchart: E,
581
+ backpack: $,
582
+ bank: V,
583
+ barchart: R,
570
584
  "barchart-trend": "standard",
571
- bed: Y,
572
- bell: R,
573
- bicycle: B,
585
+ bed: E,
586
+ bell: T,
587
+ bicycle: Y,
574
588
  boat: P,
575
- box: T,
589
+ box: B,
576
590
  "brand-autobooks-color": "brand",
577
591
  "brand-autobooks-filled": "brand",
578
592
  "brand-facebook-color": "brand",
@@ -623,7 +637,7 @@ var po = {
623
637
  buildings: q,
624
638
  "buildings-2": "standard",
625
639
  calculator: Z,
626
- calendar: H,
640
+ calendar: U,
627
641
  "calendar-confirm": "legacy",
628
642
  "calendar-create": "standard",
629
643
  "calendar-pay": "standard",
@@ -633,8 +647,8 @@ var po = {
633
647
  "calendar-time": "standard",
634
648
  "call-color": "legacy",
635
649
  "call-filled": "legacy",
636
- camera: j,
637
- car: U,
650
+ camera: H,
651
+ car: j,
638
652
  "car-front": "standard",
639
653
  card: W,
640
654
  "card-add": "cards",
@@ -729,8 +743,8 @@ var po = {
729
743
  "document-remove": "standard",
730
744
  download: vt,
731
745
  "drag-handle": "standard",
732
- edit: ft,
733
- ellipsis: ht,
746
+ edit: ht,
747
+ ellipsis: ft,
734
748
  error: mt,
735
749
  "error-filled": "status",
736
750
  "external-link": "standard",
@@ -759,7 +773,7 @@ var po = {
759
773
  filter: wt,
760
774
  fingerprint: yt,
761
775
  flag: St,
762
- gear: zt,
776
+ gear: Ct,
763
777
  "gesture-hand": "gestures",
764
778
  "gesture-scroll-horizontal": "gestures",
765
779
  "gesture-scroll-vertical": "gestures",
@@ -769,38 +783,38 @@ var po = {
769
783
  "gesture-swipe-right": "gestures",
770
784
  "gesture-swipe-up": "gestures",
771
785
  "gesture-tap": "gestures",
772
- gift: Ct,
786
+ gift: zt,
773
787
  "gold-bars": "standard",
774
788
  government: Mt,
775
- gps: At,
789
+ gps: Lt,
776
790
  "graduation-cap": "standard",
777
791
  "grid-x2": "standard",
778
792
  "grid-x3": "standard",
779
793
  "hamburger-menu": "standard",
780
- hand: Dt,
794
+ hand: At,
781
795
  "hand-with-coins": "standard",
782
796
  "hand-with-key": "standard",
783
- handshake: Lt,
797
+ handshake: Dt,
784
798
  headset: Nt,
785
- health: Ft,
786
- heart: Ot,
799
+ health: Ot,
800
+ heart: Ft,
787
801
  "heart-add": "standard",
788
802
  "heart-remove": "standard",
789
803
  home: It,
790
804
  "home-chimney": "standard",
791
805
  "home-gear": "standard",
792
806
  "id-badge": "standard",
793
- inbox: Vt,
807
+ inbox: $t,
794
808
  "inbox-checked": "standard",
795
809
  "inbox-full": "standard",
796
- info: $t,
810
+ info: Vt,
797
811
  "info-filled": "status",
798
- ios: Et,
799
- key: Yt,
800
- laptop: Rt,
801
- law: Bt,
812
+ ios: Rt,
813
+ key: Et,
814
+ laptop: Tt,
815
+ law: Yt,
802
816
  leaf: Pt,
803
- lightbulb: Tt,
817
+ lightbulb: Bt,
804
818
  linechart: Gt,
805
819
  "linechart-trend": "standard",
806
820
  link: Kt,
@@ -808,9 +822,9 @@ var po = {
808
822
  location: Zt,
809
823
  "location-base": "standard",
810
824
  "location-prohibited": "standard",
811
- lock: Ht,
812
- logout: jt,
813
- loop: Ut,
825
+ lock: Ut,
826
+ logout: Ht,
827
+ loop: jt,
814
828
  mail: Wt,
815
829
  math: Jt,
816
830
  medal: Qt,
@@ -864,8 +878,8 @@ var po = {
864
878
  "person-settings": "standard",
865
879
  "person-to-person": "standard",
866
880
  "personal-care": "standard",
867
- phone: fr,
868
- piechart: hr,
881
+ phone: hr,
882
+ piechart: fr,
869
883
  "piechart-expanded": "standard",
870
884
  "piggy-bank": "standard",
871
885
  play: mr,
@@ -880,33 +894,33 @@ var po = {
880
894
  "receipt-list-top": "standard",
881
895
  "receipt-top": "standard",
882
896
  refresh: Sr,
883
- remove: zr,
884
- repeat: Cr,
897
+ remove: Cr,
898
+ repeat: zr,
885
899
  "repeat-time": "standard",
886
900
  revert: Mr,
887
- ribbon: Ar,
888
- ring: Dr,
889
- roadblock: Lr,
901
+ ribbon: Lr,
902
+ ring: Ar,
903
+ roadblock: Dr,
890
904
  "rss-color": "legacy",
891
905
  "rss-filled": "legacy",
892
906
  save: Nr,
893
- school: Fr,
894
- search: Or,
907
+ school: Or,
908
+ search: Fr,
895
909
  section: Ir,
896
- service: Vr,
897
- shield: $r,
898
- sign: Er,
910
+ service: $r,
911
+ shield: Vr,
912
+ sign: Rr,
899
913
  "sign-closed": "standard",
900
914
  "sign-open": "standard",
901
915
  "sign-sale": "standard",
902
916
  "sign-sold": "standard",
903
- silverware: Yr,
904
- skip: Rr,
917
+ silverware: Er,
918
+ skip: Tr,
905
919
  "sms-color": "legacy",
906
920
  "sms-filled": "legacy",
907
- sort: Br,
921
+ sort: Yr,
908
922
  speedometer: Pr,
909
- split: Tr,
923
+ split: Br,
910
924
  star: Gr,
911
925
  "star-add": "standard",
912
926
  "star-remove": "standard",
@@ -920,9 +934,9 @@ var po = {
920
934
  "storefront-settings": "standard",
921
935
  success: Zr,
922
936
  "success-filled": "status",
923
- tablet: Hr,
924
- target: jr,
925
- taxi: Ur,
937
+ tablet: Ur,
938
+ target: Hr,
939
+ taxi: jr,
926
940
  time: Wr,
927
941
  todo: Jr,
928
942
  tools: Qr,
@@ -948,7 +962,7 @@ var po = {
948
962
  "zoom-out": "standard"
949
963
  };
950
964
 
951
- const bo = "*{box-sizing:border-box}*:active{outline:none}*:focus-visible{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:inline-block;height:var(--tct-icon-size, 24px);width:var(--tct-icon-size, 24px);position:relative;fill:none}:host([inline]){height:1em;width:1em}svg{display:block;position:absolute;top:0;left:0;stroke-width:var(--tct-icon-stroke-width, var(--t-icon-stroke-width, var(--tct-icon-group-stroke-width, 2)));stroke-linecap:var(--tct-icon-cap, var(--t-icon-cap, round));stroke-linejoin:var(--tct-icon-cap, var(--t-icon-cap, round));transition:var(--tct-icon-transition, none)}svg.brand{stroke-width:var(--tct-icon-group-brand-stroke-width, 1)}svg.browsersos{stroke-width:var(--tct-icon-group-browsersos-stroke-width, 1)}.stroke-primary{stroke:var(--tct-icon-stroke-primary, var(--t-icon-stroke-primary, var(--t-text, currentcolor)));transition:var(--tct-icon-stroke-primary-transition, none)}.stroke-secondary{stroke:var(--tct-icon-stroke-secondary, var(--t-icon-stroke-secondary, var(--t-text, currentcolor)));transition:var(--tct-icon-stroke-secondary-transition, none)}.fill-primary{fill:var(--tct-icon-stroke-primary, var(--t-icon-stroke-primary, var(--t-text, currentcolor)));transition:var(--tct-icon-stroke-primary-transition, none)}.fill-secondary{fill:var(--tct-icon-stroke-secondary, var(--t-icon-stroke-secondary, var(--t-text, currentcolor)));transition:var(--tct-icon-stroke-secondary-transition, none)}.filled{fill:var(--tct-icon-fill, var(--comp-icon-fill, var(--t-icon-fill, none)));transition:var(--tct-icon-fill-transition, none)}.uniform{fill:var(--tct-icon-stroke-primary, var(--t-icon-stroke-primary, currentcolor));transition:var(--tct-icon-stroke-primary-transition, none)}:host([type=info]),:host([type=info-filled]){--tct-icon-stroke-primary:transparent;--comp-status-color:var(--tct-stoplight-info, var(--const-stoplight-info, #0079c1))}:host([type=success]),:host([type=success-filled]){--tct-icon-stroke-primary:transparent;--comp-status-color:var(--tct-stoplight-success, var(--const-stoplight-success, #0e8a00))}:host([type=warning]),:host([type=warning-filled]){--tct-icon-stroke-primary:transparent;--comp-status-color:var(--tct-stoplight-warning, var(--const-stoplight-warning, #c35500))}:host([type=error]),:host([type=error-filled]){--tct-icon-stroke-primary:transparent;--comp-status-color:var(--tct-stoplight-alert, var(--const-stoplight-alert, #d20a0a))}";
965
+ const bo = "*{box-sizing:border-box}*:active{outline:none}*:focus-visible{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:inline-block;height:var(--tct-icon-size, 24px);width:var(--tct-icon-size, 24px);position:relative;fill:none}:host([inline]){height:1em;width:1em}svg{display:block;position:absolute;top:0;left:0;stroke-width:var(--tct-icon-stroke-width, var(--t-icon-stroke-width, var(--tct-icon-group-stroke-width, 2)));stroke-linecap:var(--tct-icon-cap, var(--t-icon-cap, round));stroke-linejoin:var(--tct-icon-cap, var(--t-icon-cap, round));transition:var(--tct-icon-transition, none)}svg.brand{stroke-width:var(--tct-icon-group-brand-stroke-width, 1)}svg.browsersos{stroke-width:var(--tct-icon-group-browsersos-stroke-width, 1)}.stroke-primary{stroke:var(--tct-icon-stroke-primary, var(--t-icon-stroke-primary, var(--t-text, currentcolor)));transition:var(--tct-icon-stroke-primary-transition, none)}.stroke-secondary{stroke:var(--tct-icon-stroke-secondary, var(--t-icon-stroke-secondary, var(--t-text, currentcolor)));transition:var(--tct-icon-stroke-secondary-transition, none)}.fill-primary{fill:var(--tct-icon-stroke-primary, var(--t-icon-stroke-primary, var(--t-text, currentcolor)));transition:var(--tct-icon-stroke-primary-transition, none)}.fill-secondary{fill:var(--tct-icon-stroke-secondary, var(--t-icon-stroke-secondary, var(--t-text, currentcolor)));transition:var(--tct-icon-stroke-secondary-transition, none)}.filled{fill:var(--tct-icon-fill, var(--comp-icon-fill, var(--t-icon-fill, none)));transition:var(--tct-icon-fill-transition, none)}.brand-filled{fill:var(--tct-brand-icon-fill, var(--tct-icon-fill, currentColor));transition:var(--tct-icon-fill-transition, none)}.uniform{fill:var(--tct-icon-stroke-primary, var(--t-icon-stroke-primary, currentcolor));transition:var(--tct-icon-stroke-primary-transition, none)}:host([type=info]),:host([type=info-filled]){--tct-icon-stroke-primary:transparent;--comp-status-color:var(--tct-stoplight-info, var(--const-stoplight-info, #0079c1))}:host([type=success]),:host([type=success-filled]){--tct-icon-stroke-primary:transparent;--comp-status-color:var(--tct-stoplight-success, var(--const-stoplight-success, #0e8a00))}:host([type=warning]),:host([type=warning-filled]){--tct-icon-stroke-primary:transparent;--comp-status-color:var(--tct-stoplight-warning, var(--const-stoplight-warning, #c35500))}:host([type=error]),:host([type=error-filled]){--tct-icon-stroke-primary:transparent;--comp-status-color:var(--tct-stoplight-alert, var(--const-stoplight-alert, #d20a0a))}";
952
966
 
953
967
  const uo = class {
954
968
  constructor(r) {
@@ -1016,8 +1030,8 @@ const uo = class {
1016
1030
  checkForSprite() {
1017
1031
  var t;
1018
1032
  const {spriteId: r, spriteEventName: o} = this;
1019
- const a = this.getOrCreateSpriteContainer();
1020
- let e = document.querySelector(`#${r}`);
1033
+ const a = getOrCreateSpriteContainer();
1034
+ let e = document.getElementById(r);
1021
1035
  // If the sprite element exists and has the `data-loaded` attribute, we know we have everything we need
1022
1036
  if ((t = e === null || e === void 0 ? void 0 : e.hasAttribute("data-loaded")) !== null && t !== void 0 ? t : false) {
1023
1037
  this.cloneSpriteNode();
@@ -1040,9 +1054,8 @@ const uo = class {
1040
1054
  return false;
1041
1055
  }
1042
1056
  cloneSpriteNode() {
1043
- const t = this.getOrCreateSpriteContainer();
1044
- const r = t.querySelector(`#tct-${this.type}`);
1045
- this.iconClone = r ? r.cloneNode(true) : undefined;
1057
+ const t = document.getElementById(`tct-${this.type}`);
1058
+ this.iconClone = t ? t.cloneNode(true) : undefined;
1046
1059
  }
1047
1060
  async fetchSprite() {
1048
1061
  const {spriteFileName: t, spriteId: r, spriteEventName: o} = this;
@@ -1064,24 +1077,11 @@ const uo = class {
1064
1077
  } else {
1065
1078
  l.parentNode.replaceChild(d, l);
1066
1079
  }
1067
- l = document.querySelector(`#${r}`);
1080
+ l = document.getElementById(r);
1068
1081
  l.dispatchEvent(new CustomEvent(o, {
1069
1082
  bubbles: true
1070
1083
  }));
1071
1084
  }
1072
- /**
1073
- * Checks for the sprite container element in the global DOM
1074
- * If it does not exist, it creates and appends it to the body
1075
- */ getOrCreateSpriteContainer() {
1076
- const t = "tecton-sprites";
1077
- let r = document.querySelector(`#${t}`);
1078
- if (r) return r;
1079
- r = document.createElement("div");
1080
- r.id = t;
1081
- r.style.display = "none";
1082
- document.body.appendChild(r);
1083
- return r;
1084
- }
1085
1085
  setCustomSVGAttrs() {
1086
1086
  const t = this.hostElement.querySelector("svg");
1087
1087
  if (!t) return;
@@ -1170,7 +1170,7 @@ function formatNumber(t = "", r = {
1170
1170
  }
1171
1171
  const u = r.prefix || r.suffix;
1172
1172
  const v = Number.MAX_SAFE_INTEGER.toString().length + b + c.length;
1173
- const f = `${n.replace(/[^0-9]/g, "")}${c}`.replace(/^0+/, "");
1173
+ const h = `${n.replace(/[^0-9]/g, "")}${c}`.replace(/^0+/, "");
1174
1174
  return {
1175
1175
  value: e,
1176
1176
  formattedValue: l,
@@ -1179,7 +1179,7 @@ function formatNumber(t = "", r = {
1179
1179
  suffix: "",
1180
1180
  formattingCharacterCount: b,
1181
1181
  maxlength: v,
1182
- unformattedValue: f
1182
+ unformattedValue: h
1183
1183
  };
1184
1184
  }
1185
1185
 
@@ -1238,14 +1238,14 @@ function isOptionalValidatingChar(t) {
1238
1238
  return vo.includes(t);
1239
1239
  }
1240
1240
 
1241
- const fo = [ "#", "@", "*", ...vo ];
1241
+ const ho = [ "#", "@", "*", ...vo ];
1242
1242
 
1243
1243
  function isKnownValidatingChar(t) {
1244
- return fo.includes(t);
1244
+ return ho.includes(t);
1245
1245
  }
1246
1246
 
1247
1247
  function getStaticFormattingChars(t) {
1248
- const r = fo.join("|");
1248
+ const r = ho.join("|");
1249
1249
  const o = t.replace(new RegExp(`[${r}]`, "g"), "").split("");
1250
1250
  return new Set(o);
1251
1251
  }
@@ -1333,7 +1333,7 @@ function getMinimumFormattedLength(t, r, o) {
1333
1333
  }
1334
1334
 
1335
1335
  // decimal data source: http://www.iso.org/iso/home/standards/currency_codes.htm 09/Nov/2016
1336
- const ho = {
1336
+ const fo = {
1337
1337
  AED: {
1338
1338
  prefix: "",
1339
1339
  suffix: "د.إ",
@@ -2630,7 +2630,7 @@ function formatCurrency(t, r = "USD", o = false) {
2630
2630
  a = a.split("-integer")[0];
2631
2631
  e = false;
2632
2632
  }
2633
- const i = ho[a];
2633
+ const i = fo[a];
2634
2634
  if (!i) {
2635
2635
  return formatValue(t);
2636
2636
  }
@@ -4068,7 +4068,7 @@ function formatDate(t, r = "MM/DD/YYYY") {
4068
4068
 
4069
4069
  function format(t) {
4070
4070
  // have a initial generic mask which then converts to specific mask
4071
- const r = Ao.detectCreditCardTypeFromValue(t);
4071
+ const r = Lo.detectCreditCardTypeFromValue(t);
4072
4072
  const o = Mo[r](t);
4073
4073
  if (t.length < 2 && r === "unknown") {
4074
4074
  o.leftIcon = "card";
@@ -4112,7 +4112,7 @@ const So = function masterCardFn(t) {
4112
4112
  });
4113
4113
  };
4114
4114
 
4115
- const zo = function visaFn(t) {
4115
+ const Co = function visaFn(t) {
4116
4116
  const r = formatValue(t, "#### #### #### ####");
4117
4117
  return Object.assign(Object.assign({}, r), {
4118
4118
  type: "visa",
@@ -4121,7 +4121,7 @@ const zo = function visaFn(t) {
4121
4121
  });
4122
4122
  };
4123
4123
 
4124
- const Co = function dinersClub(t) {
4124
+ const zo = function dinersClub(t) {
4125
4125
  const r = formatValue(t, "#### ###### ####");
4126
4126
  return Object.assign(Object.assign({}, r), {
4127
4127
  type: "dinersClub",
@@ -4134,8 +4134,8 @@ const Mo = {
4134
4134
  discover: yo,
4135
4135
  amex: wo,
4136
4136
  masterCard: So,
4137
- visa: zo,
4138
- dinersClub: Co,
4137
+ visa: Co,
4138
+ dinersClub: zo,
4139
4139
  unknown: ko
4140
4140
  };
4141
4141
 
@@ -4228,20 +4228,20 @@ const Mo = {
4228
4228
  return "unknown";
4229
4229
  }
4230
4230
 
4231
- /* tslint:enable:cyclomatic-complexity */ const Ao = {
4231
+ /* tslint:enable:cyclomatic-complexity */ const Lo = {
4232
4232
  detectCreditCardTypeFromValue,
4233
4233
  format,
4234
4234
  amexFormatter: wo,
4235
- dinersClubInternationalFormatter: Co,
4235
+ dinersClubInternationalFormatter: zo,
4236
4236
  discoverFormatter: yo,
4237
4237
  masterCardFormatter: So,
4238
- visaFormatter: zo,
4238
+ visaFormatter: Co,
4239
4239
  unknownFormatter: ko
4240
4240
  };
4241
4241
 
4242
- const Do = '*{box-sizing:border-box}*:active{outline:none}*:focus-visible{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{--comp-default-input-margin:var(--tct-input-margin-top, var(--t-input-margin-top, var(--app-scale-5x, 25px))) 0 var(--tct-input-margin-bottom, var(--t-input-margin-bottom, var(--app-scale-5x, 25px)));display:block;margin:var(--tct-input-margin, var(--comp-default-input-margin));font-size:var(--tct-input-font-size, var(--t-input-font-size, var(--app-font-size, inherit)))}:host([hidden]){display:none}.field-container,.input-container{position:relative}.field-container{--comp-input-tween:var(--tct-input-tween, var(--t-input-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease))))}.field-container.is-small .btn-clear{--tct-btn-icon-width:20px;--tct-icon-size:17px}.input-label{--comp-label-padding:var(--tct-input-label-padding, 0 var(--tct-input-label-padding-right, var(--t-input-label-padding-right, 0)) 0 var(--tct-input-label-padding-left, var(--t-input-label-padding-left, 0)));display:block;padding:var(--comp-label-padding);color:var(--tct-input-label-font-color, var(--t-input-label-font-color, inherit));font-size:var(--tct-input-label-font-size, var(--t-input-label-font-size, inherit));font-weight:var(--tct-input-label-font-weight, var(--t-input-label-font-weight, 600));text-transform:var(--tct-input-label-text-transform, var(--t-input-label-text-transform, none));letter-spacing:var(--tct-input-label-letter-spacing, var(--t-input-label-letter-spacing, inherit));transition:color var(--comp-input-tween)}.optional-tag{--comp-label-optional-margin:var(--tct-input-label-optional-margin, 0 0 0 var(--tct-input-label-optional-margin-left, var(--t-input-label-optional-margin-left, var(--tct-scale-1, var(--app-scale-1x, 5px)))));margin:var(--comp-label-optional-margin);color:var(--tct-input-label-optional-font-color, var(--t-input-label-optional-font-color, var(--t-textA, var(--t-a11y-gray-color, rgba(77, 77, 77, 0.77)))));font-size:var(--tct-input-label-optional-font-size, var(--t-input-label-optional-font-size, var(--app-font-size-small, 12px)));font-weight:var(--tct-input-label-optional-font-weight, var(--t-input-label-optional-font-weight, 400));line-height:1em}.count-tag{color:var(--tct-input-count-font-color, var(--t-textA, var(--t-a11y-gray-color, rgba(77, 77, 77, 0.77))));font-size:var(--tct-input-count-font-size, var(--app-font-size-small, 12px));font-weight:var(--tct-input-count-font-weight, 400);text-align:right;width:var(--tct-input-count-width, auto)}.label-wrapper{--comp-label-margin:var(--tct-input-label-margin, var(--tct-input-label-margin-top, var(--t-input-label-margin-top, 0)) 0 var(--tct-input-label-margin-bottom, var(--t-input-label-margin-bottom, var(--tct-scale-1, var(--app-scale-1x, 5px)))));display:flex;gap:var(--tct-input-label-gap, var(--app-scale-2x, 10px));justify-content:space-between;align-items:end;margin:var(--comp-label-margin);line-height:var(--tct-input-label-line-height, var(--t-input-label-line-height, inherit))}.label-wrapper:has(label.sr){margin:0}.input-container{--comp-input-background:var(--tct-input-background, var(--tct-input-bg, var(--t-input-bg, var(--t-gray-14, #fcfcfd))));--comp-input-horizontal-gap:var(--tct-input-horizontal-gap, var(--t-input-horizontal-gap, 0));--comp-input-border-top-left-radius:var(--tct-input-border-top-left-radius, var(--t-input-border-top-left-radius, var(--tct-border-radius-1, var(--app-border-radius-1, 4px))));--comp-input-border-top-right-radius:var(--tct-input-border-top-right-radius, var(--t-input-border-top-right-radius, var(--tct-border-radius-1, var(--app-border-radius-1, 4px))));--comp-input-border-bottom-right-radius:var(--tct-input-border-bottom-right-radius, var(--t-input-border-bottom-right-radius, var(--tct-border-radius-1, var(--app-border-radius-1, 4px))));--comp-input-border-bottom-left-radius:var(--tct-input-border-bottom-left-radius, var(--t-input-border-bottom-left-radius, var(--tct-border-radius-1, var(--app-border-radius-1, 4px))));--comp-input-border-radius:var(--comp-input-border-top-left-radius) var(--comp-input-border-top-right-radius)\n var(--comp-input-border-bottom-right-radius) var(--comp-input-border-bottom-left-radius);--comp-input-border-width:var(--tct-input-border-top-width, 1px) var(--tct-input-border-right-width, 1px)\n var(--tct-input-border-bottom-width, 1px) var(--tct-input-border-left-width, 1px);--comp-input-border-color:var(--tct-input-border-color, var(--t-input-border-color, var(--t-a11y-gray-color-AA, #404040)));--comp-input-prefix-clearance:calc(3 * var(--tct-input-prefix-font-size, 14px) + var(--tct-scale-1, 5px));--comp-input-icon-clearance:34px;--comp-input-min-height:var(--tct-input-min-height, var(--t-input-min-height, 44px));--comp-input-max-height:var(--tct-input-max-height, var(--t-input-max-height));--comp-input-hover-ring-color:var(--tct-input-hover-ring-color, var(--t-input-hover-ring-color));--comp-input-hover-ring:0 0 0 2px var(--t-base), 0 0 0 4px var(--comp-input-hover-ring-color), var(--tct-input-hover-box-shadow, var(--t-input-hover-box-shadow, 0 0 transparent));background:var(--comp-input-background);display:flex;align-items:center;gap:var(--tct-input-container-gap, var(--app-scale-2x, 10px));padding-inline:var(--tct-input-container-padding-inline);border-width:var(--comp-input-border-width);border-style:solid;border-color:var(--comp-input-border-color);border-radius:var(--comp-input-border-radius);box-shadow:var(--tct-input-box-shadow, var(--t-input-box-shadow, none));transition:border-width var(--comp-input-tween), border-color var(--comp-input-tween), box-shadow var(--comp-input-tween)}:host([disabled]:not([disabled=false])) .input-container{cursor:not-allowed;opacity:var(--tct-input-disabled-opacity, var(--t-input-disabled-opacity, var(--tct-disabled-opacity, var(--app-disabled-opacity, 0.4))))}.has-error .input-container{border-color:var(--tct-input-error-border-color, var(--const-stoplight-alert, #d20a0a));background:var(--tct-input-error-background, var(--comp-input-background));box-shadow:var(--tct-input-error-box-shadow, var(--comp-input-hover-ring))}.input-container:hover{border-color:var(--tct-input-hover-border-color, var(--comp-input-border-color));background:var(--tct-input-hover-background, var(--comp-input-background));box-shadow:var(--tct-input-hover-box-shadow, var(--comp-input-hover-ring))}.has-error .input-container:hover{border-color:var(--tct-input-error-hover-border-color, var(--tct-input-error-border-color, var(--const-stoplight-alert, #d20a0a)));background:var(--tct-input-error-hover-background, var(--tct-input-error-background, var(--comp-input-background)));box-shadow:var(--tct-input-error-hover-box-shadow, var(--tct-input-error-box-shadow, var(--comp-input-hover-ring)))}.has-focus .input-container{border-color:var(--tct-input-focus-border-color, var(--t-input-focus-border-color, var(--comp-input-border-color)));background:var(--tct-input-focus-background, var(--comp-input-background));box-shadow:var(--tct-input-focus-box-shadow, var(--const-double-focus-ring))}.has-focus.has-error .input-container,.has-focus.has-error .input-container:hover{border-color:var(--tct-input-error-focus-border-color, var(--tct-input-error-border-color, var(--const-stoplight-alert, #d20a0a)));background:var(--tct-input-error-focus-background, var(--tct-input-error-background, var(--comp-input-background)));box-shadow:var(--tct-input-error-focus-box-shadow, var(--tct-input-error-box-shadow, var(--const-double-focus-ring)))}.input-container:has(.input-field:is(:-webkit-autofill,:autofill)){background:var(--tct-input-autofill-background, #faffbc);color:var(--tct-input-autofill-font-color, --t-text, inherit)}.input-container:has(.input-field:is(:-webkit-autofill,:autofill)) .input-field{box-shadow:0 0 0 1000px var(--tct-input-autofill-background, #faffbc) inset;color:var(--tct-input-autofill-font-color, --t-text, inherit);-webkit-text-fill-color:var(--tct-input-autofill-font-color, --t-text, inherit)}.input-field{flex:1;border:0;-webkit-appearance:none;appearance:none;box-sizing:border-box;min-height:var(--comp-input-min-height);max-height:var(--comp-input-max-height);overflow-y:hidden;height:var(--tct-input-height, var(--t-input-height, 44px));width:100%;padding:var(--tct-input-padding, 0);background:transparent;color:var(--tct-input-font-color, var(--t-input-font-color, var(--t-text, inherit)));display:inline-block;text-align:var(--tct-input-align, "start");font-weight:var(--tct-input-font-weight, var(--t-input-font-weight, 400));letter-spacing:var(--tct-input-letter-spacing, var(--t-input-letter-spacing, inherit));}.input-field:focus{outline:none;box-shadow:none}.input-field::-webkit-outer-spin-button,.input-field::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input-field[type=number]{-moz-appearance:textfield}.input-field::-ms-reveal,.input-field::-ms-clear{display:none}.input-field[type=search]::-webkit-search-decoration,.input-field[type=search]::-webkit-search-cancel-button,.input-field[type=search]::-webkit-search-results-button,.input-field[type=search]::-webkit-search-results-decoration{display:none}.input-field[disabled]:not([disabled=false]){cursor:not-allowed}.right-aligned .input-field{text-align:right}.input-field:is(input){flex:1}.input-field:is(button){display:inline-flex;align-items:center}.has-custom-display .input-field:is(button){height:auto;padding:0}.input-field:is(button) span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.custom-display-container{max-width:100%}.has-custom-display .custom-display-container{--comp-default-padding:var(--app-scale-2x, 10px) var(--app-scale-2x, 10px) var(--app-scale-3x, 15px);padding:var(--tct-input-padding, var(--t-input-padding, var(--comp-default-padding)));width:100%}.input-field::placeholder,.placeholder-text{color:var(--tct-input-placeholder-font-color, var(--t-input-placeholder-font-color, var(--t-textA, var(--app-gray-d1, rgba(77, 77, 77, 0.77)))))}.pseudo-input-container{min-width:0;flex:1}.input-icons-container-left,.input-icons-container-right{--tct-btn-icon-hover-background:var(--tct-input-btn-hover-background);--tct-btn-hover-background:var(--tct-input-btn-hover-background);display:flex;flex-direction:row;align-items:center;gap:var(--comp-input-horizontal-gap)}.input-icons-container-left>div:not(.vertical-separator),.input-icons-container-right>div:not(.vertical-separator){min-width:var(--tct-input-icon-container-icon-min-width, 44px);display:flex;justify-content:center;align-items:center;font-size:var(--tct-input-icon-container-font-size, inherit)}.input-icons-container-left:empty,.input-icons-container-right:empty{display:var(--tct-input-icon-container-empty-display, block)}.input-icons-container-left{padding-left:var(--comp-input-horizontal-gap)}.input-icons-container-right{padding-right:var(--comp-input-horizontal-gap);--comp-visibility-toggle-padding:0px var(--app-scale-2x, 10px)}.input-icons-container-right .btn-visibility-toggle{--tct-btn-height:var(--comp-input-min-height);--tct-btn-padding-inline:var(--tct-input-visibility-toggle-padding, var(--app-scale-2x, 10px));--tct-btn-font-weight:var(--tct-input-visibility-toggle-font-weight, 400);color:var(--tct-input-visibility-toggle-font-color, var(--t-primary, #0079c1));font-size:var(--tct-input-visibility-toggle-font-size, var(--app-font-size-small, 12px))}q2-icon{margin-top:calc(var(--tct-input-border-top-width, var(--t-input-border-top-width, 1px)) / 2);margin-bottom:calc(var(--tct-input-border-bottom-width, var(--t-input-border-bottom-width, 1px)) / 2);pointer-events:none;color:var(--tct-input-icon-stroke-primary, var(--t-input-icon-stroke-primary, var(--t-a11y-gray-color, var(--t-textA, var(--app-gray, #747474)))));--tct-icon-stroke-primary:var(--tct-input-icon-stroke-primary, var(--t-input-icon-stroke-primary, var(--t-a11y-gray-color, var(--t-textA, var(--app-gray, #747474)))))}.icon-left-muted{opacity:0.5}.input-prefix,.input-suffix{min-height:var(--comp-input-min-height);max-height:var(--comp-input-max-height);height:var(--tct-input-height, var(--t-input-height, 44px));font-size:var(--tct-input-prefix-font-size, var(--t-input-prefix-font-size, inherit));color:var(--tct-input-prefix-font-color, var(--t-input-prefix-font-color, inherit));background:var(--tct-input-prefix-background, var(--tct-input-prefix-bg, var(--t-input-prefix-bg, var(--tct-input-background, var(--tct-input-bg, var(--t-input-bg, var(--tct-gray-14, var(--t-gray-14, #f2f2f2))))))));transition:color var(--comp-input-tween), background var(--comp-input-tween)}.input-prefix{border-top-left-radius:calc(\n var(--comp-input-border-top-left-radius) - var(--tct-input-border-top-width, var(--t-input-border-top-width, 1px)) - var(--tct-input-border-left-width, var(--t-input-border-left-width, 1px))\n );border-bottom-left-radius:calc(\n var(--comp-input-border-bottom-left-radius) - var(--tct-input-border-bottom-width, var(--t-input-border-bottom-width, 1px)) - var(--tct-input-border-left-width, var(--t-input-border-left-width, 1px))\n );pointer-events:none;}.input-suffix{border-top-right-radius:calc(\n var(--comp-input-border-top-right-radius) - var(--tct-input-border-top-width, var(--t-input-border-top-width, 1px)) - var(--tct-input-border-right-width, var(--t-input-border-right-width, 1px))\n );border-bottom-right-radius:calc(\n var(--comp-input-border-bottom-right-radius) - var(--tct-input-border-bottom-width, var(--t-input-border-bottom-width, 1px)) - var(--tct-input-border-right-width, var(--t-input-border-right-width, 1px))\n )}.icon-error{color:var(--tct-stoplight-error, var(--const-stoplight-alert, #d20a0a));--tct-icon-stroke-primary:var(--tct-stoplight-error, var(--const-stoplight-alert, #d20a0a))}.messages-container{height:0px;overflow:hidden;background:var(--tct-message-background, var(--tct-message-bg, var(--t-message-bg, var(--tct-gray-14, var(--t-gray-14, var(--tct-gray-l3, var(--app-gray-l3, #f2f2f2)))))));box-shadow:var(--tct-input-message-box-shadow, var(--t-input-message-box-shadow, var(--tct-box-shadow-1, var(--app-shadow-1, 0px 0px 2px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.14)))));transition:height var(--tct-input-messages-tween, var(--t-input-messages-tween, var(--tct-tween-1, var(--app-tween-1, 0.2s ease))));margin-top:var(--tct-input-messages-margin-top, 2px);z-index:var(--tct-input-messages-z-index, 5);position:absolute;width:100%;color:var(--tct-input-messages-font-color, var(--t-input-messages-font-color, inherit));border-radius:var(--tct-message-border-radius, --app-border-radius-1, inherit)}.has-error label{color:var(--tct-input-error-label-font-color, var(--t-input-error-label-font-color, var(--tct-input-label-font-color, var(--t-input-label-font-color, inherit))))}.has-error:not(.has-focus) .input-prefix,.has-error:not(.has-focus) .input-suffix{color:var(--tct-input-error-prefix-font-color, var(--t-input-error-prefix-font-color, inherit));background:var(--tct-input-error-prefix-background, var(--tct-input-error-prefix-bg, var(--t-input-error-prefix-bg, var(--tct-input-background, var(--tct-input-bg, var(--t-input-bg, var(--tct-gray-14, var(--t-gray-14, var(--tct-gray-l3, var(--app-gray-l3, #f2f2f2))))))))))}.icon-left{width:26px;height:26px}.vertical-separator{height:calc(var(--comp-input-min-height) - 2px);border-right-width:var(--tct-input-prefix-border-width, 1px);border-right-style:solid;border-right-color:var(--tct-input-prefix-border-color, var(--t-input-prefix-border-color, var(--tct-input-border-color, var(--t-input-border-color, var(--t-a11y-gray-color-AA, #404040)))))}';
4242
+ const Ao = '*{box-sizing:border-box}*:active{outline:none}*:focus-visible{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{--comp-default-input-margin:var(--tct-input-margin-top, var(--t-input-margin-top, var(--app-scale-5x, 25px))) 0 var(--tct-input-margin-bottom, var(--t-input-margin-bottom, var(--app-scale-5x, 25px)));display:block;margin:var(--tct-input-margin, var(--comp-default-input-margin));font-size:var(--tct-input-font-size, var(--t-input-font-size, var(--app-font-size, inherit)))}:host([hidden]){display:none}.field-container,.input-container{position:relative}.field-container{--comp-input-tween:var(--tct-input-tween, var(--t-input-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease))))}.field-container.is-small .btn-clear{--tct-btn-icon-width:20px;--tct-icon-size:17px}.input-label{--comp-label-padding:var(--tct-input-label-padding, 0 var(--tct-input-label-padding-right, var(--t-input-label-padding-right, 0)) 0 var(--tct-input-label-padding-left, var(--t-input-label-padding-left, 0)));display:block;padding:var(--comp-label-padding);color:var(--tct-input-label-font-color, var(--t-input-label-font-color, inherit));font-size:var(--tct-input-label-font-size, var(--t-input-label-font-size, inherit));font-weight:var(--tct-input-label-font-weight, var(--t-input-label-font-weight, 600));text-transform:var(--tct-input-label-text-transform, var(--t-input-label-text-transform, none));letter-spacing:var(--tct-input-label-letter-spacing, var(--t-input-label-letter-spacing, inherit));transition:color var(--comp-input-tween)}.optional-tag{--comp-label-optional-margin:var(--tct-input-label-optional-margin, 0 0 0 var(--tct-input-label-optional-margin-left, var(--t-input-label-optional-margin-left, var(--tct-scale-1, var(--app-scale-1x, 5px)))));margin:var(--comp-label-optional-margin);color:var(--tct-input-label-optional-font-color, var(--t-input-label-optional-font-color, var(--t-textA, var(--t-a11y-gray-color, rgba(77, 77, 77, 0.77)))));font-size:var(--tct-input-label-optional-font-size, var(--t-input-label-optional-font-size, var(--app-font-size-small, 12px)));font-weight:var(--tct-input-label-optional-font-weight, var(--t-input-label-optional-font-weight, 400));line-height:1em}.count-tag{color:var(--tct-input-count-font-color, var(--t-textA, var(--t-a11y-gray-color, rgba(77, 77, 77, 0.77))));font-size:var(--tct-input-count-font-size, var(--app-font-size-small, 12px));font-weight:var(--tct-input-count-font-weight, 400);text-align:right;width:var(--tct-input-count-width, auto)}.label-wrapper{--comp-label-margin:var(--tct-input-label-margin, var(--tct-input-label-margin-top, var(--t-input-label-margin-top, 0)) 0 var(--tct-input-label-margin-bottom, var(--t-input-label-margin-bottom, var(--tct-scale-1, var(--app-scale-1x, 5px)))));display:flex;gap:var(--tct-input-label-gap, var(--app-scale-2x, 10px));justify-content:space-between;align-items:end;margin:var(--comp-label-margin);line-height:var(--tct-input-label-line-height, var(--t-input-label-line-height, inherit))}.label-wrapper:has(label.sr){margin:0}.input-container{--comp-input-background:var(--tct-input-background, var(--tct-input-bg, var(--t-input-bg, var(--t-gray-14, #fcfcfd))));--comp-input-backdrop-filter:var(--tct-input-backdrop-filter, none);--comp-input-horizontal-gap:var(--tct-input-horizontal-gap, var(--t-input-horizontal-gap, 0));--comp-input-border-top-left-radius:var(--tct-input-border-top-left-radius, var(--t-input-border-top-left-radius, var(--tct-border-radius-1, var(--app-border-radius-1, 4px))));--comp-input-border-top-right-radius:var(--tct-input-border-top-right-radius, var(--t-input-border-top-right-radius, var(--tct-border-radius-1, var(--app-border-radius-1, 4px))));--comp-input-border-bottom-right-radius:var(--tct-input-border-bottom-right-radius, var(--t-input-border-bottom-right-radius, var(--tct-border-radius-1, var(--app-border-radius-1, 4px))));--comp-input-border-bottom-left-radius:var(--tct-input-border-bottom-left-radius, var(--t-input-border-bottom-left-radius, var(--tct-border-radius-1, var(--app-border-radius-1, 4px))));--comp-input-border-radius:var(--comp-input-border-top-left-radius) var(--comp-input-border-top-right-radius)\n var(--comp-input-border-bottom-right-radius) var(--comp-input-border-bottom-left-radius);--comp-input-border-width:var(--tct-input-border-top-width, 1px) var(--tct-input-border-right-width, 1px)\n var(--tct-input-border-bottom-width, 1px) var(--tct-input-border-left-width, 1px);--comp-input-border-color:var(--tct-input-border-color, var(--t-input-border-color, var(--t-a11y-gray-color-AA, #404040)));--comp-input-prefix-clearance:calc(3 * var(--tct-input-prefix-font-size, 14px) + var(--tct-scale-1, 5px));--comp-input-icon-clearance:34px;--comp-input-min-height:var(--tct-input-min-height, var(--t-input-min-height, 44px));--comp-input-max-height:var(--tct-input-max-height, var(--t-input-max-height));--comp-input-hover-ring-color:var(--tct-input-hover-ring-color, var(--t-input-hover-ring-color));--comp-input-hover-ring:0 0 0 2px var(--t-base), 0 0 0 4px var(--comp-input-hover-ring-color), var(--tct-input-hover-box-shadow, var(--t-input-hover-box-shadow, 0 0 transparent));background:var(--comp-input-background);backdrop-filter:var(--comp-input-backdrop-filter);display:flex;align-items:center;gap:var(--tct-input-container-gap, var(--app-scale-2x, 10px));padding-inline:var(--tct-input-container-padding-inline);border-width:var(--comp-input-border-width);border-style:solid;border-color:var(--comp-input-border-color);border-radius:var(--comp-input-border-radius);box-shadow:var(--tct-input-box-shadow, var(--t-input-box-shadow, none));transition:background var(--comp-input-tween), backdrop-filter var(--comp-input-tween), border-width var(--comp-input-tween), border-color var(--comp-input-tween), box-shadow var(--comp-input-tween)}:host([disabled]:not([disabled=false])) .input-container{cursor:not-allowed;opacity:var(--tct-input-disabled-opacity, var(--t-input-disabled-opacity, var(--tct-disabled-opacity, var(--app-disabled-opacity, 0.4))));backdrop-filter:var(--tct-input-disabled-backdrop-filter, var(--comp-input-backdrop-filter))}.has-error .input-container{border-color:var(--tct-input-error-border-color, var(--const-stoplight-alert, #d20a0a));backdrop-filter:var(--tct-input-error-backdrop-filter, var(--comp-input-backdrop-filter));background:var(--tct-input-error-background, var(--comp-input-background));box-shadow:var(--tct-input-error-box-shadow, var(--comp-input-hover-ring))}.input-container:hover{border-color:var(--tct-input-hover-border-color, var(--comp-input-border-color));background:var(--tct-input-hover-background, var(--comp-input-background));backdrop-filter:var(--tct-input-hover-backdrop-filter, var(--comp-input-backdrop-filter));box-shadow:var(--tct-input-hover-box-shadow, var(--comp-input-hover-ring))}.has-error .input-container:hover{border-color:var(--tct-input-error-hover-border-color, var(--tct-input-error-border-color, var(--const-stoplight-alert, #d20a0a)));backdrop-filter:var(--tct-input-error-hover-backdrop-filter, var(--tct-input-error-backdrop-filter, var(--tct-input-hover-backdrop-filter, var(--comp-input-backdrop-filter))));background:var(--tct-input-error-hover-background, var(--tct-input-error-background, var(--comp-input-background)));box-shadow:var(--tct-input-error-hover-box-shadow, var(--tct-input-error-box-shadow, var(--comp-input-hover-ring)))}.has-focus .input-container{border-color:var(--tct-input-focus-border-color, var(--t-input-focus-border-color, var(--comp-input-border-color)));background:var(--tct-input-focus-background, var(--comp-input-background));backdrop-filter:var(--tct-input-focus-backdrop-filter, var(--comp-input-backdrop-filter));box-shadow:var(--tct-input-focus-box-shadow, var(--const-double-focus-ring))}.has-focus.has-error .input-container,.has-focus.has-error .input-container:hover{border-color:var(--tct-input-error-focus-border-color, var(--tct-input-error-border-color, var(--const-stoplight-alert, #d20a0a)));backdrop-filter:var(--tct-input-error-focus-backdrop-filter, var(--tct-input-error-backdrop-filter, var(--tct-input-focus-backdrop-filter, var(--comp-input-backdrop-filter))));background:var(--tct-input-error-focus-background, var(--tct-input-error-background, var(--comp-input-background)));box-shadow:var(--tct-input-error-focus-box-shadow, var(--tct-input-error-box-shadow, var(--const-double-focus-ring)))}.input-container:has(.input-field:is(:-webkit-autofill,:autofill)){background:var(--tct-input-autofill-background, #faffbc);color:var(--tct-input-autofill-font-color, var(--t-text, inherit))}.input-container:has(.input-field:is(:-webkit-autofill,:autofill)) .input-field{box-shadow:0 0 0 1000px var(--tct-input-autofill-background, #faffbc) inset;color:var(--tct-input-autofill-font-color, var(--t-text, inherit));-webkit-text-fill-color:var(--tct-input-autofill-font-color, var(--t-text, inherit))}.input-field{flex:1;border:0;-webkit-appearance:none;appearance:none;box-sizing:border-box;min-height:var(--comp-input-min-height);max-height:var(--comp-input-max-height);overflow-y:hidden;height:var(--tct-input-height, var(--t-input-height, 44px));width:100%;padding:var(--tct-input-padding, 0);background:transparent;color:var(--tct-input-font-color, var(--t-input-font-color, var(--t-text, inherit)));display:inline-block;text-align:var(--tct-input-align, "start");font-weight:var(--tct-input-font-weight, var(--t-input-font-weight, 400));letter-spacing:var(--tct-input-letter-spacing, var(--t-input-letter-spacing, inherit));}.input-field:focus{outline:none;box-shadow:none}.input-field::-webkit-outer-spin-button,.input-field::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input-field[type=number]{-moz-appearance:textfield}.input-field::-ms-reveal,.input-field::-ms-clear{display:none}.input-field[type=search]::-webkit-search-decoration,.input-field[type=search]::-webkit-search-cancel-button,.input-field[type=search]::-webkit-search-results-button,.input-field[type=search]::-webkit-search-results-decoration{display:none}.input-field[disabled]:not([disabled=false]){cursor:not-allowed}.right-aligned .input-field{text-align:right}.input-field:is(input){flex:1}.input-field:is(button){display:inline-flex;align-items:center}.has-custom-display .input-field:is(button){height:auto;padding:0}.input-field:is(button) span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.custom-display-container{max-width:100%}.has-custom-display .custom-display-container{--comp-default-padding:var(--app-scale-2x, 10px) var(--app-scale-2x, 10px) var(--app-scale-3x, 15px);padding:var(--tct-input-padding, var(--t-input-padding, var(--comp-default-padding)));width:100%}.input-field::placeholder,.placeholder-text{color:var(--tct-input-placeholder-font-color, var(--t-input-placeholder-font-color, var(--t-textA, var(--app-gray-d1, rgba(77, 77, 77, 0.77)))))}.pseudo-input-container{min-width:0;flex:1}.input-icons-container-left,.input-icons-container-right{--tct-btn-icon-hover-background:var(--tct-input-btn-hover-background);--tct-btn-hover-background:var(--tct-input-btn-hover-background);display:flex;flex-direction:row;align-items:center;gap:var(--comp-input-horizontal-gap)}.input-icons-container-left>div:not(.vertical-separator),.input-icons-container-right>div:not(.vertical-separator){min-width:var(--tct-input-icon-container-icon-min-width, 44px);display:flex;justify-content:center;align-items:center;font-size:var(--tct-input-icon-container-font-size, inherit)}.input-icons-container-left:empty,.input-icons-container-right:empty{display:var(--tct-input-icon-container-empty-display, block)}.input-icons-container-left{padding-left:var(--comp-input-horizontal-gap)}.input-icons-container-right{padding-right:var(--comp-input-horizontal-gap);--comp-visibility-toggle-padding:0px var(--app-scale-2x, 10px)}.input-icons-container-right .btn-visibility-toggle{--tct-btn-height:var(--comp-input-min-height);--tct-btn-padding-inline:var(--tct-input-visibility-toggle-padding, var(--app-scale-2x, 10px));--tct-btn-font-weight:var(--tct-input-visibility-toggle-font-weight, 400);color:var(--tct-input-visibility-toggle-font-color, var(--t-primary, #0079c1));font-size:var(--tct-input-visibility-toggle-font-size, var(--app-font-size-small, 12px))}q2-icon{margin-top:calc(var(--tct-input-border-top-width, var(--t-input-border-top-width, 1px)) / 2);margin-bottom:calc(var(--tct-input-border-bottom-width, var(--t-input-border-bottom-width, 1px)) / 2);pointer-events:none;color:var(--tct-input-icon-stroke-primary, var(--t-input-icon-stroke-primary, var(--t-a11y-gray-color, var(--t-textA, var(--app-gray, #747474)))));--tct-icon-stroke-primary:var(--tct-input-icon-stroke-primary, var(--t-input-icon-stroke-primary, var(--t-a11y-gray-color, var(--t-textA, var(--app-gray, #747474)))))}.icon-left-muted{opacity:0.5}.input-prefix,.input-suffix{min-height:var(--comp-input-min-height);max-height:var(--comp-input-max-height);height:var(--tct-input-height, var(--t-input-height, 44px));font-size:var(--tct-input-prefix-font-size, var(--t-input-prefix-font-size, inherit));font-weight:var(--tct-input-prefix-font-weight, 400);color:var(--tct-input-prefix-font-color, var(--t-input-prefix-font-color, inherit));background:var(--tct-input-prefix-background, var(--tct-input-prefix-bg, var(--t-input-prefix-bg, var(--tct-input-background, var(--tct-input-bg, var(--t-input-bg, var(--tct-gray-14, var(--t-gray-14, #f2f2f2))))))));transition:color var(--comp-input-tween), background var(--comp-input-tween)}.input-prefix{border-top-left-radius:calc(\n var(--comp-input-border-top-left-radius) - var(--tct-input-border-top-width, var(--t-input-border-top-width, 1px)) - var(--tct-input-border-left-width, var(--t-input-border-left-width, 1px))\n );border-bottom-left-radius:calc(\n var(--comp-input-border-bottom-left-radius) - var(--tct-input-border-bottom-width, var(--t-input-border-bottom-width, 1px)) - var(--tct-input-border-left-width, var(--t-input-border-left-width, 1px))\n );pointer-events:none;}.input-suffix{border-top-right-radius:calc(\n var(--comp-input-border-top-right-radius) - var(--tct-input-border-top-width, var(--t-input-border-top-width, 1px)) - var(--tct-input-border-right-width, var(--t-input-border-right-width, 1px))\n );border-bottom-right-radius:calc(\n var(--comp-input-border-bottom-right-radius) - var(--tct-input-border-bottom-width, var(--t-input-border-bottom-width, 1px)) - var(--tct-input-border-right-width, var(--t-input-border-right-width, 1px))\n )}.icon-error{color:var(--tct-stoplight-error, var(--const-stoplight-alert, #d20a0a));--tct-icon-stroke-primary:var(--tct-stoplight-error, var(--const-stoplight-alert, #d20a0a))}.messages-container{height:0px;overflow:hidden;background:var(--tct-message-background, var(--tct-message-bg, var(--t-message-bg, var(--tct-gray-14, var(--t-gray-14, var(--tct-gray-l3, var(--app-gray-l3, #f2f2f2)))))));box-shadow:var(--tct-input-message-box-shadow, var(--t-input-message-box-shadow, var(--tct-box-shadow-1, var(--app-shadow-1, 0px 0px 2px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.14)))));transition:height var(--tct-input-messages-tween, var(--t-input-messages-tween, var(--tct-tween-1, var(--app-tween-1, 0.2s ease))));margin-top:var(--tct-input-messages-margin-top, 2px);z-index:var(--tct-input-messages-z-index, 5);position:absolute;width:100%;color:var(--tct-input-messages-font-color, var(--t-input-messages-font-color, inherit));border-radius:var(--tct-message-border-radius, --app-border-radius-1, inherit)}.has-error label{color:var(--tct-input-error-label-font-color, var(--t-input-error-label-font-color, var(--tct-input-label-font-color, var(--t-input-label-font-color, inherit))))}.has-error:not(.has-focus) .input-prefix,.has-error:not(.has-focus) .input-suffix{color:var(--tct-input-error-prefix-font-color, var(--t-input-error-prefix-font-color, inherit));background:var(--tct-input-error-prefix-background, var(--tct-input-error-prefix-bg, var(--t-input-error-prefix-bg, var(--tct-input-background, var(--tct-input-bg, var(--t-input-bg, var(--tct-gray-14, var(--t-gray-14, var(--tct-gray-l3, var(--app-gray-l3, #f2f2f2))))))))))}.icon-left{width:26px;height:26px}.vertical-separator{height:calc(var(--comp-input-min-height) - 2px);border-right-width:var(--tct-input-prefix-border-width, 1px);border-right-style:solid;border-right-color:var(--tct-input-prefix-border-color, var(--t-input-prefix-border-color, var(--tct-input-border-color, var(--t-input-border-color, var(--t-a11y-gray-color-AA, #404040)))))}';
4243
4243
 
4244
- const Lo = {
4244
+ const Do = {
4245
4245
  text: "text",
4246
4246
  tel: "tel",
4247
4247
  number: "number",
@@ -4271,7 +4271,8 @@ const No = class {
4271
4271
  this.invalid = i(this, "invalid", 7);
4272
4272
  // #region Own Properties
4273
4273
  this.guid = v();
4274
- this.isMobile = f();
4274
+ this.isClickEvent = false;
4275
+ this.isMobile = h();
4275
4276
  this.scheduledAfterRender = [];
4276
4277
  // #endregion
4277
4278
  // #region State Properties
@@ -4302,7 +4303,7 @@ const No = class {
4302
4303
  * Sets textSelectedForDeletion to true if the user has selected text for deletion
4303
4304
  * This is used to prevent other logic from running when text is deleted
4304
4305
  */ this.handleCurrencyKeydown = t => {
4305
- if (t.key !== "Backspace" && t.key !== "Delete") return;
4306
+ if (![ "Backspace", "Delete" ].includes(t.key)) return;
4306
4307
  const r = this.inputField;
4307
4308
  this.textSelectedForDeletion = r.selectionStart !== r.selectionEnd;
4308
4309
  };
@@ -4344,7 +4345,7 @@ const No = class {
4344
4345
  };
4345
4346
  this.onInputBlur = () => {
4346
4347
  this.hasFocus = false;
4347
- h(this);
4348
+ f(this);
4348
4349
  if (this.valueOnFocus !== this.formattedValueObject.value) {
4349
4350
  this.valueOnFocus = this.formattedValueObject.value;
4350
4351
  this.change.emit(Object.assign({
@@ -4361,10 +4362,17 @@ const No = class {
4361
4362
  };
4362
4363
  this.onInputFocus = () => {
4363
4364
  if (this.inputField.tagName === "INPUT") {
4364
- this.scheduledAfterRender.push((() => this.shouldCursorStartAtEnd ? this.placeCursorAtEnd() : this.setCursorPosition(this.calculateCursorPositionOnFocus())));
4365
+ this.scheduledAfterRender.push((() => {
4366
+ if (this.isClickEvent && this.shouldCursorStartAtEnd) {
4367
+ this.placeCursorAtEnd();
4368
+ } else {
4369
+ this.setCursorPosition(this.calculateCursorPositionOnFocus());
4370
+ }
4371
+ this.isClickEvent = false;
4372
+ }));
4365
4373
  }
4366
4374
  this.hasFocus = true;
4367
- h(this);
4375
+ f(this);
4368
4376
  this.valueOnFocus = this.value;
4369
4377
  };
4370
4378
  this.onInputInput = t => {
@@ -4390,6 +4398,9 @@ const No = class {
4390
4398
  }));
4391
4399
  }
4392
4400
  };
4401
+ this.onInputMousedown = () => {
4402
+ this.isClickEvent = true;
4403
+ };
4393
4404
  this.onInputPaste = t => {
4394
4405
  if (this.type === "currency") {
4395
4406
  const r = t.clipboardData.getData("text");
@@ -4405,7 +4416,7 @@ const No = class {
4405
4416
  this.onRefocusInput = () => {
4406
4417
  if (this.showMessages) {
4407
4418
  this.inputField.focus();
4408
- h(this);
4419
+ f(this);
4409
4420
  }
4410
4421
  };
4411
4422
  this.onToggleVisibility = () => {
@@ -4528,7 +4539,7 @@ const No = class {
4528
4539
  }
4529
4540
  }
4530
4541
  errorsObserver() {
4531
- this.hasFocus && this.scheduledAfterRender.push((() => h(this)));
4542
+ this.hasFocus && this.scheduledAfterRender.push((() => f(this)));
4532
4543
  }
4533
4544
  formatModifierObserver() {
4534
4545
  this.formatAndUpdateValueFromProp();
@@ -4537,7 +4548,7 @@ const No = class {
4537
4548
  this.formatted.emit(this.formattedValueObject);
4538
4549
  }
4539
4550
  hintsObserver() {
4540
- this.hasFocus && this.scheduledAfterRender.push((() => h(this)));
4551
+ this.hasFocus && this.scheduledAfterRender.push((() => f(this)));
4541
4552
  }
4542
4553
  typeObserver() {
4543
4554
  this.formatAndUpdateValueFromProp();
@@ -4596,7 +4607,7 @@ const No = class {
4596
4607
  if ([ "password", "text", "ssn" ].includes(this.type) && this.textHidden) {
4597
4608
  return "password";
4598
4609
  } else {
4599
- return this.type && Lo[this.type] || "text";
4610
+ return this.type && Do[this.type] || "text";
4600
4611
  }
4601
4612
  }
4602
4613
  get hasCustomDisplaySlot() {
@@ -4722,7 +4733,7 @@ const No = class {
4722
4733
  percentage: formatPercentage,
4723
4734
  postal: formatPostalCode,
4724
4735
  date: formatDate,
4725
- "credit-card": Ao.format
4736
+ "credit-card": Lo.format
4726
4737
  };
4727
4738
  if (o[this.type]) {
4728
4739
  return o[this.type](t, this.formatModifier, r);
@@ -4742,7 +4753,7 @@ const No = class {
4742
4753
  return;
4743
4754
  }
4744
4755
  // We only care about "Backspace" and "Delete" events
4745
- if (t.inputType !== "deleteContentBackward" && t.inputType !== "deleteContentForward") return;
4756
+ if (![ "deleteContentBackward", "deleteContentForward" ].includes(t.inputType)) return;
4746
4757
  const r = t.target;
4747
4758
  const o = r.selectionStart;
4748
4759
  const {formattedValue: a} = this.formattedValueObject;
@@ -4957,6 +4968,7 @@ const No = class {
4957
4968
  onBlur: this.onInputBlur,
4958
4969
  onClick: this.onInputClick,
4959
4970
  onKeyDown: this.onInputKeydown,
4971
+ onMouseDown: this.onInputMousedown,
4960
4972
  onInput: this.onInputInput,
4961
4973
  onPaste: this.onInputPaste,
4962
4974
  inputmode: this.inputMode,
@@ -4966,15 +4978,15 @@ const No = class {
4966
4978
  render() {
4967
4979
  const {ariaControls: t, ariaExpanded: o} = this.ariaAttributes;
4968
4980
  return r(n, {
4969
- key: "7ec6adb05155d11846fd68e6e06bea2f07ba9caf",
4981
+ key: "ac1668b4b57fe26794243fdac33d3cb9ba74d7c7",
4970
4982
  role: this._role,
4971
4983
  "aria-controls": t,
4972
4984
  "aria-expanded": o
4973
4985
  }, r("div", {
4974
- key: "cfcde15de76e44cd280abbcc3e4c7bd2aa41ef80",
4986
+ key: "aaa97e165fdda3dfb95326bcdc635e8ad56a791a",
4975
4987
  class: this.wrapperClasses
4976
4988
  }, r("div", {
4977
- key: "0b0f96352fa75f19d040e87a35a41ae3575ae228",
4989
+ key: "7c8fe4e94bc2e0b22465b794aaa773ebb53ec83f",
4978
4990
  class: "label-wrapper"
4979
4991
  }, g(this), this.renderCountDOM()), this.renderInputContainerDOM(), k(this)));
4980
4992
  }
@@ -4995,61 +5007,164 @@ const No = class {
4995
5007
  }
4996
5008
  };
4997
5009
 
4998
- No.style = Do;
5010
+ No.style = Ao;
4999
5011
 
5000
- const Fo = "*{box-sizing:border-box}*:active{outline:none}*:focus-visible{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}.flex{display:flex}.flex-center{justify-content:center}.flex-left{justify-content:flex-start}.flex-right{justify-content:flex-end}.flex-v-center{align-items:center}.no-margin{margin:0}:host{display:block}:host([inline]),:host([modifiers*=inline]){display:inline-block}:host([hidden]){display:none}:host(:not([inline]):not([modifiers*=inline])){font-size:var(--tct-loading-spinner-size, var(--t-loading-spinner-size, var(--app-scale-12x, 60px)))}.q2-loading-animation{height:1em;width:1em}.half-circle-spinner,.half-circle-spinner *{box-sizing:border-box}.half-circle-spinner{border-radius:100%;position:relative}.half-circle-spinner .circle{position:absolute;width:100%;height:100%;border-radius:100%;border:0.0833333333em solid transparent}.half-circle-spinner .circle.circle-1{border-top-color:var(--tct-loading-primary-color, var(--t-loading-primary-color, var(--t-primary, #0079c1)));animation:half-circle-spinner-animation 1s infinite}.half-circle-spinner .circle.circle-2{border-bottom-color:var(--tct-loading-secondary-color, var(--t-loading-secondary-color, #9ddd4f));animation:half-circle-spinner-animation 1s infinite alternate}@keyframes half-circle-spinner-animation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}:host{--comp-loading-skeleton-opacity:var(--var-loading-skeleton-opacity, 0.25)}@media (prefers-contrast: more){:host{--comp-loading-skeleton-opacity:var(--var-loading-skeleton-opacity, 1)}}.q2-loading-skeleton{position:relative;width:100%;height:100%;overflow:hidden;--comp-loading-skeleton-shimmer-color:var(--tct-loading-skeleton-shimmer-color, var(--t-base, rgba(255, 255, 255, 0.5)));--comp-loading-skeleton-vertical-gap:var(--tct-loading-skeleton-vertical-gap, var(--tct-scale-2, 10px));--comp-loading-skeleton-horizontal-gap:var(--tct-loading-skeleton-horizontal-gap, var(--tct-scale-2, 10px))}.q2-loading-skeleton-shimmer{position:absolute;width:1rem;height:100%;top:0;left:-100px;animation:skeletonShimmer 3s ease-in-out infinite;background-color:var(--comp-loading-skeleton-shimmer-color);box-shadow:0 0 25px 20px var(--comp-loading-skeleton-shimmer-color);transform:rotate(10deg)}.skeleton-shape.rectangle:not(.no-margin){margin:var(--tct-loading-skeleton-vertical-gap, var(--tct-scale-2, 10px)) var(--tct-loading-skeleton-horizontal-gap, var(--tct-scale-2, 10px))}.skeleton-shape.circle,.skeleton-shape.rectangle{background:var(--tct-loading-skeleton-element-background, var(--tct-loading-skeleton-element-bg, var(--t-gray-8, #808080)));opacity:var(--comp-loading-skeleton-opacity)}.skeleton-shape.rectangle{min-height:var(--tct-loading-skeleton-rectangle-min-height, 20px)}.skeleton-shape.circle{border-radius:50%;padding-top:100%}.flex .rectangle{flex-grow:1}.skeleton-table-row .rectangle{margin:var(--comp-loading-skeleton-vertical-gap) var(--comp-loading-skeleton-horizontal-gap)}.skeleton-table-row .rectangle:not(:first-child):not(:last-child){flex-grow:2}.skeleton-table-row-border .skeleton-shape{margin:0 var(--comp-loading-skeleton-horizontal-gap)}.form{flex-wrap:wrap}.form .field{margin:var(--comp-loading-skeleton-vertical-gap) 0}.form.columns-1 .field{flex-basis:100%}.form.columns-2 .field{flex-basis:50%}.form.columns-3 .field{flex-basis:33.3333%}.form.columns-4 .field{flex-basis:25%}.form.columns-5 .field{flex-basis:20%}.text .rectangle{margin-bottom:0}.text .header.center{margin:0 auto}.text .header.right{margin-left:auto}.text .header{height:1.5rem}.text .header.smaller{height:1rem}.detailed-item{flex-wrap:wrap}.detailed-item.right{flex-flow:row-reverse}.detailed-item-image{flex:0 0 auto;display:inline-flex}.center .detailed-item-image{flex-basis:100%;display:flex}.detailed-item-image .rectangle{flex-grow:0}.detailed-item-text>div{width:100%}.detailed-item-text{flex:1 1 auto}.detailed-item-text .text{margin-top:0;margin-bottom:0}.label-value{flex-wrap:wrap}.label-value .rectangle{flex-basis:calc(50% - 2 * var(--comp-loading-skeleton-horizontal-gap))}@keyframes skeletonShimmer{0%{left:-100px;opacity:1}70%{opacity:1}100%{left:800px;opacity:0}}";
5012
+ const Oo = "*{box-sizing:border-box}*:active{outline:none}*:focus-visible{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}.flex{display:flex}.flex-center{justify-content:center}.flex-left{justify-content:flex-start}.flex-right{justify-content:flex-end}.flex-v-center{align-items:center}.no-margin{margin:0}:host{display:block}:host([inline]),:host([modifiers*=inline]){display:inline-block}:host([hidden]){display:none}:host(:not([inline]):not([modifiers*=inline])){font-size:var(--tct-loading-spinner-size, var(--t-loading-spinner-size, var(--app-scale-12x, 60px)))}.q2-loading-animation{height:1em;width:1em}.half-circle-spinner,.half-circle-spinner *{box-sizing:border-box}.half-circle-spinner{border-radius:100%;position:relative}.half-circle-spinner .circle{position:absolute;width:100%;height:100%;border-radius:100%;border:0.0833333333em solid transparent}.half-circle-spinner .circle.circle-1{border-top-color:var(--tct-loading-primary-color, var(--t-loading-primary-color, var(--t-primary, #0079c1)));animation:half-circle-spinner-animation 1s infinite}.half-circle-spinner .circle.circle-2{border-bottom-color:var(--tct-loading-secondary-color, var(--t-loading-secondary-color, #9ddd4f));animation:half-circle-spinner-animation 1s infinite alternate}@keyframes half-circle-spinner-animation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}:host{--comp-loading-skeleton-opacity:var(--var-loading-skeleton-opacity, 0.25)}@media (prefers-contrast: more){:host{--comp-loading-skeleton-opacity:var(--var-loading-skeleton-opacity, 1)}}.q2-loading-skeleton{position:relative;width:100%;height:100%;overflow:hidden;--comp-loading-skeleton-shimmer-color:var(--tct-loading-skeleton-shimmer-color, var(--t-base, rgba(255, 255, 255, 0.5)));--comp-loading-skeleton-vertical-gap:var(--tct-loading-skeleton-vertical-gap, var(--tct-scale-2, 10px));--comp-loading-skeleton-horizontal-gap:var(--tct-loading-skeleton-horizontal-gap, var(--tct-scale-2, 10px))}.q2-loading-skeleton-shimmer{position:absolute;width:1rem;height:100%;top:0;left:-100px;animation:skeletonShimmer 3s ease-in-out infinite;background-color:var(--comp-loading-skeleton-shimmer-color);box-shadow:0 0 25px 20px var(--comp-loading-skeleton-shimmer-color);transform:rotate(10deg)}.skeleton-shape.rectangle:not(.no-margin){margin:var(--tct-loading-skeleton-vertical-gap, var(--tct-scale-2, 10px)) var(--tct-loading-skeleton-horizontal-gap, var(--tct-scale-2, 10px))}.skeleton-shape.circle,.skeleton-shape.rectangle{background:var(--tct-loading-skeleton-element-background, var(--tct-loading-skeleton-element-bg, var(--t-gray-8, #808080)));opacity:var(--comp-loading-skeleton-opacity)}.skeleton-shape.rectangle{min-height:var(--tct-loading-skeleton-rectangle-min-height, 20px)}.skeleton-shape.circle{border-radius:50%;padding-top:100%}.flex .rectangle{flex-grow:1}.skeleton-table-row .rectangle{margin:var(--comp-loading-skeleton-vertical-gap) var(--comp-loading-skeleton-horizontal-gap)}.skeleton-table-row .rectangle:not(:first-child):not(:last-child){flex-grow:2}.skeleton-table-row-border .skeleton-shape{margin:0 var(--comp-loading-skeleton-horizontal-gap)}.form{flex-wrap:wrap}.form .field{margin:var(--comp-loading-skeleton-vertical-gap) 0}.form.columns-1 .field{flex-basis:100%}.form.columns-2 .field{flex-basis:50%}.form.columns-3 .field{flex-basis:33.3333%}.form.columns-4 .field{flex-basis:25%}.form.columns-5 .field{flex-basis:20%}.text .rectangle{margin-bottom:0}.text .header.center{margin:0 auto}.text .header.right{margin-left:auto}.text .header{height:1.5rem}.text .header.smaller{height:1rem}.detailed-item{flex-wrap:wrap}.detailed-item.right{flex-flow:row-reverse}.detailed-item-image{flex:0 0 auto;display:inline-flex}.center .detailed-item-image{flex-basis:100%;display:flex}.detailed-item-image .rectangle{flex-grow:0}.detailed-item-text>div{width:100%}.detailed-item-text{flex:1 1 auto}.detailed-item-text .text{margin-top:0;margin-bottom:0}.label-value{flex-wrap:wrap}.label-value .rectangle{flex-basis:calc(50% - 2 * var(--comp-loading-skeleton-horizontal-gap))}@keyframes skeletonShimmer{0%{left:-100px;opacity:1}70%{opacity:1}100%{left:800px;opacity:0}}";
5001
5013
 
5002
- const Oo = class {
5014
+ const Fo = class {
5003
5015
  constructor(o) {
5004
5016
  t(this, o);
5005
- this.halfCircleSpinner = () => r("div", {
5017
+ this.dontUpdateScreenReaderLabel = false;
5018
+ this.liveRegionChangeIndicatorToggle = false;
5019
+ this.customLoaderClass = "tct-loading-custom-loader";
5020
+ this.hasCustomLoader = false;
5021
+ /** Hides the loading element from screen readers. */ this.hideFromScreenReaders = false;
5022
+ // #endregion
5023
+ // #region Render Methods
5024
+ this.renderHalfCircleSpinner = () => r("div", {
5006
5025
  class: "q2-loading-animation half-circle-spinner",
5007
- "aria-label": this.localizedLabel,
5008
- role: "status",
5009
- "aria-live": "polite"
5026
+ "aria-hidden": this.hideFromScreenReaders ? "true" : undefined,
5027
+ "aria-live": !this.hideFromScreenReaders ? "polite" : undefined,
5028
+ role: !this.hideFromScreenReaders ? "status" : undefined
5010
5029
  }, r("div", {
5011
5030
  class: "circle circle-1"
5012
5031
  }), r("div", {
5013
5032
  class: "circle circle-2"
5033
+ }), !this.hideFromScreenReaders && r("div", {
5034
+ class: "sr",
5035
+ ref: t => this.screenReaderElement = t
5014
5036
  }));
5015
- this.skeletonLoader = () => r("div", {
5037
+ this.renderCustomLoaderContainer = () => r("div", {
5038
+ id: "custom-loader-container",
5039
+ class: "q2-loading-animation",
5040
+ "aria-hidden": this.hideFromScreenReaders ? "true" : undefined,
5041
+ "aria-live": !this.hideFromScreenReaders ? "polite" : undefined,
5042
+ role: !this.hideFromScreenReaders ? "status" : undefined
5043
+ }, !this.hideFromScreenReaders && r("div", {
5044
+ class: "sr",
5045
+ ref: t => this.screenReaderElement = t
5046
+ }));
5047
+ this.renderSkeletonLoader = () => r("div", {
5016
5048
  class: "q2-loading-skeleton",
5017
- "aria-label": this.localizedLabel,
5018
- role: "status",
5019
- "aria-live": "polite"
5049
+ "aria-hidden": this.hideFromScreenReaders ? "true" : undefined,
5050
+ "aria-live": !this.hideFromScreenReaders ? "polite" : undefined,
5051
+ role: !this.hideFromScreenReaders ? "status" : undefined
5020
5052
  }, this.shape === "custom" ? r("slot", null) : this.skeletonShape, r("div", {
5021
5053
  class: "q2-loading-skeleton-shimmer"
5054
+ }), !this.hideFromScreenReaders && r("div", {
5055
+ class: "sr",
5056
+ ref: t => this.screenReaderElement = t
5022
5057
  }));
5023
- this.spinner = () => this.halfCircleSpinner();
5058
+ this.renderSpinner = () => this.renderHalfCircleSpinner();
5024
5059
  }
5025
5060
  // #endregion
5026
5061
  // #region Component Lifecycle Events
5062
+ disconnectedCallback() {
5063
+ this.cleanupLiveRegionDelay();
5064
+ }
5027
5065
  componentWillLoad() {
5028
5066
  d(this);
5067
+ this.handleType();
5068
+ }
5069
+ componentDidLoad() {
5070
+ this.setupLiveRegionDelay();
5071
+ }
5072
+ componentDidUpdate() {
5073
+ this.updateScreenReaderLabel();
5074
+ }
5075
+ componentDidRender() {
5076
+ var t;
5077
+ if (!this.loaderClone) return;
5078
+ if (!this.hasCustomLoader) return;
5079
+ const r = this.hostElement.shadowRoot.querySelector("#custom-loader-container");
5080
+ (t = r.querySelector(`svg.${this.customLoaderClass}`)) === null || t === void 0 ? void 0 : t.remove();
5081
+ r.appendChild(this.loaderClone);
5082
+ }
5083
+ // #endregion
5084
+ // #region Listeners
5085
+ onUpdateLoaders() {
5086
+ const {customLoaderURL: t} = this;
5087
+ this.hasCustomLoader = !!t;
5088
+ this.fetchLoader();
5029
5089
  }
5030
5090
  // #endregion
5031
5091
  // #region Watchers
5032
- ariaLabelObserver() {
5033
- d(this);
5092
+ handleType() {
5093
+ this.fetchLoader();
5094
+ }
5095
+ async fetchLoader() {
5096
+ const {isSkeletonType: t, customLoaderURL: r} = this;
5097
+ this.hasCustomLoader = false;
5098
+ if (t) {
5099
+ return;
5100
+ }
5101
+ if (!r) return;
5102
+ this.hasCustomLoader = true;
5103
+ let {customLoaderElement: o} = this;
5104
+ const a = this.checkForLoader();
5105
+ if (a) return;
5106
+ try {
5107
+ const t = await fetch(r);
5108
+ // Check for HTTP errors (including CORS issues that return error status)
5109
+ if (!t.ok) {
5110
+ throw new Error(`HTTP ${t.status}: Failed to fetch SVG. ` + `This may be due to incorrect URL, server error, or CORS restrictions.`);
5111
+ }
5112
+ const a = await t.text();
5113
+ const e = new DOMParser;
5114
+ const i = e.parseFromString(a, "image/svg+xml");
5115
+ const n = i.querySelector("svg");
5116
+ if (!n) throw new Error("No SVG found in the loaded content");
5117
+ n.dataset.loaded = "";
5118
+ n.dataset.url = r;
5119
+ n.classList.add(this.customLoaderClass);
5120
+ o = this.customLoaderElement;
5121
+ if (!o) return;
5122
+ if (typeof o.replaceWith === "function") {
5123
+ o.replaceWith(n);
5124
+ } else {
5125
+ o.parentNode.replaceChild(n, o);
5126
+ }
5127
+ n.dispatchEvent(new CustomEvent(this.loaderEventName, {
5128
+ bubbles: true
5129
+ }));
5130
+ } catch (t) {
5131
+ // Provide more specific error messaging for common issues
5132
+ if (t instanceof TypeError && t.message === "Failed to fetch") {
5133
+ console.error(`Failed to load custom loader from ${r}. ` + `This is likely due to a CORS (Cross-Origin Resource Sharing) error. ` + `Ensure the server hosting the SVG includes proper CORS headers ` + `(Access-Control-Allow-Origin) or host the SVG on the same domain.`, t);
5134
+ } else {
5135
+ console.error(`Failed to load custom loader SVG from ${r}:`, t);
5136
+ }
5137
+ }
5034
5138
  }
5035
5139
  // #endregion
5036
5140
  // #region Local Methods
5141
+ get customLoaderURL() {
5142
+ const t = window.getComputedStyle(this.hostElement);
5143
+ const r = t.getPropertyValue(`--tct-loading-custom-${this.type || "spinner"}-url`);
5144
+ if (!r) return;
5145
+ return r.trim().replace(/^url\(['"]?|['"]?\)$/g, "");
5146
+ }
5147
+ get isSkeletonType() {
5148
+ return this.type === "skeleton";
5149
+ }
5150
+ get loaderEventName() {
5151
+ const {type: t = "spinner", isSkeletonType: r} = this;
5152
+ if (r) return;
5153
+ return `tct-loaded-${t}`;
5154
+ }
5155
+ get customLoaderElement() {
5156
+ const {customLoaderURL: t, customLoaderClass: r} = this;
5157
+ if (!t) return;
5158
+ return document.querySelector(`.${r}[data-url="${t}"]`);
5159
+ }
5037
5160
  get countsArray() {
5038
5161
  if (this.type !== "skeleton" || !this.counts) {
5039
5162
  return undefined;
5040
5163
  }
5041
5164
  return this.counts.split("x").map(Number);
5042
5165
  }
5043
- get loader() {
5044
- const t = {
5045
- default: this.spinner,
5046
- spinner: this.spinner,
5047
- skeleton: this.skeletonLoader
5048
- };
5049
- return t[this.type] || t.default;
5050
- }
5051
5166
  get localizedLabel() {
5052
- return c(this.label || "tecton.element.loading.ariaLabel");
5167
+ return c(this.label || this.ariaLabel || "tecton.element.loading.ariaLabel");
5053
5168
  }
5054
5169
  get modifiersSet() {
5055
5170
  if (this.type !== "skeleton" || !this.modifiers) {
@@ -5061,39 +5176,115 @@ const Oo = class {
5061
5176
  var t, r;
5062
5177
  return (r = (t = w[this.shape]) === null || t === void 0 ? void 0 : t.call(w, this.countsArray, this.modifiersSet)) !== null && r !== void 0 ? r : "";
5063
5178
  }
5064
- get spinnerShape() {
5179
+ checkForLoader() {
5180
+ const {loaderEventName: t, customLoaderClass: r} = this;
5181
+ const o = getOrCreateSpriteContainer();
5182
+ let {customLoaderElement: a} = this;
5183
+ // If the loading element exists and has the `data-loaded` attribute, we know we have everything we need
5184
+ if (a === null || a === void 0 ? void 0 : a.hasAttribute("data-loaded")) {
5185
+ this.cloneLoaderNode();
5186
+ return true;
5187
+ }
5188
+ // If the loading element exists but does not have the `data-loaded` attribute, we know it's being loaded
5189
+ // We'll listen for the event that will be dispatched when the element is loaded
5190
+ o.addEventListener(t, (() => {
5191
+ this.cloneLoaderNode();
5192
+ }), {
5193
+ once: true
5194
+ });
5195
+ // If the loading element exists, we know it's being loaded and will be handled by the event listener
5196
+ if (a) return true;
5197
+ // If loading element does not exist, create a placeholder
5198
+ // This will let other icons know the element is being loaded and prevent multiple fetches
5199
+ a = document.createElement("div");
5200
+ a.classList.add(r);
5201
+ a.dataset.url = this.customLoaderURL;
5202
+ o.appendChild(a);
5203
+ return false;
5204
+ }
5205
+ cloneLoaderNode() {
5206
+ const {customLoaderElement: t} = this;
5207
+ this.loaderClone = t ? t.cloneNode(true) : undefined;
5208
+ }
5209
+ cleanupLiveRegionDelay() {
5210
+ if (this.hideFromScreenReaders) return;
5211
+ clearTimeout(this.ariaLiveTimer);
5212
+ this.observer.disconnect();
5213
+ this.observer = null;
5214
+ }
5215
+ setupLiveRegionDelay() {
5216
+ if (this.hideFromScreenReaders) return;
5217
+ // The screen reader element starts out empty and is then populated by the
5218
+ // label text after a delay to ensure that it is announced by screen
5219
+ // readers.
5220
+ const t = {
5221
+ root: null,
5222
+ rootMargin: "0px",
5223
+ threshold: [ 1 ]
5224
+ };
5225
+ this.observer = new IntersectionObserver((t => {
5226
+ t.forEach((t => {
5227
+ if (t.isIntersecting) {
5228
+ clearTimeout(this.ariaLiveTimer);
5229
+ this.ariaLiveTimer = setTimeout((() => {
5230
+ if (this.screenReaderElement) {
5231
+ this.screenReaderElement.textContent = `${this.localizedLabel}${this.liveRegionChangeIndicatorToggle ? "." : ""}`;
5232
+ }
5233
+ this.liveRegionChangeIndicatorToggle = !this.liveRegionChangeIndicatorToggle;
5234
+ this.dontUpdateScreenReaderLabel = false;
5235
+ }), 2e3);
5236
+ } else {
5237
+ clearTimeout(this.ariaLiveTimer);
5238
+ if (this.screenReaderElement) {
5239
+ this.screenReaderElement.textContent = "";
5240
+ }
5241
+ this.dontUpdateScreenReaderLabel = true;
5242
+ }
5243
+ }));
5244
+ }), t);
5245
+ this.observer.observe(this.hostElement);
5246
+ }
5247
+ updateScreenReaderLabel() {
5248
+ if (this.dontUpdateScreenReaderLabel) return;
5249
+ if (!this.screenReaderElement) return;
5250
+ this.screenReaderElement.textContent = this.localizedLabel;
5251
+ }
5252
+ get renderLoader() {
5065
5253
  const t = {
5066
- default: this.halfCircleSpinner,
5067
- "half-circle": this.halfCircleSpinner
5254
+ default: this.renderSpinner,
5255
+ spinner: this.renderSpinner,
5256
+ skeleton: this.renderSkeletonLoader,
5257
+ custom: this.renderCustomLoaderContainer
5068
5258
  };
5069
- return t[this.type] || t.default;
5259
+ const {type: r, hasCustomLoader: o} = this;
5260
+ const a = o ? "custom" : r;
5261
+ return t[a] || t.default;
5070
5262
  }
5071
- // #endregion
5072
- // #region Render Methods
5073
5263
  render() {
5074
- return this.loader();
5264
+ return this.renderLoader();
5075
5265
  }
5076
5266
  get hostElement() {
5077
5267
  return o(this);
5078
5268
  }
5079
5269
  static get watchers() {
5080
5270
  return {
5081
- ariaLabel: [ "ariaLabelObserver" ]
5271
+ type: [ "handleType" ]
5082
5272
  };
5083
5273
  }
5084
5274
  };
5085
5275
 
5086
- Oo.style = Fo;
5276
+ Fo.style = Oo;
5087
5277
 
5088
- const Io = "*{box-sizing:border-box}*:active{outline:none}*:focus-visible{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:block;position:relative}button{cursor:pointer;margin:0}.tab-container{position:relative}ul{--comp-container-padding:var(--tct-scale-1, var(--app-scale-1x, 5px)) var(--tct-scale-1, var(--app-scale-1x, 5px)) 0;padding:var(--tct-tab-container-padding, var(--t-tab-container-padding, var(--comp-container-padding)));margin:var(--tct-tab-container-margin, var(--t-tab-container-margin, 0));display:flex;gap:var(--tct-tab-gap, var(--t-tab-gap, var(--tct-scale-1, var(--app-scale-1x, 5px))));list-style:none;border-bottom:1px solid var(--tct-tab-container-border-color, var(--t-tab-container-border-color, var(--tct-gray-11, var(--t-gray-11, var(--tct-gray-l1, var(--app-gray-l1, #cccccc))))));overflow-x:auto;align-items:center;scrollbar-width:none;scrollbar-color:transparent}ul::-webkit-scrollbar{width:0;height:0}ul::-webkit-scrollbar-thumb{background:transparent}ul::-webkit-scrollbar-track{background:transparent}@media print{ul.no-print{display:none}}li{flex:0 0 auto}li button{background:var(--tct-tab-inactive-background, var(--tct-tab-inactive-bg-color, var(--t-tab-inactive-bg-color, transparent)));border-width:var(--tct-tab-inactive-border-width, var(--t-tab-inactive-border-width, 0 0 3px 0));border-color:var(--tct-tab-inactive-border-color, var(--t-tab-inactive-border-color, transparent));border-style:var(--tct-tab-inactive-border-style, var(--t-tab-inactive-border-style, solid));border-radius:var(--tct-tab-border-radius, var(--t-tab-border-radius, 0));width:var(--tct-tab-width, var(--t-tab-width, 100%));text-align:var(--tct-tab-text-align, var(--t-tab-text-align, center));text-decoration:var(--tct-tab-text-decoration, var(--t-tab-text-decoration, none));padding:var(--tct-tab-padding, var(--t-tab-padding, var(--tct-scale-2, var(--app-scale-2x, 10px))));color:var(--tct-tab-inactive-color, var(--t-tab-inactive-color, inherit));font-size:var(--tct-tab-font-size, var(--t-tab-font-size, 17px));display:block;transition:color var(--tct-tween-2, var(--app-tween-2, 0.4s ease)), border-color var(--tct-tween-1, var(--app-tween-1, 0.2s ease))}:host([type=section]) li button{--comp-tab-section-padding:var(--tct-scale-2, var(--app-scale-2x, 10px)) var(--tct-scale-1, var(--app-scale-1x, 5px));font-size:var(--tct-tab-section-font-size, inherit);padding:var(--tct-tab-section-padding, var(--t-tab-section-padding, var(--comp-tab-section-padding)))}li button:hover{color:var(--tct-tab-hover-color, var(--t-tab-hover-color, var(--tct-tab-active-color, var(--t-tab-active-color, #2e2e2e))));background:var(--tct-tab-hover-background, var(--tct-tab-hover-bg-color, var(--t-tab-hover-bg-color, inherit)));width:var(--tct-tab-hover-width, var(--t-tab-hover-width, 100%))}li button[aria-selected=true]{color:var(--tct-tab-active-color, var(--t-tab-active-color, #2e2e2e));border-color:var(--tct-tab-active-border-color, var(--t-tab-active-border-color, currentcolor));border-style:var(--tct-tab-active-border-style, var(--t-tab-active-border-style, solid));width:var(--tct-tab-active-width, var(--t-tab-active-width, 100%));background:var(--tct-tab-active-background, var(--tct-tab-active-bg-color, var(--t-tab-active-bg-color, inherit)))}:host([color=alt]) li button{color:var(--tct-tab-alt-inactive-color, var(--t-tab-alt-inactive-color, inherit))}:host([color=alt]) li button:hover,:host([color=alt]) li button[aria-selected=true]{color:var(--tct-tab-alt-active-color, var(--t-tab-alt-active-color, inherit))}@media screen and (max-width: 767px){li button{--comp-tab-padding:var(--tct-scale-2, var(--app-scale-2x, 10px)) var(--tct-scale-1, var(--app-scale-1x, 5px));font-size:inherit;padding:var(--tct-tab-padding, var(--t-tab-padding, var(--comp-tab-padding)))}}.tab-content{--comp-tab-content-padding:var(--tct-scale-2, var(--app-scale-2x, 10px)) 0;padding:var(--tct-tab-container-content-padding, var(--tct-tab-content-padding, var(--t-tab-content-padding, var(--comp-tab-content-padding))));background:var(--tct-tab-container-content-backgrond, none)}.tab-content:focus{outline:none;box-shadow:none}.gradient-left,.gradient-right{z-index:1;position:absolute;top:0;height:100%;width:44px}.gradient-left{background-image:linear-gradient(to left, var(--t-base-a0), var(--t-base-a2) 10%, var(--t-base) 100%);left:0}.gradient-right{background-image:linear-gradient(to right, var(--t-base-a0), var(--t-base-a2) 10%, var(--t-base) 100%);right:0}.btn-left,.btn-right{--tct-icon-size:18px;--tct-btn-icon-hover-background:transparent;--tct-btn-icon-width:22px;--tct-icon-stroke-primary:var(--tct-stepper-scroll-arrow-color, var(--t-stepper-scroll-arrow-color, var(--t-text, #4d4d4d)));position:absolute;top:calc(50% - 22px);z-index:2}.btn-left q2-icon,.btn-right q2-icon{--tct-icon-stroke-width:3}.btn-left{left:0}.btn-right{right:0}.tab-pane-badge{display:flex;justify-content:space-between;align-items:center}.tab-pane-badge q2-badge{margin-left:5px;margin-right:5px}";
5278
+ const Io = "*{box-sizing:border-box}*:active{outline:none}*:focus-visible{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:block;position:relative}button{cursor:pointer;margin:0}.tab-container{position:relative}ul{--comp-container-padding:var(--tct-scale-1, var(--app-scale-1x, 5px)) var(--tct-scale-1, var(--app-scale-1x, 5px)) 0;padding:var(--tct-tab-container-padding, var(--t-tab-container-padding, var(--comp-container-padding)));margin:var(--tct-tab-container-margin, var(--t-tab-container-margin, 0));display:flex;gap:var(--tct-tab-gap, var(--t-tab-gap, var(--tct-scale-1, var(--app-scale-1x, 5px))));list-style:none;border-bottom-width:var(--tct-tab-container-border-width, 1px);border-bottom-style:var(--tct-tab-container-border-style, solid);border-bottom-color:var(--tct-tab-container-border-color, var(--t-tab-container-border-color, var(--tct-gray-11, var(--t-gray-11, var(--tct-gray-l1, var(--app-gray-l1, #cccccc))))));overflow-x:auto;align-items:center;scrollbar-width:none;scrollbar-color:transparent}ul::-webkit-scrollbar{width:0;height:0}ul::-webkit-scrollbar-thumb{background:transparent}ul::-webkit-scrollbar-track{background:transparent}@media print{ul.no-print{display:none}}li{flex:0 0 auto}li button{background:var(--tct-tab-inactive-background, var(--tct-tab-inactive-bg-color, var(--t-tab-inactive-bg-color, transparent)));border-width:var(--tct-tab-inactive-border-width, var(--t-tab-inactive-border-width, 0 0 3px 0));border-color:var(--tct-tab-inactive-border-color, var(--t-tab-inactive-border-color, transparent));border-style:var(--tct-tab-inactive-border-style, var(--t-tab-inactive-border-style, solid));border-radius:var(--tct-tab-border-radius, var(--t-tab-border-radius, 0));width:var(--tct-tab-width, var(--t-tab-width, 100%));text-align:var(--tct-tab-text-align, var(--t-tab-text-align, center));text-decoration:var(--tct-tab-text-decoration, var(--t-tab-text-decoration, none));padding:var(--tct-tab-padding, var(--t-tab-padding, var(--tct-scale-2, var(--app-scale-2x, 10px))));color:var(--tct-tab-inactive-color, var(--t-tab-inactive-color, inherit));font-size:var(--tct-tab-font-size, var(--t-tab-font-size, 17px));display:block;transition:background var(--t-tween-ease-inout) var(--t-tween-time-in-xxs), color var(--t-tween-ease-inout) var(--t-tween-time-in-xxs), border-color var(--t-tween-ease-inout) var(--t-tween-time-in-xxs)}:host([type=section]) li button{--comp-tab-section-padding:var(--tct-scale-2, var(--app-scale-2x, 10px)) var(--tct-scale-1, var(--app-scale-1x, 5px));font-size:var(--tct-tab-section-font-size, inherit);padding:var(--tct-tab-section-padding, var(--t-tab-section-padding, var(--comp-tab-section-padding)))}li button:hover{color:var(--tct-tab-hover-color, var(--t-tab-hover-color, var(--tct-tab-active-color, var(--t-tab-active-color, #2e2e2e))));background:var(--tct-tab-hover-background, var(--tct-tab-hover-bg-color, var(--t-tab-hover-bg-color, inherit)));width:var(--tct-tab-hover-width, var(--t-tab-hover-width, 100%))}li button[aria-selected=true]{color:var(--tct-tab-active-color, var(--t-tab-active-color, #2e2e2e));border-color:var(--tct-tab-active-border-color, var(--t-tab-active-border-color, currentcolor));border-style:var(--tct-tab-active-border-style, var(--t-tab-active-border-style, solid));width:var(--tct-tab-active-width, var(--t-tab-active-width, 100%));background:var(--tct-tab-active-background, var(--tct-tab-active-bg-color, var(--t-tab-active-bg-color, inherit)))}:host([color=alt]) li button{color:var(--tct-tab-alt-inactive-color, var(--t-tab-alt-inactive-color, inherit))}:host([color=alt]) li button:hover,:host([color=alt]) li button[aria-selected=true]{color:var(--tct-tab-alt-active-color, var(--t-tab-alt-active-color, inherit))}@media screen and (max-width: 767px){li button{--comp-tab-padding:var(--tct-scale-2, var(--app-scale-2x, 10px)) var(--tct-scale-1, var(--app-scale-1x, 5px));font-size:inherit;padding:var(--tct-tab-padding, var(--t-tab-padding, var(--comp-tab-padding)))}}.tab-content{--comp-tab-content-padding:var(--tct-scale-2, var(--app-scale-2x, 10px)) 0;padding:var(--tct-tab-container-content-padding, var(--tct-tab-content-padding, var(--t-tab-content-padding, var(--comp-tab-content-padding))));background:var(--tct-tab-container-content-backgrond, none)}.tab-content:focus{outline:none;box-shadow:none}.gradient-left,.gradient-right{z-index:1;position:absolute;top:0;height:100%;width:44px}.gradient-left{background-image:linear-gradient(to left, var(--t-base-a0), var(--t-base-a2) 10%, var(--t-base) 100%);left:0}.gradient-right{background-image:linear-gradient(to right, var(--t-base-a0), var(--t-base-a2) 10%, var(--t-base) 100%);right:0}.btn-left,.btn-right{--tct-icon-size:18px;--tct-btn-icon-hover-background:transparent;--tct-btn-icon-width:22px;--tct-icon-stroke-primary:var(--tct-stepper-scroll-arrow-color, var(--t-stepper-scroll-arrow-color, var(--t-text, #4d4d4d)));position:absolute;top:calc(50% - 22px);z-index:2}.btn-left q2-icon,.btn-right q2-icon{--tct-icon-stroke-width:3}.btn-left{left:0}.btn-right{right:0}.tab-pane-badge{display:flex;justify-content:space-between;align-items:center}.tab-pane-badge q2-badge{margin-left:5px;margin-right:5px}";
5089
5279
 
5090
- const Vo = class {
5280
+ const $o = class {
5091
5281
  constructor(r) {
5092
5282
  t(this, r);
5093
5283
  this.change = i(this, "change", 7);
5094
5284
  this.settled = i(this, "settled", 7);
5095
5285
  // #region Own Properties
5096
5286
  this.guid = v();
5287
+ this.hasValidTab = false;
5097
5288
  this.lastScrolled = new Date(null).getTime();
5098
5289
  this.scheduledAfterRender = [];
5099
5290
  // #endregion
@@ -5147,7 +5338,6 @@ const Vo = class {
5147
5338
  left: e,
5148
5339
  behavior: "smooth"
5149
5340
  });
5150
- return a;
5151
5341
  };
5152
5342
  this.onScrollBtnClick = t => {
5153
5343
  const {scrollLeft: r, scrollWidth: o, clientWidth: a} = this.listElement;
@@ -5216,10 +5406,6 @@ const Vo = class {
5216
5406
  badgeStatus: i
5217
5407
  })));
5218
5408
  };
5219
- this.updateTabData = () => {
5220
- this.updateTabPaneProps();
5221
- this.setTabs();
5222
- };
5223
5409
  this.updateTabPaneProps = () => {
5224
5410
  this.tabPanes.forEach(((t, r) => {
5225
5411
  t.selected = t.value === this.selectedTabValue;
@@ -5227,6 +5413,17 @@ const Vo = class {
5227
5413
  t.index = r;
5228
5414
  }));
5229
5415
  };
5416
+ this.updateTabs = () => {
5417
+ const t = this.hasValidTab;
5418
+ this.updateTabPaneProps();
5419
+ this.setTabs();
5420
+ // Check if we now have a valid tab
5421
+ this.hasValidTab = this.tabs.some((t => t.value === this.value));
5422
+ // Only move if we didn't have a valid tab before but do now
5423
+ if (!t && this.hasValidTab) {
5424
+ this.scheduledAfterRender.push((() => this.determineTabMove()));
5425
+ }
5426
+ };
5230
5427
  }
5231
5428
  // #endregion
5232
5429
  // #region Component Lifecycle Events
@@ -5238,27 +5435,21 @@ const Vo = class {
5238
5435
  this.mutationObserver = null;
5239
5436
  }
5240
5437
  componentWillLoad() {
5241
- const t = new MutationObserver(this.updateTabData);
5438
+ const t = new MutationObserver((() => this.updateTabs()));
5242
5439
  t.observe(this.hostElement, {
5243
5440
  childList: true,
5244
5441
  attributes: true
5245
5442
  });
5246
5443
  this.mutationObserver = t;
5247
5444
  this.resizeObserver = new ResizeObserver((() => this.checkScrollState()));
5248
- this.updateTabData();
5445
+ this.updateTabs();
5249
5446
  }
5250
5447
  componentDidLoad() {
5251
5448
  var t;
5252
5449
  (t = this.resizeObserver) === null || t === void 0 ? void 0 : t.observe(this.listElement);
5253
5450
  this.checkScrollState();
5254
5451
  p(this.hostElement);
5255
- const r = this.tabs.findIndex((t => t.value === this.value));
5256
- this.scheduledAfterRender.push((() => {
5257
- const t = this.tabs.length > 0;
5258
- if (!t) return;
5259
- const o = this.moveToTab(Math.max(r, 0), false);
5260
- this.value = o.dataset.value;
5261
- }));
5452
+ this.scheduledAfterRender.push((() => this.determineTabMove()));
5262
5453
  }
5263
5454
  componentDidRender() {
5264
5455
  this.scheduledAfterRender.forEach((t => t()));
@@ -5297,10 +5488,10 @@ const Vo = class {
5297
5488
  // #endregion
5298
5489
  // #region Watchers
5299
5490
  nameObserver() {
5300
- this.updateTabData();
5491
+ this.updateTabs();
5301
5492
  }
5302
5493
  valueObserver() {
5303
- this.updateTabData();
5494
+ this.updateTabs();
5304
5495
  this.scheduledAfterRender.push(this.resizeIframe);
5305
5496
  const t = this.tabs.findIndex((t => t.value === this.value));
5306
5497
  if (t > -1) {
@@ -5310,7 +5501,7 @@ const Vo = class {
5310
5501
  // #endregion
5311
5502
  // #region Local Methods
5312
5503
  get selectedTabValue() {
5313
- return this.value || this.tabPanes[0].value || "";
5504
+ return this.value || "";
5314
5505
  }
5315
5506
  get tabList() {
5316
5507
  return this.hostElement.shadowRoot.querySelector(".tab-list");
@@ -5322,6 +5513,12 @@ const Vo = class {
5322
5513
  }
5323
5514
  return Array.from(t).filter((t => t.name === this.name));
5324
5515
  }
5516
+ determineTabMove() {
5517
+ if (!this.tabs) return;
5518
+ const t = this.tabs.findIndex((t => t.value === this.value));
5519
+ if (t === -1) return;
5520
+ this.moveToTab(t, false);
5521
+ }
5325
5522
  resizeIframe() {
5326
5523
  var t, r;
5327
5524
  return (r = (t = window.TectonElements) === null || t === void 0 ? void 0 : t.resizeIframe) === null || r === void 0 ? void 0 : r.call(t);
@@ -5360,49 +5557,49 @@ const Vo = class {
5360
5557
  }
5361
5558
  render() {
5362
5559
  return r(a, {
5363
- key: "3b7ebc8f22ccb6e899e027ccf4bb64551e9dd9ca"
5560
+ key: "e03b4a6d1d29b5579d29248df2dbdc2a4aed4d2a"
5364
5561
  }, r("div", {
5365
- key: "0002bccb2b12a3fc74602339a2a2ddcf30a2f4a4",
5562
+ key: "12905c68622fea509875e0d40455c910dd3997e4",
5366
5563
  class: "tab-container"
5367
5564
  }, this.scrollEnabled && r(a, {
5368
- key: "73ca97525e656e3580aa0c44965c2646176fbc87"
5565
+ key: "e01f6d12a0d4dc0aee7e04e92d0541f58d6e7327"
5369
5566
  }, r("div", {
5370
- key: "cfda373d73a048a973e9224759dcf04d4e6cf934",
5567
+ key: "063ee476f8279e96d0678819a49c9f934a287079",
5371
5568
  class: "gradient-left",
5372
5569
  hidden: !this.showScrollLeft
5373
5570
  }), r("div", {
5374
- key: "68adbb479d7e678b270e3de5b55ce18a66611ca0",
5571
+ key: "eb52c84cb097acceca241e5dd5dbf408b49cf3b1",
5375
5572
  class: "gradient-right",
5376
5573
  hidden: !this.showScrollRight
5377
5574
  }), r("q2-btn", {
5378
- key: "7c9d72e094cfd3e3708f62dac04e27bcf4e042ab",
5575
+ key: "03c59516ae777fc42005feb8db7ecb78de9c7413",
5379
5576
  class: "btn-left",
5380
5577
  hidden: !this.showScrollLeft,
5381
5578
  onClick: () => this.onScrollBtnClick("left")
5382
5579
  }, r("q2-icon", {
5383
- key: "499c8f0f815f4698a1c44721d6fe8ef9c71dc710",
5580
+ key: "4d5539587ae4e73fc0003adfc97201e4ea962562",
5384
5581
  type: "chevron-left",
5385
5582
  label: "scroll left"
5386
5583
  })), r("q2-btn", {
5387
- key: "c6d796b47b3e7c58f8d4089b69204805c7cd5e99",
5584
+ key: "329d9a3fd4d1e3936e9886164386432d6782d2e3",
5388
5585
  class: "btn-right",
5389
5586
  hidden: !this.showScrollRight,
5390
5587
  onClick: () => this.onScrollBtnClick("right")
5391
5588
  }, r("q2-icon", {
5392
- key: "821937782184a7e902626ec6a8340c8e82fa7993",
5589
+ key: "d5863767db36cb92eca86e5347a55c3b5fbced97",
5393
5590
  type: "chevron-right",
5394
5591
  label: "scroll right"
5395
5592
  }))), r("ul", {
5396
- key: "3adcc6254ff8ae0dfc77eb6cfd4b3b1a28e2b6e7",
5593
+ key: "ebe0f7d4e03987e4b1bdfeff624fe9af18560798",
5397
5594
  onScroll: this.checkScrollState,
5398
5595
  ref: t => this.listElement = t,
5399
5596
  class: this.noPrint ? "no-print" : null,
5400
5597
  role: "tablist"
5401
5598
  }, this.tabs.map(((t, r) => this.renderTab(t, r))))), r("div", {
5402
- key: "ece768f4ddc0308620a7ecebacdd094ba3f37ee6",
5599
+ key: "a621250c6396e18966fc2dfe649d3212d6ffb014",
5403
5600
  class: "tab-content"
5404
5601
  }, r("slot", {
5405
- key: "62fb7973ee06f5ee0d031901d36561b2eb94461e",
5602
+ key: "f552f833e31fffeacdf494abaf3d639da63efbfc",
5406
5603
  onSlotchange: () => this.onSlotChange()
5407
5604
  })));
5408
5605
  }
@@ -5417,11 +5614,11 @@ const Vo = class {
5417
5614
  }
5418
5615
  };
5419
5616
 
5420
- Vo.style = Io;
5617
+ $o.style = Io;
5421
5618
 
5422
- const $o = "*{box-sizing:border-box}*:active{outline:none}*:focus-visible{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}.tab-pane[aria-hidden=true]{display:none}.tab-pane:focus{outline:none;box-shadow:none}";
5619
+ const Vo = "*{box-sizing:border-box}*:active{outline:none}*:focus-visible{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}.tab-pane[aria-hidden=true]{display:none}.tab-pane:focus{outline:none;box-shadow:none}";
5423
5620
 
5424
- const Eo = class {
5621
+ const Ro = class {
5425
5622
  constructor(r) {
5426
5623
  t(this, r);
5427
5624
  this.badge = i(this, "badge", 7);
@@ -5456,8 +5653,8 @@ const Eo = class {
5456
5653
  }
5457
5654
  };
5458
5655
 
5459
- Eo.style = $o;
5656
+ Ro.style = Vo;
5460
5657
 
5461
- export { S as q2_badge, C as q2_btn, uo as q2_icon, No as q2_input, Oo as q2_loading, Vo as q2_tab_container, Eo as q2_tab_pane };
5658
+ export { S as q2_badge, z as q2_btn, uo as q2_icon, No as q2_input, Fo as q2_loading, $o as q2_tab_container, Ro as q2_tab_pane };
5462
5659
  //# sourceMappingURL=q2-badge.q2-btn.q2-icon.q2-input.q2-loading.q2-tab-container.q2-tab-pane.entry.esm.js.map
5463
5660
  //# sourceMappingURL=q2-badge_7.entry.js.map