q2-tecton-elements 1.70.2 → 1.71.0

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 (360) hide show
  1. package/dist/bundle-report.json +556 -231
  2. package/dist/cjs/click-elsewhere_3.cjs.entry.js +2 -2
  3. package/dist/cjs/loader.cjs.js +1 -1
  4. package/dist/cjs/q2-action-group_2.cjs.entry.js +3 -3
  5. package/dist/cjs/q2-action-sheet.cjs.entry.js +4 -3
  6. package/dist/cjs/q2-avatar.cjs.entry.js +1 -1
  7. package/dist/cjs/q2-badge_2.cjs.entry.js +17 -8
  8. package/dist/cjs/q2-btn_2.cjs.entry.js +2 -2
  9. package/dist/cjs/q2-calendar.cjs.entry.js +8 -6
  10. package/dist/cjs/q2-card-image.cjs.entry.js +1 -1
  11. package/dist/cjs/q2-card.cjs.entry.js +1 -1
  12. package/dist/cjs/q2-carousel-pane.cjs.entry.js +1 -1
  13. package/dist/cjs/q2-carousel.cjs.entry.js +108 -74
  14. package/dist/cjs/q2-chart-area.cjs.entry.js +1 -1
  15. package/dist/cjs/q2-chart-bar.cjs.entry.js +1 -1
  16. package/dist/cjs/q2-chart-donut.cjs.entry.js +1 -1
  17. package/dist/cjs/q2-checkbox-group.cjs.entry.js +1 -1
  18. package/dist/cjs/q2-checkbox_2.cjs.entry.js +3 -3
  19. package/dist/cjs/q2-currency.cjs.entry.js +1 -1
  20. package/dist/cjs/q2-data-table.cjs.entry.js +1 -1
  21. package/dist/cjs/q2-detail.cjs.entry.js +1 -1
  22. package/dist/cjs/q2-dropdown-item.cjs.entry.js +1 -1
  23. package/dist/cjs/q2-dropdown.cjs.entry.js +1 -1
  24. package/dist/cjs/q2-editable-field.cjs.entry.js +3 -3
  25. package/dist/cjs/q2-example.cjs.entry.js +1 -1
  26. package/dist/cjs/q2-file-picker.cjs.entry.js +1 -1
  27. package/dist/cjs/q2-form.cjs.entry.js +1 -1
  28. package/dist/cjs/q2-formatted-text.cjs.entry.js +1 -1
  29. package/dist/cjs/q2-icon.cjs.entry.js +1 -1
  30. package/dist/cjs/q2-item.cjs.entry.js +1 -1
  31. package/dist/cjs/q2-legend.cjs.entry.js +1 -1
  32. package/dist/cjs/q2-link_2.cjs.entry.js +2 -2
  33. package/dist/cjs/q2-message.cjs.entry.js +1 -1
  34. package/dist/cjs/q2-meter.cjs.entry.js +1 -1
  35. package/dist/cjs/q2-modal.cjs.entry.js +1 -1
  36. package/dist/cjs/q2-month-picker.cjs.entry.js +1 -1
  37. package/dist/cjs/q2-optgroup.cjs.entry.js +1 -1
  38. package/dist/cjs/q2-option.cjs.entry.js +1 -1
  39. package/dist/cjs/q2-otp.cjs.entry.js +1 -1
  40. package/dist/cjs/q2-pagination.cjs.entry.js +1 -1
  41. package/dist/cjs/q2-pill.cjs.entry.js +18 -2
  42. package/dist/cjs/q2-radio-group.cjs.entry.js +1 -1
  43. package/dist/cjs/q2-radio.cjs.entry.js +1 -1
  44. package/dist/cjs/q2-relative-time.cjs.entry.js +2 -2
  45. package/dist/cjs/q2-search.cjs.entry.js +2 -2
  46. package/dist/cjs/q2-section.cjs.entry.js +3 -3
  47. package/dist/cjs/q2-select.cjs.entry.js +1 -1
  48. package/dist/cjs/q2-stepper-pane.cjs.entry.js +2 -2
  49. package/dist/cjs/q2-stepper-vertical.cjs.entry.js +32 -9
  50. package/dist/cjs/q2-stepper.cjs.entry.js +18 -4
  51. package/dist/cjs/q2-surface.cjs.entry.js +3 -3
  52. package/dist/cjs/q2-tab-container.cjs.entry.js +89 -20
  53. package/dist/cjs/q2-tab-pane.cjs.entry.js +2 -2
  54. package/dist/cjs/q2-tecton-elements.cjs.js +1 -1
  55. package/dist/cjs/q2-textarea.cjs.entry.js +3 -3
  56. package/dist/cjs/q2-toast.cjs.entry.js +1 -1
  57. package/dist/cjs/q2-tooltip.cjs.entry.js +26 -15
  58. package/dist/cjs/tecton-tab-pane.cjs.entry.js +3 -3
  59. package/dist/collection/components/q2-action-group/q2-action-group.css +22 -0
  60. package/dist/collection/components/q2-action-sheet/q2-action-sheet.css +24 -1
  61. package/dist/collection/components/q2-action-sheet/q2-action-sheet.js +3 -2
  62. package/dist/collection/components/q2-avatar/q2-avatar.css +23 -1
  63. package/dist/collection/components/q2-avatar/test/q2-avatar-test.vr.js +13 -1
  64. package/dist/collection/components/q2-badge/q2-badge.css +26 -4
  65. package/dist/collection/components/q2-badge/test/q2-badge-test.vr.js +13 -1
  66. package/dist/collection/components/q2-btn/q2-btn.css +53 -9
  67. package/dist/collection/components/q2-btn/test/q2-btn-test.vr.js +19 -1
  68. package/dist/collection/components/q2-calendar/q2-calendar.css +26 -4
  69. package/dist/collection/components/q2-calendar/q2-calendar.js +7 -5
  70. package/dist/collection/components/q2-calendar/q2-month-picker.css +22 -0
  71. package/dist/collection/components/q2-calendar/test/q2-calendar-test.vr.js +34 -1
  72. package/dist/collection/components/q2-card/q2-card.css +23 -1
  73. package/dist/collection/components/q2-card/test/q2-card-test.vr.js +10 -1
  74. package/dist/collection/components/q2-card-image/q2-card-image.css +23 -1
  75. package/dist/collection/components/q2-card-image/test/q2-card-image-test.vr.js +9 -1
  76. package/dist/collection/components/q2-carousel/q2-carousel.css +29 -39
  77. package/dist/collection/components/q2-carousel/q2-carousel.js +122 -69
  78. package/dist/collection/components/q2-carousel/test/q2-carousel-test.vr.js +5 -4
  79. package/dist/collection/components/q2-carousel-pane/q2-carousel-pane.css +22 -0
  80. package/dist/collection/components/q2-chart-area/q2-chart-area.css +22 -0
  81. package/dist/collection/components/q2-chart-bar/q2-chart-bar.css +22 -0
  82. package/dist/collection/components/q2-chart-donut/q2-chart-donut.css +24 -2
  83. package/dist/collection/components/q2-chart-donut/test/q2-chart-donut-test.vr.js +13 -1
  84. package/dist/collection/components/q2-checkbox/q2-checkbox.css +23 -1
  85. package/dist/collection/components/q2-checkbox/test/q2-checkbox-test.vr.js +11 -1
  86. package/dist/collection/components/q2-checkbox-group/q2-checkbox-group.css +23 -1
  87. package/dist/collection/components/q2-checkbox-group/test/q2-checkbox-group-test.vr.js +11 -1
  88. package/dist/collection/components/q2-currency/q2-currency.css +25 -3
  89. package/dist/collection/components/q2-currency/test/q2-currency-test.vr.js +13 -1
  90. package/dist/collection/components/q2-data-table/q2-data-table.css +24 -2
  91. package/dist/collection/components/q2-data-table/test/q2-data-table-test.vr.js +11 -1
  92. package/dist/collection/components/q2-detail/q2-detail.css +32 -10
  93. package/dist/collection/components/q2-dropdown/q2-dropdown.css +22 -0
  94. package/dist/collection/components/q2-dropdown-item/q2-dropdown-item.css +22 -0
  95. package/dist/collection/components/q2-editable-field/q2-editable-field.css +22 -0
  96. package/dist/collection/components/q2-editable-field/q2-editable-field.js +2 -2
  97. package/dist/collection/components/q2-example/q2-example.css +23 -0
  98. package/dist/collection/components/q2-file-picker/q2-file-picker.css +57 -10
  99. package/dist/collection/components/q2-file-picker/test/q2-file-picker-test.vr.js +14 -1
  100. package/dist/collection/components/q2-form/q2-form.css +22 -0
  101. package/dist/collection/components/q2-formatted-text/q2-formatted-text.css +25 -3
  102. package/dist/collection/components/q2-formatted-text/test/q2-formatted-text-test.vr.js +13 -1
  103. package/dist/collection/components/q2-icon/assets/standard.symbol.svg +1 -1
  104. package/dist/collection/components/q2-icon/q2-icon.css +22 -0
  105. package/dist/collection/components/q2-input/q2-input.css +26 -4
  106. package/dist/collection/components/q2-input/q2-input.js +39 -7
  107. package/dist/collection/components/q2-input/test/q2-input-test.vr.js +36 -1
  108. package/dist/collection/components/q2-item/q2-item.css +46 -2
  109. package/dist/collection/components/q2-item/test/q2-item-test.vr.js +12 -1
  110. package/dist/collection/components/q2-legend/q2-legend.css +24 -2
  111. package/dist/collection/components/q2-link/q2-link.css +22 -0
  112. package/dist/collection/components/q2-list/q2-list.css +46 -2
  113. package/dist/collection/components/q2-list/test/q2-list-test.vr.js +12 -1
  114. package/dist/collection/components/q2-loading/q2-loading.css +23 -0
  115. package/dist/collection/components/q2-message/q2-message.css +22 -0
  116. package/dist/collection/components/q2-meter/q2-meter.css +25 -3
  117. package/dist/collection/components/q2-meter/test/q2-meter-test.vr.js +12 -1
  118. package/dist/collection/components/q2-modal/q2-modal.css +23 -1
  119. package/dist/collection/components/q2-modal/test/q2-modal-test.vr.js +12 -1
  120. package/dist/collection/components/q2-optgroup/q2-optgroup.css +23 -1
  121. package/dist/collection/components/q2-option/q2-option.css +22 -0
  122. package/dist/collection/components/q2-option-list/q2-option-list.css +22 -0
  123. package/dist/collection/components/q2-otp/q2-otp.css +27 -4
  124. package/dist/collection/components/q2-otp/test/q2-otp-test.vr.js +12 -1
  125. package/dist/collection/components/q2-pagination/q2-pagination.css +22 -0
  126. package/dist/collection/components/q2-pill/q2-pill.css +42 -2
  127. package/dist/collection/components/q2-pill/q2-pill.js +18 -1
  128. package/dist/collection/components/q2-pill/test/q2-pill-test.vr.js +27 -1
  129. package/dist/collection/components/q2-popover/q2-popover.css +22 -7
  130. package/dist/collection/components/q2-radio/q2-radio.css +24 -2
  131. package/dist/collection/components/q2-radio/test/q2-radio-test.vr.js +12 -1
  132. package/dist/collection/components/q2-radio-group/q2-radio-group.css +23 -1
  133. package/dist/collection/components/q2-radio-group/test/q2-radio-group-test.vr.js +11 -1
  134. package/dist/collection/components/q2-relative-time/q2-relative-time.css +22 -0
  135. package/dist/collection/components/q2-relative-time/q2-relative-time.js +1 -1
  136. package/dist/collection/components/q2-resize-observer/q2-resize-observer.css +22 -0
  137. package/dist/collection/components/q2-resize-observer/q2-resize-observer.js +1 -1
  138. package/dist/collection/components/q2-search/q2-search.css +22 -0
  139. package/dist/collection/components/q2-search/q2-search.js +1 -1
  140. package/dist/collection/components/q2-section/q2-section.css +23 -1
  141. package/dist/collection/components/q2-section/q2-section.js +2 -2
  142. package/dist/collection/components/q2-section/test/q2-section-test.vr.js +11 -1
  143. package/dist/collection/components/q2-select/q2-select.css +22 -0
  144. package/dist/collection/components/q2-stepper/q2-stepper.css +38 -4
  145. package/dist/collection/components/q2-stepper/q2-stepper.js +17 -3
  146. package/dist/collection/components/q2-stepper/test/q2-stepper-test.vr.js +12 -1
  147. package/dist/collection/components/q2-stepper-pane/q2-stepper-pane.css +22 -0
  148. package/dist/collection/components/q2-stepper-pane/q2-stepper-pane.js +1 -1
  149. package/dist/collection/components/q2-stepper-vertical/q2-stepper-vertical.css +39 -5
  150. package/dist/collection/components/q2-stepper-vertical/q2-stepper-vertical.js +31 -8
  151. package/dist/collection/components/q2-stepper-vertical/test/q2-stepper-vertical-test.vr.js +16 -1
  152. package/dist/collection/components/q2-surface/q2-surface.css +71 -32
  153. package/dist/collection/components/q2-surface/q2-surface.js +7 -7
  154. package/dist/collection/components/q2-surface/test/q2-surface-test.vr.js +54 -0
  155. package/dist/collection/components/q2-tab-container/q2-tab-container.css +112 -6
  156. package/dist/collection/components/q2-tab-container/q2-tab-container.js +114 -21
  157. package/dist/collection/components/q2-tab-container/test/q2-tab-container-test.vr.js +24 -1
  158. package/dist/collection/components/q2-tab-pane/q2-tab-pane.css +22 -0
  159. package/dist/collection/components/q2-tab-pane/q2-tab-pane.js +1 -1
  160. package/dist/collection/components/q2-tag/q2-tag.css +25 -2
  161. package/dist/collection/components/q2-tag/q2-tag.js +1 -1
  162. package/dist/collection/components/q2-tag/test/q2-tag-test.vr.js +21 -1
  163. package/dist/collection/components/q2-textarea/q2-textarea.css +24 -2
  164. package/dist/collection/components/q2-textarea/q2-textarea.js +2 -2
  165. package/dist/collection/components/q2-textarea/test/q2-textarea-test.vr.js +16 -1
  166. package/dist/collection/components/q2-toast/q2-toast.css +22 -0
  167. package/dist/collection/components/q2-tooltip/q2-tooltip.css +27 -19
  168. package/dist/collection/components/q2-tooltip/q2-tooltip.js +32 -21
  169. package/dist/collection/components/q2-tooltip/test/q2-tooltip-test.vr.js +13 -1
  170. package/dist/collection/components/tecton-tab-pane/tecton-tab-pane.css +22 -0
  171. package/dist/collection/components/tecton-tab-pane/tecton-tab-pane.js +2 -2
  172. package/dist/collection/utils/helpers.js +29 -6
  173. package/dist/collection/utils/test/vr-helpers.js +7 -0
  174. package/dist/components/q2-action-group2.js +1 -1
  175. package/dist/components/q2-action-sheet.js +21 -18
  176. package/dist/components/q2-avatar2.js +1 -1
  177. package/dist/components/q2-badge2.js +1 -1
  178. package/dist/components/q2-btn2.js +15 -15
  179. package/dist/components/q2-calendar.js +306 -301
  180. package/dist/components/q2-card-image.js +6 -6
  181. package/dist/components/q2-card.js +14 -14
  182. package/dist/components/q2-carousel-pane2.js +1 -1
  183. package/dist/components/q2-carousel.js +633 -585
  184. package/dist/components/q2-chart-area.js +1 -1
  185. package/dist/components/q2-chart-bar.js +70 -70
  186. package/dist/components/q2-chart-donut.js +1 -1
  187. package/dist/components/q2-checkbox-group.js +42 -42
  188. package/dist/components/q2-checkbox2.js +1 -1
  189. package/dist/components/q2-currency.js +32 -32
  190. package/dist/components/q2-data-table.js +34 -34
  191. package/dist/components/q2-detail.js +5 -5
  192. package/dist/components/q2-dropdown-item2.js +11 -11
  193. package/dist/components/q2-dropdown.js +17 -17
  194. package/dist/components/q2-editable-field.js +12 -11
  195. package/dist/components/q2-example.js +15 -15
  196. package/dist/components/q2-file-picker.js +25 -25
  197. package/dist/components/q2-form.js +11 -11
  198. package/dist/components/q2-formatted-text.js +5 -5
  199. package/dist/components/q2-icon2.js +1 -1
  200. package/dist/components/q2-input2.js +24 -13
  201. package/dist/components/q2-item2.js +1 -1
  202. package/dist/components/q2-legend2.js +56 -56
  203. package/dist/components/q2-link2.js +6 -6
  204. package/dist/components/q2-list2.js +22 -22
  205. package/dist/components/q2-loading2.js +1 -1
  206. package/dist/components/q2-message2.js +20 -20
  207. package/dist/components/q2-meter.js +1 -1
  208. package/dist/components/q2-modal.js +3 -3
  209. package/dist/components/q2-month-picker.js +10 -10
  210. package/dist/components/q2-optgroup2.js +7 -7
  211. package/dist/components/q2-option-list2.js +34 -34
  212. package/dist/components/q2-option2.js +13 -13
  213. package/dist/components/q2-otp.js +5 -5
  214. package/dist/components/q2-pagination.js +58 -58
  215. package/dist/components/q2-pill.js +66 -54
  216. package/dist/components/q2-popover2.js +1 -1
  217. package/dist/components/q2-radio-group.js +5 -5
  218. package/dist/components/q2-radio.js +14 -14
  219. package/dist/components/q2-relative-time.js +10 -10
  220. package/dist/components/q2-resize-observer2.js +9 -9
  221. package/dist/components/q2-search.js +5 -5
  222. package/dist/components/q2-section.js +22 -22
  223. package/dist/components/q2-select2.js +1 -1
  224. package/dist/components/q2-stepper-pane.js +33 -33
  225. package/dist/components/q2-stepper-vertical.js +84 -60
  226. package/dist/components/q2-stepper.js +79 -65
  227. package/dist/components/q2-surface.js +14 -14
  228. package/dist/components/q2-tab-container.js +110 -55
  229. package/dist/components/q2-tab-pane.js +7 -7
  230. package/dist/components/q2-tag2.js +39 -39
  231. package/dist/components/q2-textarea.js +16 -16
  232. package/dist/components/q2-toast.js +22 -22
  233. package/dist/components/q2-tooltip2.js +26 -25
  234. package/dist/components/tecton-tab-pane.js +11 -11
  235. package/dist/esm/click-elsewhere_3.entry.js +2 -2
  236. package/dist/esm/loader.js +1 -1
  237. package/dist/esm/q2-action-group_2.entry.js +3 -3
  238. package/dist/esm/q2-action-sheet.entry.js +4 -3
  239. package/dist/esm/q2-avatar.entry.js +1 -1
  240. package/dist/esm/q2-badge_2.entry.js +17 -8
  241. package/dist/esm/q2-btn_2.entry.js +2 -2
  242. package/dist/esm/q2-calendar.entry.js +8 -6
  243. package/dist/esm/q2-card-image.entry.js +1 -1
  244. package/dist/esm/q2-card.entry.js +1 -1
  245. package/dist/esm/q2-carousel-pane.entry.js +1 -1
  246. package/dist/esm/q2-carousel.entry.js +104 -70
  247. package/dist/esm/q2-chart-area.entry.js +1 -1
  248. package/dist/esm/q2-chart-bar.entry.js +1 -1
  249. package/dist/esm/q2-chart-donut.entry.js +1 -1
  250. package/dist/esm/q2-checkbox-group.entry.js +1 -1
  251. package/dist/esm/q2-checkbox_2.entry.js +3 -3
  252. package/dist/esm/q2-currency.entry.js +1 -1
  253. package/dist/esm/q2-data-table.entry.js +1 -1
  254. package/dist/esm/q2-detail.entry.js +1 -1
  255. package/dist/esm/q2-dropdown-item.entry.js +1 -1
  256. package/dist/esm/q2-dropdown.entry.js +1 -1
  257. package/dist/esm/q2-editable-field.entry.js +3 -3
  258. package/dist/esm/q2-example.entry.js +1 -1
  259. package/dist/esm/q2-file-picker.entry.js +1 -1
  260. package/dist/esm/q2-form.entry.js +1 -1
  261. package/dist/esm/q2-formatted-text.entry.js +1 -1
  262. package/dist/esm/q2-icon.entry.js +1 -1
  263. package/dist/esm/q2-item.entry.js +1 -1
  264. package/dist/esm/q2-legend.entry.js +1 -1
  265. package/dist/esm/q2-link_2.entry.js +2 -2
  266. package/dist/esm/q2-message.entry.js +1 -1
  267. package/dist/esm/q2-meter.entry.js +1 -1
  268. package/dist/esm/q2-modal.entry.js +1 -1
  269. package/dist/esm/q2-month-picker.entry.js +1 -1
  270. package/dist/esm/q2-optgroup.entry.js +1 -1
  271. package/dist/esm/q2-option.entry.js +1 -1
  272. package/dist/esm/q2-otp.entry.js +1 -1
  273. package/dist/esm/q2-pagination.entry.js +1 -1
  274. package/dist/esm/q2-pill.entry.js +18 -2
  275. package/dist/esm/q2-radio-group.entry.js +1 -1
  276. package/dist/esm/q2-radio.entry.js +1 -1
  277. package/dist/esm/q2-relative-time.entry.js +2 -2
  278. package/dist/esm/q2-search.entry.js +2 -2
  279. package/dist/esm/q2-section.entry.js +3 -3
  280. package/dist/esm/q2-select.entry.js +1 -1
  281. package/dist/esm/q2-stepper-pane.entry.js +2 -2
  282. package/dist/esm/q2-stepper-vertical.entry.js +32 -9
  283. package/dist/esm/q2-stepper.entry.js +18 -4
  284. package/dist/esm/q2-surface.entry.js +3 -3
  285. package/dist/esm/q2-tab-container.entry.js +89 -20
  286. package/dist/esm/q2-tab-pane.entry.js +2 -2
  287. package/dist/esm/q2-tecton-elements.js +1 -1
  288. package/dist/esm/q2-textarea.entry.js +3 -3
  289. package/dist/esm/q2-toast.entry.js +1 -1
  290. package/dist/esm/q2-tooltip.entry.js +27 -16
  291. package/dist/esm/tecton-tab-pane.entry.js +3 -3
  292. package/dist/q2-tecton-elements/assets/standard.symbol.svg +1 -1
  293. package/dist/q2-tecton-elements/click-elsewhere_3.entry.js +23 -23
  294. package/dist/q2-tecton-elements/q2-action-group_2.entry.js +42 -42
  295. package/dist/q2-tecton-elements/q2-action-sheet.entry.js +21 -18
  296. package/dist/q2-tecton-elements/q2-avatar.entry.js +1 -1
  297. package/dist/q2-tecton-elements/q2-badge_2.entry.js +25 -15
  298. package/dist/q2-tecton-elements/q2-btn_2.entry.js +2 -2
  299. package/dist/q2-tecton-elements/q2-calendar.entry.js +120 -115
  300. package/dist/q2-tecton-elements/q2-card-image.entry.js +1 -1
  301. package/dist/q2-tecton-elements/q2-card.entry.js +1 -1
  302. package/dist/q2-tecton-elements/q2-carousel-pane.entry.js +11 -11
  303. package/dist/q2-tecton-elements/q2-carousel.entry.js +572 -540
  304. package/dist/q2-tecton-elements/q2-chart-area.entry.js +166 -166
  305. package/dist/q2-tecton-elements/q2-chart-bar.entry.js +190 -190
  306. package/dist/q2-tecton-elements/q2-chart-donut.entry.js +1 -1
  307. package/dist/q2-tecton-elements/q2-checkbox-group.entry.js +8 -8
  308. package/dist/q2-tecton-elements/q2-checkbox_2.entry.js +7 -7
  309. package/dist/q2-tecton-elements/q2-currency.entry.js +40 -40
  310. package/dist/q2-tecton-elements/q2-data-table.entry.js +64 -64
  311. package/dist/q2-tecton-elements/q2-detail.entry.js +1 -1
  312. package/dist/q2-tecton-elements/q2-dropdown-item.entry.js +5 -5
  313. package/dist/q2-tecton-elements/q2-dropdown.entry.js +21 -21
  314. package/dist/q2-tecton-elements/q2-editable-field.entry.js +18 -17
  315. package/dist/q2-tecton-elements/q2-example.entry.js +5 -5
  316. package/dist/q2-tecton-elements/q2-file-picker.entry.js +6 -6
  317. package/dist/q2-tecton-elements/q2-form.entry.js +3 -3
  318. package/dist/q2-tecton-elements/q2-formatted-text.entry.js +3 -3
  319. package/dist/q2-tecton-elements/q2-icon.entry.js +1 -1
  320. package/dist/q2-tecton-elements/q2-item.entry.js +1 -1
  321. package/dist/q2-tecton-elements/q2-legend.entry.js +8 -8
  322. package/dist/q2-tecton-elements/q2-link_2.entry.js +5 -5
  323. package/dist/q2-tecton-elements/q2-message.entry.js +23 -23
  324. package/dist/q2-tecton-elements/q2-meter.entry.js +4 -4
  325. package/dist/q2-tecton-elements/q2-modal.entry.js +3 -3
  326. package/dist/q2-tecton-elements/q2-month-picker.entry.js +39 -39
  327. package/dist/q2-tecton-elements/q2-optgroup.entry.js +13 -13
  328. package/dist/q2-tecton-elements/q2-option.entry.js +22 -22
  329. package/dist/q2-tecton-elements/q2-otp.entry.js +1 -1
  330. package/dist/q2-tecton-elements/q2-pagination.entry.js +11 -11
  331. package/dist/q2-tecton-elements/q2-pill.entry.js +30 -18
  332. package/dist/q2-tecton-elements/q2-radio-group.entry.js +1 -1
  333. package/dist/q2-tecton-elements/q2-radio.entry.js +24 -24
  334. package/dist/q2-tecton-elements/q2-relative-time.entry.js +21 -21
  335. package/dist/q2-tecton-elements/q2-search.entry.js +12 -12
  336. package/dist/q2-tecton-elements/q2-section.entry.js +25 -25
  337. package/dist/q2-tecton-elements/q2-select.entry.js +5 -5
  338. package/dist/q2-tecton-elements/q2-stepper-pane.entry.js +16 -16
  339. package/dist/q2-tecton-elements/q2-stepper-vertical.entry.js +77 -53
  340. package/dist/q2-tecton-elements/q2-stepper.entry.js +44 -30
  341. package/dist/q2-tecton-elements/q2-surface.entry.js +5 -5
  342. package/dist/q2-tecton-elements/q2-tab-container.entry.js +109 -56
  343. package/dist/q2-tecton-elements/q2-tab-pane.entry.js +13 -13
  344. package/dist/q2-tecton-elements/q2-tecton-elements.esm.js +1 -1
  345. package/dist/q2-tecton-elements/q2-textarea.entry.js +14 -14
  346. package/dist/q2-tecton-elements/q2-toast.entry.js +6 -6
  347. package/dist/q2-tecton-elements/q2-tooltip.entry.js +25 -24
  348. package/dist/q2-tecton-elements/tecton-tab-pane.entry.js +11 -11
  349. package/dist/types/components/q2-carousel/q2-carousel.d.ts +14 -0
  350. package/dist/types/components/q2-input/q2-input.d.ts +7 -1
  351. package/dist/types/components/q2-pill/q2-pill.d.ts +2 -0
  352. package/dist/types/components/q2-stepper/q2-stepper.d.ts +1 -0
  353. package/dist/types/components/q2-stepper-vertical/q2-stepper-vertical.d.ts +3 -2
  354. package/dist/types/components/q2-surface/q2-surface.d.ts +3 -3
  355. package/dist/types/components/q2-tab-container/q2-tab-container.d.ts +17 -3
  356. package/dist/types/components/q2-tooltip/q2-tooltip.d.ts +2 -1
  357. package/dist/types/components.d.ts +50 -21
  358. package/dist/types/utils/helpers.d.ts +16 -1
  359. package/dist/types/utils/test/vr-helpers.d.ts +11 -0
  360. package/package.json +12 -5
@@ -1,72 +1,72 @@
1
1
  import { r as t, c as e, h as a, g as i } from "./index-Cqkz7Bnm.js";
2
2
 
3
- import { d as r } from "./index-O1A-ZSZs.js";
3
+ import { d as n } from "./index-O1A-ZSZs.js";
4
4
 
5
- import { l as n, c as s, d as o, o as l, i as d, w as c, b as h } from "./index-Cps4jSQM.js";
5
+ import { l as r, c as s, d as o, o as l, i as d, w as c, b as h } from "./index-Cps4jSQM.js";
6
6
 
7
7
  import { m as u } from "./mirror-emit-DUjY_ucm.js";
8
8
 
9
9
  function formatDateISO(t) {
10
10
  const e = new Date(t);
11
- if (r.isValid(e)) return r.formatISO(e, {
11
+ if (n.isValid(e)) return n.formatISO(e, {
12
12
  representation: "date"
13
13
  });
14
14
  }
15
15
 
16
- let v, p, m;
16
+ let p, v, m;
17
17
 
18
18
  function formatDateShort(t) {
19
19
  const e = new Date(t);
20
- if (!r.isValid(e)) return;
20
+ if (!n.isValid(e)) return;
21
21
  const a = e.toISOString();
22
- return v || (v = new Intl.DateTimeFormat("en-US", {
22
+ return p || (p = new Intl.DateTimeFormat("en-US", {
23
23
  month: "2-digit",
24
24
  day: "2-digit",
25
25
  year: "numeric",
26
26
  timeZone: Intl.DateTimeFormat().resolvedOptions().timeZone
27
- })), v.format(new Date(a));
27
+ })), p.format(new Date(a));
28
28
  }
29
29
 
30
30
  function formatDateLong(t) {
31
31
  const e = new Date(t);
32
- if (r.isValid(e)) return p || (p = new Intl.DateTimeFormat("en-US", {
32
+ if (n.isValid(e)) return v || (v = new Intl.DateTimeFormat("en-US", {
33
33
  month: "short",
34
34
  day: "numeric",
35
35
  year: "numeric"
36
- })), p.format(e);
36
+ })), v.format(e);
37
37
  }
38
38
 
39
39
  function stringToDate(t) {
40
40
  const e = "string" == typeof t;
41
- if (!e && t && r.isValid(new Date(t || void 0))) t = formatDateISO(t); else if (!t || !r.isValid(new Date(t))) return;
41
+ if (!e && t && n.isValid(new Date(t || void 0))) t = formatDateISO(t); else if (!t || !n.isValid(new Date(t))) return;
42
42
  let a;
43
- const i = t.split(/[\/\-]/).map((t => t.padStart(2, "0"))), n = e && t.length >= 24 && "T" === t[10], s = 3 === i.length, o = i.length < 3;
44
- if (n) t = t.split("T")[0], a = new Date(t); else if (s) {
43
+ const i = t.split(/[\/\-]/).map((t => t.padStart(2, "0"))), r = e && t.length >= 24 && "T" === t[10], s = 3 === i.length, o = i.length < 3;
44
+ if (r) t = t.split("T")[0], a = new Date(t); else if (s) {
45
45
  // Reorder mm/dd/yyyy dates for ISO formatting
46
46
  // [mm, dd, yyyy] -> [yyyy, mm, dd]
47
47
  t.includes("/") && 4 === i[2].length && i.unshift(i.pop()), a = new Date(Date.UTC(parseInt(i[0]), parseInt(i[1]) - 1, parseInt(i[2])));
48
48
  } else if (o) {
49
49
  const t = new Date;
50
- let e, r, n;
50
+ let e, n, r;
51
51
  switch (i.length) {
52
52
  case 1:
53
- e = t.getFullYear(), r = i[0], n = "01";
53
+ e = t.getFullYear(), n = i[0], r = "01";
54
54
  break;
55
55
 
56
56
  case 2:
57
- e = t.getFullYear(), r = i[0], n = i[1];
57
+ e = t.getFullYear(), n = i[0], r = i[1];
58
58
  }
59
- a = new Date(`${e}-${r}-${n}`);
59
+ a = new Date(`${e}-${n}-${r}`);
60
60
  }
61
- if (r.isValid(a))
61
+ if (n.isValid(a))
62
62
  // result = setHours(result, 0);
63
- return a = removeTimezoneOffset(a), r.isValid(a) ? a : void 0;
63
+ return a = removeTimezoneOffset(a), n.isValid(a) ? a : void 0;
64
64
  }
65
65
 
66
66
  function removeTimezoneOffset(t) {
67
67
  const e = t.getTimezoneOffset();
68
68
  // Minutes compensation for some timezones like India, Central Australia and etc use GMT+5:30, GMT+9:30
69
- return r.setMinutes(t, e + Math.abs(e % 60));
69
+ return n.setMinutes(t, e + Math.abs(e % 60));
70
70
  }
71
71
 
72
72
  function stringArrayToDate(t) {
@@ -83,64 +83,64 @@ function setupMonthYear(t = new Date) {
83
83
  function validateInput(t = "", e = [], a = [], // white list
84
84
  i = [], // black list
85
85
  s, o, l = "mm/dd/yyyy", d) {
86
- let c = !1, h = !1, u = "info", v = `${n("tecton.element.calendar.hint.format")}: ${l}`;
86
+ let c = !1, h = !1, u = "info", p = `${r("tecton.element.calendar.hint.format")}: ${l}`;
87
87
  if (!t) return {
88
88
  isValid: c,
89
89
  inputDate: new Date(""),
90
90
  isAvailable: h,
91
91
  messageType: u,
92
- message: v
92
+ message: p
93
93
  };
94
- const p = function(t, e) {
94
+ const v = function(t, e) {
95
95
  const a = new Date;
96
96
  // eslint-disable-next-line prefer-const
97
- let [i, r, n] = t.split("/");
97
+ let [i, n, r] = t.split("/");
98
98
  "0" === i && (i = "01");
99
- "0" === r && (r = "01");
99
+ "0" === n && (n = "01");
100
100
  if (10 === t.length) return new Date(t);
101
- if (i && r && Number(r) > 0) {
102
- const t = Number(r) < 10 ? `0${Number(r)}` : r, a = !n || n.length < 4 ? function(t, e, a) {
103
- const i = `${t}/${e}`, r = new Date, n = r.getMonth() < 9 ? `0${r.getMonth() + 1}` : `${r.getMonth() + 1}`, s = r.getDate() < 10 ? `0${r.getDate()}` : `${r.getDate()}`, o = `${n}/${s}/${r.getFullYear()}`;
104
- let l = r.getFullYear();
105
- "future" === a && o.slice(0, 5) > i ? l = r.getFullYear() + 1 : "past" === a && o.slice(0, 5) < i && (l = r.getFullYear() - 1);
101
+ if (i && n && Number(n) > 0) {
102
+ const t = Number(n) < 10 ? `0${Number(n)}` : n, a = !r || r.length < 4 ? function(t, e, a) {
103
+ const i = `${t}/${e}`, n = new Date, r = n.getMonth() < 9 ? `0${n.getMonth() + 1}` : `${n.getMonth() + 1}`, s = n.getDate() < 10 ? `0${n.getDate()}` : `${n.getDate()}`, o = `${r}/${s}/${n.getFullYear()}`;
104
+ let l = n.getFullYear();
105
+ "future" === a && o.slice(0, 5) > i ? l = n.getFullYear() + 1 : "past" === a && o.slice(0, 5) < i && (l = n.getFullYear() - 1);
106
106
  return l.toString();
107
- }(i, r, e) : n;
107
+ }(i, n, e) : r;
108
108
  return new Date(`${i}/${t}/${a}`);
109
109
  }
110
110
  if (i) return new Date(`${i}/01/${a.getFullYear()}`);
111
- }(t, d), m = p.getMonth() + 1, f = p.getDate(), g = p.getFullYear(), y = [ m, f, g ];
112
- if (r.isValid(p)) {
113
- const r = getMonths()[p.getMonth()];
114
- 10 === t.length && (c = !0, u = null, v = null), h = e.includes(p.getDay());
115
- const d = formatDateISO(p);
111
+ }(t, d), m = v.getMonth() + 1, f = v.getDate(), y = v.getFullYear(), b = [ m, f, y ];
112
+ if (n.isValid(v)) {
113
+ const n = getMonths()[v.getMonth()];
114
+ 10 === t.length && (c = !0, u = null, p = null), h = e.includes(v.getDay());
115
+ const d = formatDateISO(v);
116
116
  if (h) {
117
117
  const t = a.length && !a.includes(d), e = i.length && i.includes(d);
118
118
  (t || e || s && s > d || o && o < d) && (h = !1);
119
119
  }
120
120
  if (t.length >= 5 && !h) {
121
121
  c = !1, u = "error";
122
- v = !r || !f || !g ? `${n("tecton.element.calendar.hint.invalidDate")}: ${l}` : n("tecton.element.calendar.hint.notAvailableDate", [ formatDateLong(p) ]);
122
+ p = !n || !f || !y ? `${r("tecton.element.calendar.hint.invalidDate")}: ${l}` : r("tecton.element.calendar.hint.notAvailableDate", [ formatDateLong(v) ]);
123
123
  } else c = !0;
124
- } else c = !1, u = "error", v = `${n("tecton.element.calendar.hint.invalidDate")}: ${l}`;
124
+ } else c = !1, u = "error", p = `${r("tecton.element.calendar.hint.invalidDate")}: ${l}`;
125
125
  return {
126
126
  isValid: c,
127
127
  messageType: u,
128
- message: v,
129
- inputDate: p,
128
+ message: p,
129
+ inputDate: v,
130
130
  isAvailable: h,
131
- calendarPosition: y
131
+ calendarPosition: b
132
132
  };
133
133
  }
134
134
 
135
135
  function getMonths() {
136
- return [ n("tecton.element.calendar.months.January"), n("tecton.element.calendar.months.February"), n("tecton.element.calendar.months.March"), n("tecton.element.calendar.months.April"), n("tecton.element.calendar.months.May"), n("tecton.element.calendar.months.June"), n("tecton.element.calendar.months.July"), n("tecton.element.calendar.months.August"), n("tecton.element.calendar.months.September"), n("tecton.element.calendar.months.October"), n("tecton.element.calendar.months.November"), n("tecton.element.calendar.months.December") ];
136
+ return [ r("tecton.element.calendar.months.January"), r("tecton.element.calendar.months.February"), r("tecton.element.calendar.months.March"), r("tecton.element.calendar.months.April"), r("tecton.element.calendar.months.May"), r("tecton.element.calendar.months.June"), r("tecton.element.calendar.months.July"), r("tecton.element.calendar.months.August"), r("tecton.element.calendar.months.September"), r("tecton.element.calendar.months.October"), r("tecton.element.calendar.months.November"), r("tecton.element.calendar.months.December") ];
137
137
  }
138
138
 
139
139
  function getValidDaysOfWeek(t = 127) {
140
140
  /* tslint:disable:no-bitwise */
141
- const e = 2 & t, a = 4 & t, i = 8 & t, r = 16 & t, n = 32 & t, s = 64 & t, o = [];
141
+ const e = 2 & t, a = 4 & t, i = 8 & t, n = 16 & t, r = 32 & t, s = 64 & t, o = [];
142
142
  return t <= 0 || (1 & t && o.push(0), e && o.push(1), a && o.push(2), i && o.push(3),
143
- r && o.push(4), n && o.push(5), s && o.push(6)), o;
143
+ n && o.push(4), r && o.push(5), s && o.push(6)), o;
144
144
  }
145
145
 
146
146
  function validateAgainstChecksum(t, e) {
@@ -152,35 +152,35 @@ function validateAgainstBlacklist(t, e) {
152
152
  }
153
153
 
154
154
  function validateAgainstWhitelist(t, e) {
155
- return t.some((t => r.isSameDay(t, e)));
155
+ return t.some((t => n.isSameDay(t, e)));
156
156
  }
157
157
 
158
- function buildDates(t, e, a, i, n, s, o) {
158
+ function buildDates(t, e, a, i, r, s, o) {
159
159
  const l = [ baseValidation.bind(null, s, new Date) ];
160
160
  return (null == e ? void 0 : e.length) ? l.push(validateAgainstWhitelist.bind(null, e)) : l.push(validateAgainstChecksum.bind(null, t)),
161
- l.push(validateAgainstBlacklist.bind(null, a)), function({monthIndex: t, selectedYear: e}, a, i, n, s) {
162
- const o = !r.isValid(new Date(s)), l = function(t, e) {
163
- const a = r.getDaysInMonth(new Date(e, t));
161
+ l.push(validateAgainstBlacklist.bind(null, a)), function({monthIndex: t, selectedYear: e}, a, i, r, s) {
162
+ const o = !n.isValid(new Date(s)), l = function(t, e) {
163
+ const a = n.getDaysInMonth(new Date(e, t));
164
164
  return [ ...Array(a).keys() ].reduce(((a, i) => (a.push(new Date(e, t, i + 1)),
165
165
  a)), []);
166
166
  }(t, e).map(((t, e) => {
167
- const s = n.some((e => !e(t))), l = function(t, e, a) {
167
+ const s = r.some((e => !e(t))), l = function(t, e, a) {
168
168
  a || (a = new Date);
169
- const i = a && r.isSameDay(a, t), n = r.isSameDay(t, new Date), s = r.isSameDay(t, null == e ? void 0 : e.startDate), o = r.isSameDay(t, null == e ? void 0 : e.endDate);
169
+ const i = a && n.isSameDay(a, t), r = n.isSameDay(t, new Date), s = n.isSameDay(t, null == e ? void 0 : e.startDate), o = n.isSameDay(t, null == e ? void 0 : e.endDate);
170
170
  return {
171
171
  isSelected: i,
172
- isToday: n,
172
+ isToday: r,
173
173
  isStartDate: s,
174
174
  isEndDate: o
175
175
  };
176
- }(t, i, a), d = function({isInvalid: t, isSelected: e, isEndDate: a, isStartDate: i, isToday: r, isIncompleteDate: n}) {
176
+ }(t, i, a), d = function({isInvalid: t, isSelected: e, isEndDate: a, isStartDate: i, isToday: n, isIncompleteDate: r}) {
177
177
  const s = [];
178
178
  t || s.push("is-valid");
179
179
  e && s.push("is-selected");
180
180
  a && s.push("is-end-date");
181
181
  i && s.push("is-start-date");
182
- r && s.push("is-today");
183
- e && t && !n && s.push("is-unavailable");
182
+ n && s.push("is-today");
183
+ e && t && !r && s.push("is-unavailable");
184
184
  return s.join(" ");
185
185
  }({
186
186
  ...l,
@@ -196,18 +196,18 @@ function buildDates(t, e, a, i, n, s, o) {
196
196
  isActivity: !1,
197
197
  classList: d
198
198
  };
199
- })), d = (v = t, p = e, u = new Date(p, v, 1, 1, 1, 1, 1).getDay(), addEmptyDates(0, u)), c = (h = (d.length + l.length) % 7,
199
+ })), d = (p = t, v = e, u = new Date(v, p, 1, 1, 1, 1, 1).getDay(), addEmptyDates(0, u)), c = (h = (d.length + l.length) % 7,
200
200
  0 === h ? [] : addEmptyDates(h, 7));
201
201
  var h;
202
202
  var u;
203
- var v, p;
203
+ var p, v;
204
204
  return [ ...d, ...l, ...c ];
205
- }(i, n, s, l, o);
205
+ }(i, r, s, l, o);
206
206
  }
207
207
 
208
208
  function baseValidation(t, e, a) {
209
- const i = r.isAfter(null == t ? void 0 : t.startDate, a), n = r.isBefore(null == t ? void 0 : t.endDate, a), s = r.isSameDay(e, a) && r.isAfter(e, null == t ? void 0 : t.cutOffTime);
210
- return !(i || s || n);
209
+ const i = n.isAfter(null == t ? void 0 : t.startDate, a), r = n.isBefore(null == t ? void 0 : t.endDate, a), s = n.isSameDay(e, a) && n.isAfter(e, null == t ? void 0 : t.cutOffTime);
210
+ return !(i || s || r);
211
211
  }
212
212
 
213
213
  const f = {
@@ -229,13 +229,13 @@ function addEmptyDates(t, e) {
229
229
  })));
230
230
  }
231
231
 
232
- const g = class {
232
+ const y = class {
233
233
  constructor(a) {
234
234
  t(this, a), this.change = e(this, "change", 7), this.error = e(this, "error", 7),
235
235
  this.success = e(this, "success", 7), this.tctChange = e(this, "tctChange", 7),
236
236
  this.tctError = e(this, "tctError", 7), this.tctSuccess = e(this, "tctSuccess", 7),
237
- this.dayAbbrStrings = [ n("tecton.element.calendar.days.short.Sunday"), n("tecton.element.calendar.days.short.Monday"), n("tecton.element.calendar.days.short.Tuesday"), n("tecton.element.calendar.days.short.Wednesday"), n("tecton.element.calendar.days.short.Thursday"), n("tecton.element.calendar.days.short.Friday"), n("tecton.element.calendar.days.short.Saturday") ],
238
- this.dayStrings = [ n("tecton.element.calendar.days.Sunday"), n("tecton.element.calendar.days.Monday"), n("tecton.element.calendar.days.Tuesday"), n("tecton.element.calendar.days.Wednesday"), n("tecton.element.calendar.days.Thursday"), n("tecton.element.calendar.days.Friday"), n("tecton.element.calendar.days.Saturday") ],
237
+ this.dayAbbrStrings = [ r("tecton.element.calendar.days.short.Sunday"), r("tecton.element.calendar.days.short.Monday"), r("tecton.element.calendar.days.short.Tuesday"), r("tecton.element.calendar.days.short.Wednesday"), r("tecton.element.calendar.days.short.Thursday"), r("tecton.element.calendar.days.short.Friday"), r("tecton.element.calendar.days.short.Saturday") ],
238
+ this.dayStrings = [ r("tecton.element.calendar.days.Sunday"), r("tecton.element.calendar.days.Monday"), r("tecton.element.calendar.days.Tuesday"), r("tecton.element.calendar.days.Wednesday"), r("tecton.element.calendar.days.Thursday"), r("tecton.element.calendar.days.Friday"), r("tecton.element.calendar.days.Saturday") ],
239
239
  this.defaultFormatString = "mm/dd/yyyy", this.formatModifier = "M/D/YYYY", // To allow missing leading zero, 4/3/2021 => converts into 04/03/2021
240
240
  this.guid = s(), this.internalError = "", this.monthStrings = getMonths(), this.scheduledAfterRender = [],
241
241
  this.hintMessage = this.defaultHintMessage, this.hintMessageType = "info", this.keyboardSelection = !1,
@@ -269,22 +269,22 @@ const g = class {
269
269
  }, this.onClickElsewhere = t => {
270
270
  "click-elsewhere" === t.target.localName && (t.stopPropagation(), this.closeCalendar());
271
271
  }, this.onDateKeydown = t => {
272
- const {monthIndex: e, selectedYear: a} = this.selectedMonthYear, i = parseInt(t.target.dataset.day), n = this.generateDateFromDay(i);
272
+ const {monthIndex: e, selectedYear: a} = this.selectedMonthYear, i = parseInt(t.target.dataset.day), r = this.generateDateFromDay(i);
273
273
  switch (t.key) {
274
274
  case "ArrowUp":
275
- t.preventDefault(), this.activateDay(r.addDays(n, -7));
275
+ t.preventDefault(), this.activateDay(n.addDays(r, -7));
276
276
  break;
277
277
 
278
278
  case "ArrowDown":
279
- t.preventDefault(), this.activateDay(r.addDays(n, 7));
279
+ t.preventDefault(), this.activateDay(n.addDays(r, 7));
280
280
  break;
281
281
 
282
282
  case "ArrowRight":
283
- t.preventDefault(), this.activateDay(r.addDays(n, 1));
283
+ t.preventDefault(), this.activateDay(n.addDays(r, 1));
284
284
  break;
285
285
 
286
286
  case "ArrowLeft":
287
- t.preventDefault(), this.activateDay(r.addDays(n, -1));
287
+ t.preventDefault(), this.activateDay(n.addDays(r, -1));
288
288
  break;
289
289
 
290
290
  case "PageUp":
@@ -296,11 +296,11 @@ const g = class {
296
296
  break;
297
297
 
298
298
  case "Home":
299
- t.preventDefault(), this.activateDay(r.addDays(n, -n.getDay()));
299
+ t.preventDefault(), this.activateDay(n.addDays(r, -r.getDay()));
300
300
  break;
301
301
 
302
302
  case "End":
303
- t.preventDefault(), this.activateDay(r.addDays(n, 6 - n.getDay()));
303
+ t.preventDefault(), this.activateDay(n.addDays(r, 6 - r.getDay()));
304
304
  break;
305
305
 
306
306
  case "Escape":
@@ -309,8 +309,8 @@ const g = class {
309
309
 
310
310
  case "Enter":
311
311
  case " ":
312
- if (t.preventDefault(), !this.dateList.find((({date: t}) => r.isSameDay(t, n))).isValid) return;
313
- this.selectDate(n), this.closeCalendar(), this.focusInput();
312
+ if (t.preventDefault(), !this.dateList.find((({date: t}) => n.isSameDay(t, r))).isValid) return;
313
+ this.selectDate(r), this.closeCalendar(), this.focusInput();
314
314
  }
315
315
  }, this.onDateSelection = t => {
316
316
  const e = t.target.closest("td:not([aria-hidden])");
@@ -323,9 +323,9 @@ const g = class {
323
323
  "Tab" !== t.key || i || (t.preventDefault(), this.activateDay(a));
324
324
  }, this.onInputBlur = () => {
325
325
  if (!this.isTypeable) return;
326
- const t = getValidDaysOfWeek(this.daysOfWeekChecksum), {typedValue: e} = this, {isValid: a, inputDate: i, isAvailable: n} = validateInput(this.typedValue, t, this.validDates, this.invalidDates, this.startDate, this.endDate, this.defaultFormatString, this.assume);
326
+ const t = getValidDaysOfWeek(this.daysOfWeekChecksum), {typedValue: e} = this, {isValid: a, inputDate: i, isAvailable: r} = validateInput(this.typedValue, t, this.validDates, this.invalidDates, this.startDate, this.endDate, this.defaultFormatString, this.assume);
327
327
  e || "Invalid Date" !== (null == i ? void 0 : i.toString()) ? a || e && e.length > 4 && // at least mm/dd provided
328
- i && r.isValid(i) && n ? this.setCompleteInput(i) : this.value && (this.valueOnBlur = this.value,
328
+ i && n.isValid(i) && r ? this.setCompleteInput(i) : this.value && (this.valueOnBlur = this.value,
329
329
  this.value = null, u(this, [ "change", "tctChange" ], {
330
330
  value: null
331
331
  }), this.typedValue = e) :
@@ -336,7 +336,7 @@ const g = class {
336
336
  messageType: "info"
337
337
  });
338
338
  }, this.onInputClick = () => {
339
- this.disabled || this.toggleCalendar();
339
+ this.disabled || this.readonly || this.toggleCalendar();
340
340
  }, this.onInputFocus = t => {
341
341
  if (this.isTypeable && t.target === this.controlElement) {
342
342
  if (this.valueOnBlur && !this.value) {
@@ -373,20 +373,20 @@ const g = class {
373
373
  }
374
374
  return t;
375
375
  }(this.typedValue);
376
- const {typedValue: e} = this, a = getValidDaysOfWeek(this.daysOfWeekChecksum), {isValid: i, message: n, messageType: s, inputDate: o, isAvailable: l, calendarPosition: d} = validateInput(e, a, this.validDates, this.invalidDates, this.startDate, this.endDate, this.defaultFormatString, this.assume);
376
+ const {typedValue: e} = this, a = getValidDaysOfWeek(this.daysOfWeekChecksum), {isValid: i, message: r, messageType: s, inputDate: o, isAvailable: l, calendarPosition: d} = validateInput(e, a, this.validDates, this.invalidDates, this.startDate, this.endDate, this.defaultFormatString, this.assume);
377
377
  if (d) {
378
378
  const [t, e, a] = d, i = new Date(a, t - 1, e);
379
- r.isValid(i) && (this.selectedMonthYear = setupMonthYear(i), this.dateList = this.buildDateList(this.selectedMonthYear),
379
+ n.isValid(i) && (this.selectedMonthYear = setupMonthYear(i), this.dateList = this.buildDateList(this.selectedMonthYear),
380
380
  this.validateDate());
381
381
  }
382
382
  "Enter" === t.key ? (i || e && e.length > 4 && // at least mm/dd provided
383
- o && r.isValid(o) && l ? this.setCompleteInput(o) : this.value && (this.value = null,
383
+ o && n.isValid(o) && l ? this.setCompleteInput(o) : this.value && (this.value = null,
384
384
  u(this, [ "change", "tctChange" ], {
385
385
  value: null
386
386
  }), this.typedValue = e), this.keyboardSelection ? (this.keyboardSelection = !1,
387
387
  this.closeCalendar()) : this.toggleCalendar()) : this.setHints({
388
388
  isValid: i,
389
- message: n,
389
+ message: r,
390
390
  messageType: s
391
391
  });
392
392
  }, this.onPopupKeyup = t => {
@@ -398,7 +398,7 @@ const g = class {
398
398
  this.readonly || this.open || (this.selectedMonthYear = setupMonthYear(this.dateValue),
399
399
  this.dateList = this.buildDateList(this.selectedMonthYear), this.open = !0);
400
400
  }, this.selectDate = t => {
401
- const {isValid: e} = this.dateList.find((({date: e}) => r.isSameDay(e, t)));
401
+ const {isValid: e} = this.dateList.find((({date: e}) => n.isSameDay(e, t)));
402
402
  e && (u(this, [ "change", "tctChange" ], {
403
403
  value: formatDateISO(t)
404
404
  }), this.typedValue = formatDateShort(t), this.invalid = !1, u(this, [ "success", "tctSuccess" ], {
@@ -439,7 +439,7 @@ const g = class {
439
439
  }), this.value = null, this.typedValue = "";
440
440
  }
441
441
  defaultErrorHandler(t) {
442
- t.target !== this.hostElement || this.hostElement.onerror || ("error" === this.hintMessageType && this.hintMessage ? this.internalError = this.hintMessage : this.internalError = n("tecton.element.calendar.hint.invalidDate"));
442
+ t.target !== this.hostElement || this.hostElement.onerror || ("error" === this.hintMessageType && this.hintMessage ? this.internalError = this.hintMessage : this.internalError = r("tecton.element.calendar.hint.invalidDate"));
443
443
  }
444
444
  delegateFocus(t) {
445
445
  d(t, this.hostElement) && this.controlElement.shadowRoot.querySelector(".input-field").focus();
@@ -480,7 +480,7 @@ const g = class {
480
480
  */ async setValue(t) {
481
481
  var e;
482
482
  const a = "string" == typeof t ? stringToDate(t) : t;
483
- if (!r.isValid(a)) return;
483
+ if (!n.isValid(a)) return;
484
484
  await this.openPopover(), await c(), this.goToMonthYear(a.getMonth(), a.getFullYear()),
485
485
  await c();
486
486
  const i = null === (e = this.calendarTable) || void 0 === e ? void 0 : e.querySelector(`td[data-date="${formatDateISO(a)}"]`);
@@ -499,10 +499,10 @@ const g = class {
499
499
  */ async typeValue(t) {
500
500
  if (!this.typeable) return;
501
501
  const e = "string" == typeof t ? stringToDate(t) : t, a = formatDateShort(e);
502
- if (!r.isValid(e)) return;
503
- const {innerInputField: i, controlElement: n} = this;
502
+ if (!n.isValid(e)) return;
503
+ const {innerInputField: i, controlElement: r} = this;
504
504
  i.focus(), i.dispatchEvent(new FocusEvent("focus")), i.value = a, i.dispatchEvent(new InputEvent("input")),
505
- n.dispatchEvent(new KeyboardEvent("keyup"));
505
+ r.dispatchEvent(new KeyboardEvent("keyup"));
506
506
  }
507
507
  // #endregion
508
508
  // #region Watchers
@@ -563,7 +563,7 @@ const g = class {
563
563
  return this.isTypeable ? this.clearable && !!this.typedValue : this.clearable && !!this.value;
564
564
  }
565
565
  get computedPlaceholder() {
566
- return this.disabled && this.disabledMsg ? n(this.disabledMsg) : this.buttonLabel && (this.disabled || this.placeholder) ? n(this.buttonLabel) : this.placeholder && n(this.placeholder) || "";
566
+ return this.disabled && this.disabledMsg ? r(this.disabledMsg) : this.buttonLabel && (this.disabled || this.placeholder) ? r(this.buttonLabel) : this.placeholder && r(this.placeholder) || "";
567
567
  }
568
568
  get currentWeeks() {
569
569
  return this.dateList.reduce(((t, e, a) => {
@@ -577,7 +577,7 @@ const g = class {
577
577
  return {
578
578
  startDate: stringToDate(this.startDate),
579
579
  endDate: stringToDate(this.endDate),
580
- cutOffTime: r.isValid(t) ? t : void 0
580
+ cutOffTime: n.isValid(t) ? t : void 0
581
581
  };
582
582
  }
583
583
  get dateValue() {
@@ -591,17 +591,17 @@ const g = class {
591
591
  }
592
592
  }
593
593
  get defaultHintMessage() {
594
- return this.typeable ? n("tecton.element.calendar.hint.format") + ": " + this.defaultFormatString : n("tecton.element.calendar.hint.select");
594
+ return this.typeable ? r("tecton.element.calendar.hint.format") + ": " + this.defaultFormatString : r("tecton.element.calendar.hint.select");
595
595
  }
596
596
  get errorList() {
597
597
  const {errors: t, internalError: e, invalid: a} = this;
598
598
  let i = [];
599
- if (e && (i = [ e ]), Array.isArray(t) && t.length) i = t.filter((t => !!t)).map((t => n(t))).concat(i); else if (!e && a) return [ "tecton.element.calendar.invalid" ];
599
+ if (e && (i = [ e ]), Array.isArray(t) && t.length) i = t.filter((t => !!t)).map((t => r(t))).concat(i); else if (!e && a) return [ "tecton.element.calendar.invalid" ];
600
600
  return i;
601
601
  }
602
602
  get formattedValue() {
603
603
  const {typedValue: t, dateValue: e, displayFormat: a, isTypeable: i} = this;
604
- return i ? t : void 0 === e ? "" : a ? r.format(e, a.replace(/[d]/g, "E").replace(/[D]/g, "d").replace(/[Y]/g, "y").replace(/[l]/g, "P").replace(/[W]/g, "I")) : new Intl.DateTimeFormat("en-US", {
604
+ return i ? t : void 0 === e ? "" : a ? n.format(e, a.replace(/[d]/g, "E").replace(/[D]/g, "d").replace(/[Y]/g, "y").replace(/[l]/g, "P").replace(/[W]/g, "I")) : new Intl.DateTimeFormat("en-US", {
605
605
  year: "numeric",
606
606
  month: "2-digit",
607
607
  day: "2-digit",
@@ -610,7 +610,7 @@ const g = class {
610
610
  }
611
611
  get hintList() {
612
612
  const {hints: t, hintMessageType: e, hintMessage: a} = this;
613
- return Array.isArray(t) && t.length ? t.filter((t => !!t)).map((t => n(t))) : "info" === e && a ? [ a ] : [];
613
+ return Array.isArray(t) && t.length ? t.filter((t => !!t)).map((t => r(t))) : "info" === e && a ? [ a ] : [];
614
614
  }
615
615
  get innerInputContainer() {
616
616
  var t, e;
@@ -691,11 +691,11 @@ const g = class {
691
691
  var t, e, a;
692
692
  try {
693
693
  if (this.value) {
694
- const {dateValue: i} = this, r = null !== (t = null == i ? void 0 : i.getMonth()) && void 0 !== t ? t : void 0, n = null !== (e = null == i ? void 0 : i.getFullYear()) && void 0 !== e ? e : void 0, {monthIndex: s, selectedYear: o} = this.selectedMonthYear;
694
+ const {dateValue: i} = this, n = null !== (t = null == i ? void 0 : i.getMonth()) && void 0 !== t ? t : void 0, r = null !== (e = null == i ? void 0 : i.getFullYear()) && void 0 !== e ? e : void 0, {monthIndex: s, selectedYear: o} = this.selectedMonthYear;
695
695
  let l = [];
696
- l = i ? r === s && n === o ? this.dateList : this.buildDateList({
697
- monthIndex: r,
698
- selectedYear: n
696
+ l = i ? n === s && r === o ? this.dateList : this.buildDateList({
697
+ monthIndex: n,
698
+ selectedYear: r
699
699
  }) : [];
700
700
  const d = null !== (a = null == i ? void 0 : i.getDate()) && void 0 !== a ? a : void 0;
701
701
  !d || !l.find((({integer: t}) => t === d)).isValid ? u(this, [ "error", "tctError" ], {
@@ -718,7 +718,9 @@ const g = class {
718
718
  role: "grid",
719
719
  "aria-labelledby": "table-label",
720
720
  ref: t => this.calendarTable = t
721
- }, a("thead", null, a("tr", null, [ ...Array(7).keys() ].map((t => a("th", {
721
+ }, a("caption", {
722
+ class: "sr"
723
+ }, r("tecton.element.calendar.caption")), a("thead", null, a("tr", null, [ ...Array(7).keys() ].map((t => a("th", {
722
724
  scope: "col",
723
725
  "aria-label": this.dayStrings[t]
724
726
  }, this.dayAbbrStrings[t]))))), a("tbody", {
@@ -729,17 +731,17 @@ const g = class {
729
731
  }, this.currentWeeks.map((t => a("tr", null, t.map((t => {
730
732
  var e;
731
733
  let i = "";
732
- return t.isToday && (i = `${n("tecton.element.calendar.today")}, `), i += function(t) {
734
+ return t.isToday && (i = `${r("tecton.element.calendar.today")}, `), i += function(t) {
733
735
  if (!t) return;
734
736
  const e = new Date(t);
735
- return r.isValid(e) ? (m || (m = new Intl.DateTimeFormat("en-US", {
737
+ return n.isValid(e) ? (m || (m = new Intl.DateTimeFormat("en-US", {
736
738
  month: "long",
737
739
  day: "numeric",
738
740
  year: "numeric",
739
741
  weekday: "long",
740
742
  timeZone: Intl.DateTimeFormat().resolvedOptions().timeZone
741
743
  })), m.format(e)) : void 0;
742
- }(t.date), t.isSelected && (i += ` (${n("tecton.element.calendar.selected")})`),
744
+ }(t.date), t.isSelected && (i += ` (${r("tecton.element.calendar.selected")})`),
743
745
  a("td", {
744
746
  class: t.classList,
745
747
  "aria-hidden": t.isEmpty ? "true" : void 0,
@@ -752,7 +754,7 @@ const g = class {
752
754
  }, (null == t ? void 0 : t.isToday) && a("div", {
753
755
  class: "today-decorator",
754
756
  "aria-hidden": "true"
755
- }, n("tecton.element.calendar.today")), a("div", {
757
+ }, r("tecton.element.calendar.today")), a("div", {
756
758
  class: "day-integer",
757
759
  "aria-label": i,
758
760
  role: "text"
@@ -766,10 +768,10 @@ const g = class {
766
768
  onKeyUp: this.onPopupKeyup
767
769
  }, this.calendarLabel && a("p", {
768
770
  class: "calendar-label"
769
- }, n(this.calendarLabel)), a("div", {
771
+ }, r(this.calendarLabel)), a("div", {
770
772
  class: "cal-month-heading"
771
773
  }, a("q2-btn", {
772
- label: n("tecton.element.calendar.previousMonth"),
774
+ label: r("tecton.element.calendar.previousMonth"),
773
775
  "hide-label": !0,
774
776
  ref: t => this.btnPrevMonth = t,
775
777
  class: "cal-nav-btn prev-month",
@@ -780,7 +782,7 @@ const g = class {
780
782
  })), a("span", {
781
783
  class: "cal-month-text"
782
784
  }, this.monthStrings[t]), a("q2-btn", {
783
- label: n("tecton.element.calendar.nextMonth"),
785
+ label: r("tecton.element.calendar.nextMonth"),
784
786
  "hide-label": !0,
785
787
  class: "cal-nav-btn next-month",
786
788
  ref: t => this.btnNextMonth = t,
@@ -789,7 +791,7 @@ const g = class {
789
791
  }, a("q2-icon", {
790
792
  type: "chevron-right"
791
793
  })), a("q2-btn", {
792
- label: n("tecton.element.calendar.previousYear"),
794
+ label: r("tecton.element.calendar.previousYear"),
793
795
  "hide-label": !0,
794
796
  class: "cal-nav-btn prev-year",
795
797
  ref: t => this.btnPrevYear = t,
@@ -800,7 +802,7 @@ const g = class {
800
802
  })), a("span", {
801
803
  class: "cal-year-text"
802
804
  }, this.selectedMonthYear.selectedYear), a("q2-btn", {
803
- label: n("tecton.element.calendar.nextYear"),
805
+ label: r("tecton.element.calendar.nextYear"),
804
806
  "hide-label": !0,
805
807
  class: "cal-nav-btn next-year",
806
808
  ref: t => this.btnNextYear = t,
@@ -815,7 +817,7 @@ const g = class {
815
817
  id: "table-label"
816
818
  }, `${this.monthStrings[t]} ${e}`), this.renderCalendarDays(), this.disclaimer && a("div", {
817
819
  class: "calendar-disclaimer"
818
- }, n(this.disclaimer)), a("div", {
820
+ }, r(this.disclaimer)), a("div", {
819
821
  tabindex: "0",
820
822
  class: "sr refocus-popup",
821
823
  onFocus: this.onRefocus
@@ -829,12 +831,12 @@ const g = class {
829
831
  }, this.hintMessage);
830
832
  }
831
833
  renderInputField() {
832
- const {isTypeable: t} = this;
834
+ const {isTypeable: t, label: e} = this;
833
835
  return a("q2-input", {
834
836
  ref: t => this.controlElement = t,
835
837
  class: "calendar-input-field",
836
838
  value: this.formattedValue,
837
- label: n(this.label),
839
+ label: r(e),
838
840
  hideLabel: this.hideLabel,
839
841
  disabled: !!this.disabled,
840
842
  readonly: !!this.readonly,
@@ -842,8 +844,9 @@ const g = class {
842
844
  placeholder: this.computedPlaceholder,
843
845
  optional: !!this.optional,
844
846
  valid: this.valid,
845
- "aria-expanded": `${!!this.open}`,
846
- "aria-controls": "calendar-popover",
847
+ ariaExpanded: `${!!this.open}`,
848
+ ariaControls: "calendar-popover",
849
+ ariaHaspopup: "dialog",
847
850
  hints: this.hintList,
848
851
  errors: this.errorList,
849
852
  onClick: t ? void 0 : this.onInputClick,
@@ -867,19 +870,21 @@ const g = class {
867
870
  slot: "input-right",
868
871
  onClick: this.onInputClick,
869
872
  "test-id": "calendarToggle",
870
- label: "tecton.element.calendar.toggleAriaLabel",
871
- "hide-label": !0
873
+ label: r("tecton.element.calendar.toggleAriaLabel", [ r(e || "tecton.element.calendar.defaultLabel") ]),
874
+ ariaExpanded: `${!!this.open}`,
875
+ "hide-label": !0,
876
+ disabled: !!this.disabled || !!this.readonly
872
877
  }, a("q2-icon", {
873
878
  type: "calendar"
874
879
  })));
875
880
  }
876
881
  render() {
877
882
  return a("click-elsewhere", {
878
- key: "b13259be3c0d64bff32654faf0c738a7a7450c4e",
883
+ key: "e7bcb2f1aec6ca1149742b0b3edc0a7bbf9ce925",
879
884
  class: this.open ? "dropdown-open" : void 0,
880
885
  onChange: this.onClickElsewhere
881
886
  }, this.renderInputField(), a("q2-popover", {
882
- key: "2e183cd962e7abc4186b93da7edd835e0db5504a",
887
+ key: "c80c5d1ecfb42a319bba294b20f519a2be6808e1",
883
888
  ref: t => this.popoverElement = t,
884
889
  id: "calendar-popover",
885
890
  controlElement: this.innerInputContainer,
@@ -930,6 +935,6 @@ const g = class {
930
935
  }
931
936
  };
932
937
 
933
- g.style = "*{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-calendar-margin:var(--tct-calendar-margin-top, var(--t-calendar-margin-top, var(--app-scale-5x, 25px))) 0 var(--tct-calendar-margin-bottom, var(--t-calendar-margin-bottom, var(--app-scale-5x, 25px)));display:block;margin:var(--tct-calendar-margin, var(--comp-default-calendar-margin))}:host[hidden]{display:none}click-elsewhere{position:relative;display:block}q2-input{margin:0;cursor:pointer;--tct-input-btn-hover-background:var(--tct-calendar-btn-hover-background, var(--app-gray-l3, #f2f2f2));--tct-input-btn-icon-stroke-primary:var(--tct-calendar-btn-icon-stroke-primary, var(--app-gray, #747474));--tct-input-btn-icon-stroke-secondary:var(--tct-calendar-btn-icon-stroke-secondary, var(--app-gray, #747474))}q2-popover{--comp-min-tappable-size:44px;--comp-table-border-spacing:2px;--comp-min-tappable-size-and-spacing:calc(var(--comp-min-tappable-size) + var(--comp-table-border-spacing));--comp-popover-padding:var(--tct-calendar-popover-padding, var(--t-calendar-popover-padding, var(--app-scale-1x, 5px)));--comp-min-table-width:calc(var(--comp-min-tappable-size-and-spacing) * 7);--comp-table-container-border-spacing:calc(var(--comp-table-border-spacing) * 2);--comp-popover-total-padding:calc(var(--comp-popover-padding) * 2);--tct-popover-min-width:calc( var(--comp-min-table-width) + var(--comp-table-container-border-spacing) + var(--comp-popover-total-padding) )}.calendar-field-popup{padding:var(--comp-popover-padding)}.calendar-label{--comp-label-padding:var(--tct-calendar-label-padding, var(--tct-calendar-label-vertical-padding, var(--t-calendar-label-vertical-padding, var(--tct-scale-2, var(--app-scale-2x, 10px)))) 0);font-size:var(--tct-calendar-label-font-size, var(--t-calendar-label-font-size, 16px));flex:1 1;flex-basis:calc(100% - var(--tct-btn-icon-width, 44px));margin:0;padding:var(--comp-label-padding)}.cal-month-heading{padding:0 0 0.75rem;display:flex;justify-content:center;align-items:center;font-size:var(--tct-calendar-month-font-size, var(--t-calendar-month-font-size, 16px));font-weight:var(--tct-calendar-month-font-weight, var(--t-calendar-month-font-weight, 600));text-align:center}.cal-month-text{min-width:82px;display:inline-block}.cal-year-text{min-width:50px;display:inline-block}table{width:100%;margin-bottom:2px;text-align:center;border-spacing:var(--comp-table-border-spacing)}th{font-size:var(--tct-calendar-day-heading-font-size, var(--t-calendar-day-heading-font-size, inherit));font-weight:var(--tct-calendar-day-heading-font-weight, var(--t-calendar-day-heading-font-weight, 600));width:14.285714%}td{height:var(--comp-min-tappable-size);cursor:pointer;border:var(--tct-calendar-day-border, var(--t-calendar-day-border, 0));border-radius:var(--tct-calendar-day-border-radius, var(--t-calendar-day-border-radius))}td.is-unavailable{border:1px solid var(--tct-input-error-border-color, var(--const-stoplight-alert, #d20a0a))}td.is-valid:hover{border:var(--tct-calendar-day-hover-border, var(--t-calendar-day-hover-border, var(--tct-calendar-day-border, var(--t-calendar-day-border, 0))));border-radius:var(--tct-calendar-day-hover-border-radius, var(--t-calendar-day-hover-border-radius, var(--tct-calendar-day-border-radius, var(--t-calendar-day-border-radius))));background:var(--tct-calendar-day-hover-background, var(--tct-calendar-day-hover-bg, var(--t-calendar-day-hover-bg, var(--tct-gray-14, var(--app-gray14, var(--tct-gray-l4, var(--app-gray-l4, #f2f2f2)))))));color:var(--tct-calendar-day-hover-font-color, var(--t-calendar-day-hover-font-color, inherit))}td[aria-hidden],td[aria-disabled]{pointer-events:none;cursor:not-allowed}td[aria-disabled]{opacity:var(--tct-calendar-day-disabled-opacity, var(--t-calendar-day-disabled-opacity, var(--app-disabled-opacity, 0.4)))}td[aria-selected=true]{border:var(--tct-calendar-day-selected-border, var(--t-calendar-day-selected-border, var(--tct-calendar-day-border, var(--t-calendar-day-border, 0))));border-radius:var(--tct-calendar-day-selected-border-radius, var(--t-calendar-day-selected-border-radius, var(--tct-calendar-day-border-radius, var(--t-calendar-day-border-radius))));background:var(--tct-calendar-day-selected-background, var(--tct-calendar-day-selected-bg, var(--t-calendar-day-selected-bg, var(--tct-calendar-day-hover-background, var(--tct-calendar-day-hover-bg, var(--t-calendar-day-hover-bg, var(--tct-gray-14, var(--t-gray-14, var(--tct-gray-l4, var(--app-gray-l4, #f2f2f2))))))))));color:var(--tct-calendar-day-selected-font-color, var(--t-calendar-day-selected-font-color, var(--tct-calendar-day-hover-font-color, var(--t-calendar-day-hover-font-color, inherit))));box-shadow:0 0 0 2px var(--tct-calendar-day-selected-outline-color, var(--t-calendar-day-selected-outline-color, var(--tct-stoplight-info, var(--const-stoplight-info, #0079c1))))}td[aria-selected=true]:focus{box-shadow:0 0 0 2px var(--tct-calendar-day-selected-outline-color, var(--t-calendar-day-selected-outline-color, var(--tct-stoplight-info, var(--const-stoplight-info, #0079c1)))), 0 0 0 4px var(--tct-calendar-day-focused-outer-ring-color, var(--const-focus-color, #0066cc))}td:focus-visible{box-shadow:0 0 0 2px var(--tct-calendar-day-focus-visible-inner-ring-color, #ffffff), 0 0 0 4px var(--tct-calendar-day-focus-visible-outer-ring-color, var(--const-focus-color, #0066cc))}.today-decorator{text-transform:uppercase;font-weight:700;font-size:var(--tct-calendar-today-decorator-font-size, 10px);height:12px}.day-integer{font-size:var(--tct-calendar-day-integer-font-size, inherit)}.calendar-disclaimer{font-size:var(--tct-calendar-disclaimer-font-size, var(--t-calendar-disclaimer-font-size, var(--tct-font-size-small, var(--app-font-size-small, 12px))));border-style:solid;border-width:var(--tct-calendar-disclaimer-border-width, var(--t-calendar-disclaimer-border-width, 1px 0 0 0));border-color:var(--tct-calendar-disclaimer-border-color, var(--t-calendar-disclaimer-border-color, var(--tct-gray-13, var(--t-gray-13, var(--tct-gray-l3, var(--app-gray-l3, #e6e6e6))))));padding:var(--tct-calendar-disclaimer-padding, var(--tct-scale-2, var(--app-scale-2x, 10px)));text-align:left}";
938
+ y.style = '*{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}@container style(--t-prefers-motion: "reduced"){*,*::before,*::after{animation-duration:0.01ms !important;transition-duration:0.01ms !important;animation-delay:0ms !important;transition-delay:0ms !important}}@container (not style(--t-prefers-motion: "normal")) and (not style(--t-prefers-motion: "reduced")){@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:0.01ms !important;transition-duration:0.01ms !important;animation-delay:0ms !important;transition-delay:0ms !important}}}:host{--comp-default-calendar-margin:var(--tct-calendar-margin-top, var(--t-calendar-margin-top, var(--app-scale-5x, 25px))) 0 var(--tct-calendar-margin-bottom, var(--t-calendar-margin-bottom, var(--app-scale-5x, 25px)));display:block;margin:var(--tct-calendar-margin, var(--comp-default-calendar-margin))}:host[hidden]{display:none}click-elsewhere{position:relative;display:block}q2-input{margin:0;cursor:pointer;--tct-input-btn-hover-background:var(--tct-calendar-btn-hover-background, var(--app-gray-l3, #f2f2f2));--tct-input-btn-icon-stroke-primary:var(--tct-calendar-btn-icon-stroke-primary, var(--app-gray, #747474));--tct-input-btn-icon-stroke-secondary:var(--tct-calendar-btn-icon-stroke-secondary, var(--app-gray, #747474))}q2-popover{--comp-min-tappable-size:44px;--comp-table-border-spacing:2px;--comp-min-tappable-size-and-spacing:calc(var(--comp-min-tappable-size) + var(--comp-table-border-spacing));--comp-popover-padding:var(--tct-calendar-popover-padding, var(--t-calendar-popover-padding, var(--app-scale-1x, 5px)));--comp-min-table-width:calc(var(--comp-min-tappable-size-and-spacing) * 7);--comp-table-container-border-spacing:calc(var(--comp-table-border-spacing) * 2);--comp-popover-total-padding:calc(var(--comp-popover-padding) * 2);--tct-popover-min-width:calc( var(--comp-min-table-width) + var(--comp-table-container-border-spacing) + var(--comp-popover-total-padding) )}.calendar-field-popup{padding:var(--comp-popover-padding)}.calendar-label{--comp-label-padding:var(--tct-calendar-label-padding, var(--tct-calendar-label-vertical-padding, var(--t-calendar-label-vertical-padding, var(--tct-scale-2, var(--app-scale-2x, 10px)))) 0);font-size:var(--tct-calendar-label-font-size, var(--t-calendar-label-font-size, var(--const-px-16, 16px)));flex:1 1;flex-basis:calc(100% - var(--tct-btn-icon-width, 44px));margin:0;padding:var(--comp-label-padding)}.cal-month-heading{padding:0 0 0.75rem;display:flex;justify-content:center;align-items:center;font-size:var(--tct-calendar-month-font-size, var(--t-calendar-month-font-size, var(--const-px-16, 16px)));font-weight:var(--tct-calendar-month-font-weight, var(--t-calendar-month-font-weight, 600));text-align:center}.cal-month-text{min-width:82px;display:inline-block}.cal-year-text{min-width:50px;display:inline-block}table{width:100%;margin-bottom:2px;text-align:center;border-spacing:var(--comp-table-border-spacing)}th{font-size:var(--tct-calendar-day-heading-font-size, var(--t-calendar-day-heading-font-size, inherit));font-weight:var(--tct-calendar-day-heading-font-weight, var(--t-calendar-day-heading-font-weight, 600));width:14.285714%}td{height:var(--comp-min-tappable-size);cursor:pointer;border:var(--tct-calendar-day-border, var(--t-calendar-day-border, 0));border-radius:var(--tct-calendar-day-border-radius, var(--t-calendar-day-border-radius))}td.is-unavailable{border:1px solid var(--tct-input-error-border-color, var(--const-stoplight-alert, #d20a0a))}td.is-valid:hover{border:var(--tct-calendar-day-hover-border, var(--t-calendar-day-hover-border, var(--tct-calendar-day-border, var(--t-calendar-day-border, 0))));border-radius:var(--tct-calendar-day-hover-border-radius, var(--t-calendar-day-hover-border-radius, var(--tct-calendar-day-border-radius, var(--t-calendar-day-border-radius))));background:var(--tct-calendar-day-hover-background, var(--tct-calendar-day-hover-bg, var(--t-calendar-day-hover-bg, var(--tct-gray-14, var(--app-gray14, var(--tct-gray-l4, var(--app-gray-l4, #f2f2f2)))))));color:var(--tct-calendar-day-hover-font-color, var(--t-calendar-day-hover-font-color, inherit))}td[aria-hidden],td[aria-disabled]{pointer-events:none;cursor:not-allowed}td[aria-disabled]{opacity:var(--tct-calendar-day-disabled-opacity, var(--t-calendar-day-disabled-opacity, var(--app-disabled-opacity, 0.4)))}td[aria-selected=true]{border:var(--tct-calendar-day-selected-border, var(--t-calendar-day-selected-border, var(--tct-calendar-day-border, var(--t-calendar-day-border, 0))));border-radius:var(--tct-calendar-day-selected-border-radius, var(--t-calendar-day-selected-border-radius, var(--tct-calendar-day-border-radius, var(--t-calendar-day-border-radius))));background:var(--tct-calendar-day-selected-background, var(--tct-calendar-day-selected-bg, var(--t-calendar-day-selected-bg, var(--tct-calendar-day-hover-background, var(--tct-calendar-day-hover-bg, var(--t-calendar-day-hover-bg, var(--tct-gray-14, var(--t-gray-14, var(--tct-gray-l4, var(--app-gray-l4, #f2f2f2))))))))));color:var(--tct-calendar-day-selected-font-color, var(--t-calendar-day-selected-font-color, var(--tct-calendar-day-hover-font-color, var(--t-calendar-day-hover-font-color, inherit))));box-shadow:0 0 0 2px var(--tct-calendar-day-selected-outline-color, var(--t-calendar-day-selected-outline-color, var(--tct-stoplight-info, var(--const-stoplight-info, #0079c1))))}td[aria-selected=true]:focus{box-shadow:0 0 0 2px var(--tct-calendar-day-selected-outline-color, var(--t-calendar-day-selected-outline-color, var(--tct-stoplight-info, var(--const-stoplight-info, #0079c1)))), 0 0 0 4px var(--tct-calendar-day-focused-outer-ring-color, var(--const-focus-color, #0066cc))}td:focus-visible{box-shadow:0 0 0 2px var(--tct-calendar-day-focus-visible-inner-ring-color, #ffffff), 0 0 0 4px var(--tct-calendar-day-focus-visible-outer-ring-color, var(--const-focus-color, #0066cc))}.today-decorator{text-transform:uppercase;font-weight:700;font-size:var(--tct-calendar-today-decorator-font-size, var(--const-px-10, 10px));height:12px}.day-integer{font-size:var(--tct-calendar-day-integer-font-size, inherit)}.calendar-disclaimer{font-size:var(--tct-calendar-disclaimer-font-size, var(--t-calendar-disclaimer-font-size, var(--tct-font-size-small, var(--app-font-size-small, var(--const-px-12, 12px)))));border-style:solid;border-width:var(--tct-calendar-disclaimer-border-width, var(--t-calendar-disclaimer-border-width, 1px 0 0 0));border-color:var(--tct-calendar-disclaimer-border-color, var(--t-calendar-disclaimer-border-color, var(--tct-gray-13, var(--t-gray-13, var(--tct-gray-l3, var(--app-gray-l3, #e6e6e6))))));padding:var(--tct-calendar-disclaimer-padding, var(--tct-scale-2, var(--app-scale-2x, 10px)));text-align:left}';
934
939
 
935
- export { g as q2_calendar }
940
+ export { y as q2_calendar }