q2-tecton-elements 1.51.1 → 1.51.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (469) hide show
  1. package/dist/cjs/click-elsewhere_2.cjs.entry.js +66 -71
  2. package/dist/cjs/click-elsewhere_2.cjs.entry.js.map +1 -1
  3. package/dist/cjs/{index-9aa4a776.js → index-c4a56631.js} +1 -21
  4. package/dist/cjs/index-c4a56631.js.map +1 -0
  5. package/dist/cjs/loader.cjs.js +1 -1
  6. package/dist/cjs/q2-action-group.cjs.entry.js +1 -1
  7. package/dist/cjs/q2-action-sheet.cjs.entry.js +2 -2
  8. package/dist/cjs/q2-avatar.cjs.entry.js +1 -1
  9. package/dist/cjs/q2-badge_7.cjs.entry.js +12 -4
  10. package/dist/cjs/q2-badge_7.cjs.entry.js.map +1 -1
  11. package/dist/cjs/q2-calendar.cjs.entry.js +1 -1
  12. package/dist/cjs/q2-card.cjs.entry.js +1 -1
  13. package/dist/cjs/q2-carousel-pane.cjs.entry.js +3 -3
  14. package/dist/cjs/q2-carousel.cjs.entry.js +1 -1
  15. package/dist/cjs/q2-chart-area.cjs.entry.js +2 -2
  16. package/dist/cjs/q2-chart-bar.cjs.entry.js +2 -2
  17. package/dist/cjs/q2-chart-donut.cjs.entry.js +2 -2
  18. package/dist/cjs/q2-checkbox-group.cjs.entry.js +1 -1
  19. package/dist/cjs/q2-checkbox.cjs.entry.js +1 -1
  20. package/dist/cjs/q2-currency.cjs.entry.js +1 -1
  21. package/dist/cjs/q2-data-table.cjs.entry.js +1 -1
  22. package/dist/cjs/q2-detail.cjs.entry.js +2 -2
  23. package/dist/cjs/q2-dropdown-item.cjs.entry.js +1 -1
  24. package/dist/cjs/q2-dropdown.cjs.entry.js +10 -12
  25. package/dist/cjs/q2-dropdown.cjs.entry.js.map +1 -1
  26. package/dist/cjs/q2-editable-field.cjs.entry.js +7 -8
  27. package/dist/cjs/q2-editable-field.cjs.entry.js.map +1 -1
  28. package/dist/cjs/q2-formatted-text.cjs.entry.js +1 -1
  29. package/dist/cjs/q2-item.cjs.entry.js +2 -2
  30. package/dist/cjs/q2-legend.cjs.entry.js +1 -1
  31. package/dist/cjs/q2-list.cjs.entry.js +2 -2
  32. package/dist/cjs/q2-loc.cjs.entry.js +2 -2
  33. package/dist/cjs/q2-message.cjs.entry.js +2 -2
  34. package/dist/cjs/q2-month-picker.cjs.entry.js +3 -3
  35. package/dist/cjs/q2-optgroup.cjs.entry.js +2 -2
  36. package/dist/cjs/q2-option-list.cjs.entry.js +1 -1
  37. package/dist/cjs/q2-option.cjs.entry.js +1 -1
  38. package/dist/cjs/q2-pagination.cjs.entry.js +3 -3
  39. package/dist/cjs/q2-pill.cjs.entry.js +2 -2
  40. package/dist/cjs/q2-radio-group.cjs.entry.js +1 -1
  41. package/dist/cjs/q2-radio.cjs.entry.js +1 -1
  42. package/dist/cjs/q2-relative-time.cjs.entry.js +2 -2
  43. package/dist/cjs/q2-resize-observer.cjs.entry.js +1 -1
  44. package/dist/cjs/q2-section.cjs.entry.js +3 -3
  45. package/dist/cjs/q2-select.cjs.entry.js +93 -16
  46. package/dist/cjs/q2-select.cjs.entry.js.map +1 -1
  47. package/dist/cjs/q2-stepper-pane.cjs.entry.js +1 -1
  48. package/dist/cjs/q2-stepper-vertical.cjs.entry.js +2 -2
  49. package/dist/cjs/q2-stepper.cjs.entry.js +2 -2
  50. package/dist/cjs/q2-tag.cjs.entry.js +2 -2
  51. package/dist/cjs/q2-tecton-elements.cjs.js +1 -1
  52. package/dist/cjs/q2-textarea.cjs.entry.js +3 -2
  53. package/dist/cjs/q2-textarea.cjs.entry.js.map +1 -1
  54. package/dist/cjs/q2-tooltip.cjs.entry.js +1 -1
  55. package/dist/cjs/tecton-tab-pane.cjs.entry.js +2 -2
  56. package/dist/collection/components/click-elsewhere/click-elsewhere.js.map +1 -1
  57. package/dist/collection/components/click-elsewhere/test/click-elsewhere-test.e2e.js.map +1 -1
  58. package/dist/collection/components/q2-action-group/q2-action-group.js +1 -1
  59. package/dist/collection/components/q2-action-group/q2-action-group.js.map +1 -1
  60. package/dist/collection/components/q2-action-group/test/q2-action-group.e2e.js.map +1 -1
  61. package/dist/collection/components/q2-action-group/test/q2-action-group.spec.js.map +1 -1
  62. package/dist/collection/components/q2-action-sheet/q2-action-sheet.js +1 -1
  63. package/dist/collection/components/q2-action-sheet/q2-action-sheet.js.map +1 -1
  64. package/dist/collection/components/q2-action-sheet/test/q2-action-sheet-test.e2e.js.map +1 -1
  65. package/dist/collection/components/q2-avatar/q2-avatar.js +1 -1
  66. package/dist/collection/components/q2-avatar/q2-avatar.js.map +1 -1
  67. package/dist/collection/components/q2-avatar/test/q2-avatar-test.e2e.js.map +1 -1
  68. package/dist/collection/components/q2-badge/q2-badge.js.map +1 -1
  69. package/dist/collection/components/q2-badge/test/q2-badge-test.e2e.js.map +1 -1
  70. package/dist/collection/components/q2-btn/q2-btn.js +4 -0
  71. package/dist/collection/components/q2-btn/q2-btn.js.map +1 -1
  72. package/dist/collection/components/q2-btn/test/q2-btn-test.e2e.js.map +1 -1
  73. package/dist/collection/components/q2-calendar/q2-calendar-helpers.js.map +1 -1
  74. package/dist/collection/components/q2-calendar/q2-calendar-types.js.map +1 -1
  75. package/dist/collection/components/q2-calendar/q2-calendar-validation.js.map +1 -1
  76. package/dist/collection/components/q2-calendar/q2-calendar.js.map +1 -1
  77. package/dist/collection/components/q2-calendar/q2-month-picker.js +2 -2
  78. package/dist/collection/components/q2-calendar/q2-month-picker.js.map +1 -1
  79. package/dist/collection/components/q2-calendar/test/helpers-test.e2e.js.map +1 -1
  80. package/dist/collection/components/q2-calendar/test/q2-calendar-month-picker-test.e2e.js.map +1 -1
  81. package/dist/collection/components/q2-calendar/test/q2-calendar-test.e2e.js +2 -2
  82. package/dist/collection/components/q2-calendar/test/q2-calendar-test.e2e.js.map +1 -1
  83. package/dist/collection/components/q2-calendar/test/validation-test.e2e.js.map +1 -1
  84. package/dist/collection/components/q2-card/q2-card.js.map +1 -1
  85. package/dist/collection/components/q2-card/test/q2-card-test.e2e.js.map +1 -1
  86. package/dist/collection/components/q2-carousel/q2-carousel.js.map +1 -1
  87. package/dist/collection/components/q2-carousel/test/q2-carousel-test.e2e.js.map +1 -1
  88. package/dist/collection/components/q2-carousel-pane/q2-carousel-pane.js +2 -2
  89. package/dist/collection/components/q2-carousel-pane/q2-carousel-pane.js.map +1 -1
  90. package/dist/collection/components/q2-carousel-pane/test/q2-carousel-pane-test.e2e.js.map +1 -1
  91. package/dist/collection/components/q2-carousel-pane/test/q2-carousel-pane-test.spec.js.map +1 -1
  92. package/dist/collection/components/q2-chart-area/q2-chart-area.js +1 -1
  93. package/dist/collection/components/q2-chart-area/q2-chart-area.js.map +1 -1
  94. package/dist/collection/components/q2-chart-area/test/q2-chart-area-test.e2e.js.map +1 -1
  95. package/dist/collection/components/q2-chart-bar/q2-chart-bar.js +1 -1
  96. package/dist/collection/components/q2-chart-bar/q2-chart-bar.js.map +1 -1
  97. package/dist/collection/components/q2-chart-bar/test/q2-chart-bar-test.e2e.js.map +1 -1
  98. package/dist/collection/components/q2-chart-donut/q2-chart-donut.js +1 -1
  99. package/dist/collection/components/q2-chart-donut/q2-chart-donut.js.map +1 -1
  100. package/dist/collection/components/q2-chart-donut/test/q2-chart-donut-test.e2e.js.map +1 -1
  101. package/dist/collection/components/q2-checkbox/q2-checkbox.js.map +1 -1
  102. package/dist/collection/components/q2-checkbox/test/q2-checkbox-test.e2e.js.map +1 -1
  103. package/dist/collection/components/q2-checkbox-group/q2-checkbox-group.js.map +1 -1
  104. package/dist/collection/components/q2-checkbox-group/test/q2-checkbox-group-test.e2e.js.map +1 -1
  105. package/dist/collection/components/q2-currency/q2-currency.js +1 -1
  106. package/dist/collection/components/q2-currency/q2-currency.js.map +1 -1
  107. package/dist/collection/components/q2-currency/test/q2-currency-test.e2e.js.map +1 -1
  108. package/dist/collection/components/q2-data-table/q2-data-table.js.map +1 -1
  109. package/dist/collection/components/q2-data-table/test/q2-data-table-test.e2e.js.map +1 -1
  110. package/dist/collection/components/q2-detail/q2-detail.js +1 -1
  111. package/dist/collection/components/q2-detail/q2-detail.js.map +1 -1
  112. package/dist/collection/components/q2-detail/test/q2-detail-test.e2e.js.map +1 -1
  113. package/dist/collection/components/q2-dropdown/q2-dropdown.js +9 -11
  114. package/dist/collection/components/q2-dropdown/q2-dropdown.js.map +1 -1
  115. package/dist/collection/components/q2-dropdown/test/q2-dropdown-test.e2e.js +5 -17
  116. package/dist/collection/components/q2-dropdown/test/q2-dropdown-test.e2e.js.map +1 -1
  117. package/dist/collection/components/q2-dropdown-item/q2-dropdown-item.js.map +1 -1
  118. package/dist/collection/components/q2-dropdown-item/test/q2-dropdown-item-test.e2e.js.map +1 -1
  119. package/dist/collection/components/q2-editable-field/q2-editable-field.js +12 -7
  120. package/dist/collection/components/q2-editable-field/q2-editable-field.js.map +1 -1
  121. package/dist/collection/components/q2-editable-field/test/q2-editable-field-test.e2e.js.map +1 -1
  122. package/dist/collection/components/q2-formatted-text/q2-formatted-text.js +1 -1
  123. package/dist/collection/components/q2-formatted-text/q2-formatted-text.js.map +1 -1
  124. package/dist/collection/components/q2-formatted-text/test/q2-formatted-text-test.e2e.js.map +1 -1
  125. package/dist/collection/components/q2-icon/q2-icon-types.js.map +1 -1
  126. package/dist/collection/components/q2-icon/q2-icon.js +4 -0
  127. package/dist/collection/components/q2-icon/q2-icon.js.map +1 -1
  128. package/dist/collection/components/q2-icon/test/q2-icon-test.e2e.js.map +1 -1
  129. package/dist/collection/components/q2-input/formatting/alpha.js.map +1 -1
  130. package/dist/collection/components/q2-input/formatting/alphanumeric.js.map +1 -1
  131. package/dist/collection/components/q2-input/formatting/credit-card.js.map +1 -1
  132. package/dist/collection/components/q2-input/formatting/credit-card.spec.js.map +1 -1
  133. package/dist/collection/components/q2-input/formatting/currency.js.map +1 -1
  134. package/dist/collection/components/q2-input/formatting/date.js.map +1 -1
  135. package/dist/collection/components/q2-input/formatting/generic.js.map +1 -1
  136. package/dist/collection/components/q2-input/formatting/number.js.map +1 -1
  137. package/dist/collection/components/q2-input/formatting/numeric.js.map +1 -1
  138. package/dist/collection/components/q2-input/formatting/phone.js.map +1 -1
  139. package/dist/collection/components/q2-input/formatting/postal.js.map +1 -1
  140. package/dist/collection/components/q2-input/formatting/ssn.js.map +1 -1
  141. package/dist/collection/components/q2-input/formatting/tin.js.map +1 -1
  142. package/dist/collection/components/q2-input/q2-input-types.js.map +1 -1
  143. package/dist/collection/components/q2-input/q2-input.js +1 -1
  144. package/dist/collection/components/q2-input/q2-input.js.map +1 -1
  145. package/dist/collection/components/q2-input/test/q2-input-credit-card-test.e2e.js.map +1 -1
  146. package/dist/collection/components/q2-input/test/q2-input-test.e2e.js.map +1 -1
  147. package/dist/collection/components/q2-item/q2-item.js +1 -1
  148. package/dist/collection/components/q2-item/q2-item.js.map +1 -1
  149. package/dist/collection/components/q2-item/test/q2-item-test.e2e.js.map +1 -1
  150. package/dist/collection/components/q2-item/test/q2-item-test.spec.js.map +1 -1
  151. package/dist/collection/components/q2-legend/q2-legend.js +1 -1
  152. package/dist/collection/components/q2-legend/q2-legend.js.map +1 -1
  153. package/dist/collection/components/q2-legend/test/q2-legend-test.e2e.js.map +1 -1
  154. package/dist/collection/components/q2-legend/test/q2-legend-test.spec.js.map +1 -1
  155. package/dist/collection/components/q2-link/q2-link.js.map +1 -1
  156. package/dist/collection/components/q2-link/test/q2-link-test.e2e.js.map +1 -1
  157. package/dist/collection/components/q2-list/q2-list.js +1 -1
  158. package/dist/collection/components/q2-list/q2-list.js.map +1 -1
  159. package/dist/collection/components/q2-list/test/q2-list-test.e2e.js.map +1 -1
  160. package/dist/collection/components/q2-loading/q2-loading.js.map +1 -1
  161. package/dist/collection/components/q2-loading/skeleton/q2-loading-element/index.js.map +1 -1
  162. package/dist/collection/components/q2-loading/skeleton/shapes.js.map +1 -1
  163. package/dist/collection/components/q2-loading/test/q2-loading-element-test.e2e.js.map +1 -1
  164. package/dist/collection/components/q2-loading/test/q2-loading-test.e2e.js.map +1 -1
  165. package/dist/collection/components/q2-loc/q2-loc.js +1 -1
  166. package/dist/collection/components/q2-loc/q2-loc.js.map +1 -1
  167. package/dist/collection/components/q2-loc/test/q2-loc-test.e2e.js.map +1 -1
  168. package/dist/collection/components/q2-message/q2-message.js +1 -1
  169. package/dist/collection/components/q2-message/q2-message.js.map +1 -1
  170. package/dist/collection/components/q2-message/test/q2-message-test.e2e.js.map +1 -1
  171. package/dist/collection/components/q2-optgroup/q2-optgroup.js +1 -1
  172. package/dist/collection/components/q2-optgroup/q2-optgroup.js.map +1 -1
  173. package/dist/collection/components/q2-optgroup/test/q2-optgroup-test.e2e.js.map +1 -1
  174. package/dist/collection/components/q2-option/q2-option.js +1 -1
  175. package/dist/collection/components/q2-option/q2-option.js.map +1 -1
  176. package/dist/collection/components/q2-option/test/q2-option-test.e2e.js.map +1 -1
  177. package/dist/collection/components/q2-option-list/q2-option-list.js.map +1 -1
  178. package/dist/collection/components/q2-option-list/test/q2-option-list-test.e2e.js.map +1 -1
  179. package/dist/collection/components/q2-pagination/q2-pagination.js +2 -2
  180. package/dist/collection/components/q2-pagination/q2-pagination.js.map +1 -1
  181. package/dist/collection/components/q2-pagination/test/q2-pagination-test.e2e.js +1 -0
  182. package/dist/collection/components/q2-pagination/test/q2-pagination-test.e2e.js.map +1 -1
  183. package/dist/collection/components/q2-pill/q2-pill.js +1 -1
  184. package/dist/collection/components/q2-pill/q2-pill.js.map +1 -1
  185. package/dist/collection/components/q2-pill/test/q2-pill-test.e2e.js +1 -1
  186. package/dist/collection/components/q2-pill/test/q2-pill-test.e2e.js.map +1 -1
  187. package/dist/collection/components/q2-popover/q2-popover.css +18 -10
  188. package/dist/collection/components/q2-popover/q2-popover.js +66 -70
  189. package/dist/collection/components/q2-popover/q2-popover.js.map +1 -1
  190. package/dist/collection/components/q2-popover/test/q2-popover-test.e2e.js +1 -83
  191. package/dist/collection/components/q2-popover/test/q2-popover-test.e2e.js.map +1 -1
  192. package/dist/collection/components/q2-popover/test/q2-popover-test.spec.js +743 -435
  193. package/dist/collection/components/q2-popover/test/q2-popover-test.spec.js.map +1 -1
  194. package/dist/collection/components/q2-radio/q2-radio.js.map +1 -1
  195. package/dist/collection/components/q2-radio/test/q2-radio-test.e2e.js.map +1 -1
  196. package/dist/collection/components/q2-radio-group/q2-radio-group.js.map +1 -1
  197. package/dist/collection/components/q2-radio-group/test/q2-radio-group-test.e2e.js.map +1 -1
  198. package/dist/collection/components/q2-relative-time/q2-relative-time.js +1 -1
  199. package/dist/collection/components/q2-relative-time/q2-relative-time.js.map +1 -1
  200. package/dist/collection/components/q2-relative-time/test/q2-relative-time-test.e2e.js.map +1 -1
  201. package/dist/collection/components/q2-resize-observer/q2-resize-observer.js +1 -1
  202. package/dist/collection/components/q2-resize-observer/q2-resize-observer.js.map +1 -1
  203. package/dist/collection/components/q2-resize-observer/test/q2-resize-observer.e2e.js.map +1 -1
  204. package/dist/collection/components/q2-resize-observer/test/q2-resize-observer.spec.js.map +1 -1
  205. package/dist/collection/components/q2-section/q2-section.js +2 -2
  206. package/dist/collection/components/q2-section/q2-section.js.map +1 -1
  207. package/dist/collection/components/q2-section/test/q2-section-test.e2e.js.map +1 -1
  208. package/dist/collection/components/q2-select/q2-select.js +114 -18
  209. package/dist/collection/components/q2-select/q2-select.js.map +1 -1
  210. package/dist/collection/components/q2-select/test/q2-select-test.e2e.js +1 -2
  211. package/dist/collection/components/q2-select/test/q2-select-test.e2e.js.map +1 -1
  212. package/dist/collection/components/q2-select/test/q2-select-test.spec.js +412 -0
  213. package/dist/collection/components/q2-select/test/q2-select-test.spec.js.map +1 -0
  214. package/dist/collection/components/q2-stepper/q2-stepper.js +1 -1
  215. package/dist/collection/components/q2-stepper/q2-stepper.js.map +1 -1
  216. package/dist/collection/components/q2-stepper/test/q2-stepper-test.e2e.js.map +1 -1
  217. package/dist/collection/components/q2-stepper-pane/q2-stepper-pane.js.map +1 -1
  218. package/dist/collection/components/q2-stepper-pane/test/q2-stepper-pane-test.e2e.js.map +1 -1
  219. package/dist/collection/components/q2-stepper-vertical/q2-stepper-vertical.js +1 -1
  220. package/dist/collection/components/q2-stepper-vertical/q2-stepper-vertical.js.map +1 -1
  221. package/dist/collection/components/q2-stepper-vertical/test/q2-stepper-vertical-test.e2e.js.map +1 -1
  222. package/dist/collection/components/q2-tab-container/q2-tab-container.js +1 -1
  223. package/dist/collection/components/q2-tab-container/q2-tab-container.js.map +1 -1
  224. package/dist/collection/components/q2-tab-container/test/q2-tab-container-test.e2e.js.map +1 -1
  225. package/dist/collection/components/q2-tab-container/test/q2-tab-container-test.spec.js.map +1 -1
  226. package/dist/collection/components/q2-tab-pane/q2-tab-pane.js +1 -1
  227. package/dist/collection/components/q2-tab-pane/q2-tab-pane.js.map +1 -1
  228. package/dist/collection/components/q2-tab-pane/test/q2-tab-pane-test.e2e.js.map +1 -1
  229. package/dist/collection/components/q2-tag/q2-tag.js +1 -1
  230. package/dist/collection/components/q2-tag/q2-tag.js.map +1 -1
  231. package/dist/collection/components/q2-tag/test/q2-tag-test.e2e.js +6 -1
  232. package/dist/collection/components/q2-tag/test/q2-tag-test.e2e.js.map +1 -1
  233. package/dist/collection/components/q2-textarea/q2-textarea.js +2 -1
  234. package/dist/collection/components/q2-textarea/q2-textarea.js.map +1 -1
  235. package/dist/collection/components/q2-textarea/test/q2-textarea-test.e2e.js.map +1 -1
  236. package/dist/collection/components/q2-tooltip/q2-tooltip.js.map +1 -1
  237. package/dist/collection/components/q2-tooltip/test/q2-tooltip-test.e2e.js.map +1 -1
  238. package/dist/collection/components/tecton-tab-pane/tecton-tab-pane-types.js.map +1 -1
  239. package/dist/collection/components/tecton-tab-pane/tecton-tab-pane.js +2 -2
  240. package/dist/collection/components/tecton-tab-pane/tecton-tab-pane.js.map +1 -1
  241. package/dist/collection/components/tecton-tab-pane/test/tecton-tab-pane-test.e2e.js.map +1 -1
  242. package/dist/collection/index.js.map +1 -1
  243. package/dist/collection/utils/action-sheet.js.map +1 -1
  244. package/dist/collection/utils/charting.js.map +1 -1
  245. package/dist/collection/utils/helpers.js.map +1 -1
  246. package/dist/collection/utils/index.js.map +1 -1
  247. package/dist/collection/utils/sanitize-html-string.js.map +1 -1
  248. package/dist/collection/utils/sanitize-regex-string.js.map +1 -1
  249. package/dist/collection/utils/test/action-sheet-test.e2e.js.map +1 -1
  250. package/dist/collection/utils/test/index.spec.js.map +1 -1
  251. package/dist/components/index2.js +1 -20
  252. package/dist/components/index2.js.map +1 -1
  253. package/dist/components/q2-action-group.js +1 -1
  254. package/dist/components/q2-action-sheet.js +1 -1
  255. package/dist/components/q2-avatar2.js +1 -1
  256. package/dist/components/q2-btn2.js +4 -0
  257. package/dist/components/q2-btn2.js.map +1 -1
  258. package/dist/components/q2-carousel-pane.js +2 -2
  259. package/dist/components/q2-chart-area.js +1 -1
  260. package/dist/components/q2-chart-bar.js +1 -1
  261. package/dist/components/q2-chart-donut.js +1 -1
  262. package/dist/components/q2-currency.js +1 -1
  263. package/dist/components/q2-detail.js +1 -1
  264. package/dist/components/q2-dropdown.js +9 -11
  265. package/dist/components/q2-dropdown.js.map +1 -1
  266. package/dist/components/q2-editable-field.js +7 -8
  267. package/dist/components/q2-editable-field.js.map +1 -1
  268. package/dist/components/q2-formatted-text.js +1 -1
  269. package/dist/components/q2-icon2.js +4 -0
  270. package/dist/components/q2-icon2.js.map +1 -1
  271. package/dist/components/q2-input2.js +1 -1
  272. package/dist/components/q2-item.js +1 -1
  273. package/dist/components/q2-legend2.js +1 -1
  274. package/dist/components/q2-list.js +1 -1
  275. package/dist/components/q2-loc.js +1 -1
  276. package/dist/components/q2-message2.js +1 -1
  277. package/dist/components/q2-month-picker.js +2 -2
  278. package/dist/components/q2-optgroup2.js +1 -1
  279. package/dist/components/q2-option2.js +1 -1
  280. package/dist/components/q2-pagination.js +2 -2
  281. package/dist/components/q2-pill.js +1 -1
  282. package/dist/components/q2-popover2.js +65 -70
  283. package/dist/components/q2-popover2.js.map +1 -1
  284. package/dist/components/q2-relative-time.js +1 -1
  285. package/dist/components/q2-resize-observer2.js +1 -1
  286. package/dist/components/q2-section.js +2 -2
  287. package/dist/components/q2-select2.js +96 -19
  288. package/dist/components/q2-select2.js.map +1 -1
  289. package/dist/components/q2-stepper-vertical.js +1 -1
  290. package/dist/components/q2-stepper.js +1 -1
  291. package/dist/components/q2-tab-container.js +1 -1
  292. package/dist/components/q2-tab-pane.js +1 -1
  293. package/dist/components/q2-tag.js +1 -1
  294. package/dist/components/q2-textarea.js +2 -1
  295. package/dist/components/q2-textarea.js.map +1 -1
  296. package/dist/components/tecton-tab-pane.js +2 -2
  297. package/dist/esm/click-elsewhere_2.entry.js +66 -71
  298. package/dist/esm/click-elsewhere_2.entry.js.map +1 -1
  299. package/dist/esm/{index-844fc010.js → index-a185b189.js} +2 -21
  300. package/dist/esm/index-a185b189.js.map +1 -0
  301. package/dist/esm/loader.js +1 -1
  302. package/dist/esm/q2-action-group.entry.js +1 -1
  303. package/dist/esm/q2-action-sheet.entry.js +2 -2
  304. package/dist/esm/q2-avatar.entry.js +1 -1
  305. package/dist/esm/q2-badge_7.entry.js +12 -4
  306. package/dist/esm/q2-badge_7.entry.js.map +1 -1
  307. package/dist/esm/q2-calendar.entry.js +1 -1
  308. package/dist/esm/q2-card.entry.js +1 -1
  309. package/dist/esm/q2-carousel-pane.entry.js +3 -3
  310. package/dist/esm/q2-carousel.entry.js +1 -1
  311. package/dist/esm/q2-chart-area.entry.js +2 -2
  312. package/dist/esm/q2-chart-bar.entry.js +2 -2
  313. package/dist/esm/q2-chart-donut.entry.js +2 -2
  314. package/dist/esm/q2-checkbox-group.entry.js +1 -1
  315. package/dist/esm/q2-checkbox.entry.js +1 -1
  316. package/dist/esm/q2-currency.entry.js +1 -1
  317. package/dist/esm/q2-data-table.entry.js +1 -1
  318. package/dist/esm/q2-detail.entry.js +2 -2
  319. package/dist/esm/q2-dropdown-item.entry.js +1 -1
  320. package/dist/esm/q2-dropdown.entry.js +10 -12
  321. package/dist/esm/q2-dropdown.entry.js.map +1 -1
  322. package/dist/esm/q2-editable-field.entry.js +7 -8
  323. package/dist/esm/q2-editable-field.entry.js.map +1 -1
  324. package/dist/esm/q2-formatted-text.entry.js +1 -1
  325. package/dist/esm/q2-item.entry.js +2 -2
  326. package/dist/esm/q2-legend.entry.js +1 -1
  327. package/dist/esm/q2-list.entry.js +2 -2
  328. package/dist/esm/q2-loc.entry.js +2 -2
  329. package/dist/esm/q2-message.entry.js +2 -2
  330. package/dist/esm/q2-month-picker.entry.js +3 -3
  331. package/dist/esm/q2-optgroup.entry.js +2 -2
  332. package/dist/esm/q2-option-list.entry.js +1 -1
  333. package/dist/esm/q2-option.entry.js +1 -1
  334. package/dist/esm/q2-pagination.entry.js +3 -3
  335. package/dist/esm/q2-pill.entry.js +2 -2
  336. package/dist/esm/q2-radio-group.entry.js +1 -1
  337. package/dist/esm/q2-radio.entry.js +1 -1
  338. package/dist/esm/q2-relative-time.entry.js +2 -2
  339. package/dist/esm/q2-resize-observer.entry.js +1 -1
  340. package/dist/esm/q2-section.entry.js +3 -3
  341. package/dist/esm/q2-select.entry.js +94 -17
  342. package/dist/esm/q2-select.entry.js.map +1 -1
  343. package/dist/esm/q2-stepper-pane.entry.js +1 -1
  344. package/dist/esm/q2-stepper-vertical.entry.js +2 -2
  345. package/dist/esm/q2-stepper.entry.js +2 -2
  346. package/dist/esm/q2-tag.entry.js +2 -2
  347. package/dist/esm/q2-tecton-elements.js +1 -1
  348. package/dist/esm/q2-textarea.entry.js +3 -2
  349. package/dist/esm/q2-textarea.entry.js.map +1 -1
  350. package/dist/esm/q2-tooltip.entry.js +1 -1
  351. package/dist/esm/tecton-tab-pane.entry.js +2 -2
  352. package/dist/jest.setup.js +22 -0
  353. package/dist/jest.setup.js.map +1 -0
  354. package/dist/q2-tecton-elements/{p-7c9a0122.entry.js → p-089801c6.entry.js} +2 -2
  355. package/dist/q2-tecton-elements/p-0e63312a.entry.js +2 -0
  356. package/dist/q2-tecton-elements/p-0e63312a.entry.js.map +1 -0
  357. package/dist/q2-tecton-elements/{p-7c9f8b62.entry.js → p-15383dc8.entry.js} +2 -2
  358. package/dist/q2-tecton-elements/{p-7903cd15.entry.js → p-18209f3b.entry.js} +2 -2
  359. package/dist/q2-tecton-elements/{p-ac6aa392.entry.js → p-1f7e9ab9.entry.js} +2 -2
  360. package/dist/q2-tecton-elements/{p-7aef0c08.entry.js → p-29f1f2df.entry.js} +2 -2
  361. package/dist/q2-tecton-elements/{p-8d07cf91.entry.js → p-2a296347.entry.js} +2 -2
  362. package/dist/q2-tecton-elements/{p-4e10550d.entry.js → p-3b075b65.entry.js} +2 -2
  363. package/dist/q2-tecton-elements/{p-c5667d5d.entry.js → p-432869d3.entry.js} +2 -2
  364. package/dist/q2-tecton-elements/{p-f5f23659.entry.js → p-4a399340.entry.js} +2 -2
  365. package/dist/q2-tecton-elements/{p-5f99a4a8.entry.js → p-4cabd4a3.entry.js} +2 -2
  366. package/dist/q2-tecton-elements/{p-07d1c3ae.entry.js → p-4e4aa30e.entry.js} +2 -2
  367. package/dist/q2-tecton-elements/{p-a47597dd.entry.js → p-50f6e95a.entry.js} +2 -2
  368. package/dist/q2-tecton-elements/{p-7906f49e.entry.js → p-53224667.entry.js} +2 -2
  369. package/dist/q2-tecton-elements/p-5df24439.entry.js +2 -0
  370. package/dist/q2-tecton-elements/p-5df24439.entry.js.map +1 -0
  371. package/dist/q2-tecton-elements/{p-b1784be3.entry.js → p-65f60a00.entry.js} +2 -2
  372. package/dist/q2-tecton-elements/{p-188eb162.entry.js → p-7e87cbdf.entry.js} +3 -3
  373. package/dist/q2-tecton-elements/p-85c46278.entry.js +2 -0
  374. package/dist/q2-tecton-elements/p-85c46278.entry.js.map +1 -0
  375. package/dist/q2-tecton-elements/{p-8d2b02e1.entry.js → p-8a75584e.entry.js} +2 -2
  376. package/dist/q2-tecton-elements/{p-5637c486.entry.js → p-998d2b5e.entry.js} +2 -2
  377. package/dist/q2-tecton-elements/{p-e2c800ef.entry.js → p-9e8e33e4.entry.js} +2 -2
  378. package/dist/q2-tecton-elements/{p-1c88d057.entry.js → p-a2793557.entry.js} +2 -2
  379. package/dist/q2-tecton-elements/{p-95a7c042.entry.js → p-a64e521d.entry.js} +2 -2
  380. package/dist/q2-tecton-elements/{p-16910682.entry.js → p-aad42723.entry.js} +2 -2
  381. package/dist/q2-tecton-elements/{p-f135b265.entry.js → p-ac7a3bc1.entry.js} +2 -2
  382. package/dist/q2-tecton-elements/{p-f135b265.entry.js.map → p-ac7a3bc1.entry.js.map} +1 -1
  383. package/dist/q2-tecton-elements/{p-20a3d6ed.entry.js → p-b17e9798.entry.js} +2 -2
  384. package/dist/q2-tecton-elements/{p-5a834214.entry.js → p-bbe24257.entry.js} +2 -2
  385. package/dist/q2-tecton-elements/{p-b7de110e.entry.js → p-bc530c75.entry.js} +2 -2
  386. package/dist/q2-tecton-elements/{p-2733583e.entry.js → p-c324d1c8.entry.js} +2 -2
  387. package/dist/q2-tecton-elements/{p-3e428290.entry.js → p-c3566e7a.entry.js} +2 -2
  388. package/dist/q2-tecton-elements/p-c5445b5e.js +2 -0
  389. package/dist/q2-tecton-elements/p-c5445b5e.js.map +1 -0
  390. package/dist/q2-tecton-elements/{p-e216ef3f.entry.js → p-c6fb83ff.entry.js} +2 -2
  391. package/dist/q2-tecton-elements/{p-1c760a89.entry.js → p-cca5af1f.entry.js} +2 -2
  392. package/dist/q2-tecton-elements/{p-a5d0e252.entry.js → p-cfcec7f4.entry.js} +2 -2
  393. package/dist/q2-tecton-elements/{p-c235ab3f.entry.js → p-d312f179.entry.js} +2 -2
  394. package/dist/q2-tecton-elements/{p-96b1406c.entry.js → p-d326261a.entry.js} +2 -2
  395. package/dist/q2-tecton-elements/{p-06701928.entry.js → p-dc80c2ed.entry.js} +2 -2
  396. package/dist/q2-tecton-elements/{p-4774e5b3.entry.js → p-e0a617fd.entry.js} +2 -2
  397. package/dist/q2-tecton-elements/p-e940ccfb.entry.js +2 -0
  398. package/dist/q2-tecton-elements/p-e940ccfb.entry.js.map +1 -0
  399. package/dist/q2-tecton-elements/{p-50f7328f.entry.js → p-e9dfbb78.entry.js} +2 -2
  400. package/dist/q2-tecton-elements/{p-ff8f1a32.entry.js → p-ebc71f10.entry.js} +2 -2
  401. package/dist/q2-tecton-elements/{p-ad057d10.entry.js → p-f043a9f1.entry.js} +2 -2
  402. package/dist/q2-tecton-elements/{p-fff01dc1.entry.js → p-f51426b0.entry.js} +2 -2
  403. package/dist/q2-tecton-elements/p-f8710843.entry.js +2 -0
  404. package/dist/q2-tecton-elements/p-f8710843.entry.js.map +1 -0
  405. package/dist/q2-tecton-elements/{p-81fbe718.entry.js → p-fa68a890.entry.js} +2 -2
  406. package/dist/q2-tecton-elements/{p-490ef8e5.entry.js → p-fbd6cb9a.entry.js} +2 -2
  407. package/dist/q2-tecton-elements/q2-tecton-elements.esm.js +1 -1
  408. package/dist/q2-tecton-elements/q2-tecton-elements.esm.js.map +1 -1
  409. package/dist/types/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/.stencil/jest.setup.d.ts +1 -0
  410. package/dist/types/components/q2-btn/q2-btn.d.ts +1 -0
  411. package/dist/types/components/q2-dropdown/q2-dropdown.d.ts +1 -4
  412. package/dist/types/components/q2-editable-field/q2-editable-field.d.ts +2 -2
  413. package/dist/types/components/q2-icon/q2-icon.d.ts +1 -0
  414. package/dist/types/components/q2-popover/q2-popover.d.ts +4 -5
  415. package/dist/types/components/q2-select/q2-select.d.ts +19 -0
  416. package/package.json +3 -3
  417. package/dist/cjs/index-9aa4a776.js.map +0 -1
  418. package/dist/esm/index-844fc010.js.map +0 -1
  419. package/dist/q2-tecton-elements/p-1305f7ca.entry.js +0 -2
  420. package/dist/q2-tecton-elements/p-1305f7ca.entry.js.map +0 -1
  421. package/dist/q2-tecton-elements/p-15ac45d6.js +0 -2
  422. package/dist/q2-tecton-elements/p-15ac45d6.js.map +0 -1
  423. package/dist/q2-tecton-elements/p-56df21b0.entry.js +0 -2
  424. package/dist/q2-tecton-elements/p-56df21b0.entry.js.map +0 -1
  425. package/dist/q2-tecton-elements/p-896c7008.entry.js +0 -2
  426. package/dist/q2-tecton-elements/p-896c7008.entry.js.map +0 -1
  427. package/dist/q2-tecton-elements/p-b0e5e9dc.entry.js +0 -2
  428. package/dist/q2-tecton-elements/p-b0e5e9dc.entry.js.map +0 -1
  429. package/dist/q2-tecton-elements/p-f7867f21.entry.js +0 -2
  430. package/dist/q2-tecton-elements/p-f7867f21.entry.js.map +0 -1
  431. /package/dist/q2-tecton-elements/{p-7c9a0122.entry.js.map → p-089801c6.entry.js.map} +0 -0
  432. /package/dist/q2-tecton-elements/{p-7c9f8b62.entry.js.map → p-15383dc8.entry.js.map} +0 -0
  433. /package/dist/q2-tecton-elements/{p-7903cd15.entry.js.map → p-18209f3b.entry.js.map} +0 -0
  434. /package/dist/q2-tecton-elements/{p-ac6aa392.entry.js.map → p-1f7e9ab9.entry.js.map} +0 -0
  435. /package/dist/q2-tecton-elements/{p-7aef0c08.entry.js.map → p-29f1f2df.entry.js.map} +0 -0
  436. /package/dist/q2-tecton-elements/{p-8d07cf91.entry.js.map → p-2a296347.entry.js.map} +0 -0
  437. /package/dist/q2-tecton-elements/{p-4e10550d.entry.js.map → p-3b075b65.entry.js.map} +0 -0
  438. /package/dist/q2-tecton-elements/{p-c5667d5d.entry.js.map → p-432869d3.entry.js.map} +0 -0
  439. /package/dist/q2-tecton-elements/{p-f5f23659.entry.js.map → p-4a399340.entry.js.map} +0 -0
  440. /package/dist/q2-tecton-elements/{p-5f99a4a8.entry.js.map → p-4cabd4a3.entry.js.map} +0 -0
  441. /package/dist/q2-tecton-elements/{p-07d1c3ae.entry.js.map → p-4e4aa30e.entry.js.map} +0 -0
  442. /package/dist/q2-tecton-elements/{p-a47597dd.entry.js.map → p-50f6e95a.entry.js.map} +0 -0
  443. /package/dist/q2-tecton-elements/{p-7906f49e.entry.js.map → p-53224667.entry.js.map} +0 -0
  444. /package/dist/q2-tecton-elements/{p-b1784be3.entry.js.map → p-65f60a00.entry.js.map} +0 -0
  445. /package/dist/q2-tecton-elements/{p-188eb162.entry.js.map → p-7e87cbdf.entry.js.map} +0 -0
  446. /package/dist/q2-tecton-elements/{p-8d2b02e1.entry.js.map → p-8a75584e.entry.js.map} +0 -0
  447. /package/dist/q2-tecton-elements/{p-5637c486.entry.js.map → p-998d2b5e.entry.js.map} +0 -0
  448. /package/dist/q2-tecton-elements/{p-e2c800ef.entry.js.map → p-9e8e33e4.entry.js.map} +0 -0
  449. /package/dist/q2-tecton-elements/{p-1c88d057.entry.js.map → p-a2793557.entry.js.map} +0 -0
  450. /package/dist/q2-tecton-elements/{p-95a7c042.entry.js.map → p-a64e521d.entry.js.map} +0 -0
  451. /package/dist/q2-tecton-elements/{p-16910682.entry.js.map → p-aad42723.entry.js.map} +0 -0
  452. /package/dist/q2-tecton-elements/{p-20a3d6ed.entry.js.map → p-b17e9798.entry.js.map} +0 -0
  453. /package/dist/q2-tecton-elements/{p-5a834214.entry.js.map → p-bbe24257.entry.js.map} +0 -0
  454. /package/dist/q2-tecton-elements/{p-b7de110e.entry.js.map → p-bc530c75.entry.js.map} +0 -0
  455. /package/dist/q2-tecton-elements/{p-2733583e.entry.js.map → p-c324d1c8.entry.js.map} +0 -0
  456. /package/dist/q2-tecton-elements/{p-3e428290.entry.js.map → p-c3566e7a.entry.js.map} +0 -0
  457. /package/dist/q2-tecton-elements/{p-e216ef3f.entry.js.map → p-c6fb83ff.entry.js.map} +0 -0
  458. /package/dist/q2-tecton-elements/{p-1c760a89.entry.js.map → p-cca5af1f.entry.js.map} +0 -0
  459. /package/dist/q2-tecton-elements/{p-a5d0e252.entry.js.map → p-cfcec7f4.entry.js.map} +0 -0
  460. /package/dist/q2-tecton-elements/{p-c235ab3f.entry.js.map → p-d312f179.entry.js.map} +0 -0
  461. /package/dist/q2-tecton-elements/{p-96b1406c.entry.js.map → p-d326261a.entry.js.map} +0 -0
  462. /package/dist/q2-tecton-elements/{p-06701928.entry.js.map → p-dc80c2ed.entry.js.map} +0 -0
  463. /package/dist/q2-tecton-elements/{p-4774e5b3.entry.js.map → p-e0a617fd.entry.js.map} +0 -0
  464. /package/dist/q2-tecton-elements/{p-50f7328f.entry.js.map → p-e9dfbb78.entry.js.map} +0 -0
  465. /package/dist/q2-tecton-elements/{p-ff8f1a32.entry.js.map → p-ebc71f10.entry.js.map} +0 -0
  466. /package/dist/q2-tecton-elements/{p-ad057d10.entry.js.map → p-f043a9f1.entry.js.map} +0 -0
  467. /package/dist/q2-tecton-elements/{p-fff01dc1.entry.js.map → p-f51426b0.entry.js.map} +0 -0
  468. /package/dist/q2-tecton-elements/{p-81fbe718.entry.js.map → p-fa68a890.entry.js.map} +0 -0
  469. /package/dist/q2-tecton-elements/{p-490ef8e5.entry.js.map → p-fbd6cb9a.entry.js.map} +0 -0
@@ -1,2 +1,2 @@
1
- import{r as t,c as i,h as e,g as o}from"./p-a5f18e27.js";import{m as r,o as n,i as a,w as s,l as c}from"./p-15ac45d6.js";import{s as l,a as d}from"./p-b7554a79.js";const p="*{box-sizing:border-box}*:active{outline:none}*:focus{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;position:relative;line-height:0}:host(:not(:last-child)){margin-inline-end:var(--tct-pill-margin, var(--t-pill-margin, var(--app-scale-2x, 10px)))}q2-popover,.btn-wrapper{--comp-pill-min-height:var(--tct-pill-min-height, var(--t-pill-min-height, 44px));--comp-pill-btn-height:var(--tct-pill-btn-height, var(--t-pill-btn-height, 30px))}.popover-top-container{position:sticky;top:0;z-index:5}.popover-bottom-container{position:sticky;bottom:0;z-index:5}.btn-wrapper{--comp-pill-btn-border-width:var(--tct-pill-btn-border-width, var(--t-pill-btn-border-width, 2px));--comp-close-size:0px;--comp-btn-background:var(--tct-pill-btn-background, var(--t-pill-btn-background, var(--t-base, #ffffff)));--comp-hover-btn-background:var(--tct-pill-hover-btn-background, var(--t-pill-hover-btn-background, var(--t-gray-13, #e6e6e6)));--comp-btn-padding:var(--tct-pill-btn-padding-inline, var(--t-pill-btn-padding-inline, var(--app-scale-3x, 15px)));--comp-btn-color:var(--tct-pill-btn-color, var(--t-pill-btn-color, var(--t-gray-3, #262626)));--comp-active-btn-color:var(--comp-btn-background);--comp-active-btn-background:var(--tct-pill-active-btn-background, var(--t-pill-active-btn-background, var(--t-gray-7, #666666)));--comp-active-btn-border-color:var(--tct-pill-active-btn-border-color, var(--t-pill-active-btn-border-color, var(--t-gray-7, #666666)));--comp-hover-active-btn-background:var(--tct-pill-active-btn-background, var(--t-pill-active-btn-background, var(--t-gray-6, #4d4d4d)));--comp-hover-active-btn-border-color:var(--tct-pill-active-btn-background, var(--t-pill-active-btn-background, var(--t-gray-6, #4d4d4d)));position:relative}.btn-wrapper.has-options,.btn-wrapper.has-icon{--comp-close-size:var(--comp-pill-btn-height)}:host([active]) .btn-wrapper{--comp-btn-color:var(--tct-pill-active-btn-color, var(--t-pill-active-btn-color, var(--t-base, #ffffff)))}:host([theme=primary]) .btn-wrapper{--comp-active-btn-background:var(--tct-pill-primary-active-background, var(--t-primary, #0079c1));--comp-active-btn-color:var(--tct-pill-primary-active-font-color, var(--t-primary-text, #ffffff));--comp-active-btn-border-color:var(--tct-pill-primary-active-border-color, var(--t-primary, #0079c1));--comp-hover-active-btn-background:var(--tct-pill-primary-active-hover-background, var(--t-primary-l3, #21acff));--comp-hover-active-btn-border-color:var(--tct-pill-primary-active-hover-border-color, var(--t-primary-l3, #21acff))}:host([theme=secondary]) .btn-wrapper{--comp-active-btn-background:var(--tct-pill-secondary-active-background, var(--t-secondary, #b3c2cc));--comp-active-btn-color:var(--tct-pill-secondary-active-font-color, var(--t-secondary-text, #141414));--comp-active-btn-border-color:var(--tct-pill-secondary-active-border-color, var(--t-secondary, #b3c2cc));--comp-hover-active-btn-background:var(--tct-pill-secondary-active-hover-background, var(--t-secondary-l3, #c9d5db));--comp-hover-active-btn-border-color:var(--tct-pill-secondary-active-hover-border-color, var(--t-secondary-l3, #c9d5db))}:host([theme=tertiary]) .btn-wrapper{--comp-active-btn-background:var(--tct-pill-tertiary-active-background, var(--t-tertiary, #e8f5fc));--comp-active-btn-color:var(--tct-pill-tertiary-active-font-color, var(--t-tertiary-text, #141414));--comp-active-btn-border-color:var(--tct-pill-tertiary-active-border-color, var(--t-tertiary, #e8f5fc));--comp-hover-active-btn-background:var(--tct-pill-tertiary-active-hover-background, var(--t-tertiary-l3, #eff8fd));--comp-hover-active-btn-border-color:var(--tct-pill-tertiary-active-hover-border-color, var(--t-tertiary-l3, #eff8fd))}.btn-height-wrapper{height:var(--comp-pill-min-height);display:flex;align-items:center;cursor:pointer}.btn-height-wrapper:focus{box-shadow:none}:host([disabled]) .btn-height-wrapper{cursor:not-allowed}.btn-close,.btn-primary{cursor:pointer;height:var(--comp-pill-btn-height);border-style:solid;border-radius:var(--tct-pill-btn-border-radius, var(--t-pill-btn-border-radius, 30px));transition-property:background, color, padding, width, opacity;transition:var(--tct-pill-btn-tween, var(--t-pill-btn-tween, var(--app-tween-1, 0.2s ease)))}:host([disabled]) .btn-close,:host([disabled]) .btn-primary,:host([disabled]) q2-icon{opacity:var(--tct-pill-disabled-opacity, var(--t-pill-disabled-opacity, var(--tct-disabled-opacity, var(--app-disabled-opacity, 0.4))));cursor:not-allowed}.btn-primary{background:var(--comp-btn-background);border-width:var(--comp-pill-btn-border-width);border-color:var(--tct-pill-btn-border-color, var(--t-pill-btn-border-color, var(--t-a11y-gray-color-AA, #949494)));padding-inline:var(--comp-btn-padding);padding-right:calc(var(--comp-btn-padding) + var(--comp-close-size));font-size:var(--tct-pill-btn-font-size, var(--t-pill-btn-font-size, var(--app-font-size, 14px)));color:var(--comp-btn-color);display:block;width:100%;text-align:start}.btn-primary:focus,.btn-primary:hover{background:var(--comp-hover-btn-background)}.has-options .btn-primary,.has-icon .btn-primary{padding-right:calc(var(--tct-pill-icon-gap, var(--t-pill-icon-gap, var(--app-scale-1x, 5px))) + var(--comp-close-size))}.has-options .btn-primary{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:var(--tct-pill-max-width, var(--t-pill-max-width, 200px))}:host([active]) .btn-primary{background:var(--comp-active-btn-background);border-color:var(--comp-active-btn-border-color);color:var(--comp-active-btn-color)}:host([active]) .btn-primary:focus,:host([active]) .btn-primary:hover{background:var(--comp-hover-active-btn-background);border-color:var(--comp-hover-active-btn-border-color)}.btn-close{background:transparent;border-color:transparent;border-width:var(--comp-pill-btn-border-width);width:var(--comp-close-size);height:var(--comp-close-size);padding:0;border:0;display:inline-flex;justify-content:center;align-items:center;position:absolute;right:0;top:50%;transform:translateY(-50%);opacity:0}:host([active]) .btn-close{color:var(--comp-active-btn-color)}.has-options .btn-close,.has-icon .btn-close{opacity:1}q2-icon{--t-icon-stroke-primary:currentcolor;width:var(--tct-pill-icon-size, var(--t-pill-icon-size, 14px));height:var(--tct-pill-icon-size, var(--t-pill-icon-size, 14px));transition-property:transform;transition:var(--tct-pill-btn-tween, var(--t-pill-btn-tween, var(--app-tween-1, 0.2s ease)))}div.btn-close{pointer-events:none}:host([open]) div.btn-close q2-icon{transform:rotate(180deg)}:host([active]) button.btn-close:focus,:host([active]) button.btn-close:hover{background:var(--tct-pill-hover-close-btn-background, var(--t-pill-hover-close-btn-background, var(--t-top-a1, rgba(13, 13, 13, 0.35))));border-color:var(--tct-pill-hover-close-btn-border-color, var(--t-pill-hover-close-btn-border-color, var(--t-top-a1, rgba(13, 13, 13, 0.35))))}q2-popover{top:calc(var(--comp-pill-min-height) - (var(--comp-pill-min-height) - var(--comp-pill-btn-height)) / 2)}:host([borderless]:not([borderless=false])) button{border-style:none}";const h=p;const v=class{constructor(e){t(this,e);this.change=i(this,"change",7);var o;this.scheduledAfterRender=[];this.clearSelectedOptions=()=>{this.selectedOptions=[];this.value=null;this.active=false;this.open=false;this.primaryBtn.focus();this.change.emit({value:null,values:[],active:false});this.scheduledAfterRender.push(r)};this.determineOptionCount=async()=>{if(this.optionList){const t=await this.optionList.getOptions();this.optionCount=t.length}else{const t=this.hostElement.querySelectorAll("q2-option").length;this.optionCount=t}};this.executeActionSheet=async t=>{const i=await l(this,t);this.handleSelectionChanges(i)};this.getOption=async t=>{if(this.optionList){const i=await this.optionList.getOptions();return i.find((i=>i.value===t))}else{return this.hostElement.querySelector(`q2-option[value="${t}"]`)}};this.handleButtonFocusout=async t=>{const i=t.relatedTarget;if((i===null||i===void 0?void 0:i.tagName)==="Q2-OPTION")return;this.open=false};this.handleChange=t=>{t.stopPropagation();if(!this.optionCount)return;this.handleSelectionChanges(t.detail)};this.handleClick=async t=>{t.stopPropagation();if(this.disabled)return;if(this.optionCount){if(d(this)){this.executeActionSheet(t)}else{await this.popoverElement.toggle()}}else{const{value:t,label:i}=this;const e=this.active=!this.active;const o=e?[{value:t,display:i}]:[];this.selectedOptions=o;this.change.emit({value:t,values:o,active:e})}};this.handleKeydown=async t=>{const i=t.metaKey||t.ctrlKey||t.key==="Tab";if(!this.optionCount||this.disabled||i)return;t.preventDefault();const e=this.hasPopoverTop||this.hasPopoverBottom;if(d(this,t)&&!e){this.executeActionSheet(t)}else{this.optionList.handleExternalKeydown(t)}};this.handleSelectionChanges=async t=>{const{multiple:i}=this;const{value:e="",values:o=[]}=t;const r=i?!!o.length:!!e;if(!this.hostElement.onchange){if(i){this.selectedOptions=o;this.value=undefined}else{const t=await this.getOption(e);this.selectedOptions=t?[{value:t.value,display:t.display}]:[];this.value=(t===null||t===void 0?void 0:t.value)||undefined}}this.change.emit({value:i?undefined:e,values:o,active:r})};this.handleWrapperClick=()=>{this.primaryBtn.focus();this.primaryBtn.click()};this.onClickElsewhere=t=>{const i=t.target;if(i.localName==="click-elsewhere"){t.stopPropagation();const{popoverElement:i}=this;if(!i)return;i.open=false}};this.onMutationObserved=()=>{this.updateSlotState();this.determineOptionCount();this.updateSelectedOptionElements()};this.updateSlotState=()=>{const{hostElement:t,hasPopoverTop:i,hasPopoverBottom:e}=this;const o=t.shadowRoot.querySelector('slot[name="popover-top"]');const r=t.shadowRoot.querySelector('slot[name="popover-bottom"]');const n=(o===null||o===void 0?void 0:o.assignedNodes().length)>0;const a=(r===null||r===void 0?void 0:r.assignedNodes().length)>0;if(i!==n)this.hasPopoverTop=n;if(e!==a)this.hasPopoverBottom=a};this.syncValueProperties=()=>{const{value:t,selectedOptions:i}=this;if(!!(i===null||i===void 0?void 0:i.length))this.selectedOptionsChanged(i);else if(t)this.valueChanged(t)};this.updateSelectedOptionElements=async()=>{var t;const{selectedOptions:i=[]}=this;const e=i.map((t=>t.value));const o=await((t=this.optionList)===null||t===void 0?void 0:t.getOptions());if(this.optionCount)this.active=!!e.length;this.selectedOptionElements=(o===null||o===void 0?void 0:o.filter((t=>e.includes(t.value))))||[]};this.hasPopoverTop=false;this.hasPopoverBottom=false;this.optionCount=undefined;this.selectedOptionElements=[];this.active=undefined;this.borderless=undefined;this.disabled=undefined;this.hoist=!!((o=window.Tecton)===null||o===void 0?void 0:o.useActionSheets);this.label=undefined;this.maxLength=undefined;this.multiple=undefined;this.open=undefined;this.optionListLabel=undefined;this.popoverAlignment="right";this.popoverDirection=undefined;this.popoverMaxHeight=undefined;this.popoverMinHeight=150;this.selectedOptions=[];this.theme=undefined;this.value=undefined}disconnectedCallback(){this.mutationObserver.disconnect();this.mutationObserver=null}componentWillLoad(){const t=new MutationObserver(this.onMutationObserved);t.observe(this.hostElement,{childList:true,attributes:true});this.mutationObserver=t}componentDidLoad(){n(this.hostElement);this.syncValueProperties()}componentDidRender(){this.scheduledAfterRender.forEach((t=>t()));this.scheduledAfterRender=[]}handleSelectedDisplay(){if(this.multiple)return;this.updateSelectedOptionElements()}delegateFocus(t){if(!a(t,this.hostElement))return;this.primaryBtn.focus()}popoverStateHandler({detail:{open:t}}){if(this.open!==t)this.open=t;if(t)return;this.optionList.setActiveElement(null)}async closePopover(){if(!this.open||this.disabled)return;this._togglePopover()}async openPopover(){if(this.open||this.disabled)return;this._togglePopover()}async setValue(t,i={closePopover:true}){var e;const o=new Set(Array.isArray(t)?t:[t]);const r=await((e=this.optionList)===null||e===void 0?void 0:e.getOptions());if(!this.open){await this.openPopover();await s()}o.forEach((t=>{var i;(i=r.find((i=>i.value===t)))===null||i===void 0?void 0:i.click()}));if(i.closePopover){await this.closePopover();await s()}}selectedOptionsChanged(t){var i,e;const{multiple:o}=this;const r=(e=(i=t===null||t===void 0?void 0:t[0])===null||i===void 0?void 0:i.value)!==null&&e!==void 0?e:null;if(o){if(this.value)this.value=null;this.updateSelectedOptionElements()}else if(this.value===r){this.updateSelectedOptionElements()}else{this.value=r}}async valueChanged(t){var i,e;const{multiple:o,selectedOptions:r}=this;if(o)return;const n=(e=(i=r===null||r===void 0?void 0:r[0])===null||i===void 0?void 0:i.value)!==null&&e!==void 0?e:null;if(t===n)this.updateSelectedOptionElements();else{const i=await this.getOption(t);const{value:e,display:o}=i||{value:t,display:null};this.selectedOptions=e?[{value:e,display:o}]:[]}}get buttonContent(){const{label:t,selectedOptions:i,selectedOptionElements:e,optionCount:o}=this;if(!o||e.length===0)return c(t);else if(e.length===1)return c(e[0].display);return c("tecton.element.pill.activeCount",{count:i.length})}get truncatedButtonContent(){const{maxLength:t,buttonContent:i}=this;if(t)return i.length>t?`${i.substring(0,t)}…`:i;else return i}_togglePopover(){const{primaryBtn:t}=this;t===null||t===void 0?void 0:t.click();t===null||t===void 0?void 0:t.focus();t.dispatchEvent(new FocusEvent("focus"))}renderHiddenElement(){return e("div",{id:"option-description",class:"sr","aria-hidden":"true"},c("tecton.element.optionList.optionCount",[this.optionCount]))}renderIcon(){const{optionCount:t,active:i}=this;const o=t&&i;const r=o?"button":"div";const n=o||!t?"close":"chevron-down";return e(r,{class:"btn-close",onClick:o&&this.clearSelectedOptions||undefined,disabled:o&&this.disabled||undefined,"aria-label":o&&c("tecton.element.pill.clearSelection")||undefined,type:o&&"button"||undefined},e("q2-icon",{type:n}))}render(){const{optionCount:t,active:i,open:o}=this;const r=["btn-wrapper"];if(t||i)r.push("has-icon");if(t)r.push("has-options");return e("click-elsewhere",{key:"02e7f5f616daeb2b0e40259c1c99ac142f86b553",onChange:this.onClickElsewhere},e("div",{key:"13ece1982239e075de4911cc76c806b9f30dc84b",class:r.join(" ")},e("div",{key:"afff34dc889240fbbf32cb2401359f51ce5feee4",class:"btn-height-wrapper",ref:t=>this.primaryBtnWrapper=t,onClick:this.handleWrapperClick,tabIndex:-1},e("button",{key:"5f9b91813e5f4006137534fe5fe1820adf35d2f6",class:"btn-primary","test-id":"btn-control",type:"button",role:t&&"combobox"||undefined,ref:t=>this.primaryBtn=t,onClick:this.handleClick,onKeyDown:this.handleKeydown,onFocusout:this.handleButtonFocusout,disabled:this.disabled,"aria-roledescription":!t&&"filter","aria-controls":t&&"option-list"||undefined,"aria-expanded":t&&`${!!o}`||undefined,"aria-label":this.buttonContent,"aria-describedby":t&&"option-description"||undefined},this.truncatedButtonContent,!t&&i&&e("span",{key:"084fb2e933da3e3f281a5480c74e917ebac38015",class:"sr"},"(",c("tecton.element.pill.active"),")"))),this.renderIcon(),!!t&&this.renderHiddenElement()),this.optionCount>0&&e("q2-popover",{key:"5fcab5d95192479ac7f0e2e911d51327044500ef",ref:t=>this.popoverElement=t,controlElement:this.primaryBtn,open:this.open,"max-height":this.popoverMaxHeight,minHeight:this.popoverMinHeight,direction:this.popoverDirection,align:this.popoverAlignment},e("div",{key:"b5d7756b724d76aa0cf487324c6790d7ca529293",class:"popover-content"},e("div",{key:"e191b41fcfa2a9f2fefc66dde961a24a867c73d8",ref:t=>this.popoverTopContainer=t,class:"popover-top-container",tabindex:"-1",hidden:!this.hasPopoverTop,onKeyDown:this.handleKeydown},e("slot",{key:"8078c79efc74285ce9db259c28a1c6b2e957a09f",name:"popover-top"})),e("q2-option-list",{key:"1cd2a521a30af647a4ba5008f11d927209454061",type:"listbox",ref:t=>this.optionList=t,id:"option-list",onChange:this.handleChange,multiple:this.multiple,selectedOptions:this.selectedOptions,onReady:()=>this.updateSelectedOptionElements(),label:c("tecton.element.optionList.label",[this.optionListLabel])},e("slot",{key:"432d785fe233aaf875a1b601522bb5189edf1b82"})),e("div",{key:"22d1406b38ae6f991c7253f5b10b70f7fa6744e7",ref:t=>this.popoverBottomContainer=t,class:"popover-bottom-container",tabindex:"-1",hidden:!this.hasPopoverBottom,onKeyDown:this.handleKeydown},e("slot",{key:"7619b7dabfaae3dea23363d7769e350a7f2ed51f",name:"popover-bottom"})))))}get hostElement(){return o(this)}static get watchers(){return{selectedOptions:["selectedOptionsChanged"],value:["valueChanged"]}}};v.style=h;export{v as q2_pill};
2
- //# sourceMappingURL=p-5f99a4a8.entry.js.map
1
+ import{r as t,c as i,h as e,g as o}from"./p-a5f18e27.js";import{m as r,o as n,i as a,w as s,l as c}from"./p-c5445b5e.js";import{s as l,a as d}from"./p-b7554a79.js";const p="*{box-sizing:border-box}*:active{outline:none}*:focus{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;position:relative;line-height:0}:host(:not(:last-child)){margin-inline-end:var(--tct-pill-margin, var(--t-pill-margin, var(--app-scale-2x, 10px)))}q2-popover,.btn-wrapper{--comp-pill-min-height:var(--tct-pill-min-height, var(--t-pill-min-height, 44px));--comp-pill-btn-height:var(--tct-pill-btn-height, var(--t-pill-btn-height, 30px))}.popover-top-container{position:sticky;top:0;z-index:5}.popover-bottom-container{position:sticky;bottom:0;z-index:5}.btn-wrapper{--comp-pill-btn-border-width:var(--tct-pill-btn-border-width, var(--t-pill-btn-border-width, 2px));--comp-close-size:0px;--comp-btn-background:var(--tct-pill-btn-background, var(--t-pill-btn-background, var(--t-base, #ffffff)));--comp-hover-btn-background:var(--tct-pill-hover-btn-background, var(--t-pill-hover-btn-background, var(--t-gray-13, #e6e6e6)));--comp-btn-padding:var(--tct-pill-btn-padding-inline, var(--t-pill-btn-padding-inline, var(--app-scale-3x, 15px)));--comp-btn-color:var(--tct-pill-btn-color, var(--t-pill-btn-color, var(--t-gray-3, #262626)));--comp-active-btn-color:var(--comp-btn-background);--comp-active-btn-background:var(--tct-pill-active-btn-background, var(--t-pill-active-btn-background, var(--t-gray-7, #666666)));--comp-active-btn-border-color:var(--tct-pill-active-btn-border-color, var(--t-pill-active-btn-border-color, var(--t-gray-7, #666666)));--comp-hover-active-btn-background:var(--tct-pill-active-btn-background, var(--t-pill-active-btn-background, var(--t-gray-6, #4d4d4d)));--comp-hover-active-btn-border-color:var(--tct-pill-active-btn-background, var(--t-pill-active-btn-background, var(--t-gray-6, #4d4d4d)));position:relative}.btn-wrapper.has-options,.btn-wrapper.has-icon{--comp-close-size:var(--comp-pill-btn-height)}:host([active]) .btn-wrapper{--comp-btn-color:var(--tct-pill-active-btn-color, var(--t-pill-active-btn-color, var(--t-base, #ffffff)))}:host([theme=primary]) .btn-wrapper{--comp-active-btn-background:var(--tct-pill-primary-active-background, var(--t-primary, #0079c1));--comp-active-btn-color:var(--tct-pill-primary-active-font-color, var(--t-primary-text, #ffffff));--comp-active-btn-border-color:var(--tct-pill-primary-active-border-color, var(--t-primary, #0079c1));--comp-hover-active-btn-background:var(--tct-pill-primary-active-hover-background, var(--t-primary-l3, #21acff));--comp-hover-active-btn-border-color:var(--tct-pill-primary-active-hover-border-color, var(--t-primary-l3, #21acff))}:host([theme=secondary]) .btn-wrapper{--comp-active-btn-background:var(--tct-pill-secondary-active-background, var(--t-secondary, #b3c2cc));--comp-active-btn-color:var(--tct-pill-secondary-active-font-color, var(--t-secondary-text, #141414));--comp-active-btn-border-color:var(--tct-pill-secondary-active-border-color, var(--t-secondary, #b3c2cc));--comp-hover-active-btn-background:var(--tct-pill-secondary-active-hover-background, var(--t-secondary-l3, #c9d5db));--comp-hover-active-btn-border-color:var(--tct-pill-secondary-active-hover-border-color, var(--t-secondary-l3, #c9d5db))}:host([theme=tertiary]) .btn-wrapper{--comp-active-btn-background:var(--tct-pill-tertiary-active-background, var(--t-tertiary, #e8f5fc));--comp-active-btn-color:var(--tct-pill-tertiary-active-font-color, var(--t-tertiary-text, #141414));--comp-active-btn-border-color:var(--tct-pill-tertiary-active-border-color, var(--t-tertiary, #e8f5fc));--comp-hover-active-btn-background:var(--tct-pill-tertiary-active-hover-background, var(--t-tertiary-l3, #eff8fd));--comp-hover-active-btn-border-color:var(--tct-pill-tertiary-active-hover-border-color, var(--t-tertiary-l3, #eff8fd))}.btn-height-wrapper{height:var(--comp-pill-min-height);display:flex;align-items:center;cursor:pointer}.btn-height-wrapper:focus{box-shadow:none}:host([disabled]) .btn-height-wrapper{cursor:not-allowed}.btn-close,.btn-primary{cursor:pointer;height:var(--comp-pill-btn-height);border-style:solid;border-radius:var(--tct-pill-btn-border-radius, var(--t-pill-btn-border-radius, 30px));transition-property:background, color, padding, width, opacity;transition:var(--tct-pill-btn-tween, var(--t-pill-btn-tween, var(--app-tween-1, 0.2s ease)))}:host([disabled]) .btn-close,:host([disabled]) .btn-primary,:host([disabled]) q2-icon{opacity:var(--tct-pill-disabled-opacity, var(--t-pill-disabled-opacity, var(--tct-disabled-opacity, var(--app-disabled-opacity, 0.4))));cursor:not-allowed}.btn-primary{background:var(--comp-btn-background);border-width:var(--comp-pill-btn-border-width);border-color:var(--tct-pill-btn-border-color, var(--t-pill-btn-border-color, var(--t-a11y-gray-color-AA, #949494)));padding-inline:var(--comp-btn-padding);padding-right:calc(var(--comp-btn-padding) + var(--comp-close-size));font-size:var(--tct-pill-btn-font-size, var(--t-pill-btn-font-size, var(--app-font-size, 14px)));color:var(--comp-btn-color);display:block;width:100%;text-align:start}.btn-primary:focus,.btn-primary:hover{background:var(--comp-hover-btn-background)}.has-options .btn-primary,.has-icon .btn-primary{padding-right:calc(var(--tct-pill-icon-gap, var(--t-pill-icon-gap, var(--app-scale-1x, 5px))) + var(--comp-close-size))}.has-options .btn-primary{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:var(--tct-pill-max-width, var(--t-pill-max-width, 200px))}:host([active]) .btn-primary{background:var(--comp-active-btn-background);border-color:var(--comp-active-btn-border-color);color:var(--comp-active-btn-color)}:host([active]) .btn-primary:focus,:host([active]) .btn-primary:hover{background:var(--comp-hover-active-btn-background);border-color:var(--comp-hover-active-btn-border-color)}.btn-close{background:transparent;border-color:transparent;border-width:var(--comp-pill-btn-border-width);width:var(--comp-close-size);height:var(--comp-close-size);padding:0;border:0;display:inline-flex;justify-content:center;align-items:center;position:absolute;right:0;top:50%;transform:translateY(-50%);opacity:0}:host([active]) .btn-close{color:var(--comp-active-btn-color)}.has-options .btn-close,.has-icon .btn-close{opacity:1}q2-icon{--t-icon-stroke-primary:currentcolor;width:var(--tct-pill-icon-size, var(--t-pill-icon-size, 14px));height:var(--tct-pill-icon-size, var(--t-pill-icon-size, 14px));transition-property:transform;transition:var(--tct-pill-btn-tween, var(--t-pill-btn-tween, var(--app-tween-1, 0.2s ease)))}div.btn-close{pointer-events:none}:host([open]) div.btn-close q2-icon{transform:rotate(180deg)}:host([active]) button.btn-close:focus,:host([active]) button.btn-close:hover{background:var(--tct-pill-hover-close-btn-background, var(--t-pill-hover-close-btn-background, var(--t-top-a1, rgba(13, 13, 13, 0.35))));border-color:var(--tct-pill-hover-close-btn-border-color, var(--t-pill-hover-close-btn-border-color, var(--t-top-a1, rgba(13, 13, 13, 0.35))))}q2-popover{top:calc(var(--comp-pill-min-height) - (var(--comp-pill-min-height) - var(--comp-pill-btn-height)) / 2)}:host([borderless]:not([borderless=false])) button{border-style:none}";const h=p;const v=class{constructor(e){t(this,e);this.change=i(this,"change",7);var o;this.scheduledAfterRender=[];this.clearSelectedOptions=()=>{this.selectedOptions=[];this.value=null;this.active=false;this.open=false;this.primaryBtn.focus();this.change.emit({value:null,values:[],active:false});this.scheduledAfterRender.push(r)};this.determineOptionCount=async()=>{if(this.optionList){const t=await this.optionList.getOptions();this.optionCount=t.length}else{const t=this.hostElement.querySelectorAll("q2-option").length;this.optionCount=t}};this.executeActionSheet=async t=>{const i=await l(this,t);this.handleSelectionChanges(i)};this.getOption=async t=>{if(this.optionList){const i=await this.optionList.getOptions();return i.find((i=>i.value===t))}else{return this.hostElement.querySelector(`q2-option[value="${t}"]`)}};this.handleButtonFocusout=async t=>{const i=t.relatedTarget;if((i===null||i===void 0?void 0:i.tagName)==="Q2-OPTION")return;this.open=false};this.handleChange=t=>{t.stopPropagation();if(!this.optionCount)return;this.handleSelectionChanges(t.detail)};this.handleClick=async t=>{t.stopPropagation();if(this.disabled)return;if(this.optionCount){if(d(this)){this.executeActionSheet(t)}else{await this.popoverElement.toggle()}}else{const{value:t,label:i}=this;const e=this.active=!this.active;const o=e?[{value:t,display:i}]:[];this.selectedOptions=o;this.change.emit({value:t,values:o,active:e})}};this.handleKeydown=async t=>{const i=t.metaKey||t.ctrlKey||t.key==="Tab";if(!this.optionCount||this.disabled||i)return;t.preventDefault();const e=this.hasPopoverTop||this.hasPopoverBottom;if(d(this,t)&&!e){this.executeActionSheet(t)}else{this.optionList.handleExternalKeydown(t)}};this.handleSelectionChanges=async t=>{const{multiple:i}=this;const{value:e="",values:o=[]}=t;const r=i?!!o.length:!!e;if(!this.hostElement.onchange){if(i){this.selectedOptions=o;this.value=undefined}else{const t=await this.getOption(e);this.selectedOptions=t?[{value:t.value,display:t.display}]:[];this.value=(t===null||t===void 0?void 0:t.value)||undefined}}this.change.emit({value:i?undefined:e,values:o,active:r})};this.handleWrapperClick=()=>{this.primaryBtn.focus();this.primaryBtn.click()};this.onClickElsewhere=t=>{const i=t.target;if(i.localName==="click-elsewhere"){t.stopPropagation();const{popoverElement:i}=this;if(!i)return;i.open=false}};this.onMutationObserved=()=>{this.updateSlotState();this.determineOptionCount();this.updateSelectedOptionElements()};this.updateSlotState=()=>{const{hostElement:t,hasPopoverTop:i,hasPopoverBottom:e}=this;const o=t.shadowRoot.querySelector('slot[name="popover-top"]');const r=t.shadowRoot.querySelector('slot[name="popover-bottom"]');const n=(o===null||o===void 0?void 0:o.assignedNodes().length)>0;const a=(r===null||r===void 0?void 0:r.assignedNodes().length)>0;if(i!==n)this.hasPopoverTop=n;if(e!==a)this.hasPopoverBottom=a};this.syncValueProperties=()=>{const{value:t,selectedOptions:i}=this;if(!!(i===null||i===void 0?void 0:i.length))this.selectedOptionsChanged(i);else if(t)this.valueChanged(t)};this.updateSelectedOptionElements=async()=>{var t;const{selectedOptions:i=[]}=this;const e=i.map((t=>t.value));const o=await((t=this.optionList)===null||t===void 0?void 0:t.getOptions());if(this.optionCount)this.active=!!e.length;this.selectedOptionElements=(o===null||o===void 0?void 0:o.filter((t=>e.includes(t.value))))||[]};this.hasPopoverTop=false;this.hasPopoverBottom=false;this.optionCount=undefined;this.selectedOptionElements=[];this.active=undefined;this.borderless=undefined;this.disabled=undefined;this.hoist=!!((o=window.Tecton)===null||o===void 0?void 0:o.useActionSheets);this.label=undefined;this.maxLength=undefined;this.multiple=undefined;this.open=undefined;this.optionListLabel=undefined;this.popoverAlignment="right";this.popoverDirection=undefined;this.popoverMaxHeight=undefined;this.popoverMinHeight=150;this.selectedOptions=[];this.theme=undefined;this.value=undefined}disconnectedCallback(){this.mutationObserver.disconnect();this.mutationObserver=null}componentWillLoad(){const t=new MutationObserver(this.onMutationObserved);t.observe(this.hostElement,{childList:true,attributes:true});this.mutationObserver=t}componentDidLoad(){n(this.hostElement);this.syncValueProperties()}componentDidRender(){this.scheduledAfterRender.forEach((t=>t()));this.scheduledAfterRender=[]}handleSelectedDisplay(){if(this.multiple)return;this.updateSelectedOptionElements()}delegateFocus(t){if(!a(t,this.hostElement))return;this.primaryBtn.focus()}popoverStateHandler({detail:{open:t}}){if(this.open!==t)this.open=t;if(t)return;this.optionList.setActiveElement(null)}async closePopover(){if(!this.open||this.disabled)return;this._togglePopover()}async openPopover(){if(this.open||this.disabled)return;this._togglePopover()}async setValue(t,i={closePopover:true}){var e;const o=new Set(Array.isArray(t)?t:[t]);const r=await((e=this.optionList)===null||e===void 0?void 0:e.getOptions());if(!this.open){await this.openPopover();await s()}o.forEach((t=>{var i;(i=r.find((i=>i.value===t)))===null||i===void 0?void 0:i.click()}));if(i.closePopover){await this.closePopover();await s()}}selectedOptionsChanged(t){var i,e;const{multiple:o}=this;const r=(e=(i=t===null||t===void 0?void 0:t[0])===null||i===void 0?void 0:i.value)!==null&&e!==void 0?e:null;if(o){if(this.value)this.value=null;this.updateSelectedOptionElements()}else if(this.value===r){this.updateSelectedOptionElements()}else{this.value=r}}async valueChanged(t){var i,e;const{multiple:o,selectedOptions:r}=this;if(o)return;const n=(e=(i=r===null||r===void 0?void 0:r[0])===null||i===void 0?void 0:i.value)!==null&&e!==void 0?e:null;if(t===n)this.updateSelectedOptionElements();else{const i=await this.getOption(t);const{value:e,display:o}=i||{value:t,display:null};this.selectedOptions=e?[{value:e,display:o}]:[]}}get buttonContent(){const{label:t,selectedOptions:i,selectedOptionElements:e,optionCount:o}=this;if(!o||e.length===0)return c(t);else if(e.length===1)return c(e[0].display);return c("tecton.element.pill.activeCount",{count:i.length})}get truncatedButtonContent(){const{maxLength:t,buttonContent:i}=this;if(t)return i.length>t?`${i.substring(0,t)}…`:i;else return i}_togglePopover(){const{primaryBtn:t}=this;t===null||t===void 0?void 0:t.click();t===null||t===void 0?void 0:t.focus();t.dispatchEvent(new FocusEvent("focus"))}renderHiddenElement(){return e("div",{id:"option-description",class:"sr","aria-hidden":"true"},c("tecton.element.optionList.optionCount",[this.optionCount]))}renderIcon(){const{optionCount:t,active:i}=this;const o=t&&i;const r=o?"button":"div";const n=o||!t?"close":"chevron-down";return e(r,{class:"btn-close",onClick:o&&this.clearSelectedOptions||undefined,disabled:o&&this.disabled||undefined,"aria-label":o&&c("tecton.element.pill.clearSelection")||undefined,type:o&&"button"||undefined},e("q2-icon",{type:n}))}render(){const{optionCount:t,active:i,open:o}=this;const r=["btn-wrapper"];if(t||i)r.push("has-icon");if(t)r.push("has-options");return e("click-elsewhere",{key:"bf12787a839b5ec97a14a2638b83534a3ccf610b",onChange:this.onClickElsewhere},e("div",{key:"b3c02f4d5400e6637e2848ff70ea0548469ce156",class:r.join(" ")},e("div",{key:"a99df01a6e69f73fe9f21b4ed51113ae2a2ecfcc",class:"btn-height-wrapper",ref:t=>this.primaryBtnWrapper=t,onClick:this.handleWrapperClick,tabIndex:-1},e("button",{key:"2759471703efb53fe6132c36797e5f4d016b0108",class:"btn-primary","test-id":"btn-control",type:"button",role:t&&"combobox"||undefined,ref:t=>this.primaryBtn=t,onClick:this.handleClick,onKeyDown:this.handleKeydown,onFocusout:this.handleButtonFocusout,disabled:this.disabled,"aria-roledescription":!t&&"filter","aria-controls":t&&"option-list"||undefined,"aria-expanded":t&&`${!!o}`||undefined,"aria-label":this.buttonContent,"aria-describedby":t&&"option-description"||undefined},this.truncatedButtonContent,!t&&i&&e("span",{key:"8c0733bf2bae45288dbdf13801305043d0b7cd67",class:"sr"},"(",c("tecton.element.pill.active"),")"))),this.renderIcon(),!!t&&this.renderHiddenElement()),this.optionCount>0&&e("q2-popover",{key:"65af1d895e52ebec3000172ed59713190ec1c4cd",ref:t=>this.popoverElement=t,controlElement:this.primaryBtn,open:this.open,"max-height":this.popoverMaxHeight,minHeight:this.popoverMinHeight,direction:this.popoverDirection,align:this.popoverAlignment},e("div",{key:"8cfde66d75fee798ee956921ba04aa9ed5643651",class:"popover-content"},e("div",{key:"688cf13032c09f0f63fb39c58a0182e77f98ddeb",ref:t=>this.popoverTopContainer=t,class:"popover-top-container",tabindex:"-1",hidden:!this.hasPopoverTop,onKeyDown:this.handleKeydown},e("slot",{key:"af6a97d9bba21ed908c876da0ad8851b9fcb286a",name:"popover-top"})),e("q2-option-list",{key:"fb4c49c8b3936faabe1533973680bcf33e5d13da",type:"listbox",ref:t=>this.optionList=t,id:"option-list",onChange:this.handleChange,multiple:this.multiple,selectedOptions:this.selectedOptions,onReady:()=>this.updateSelectedOptionElements(),label:c("tecton.element.optionList.label",[this.optionListLabel])},e("slot",{key:"ce059f109de1eab4b3129916d14a365fd54f9802"})),e("div",{key:"2f388ecb604db14d4e419128703980e02dda3598",ref:t=>this.popoverBottomContainer=t,class:"popover-bottom-container",tabindex:"-1",hidden:!this.hasPopoverBottom,onKeyDown:this.handleKeydown},e("slot",{key:"2881980ed3c258ccbd58509fb4b348d5dba0d978",name:"popover-bottom"})))))}get hostElement(){return o(this)}static get watchers(){return{selectedOptions:["selectedOptionsChanged"],value:["valueChanged"]}}};v.style=h;export{v as q2_pill};
2
+ //# sourceMappingURL=p-4cabd4a3.entry.js.map
@@ -1,2 +1,2 @@
1
- import{r as a,h as t,g as r}from"./p-a5f18e27.js";const i="*{box-sizing:border-box}*:active{outline:none}*:focus{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}.avatar-img,.avatar-img-default{object-fit:cover;height:var(--tct-avatar-img-height, var(--tct-avatar-height, 44px));width:var(--tct-avatar-img-width, var(--tct-avatar-width, 44px));border-radius:var(--tct-avatar-img-border-radius, var(--tct-avatar-img-br, var(--tct-avatar-border-radius, 50%)))}.avatar-img-default{background:var(--tct-avatar-background, var(--tct-avatar-bg, #9e9e9e))}.avatar-initials{height:var(--tct-avatar-height, 44px);width:var(--tct-avatar-width, 44px);background:var(--tct-avatar-background, var(--tct-avatar-bg, var(--t-gray-8, #9e9e9e)));border-radius:var(--tct-avatar-br, 50%)}.size-1{--tct-avatar-font-size:var(--tct-avatar-size-1, 60px)}.size-2{--tct-avatar-font-size:var(--tct-avatar-size-2, 48px)}.size-3{--tct-avatar-font-size:var(--tct-avatar-size-3, 40px)}.size-4{--tct-avatar-font-size:var(--tct-avatar-size-4, 30px)}text{fill:var(--tct-avatar-text-color, var(--tct-avatar-color, #ffffff));font-weight:var(--tct-avatar-font-weight, 200);font-size:var(--tct-avatar-font-size, 40px)}.fallback{height:var(--tct-avatar-fallback-height, var(--tct-avatar-height, 44px));width:var(--tct-avatar-fallback-width, var(--tct-avatar-width, 44px));border-radius:var(--tct-avatar-fallback-border-radius, var(--tct-avatar-fallback-br, var(--tct-avatar-img-border-radius, var(--tct-avatar-img-br, 50%))));background:var(--tct-avatar-fallback-background, var(--tct-avatar-fallback-bg, var(--tct-avatar-background, var(--tct-avatar-bg, var(--t-gray-8, #9e9e9e)))));display:inline-flex;align-items:center;justify-content:center}q2-icon{--t-icon-size:var(--tct-avatar-icon-size, var(--tct-avatar-fallback-icon-size, 65%));--t-icon-stroke-primary:var(--tct-avatar-icon-stroke-primary, var(--tct-avatar-fallback-stroke-primary, currentcolor));--t-icon-stroke-secondary:var(--tct-avatar-icon-stroke-secondary, var(--tct-avatar-fallback-stroke-secondary, currentcolor));--tct-icon-fill:var(--tct-avatar-icon-fill, var(--tct-avatar-fallback-fill));color:var(--tct-avatar-icon-color, var(--tct-avatar-fallback-color, var(--tct-avatar-color, var(--t-base, #ffffff))));width:var(--tct-avatar-icon-size, var(--t-icon-size));height:var(--tct-avatar-icon-size, var(--t-icon-size))}";const e=i;const c=class{constructor(t){a(this,t);this.onError=()=>{this.badSrc=true};this.onLoad=()=>{this.isLoaded=true};this.badSrc=false;this.isLoaded=false;this.icon="person";this.initials=undefined;this.name=undefined;this.src=undefined}srcDidUpdate(){this.badSrc=false}get computedInitials(){const{initials:a,name:t}=this;if(!a&&!t)return;let r="";if(a){r=a.substr(0,4)}else if(t){const a=t.split(" ");const i=a[0][0];const e=a.length>1?a[a.length-1][0]:undefined;r+=i;if(e)r+=e}r=r===null||r===void 0?void 0:r.toUpperCase();return r}render(){const{computedInitials:a}=this;const r=this.src&&!this.badSrc;const i=this.isLoaded;const e=(this.name||this.initials)&&(!this.src||this.badSrc);const c=!this.name&&!this.initials&&(!this.src||this.badSrc);return t("div",{key:"7ecd9ef9eefb818f07ecf991af2eb5ad0f495497"},r&&t("img",{key:"11c948c15f4b848457866f0a898368d1e609944c",class:i?"avatar-img":"avatar-img-default","test-id":"userImage",src:this.src,onError:this.onError,onLoad:this.onLoad,alt:this.name||""}),e&&t("svg",{key:"22bea8e763c06733d7d999b2784d0bcfe503c432",viewBox:"0 0 100 100",preserveAspectRatio:"xMidYMid meet","test-id":"userInitials",class:`avatar-initials size-${a.length}`,"aria-label":this.name,"aria-hidden":!this.name&&"true"},t("text",{key:"aa9a1512d5ae2f204e0d369b1209f7f3f33d2fcc",x:"50",y:"50","dominant-baseline":"central","text-anchor":"middle","aria-hidden":"true"},a)),c&&t("div",{key:"f897f840dbc1c453e2a9f83801a68e17aadca240","test-id":"fallbackIcon",class:"fallback"},t("q2-icon",{key:"5c880be18f7b8fe4f9b844ad66e5d9caf2959313",type:this.icon})))}get el(){return r(this)}static get watchers(){return{src:["srcDidUpdate"]}}};c.style=e;export{c as q2_avatar};
2
- //# sourceMappingURL=p-07d1c3ae.entry.js.map
1
+ import{r as t,h as a,g as r}from"./p-a5f18e27.js";const i="*{box-sizing:border-box}*:active{outline:none}*:focus{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}.avatar-img,.avatar-img-default{object-fit:cover;height:var(--tct-avatar-img-height, var(--tct-avatar-height, 44px));width:var(--tct-avatar-img-width, var(--tct-avatar-width, 44px));border-radius:var(--tct-avatar-img-border-radius, var(--tct-avatar-img-br, var(--tct-avatar-border-radius, 50%)))}.avatar-img-default{background:var(--tct-avatar-background, var(--tct-avatar-bg, #9e9e9e))}.avatar-initials{height:var(--tct-avatar-height, 44px);width:var(--tct-avatar-width, 44px);background:var(--tct-avatar-background, var(--tct-avatar-bg, var(--t-gray-8, #9e9e9e)));border-radius:var(--tct-avatar-br, 50%)}.size-1{--tct-avatar-font-size:var(--tct-avatar-size-1, 60px)}.size-2{--tct-avatar-font-size:var(--tct-avatar-size-2, 48px)}.size-3{--tct-avatar-font-size:var(--tct-avatar-size-3, 40px)}.size-4{--tct-avatar-font-size:var(--tct-avatar-size-4, 30px)}text{fill:var(--tct-avatar-text-color, var(--tct-avatar-color, #ffffff));font-weight:var(--tct-avatar-font-weight, 200);font-size:var(--tct-avatar-font-size, 40px)}.fallback{height:var(--tct-avatar-fallback-height, var(--tct-avatar-height, 44px));width:var(--tct-avatar-fallback-width, var(--tct-avatar-width, 44px));border-radius:var(--tct-avatar-fallback-border-radius, var(--tct-avatar-fallback-br, var(--tct-avatar-img-border-radius, var(--tct-avatar-img-br, 50%))));background:var(--tct-avatar-fallback-background, var(--tct-avatar-fallback-bg, var(--tct-avatar-background, var(--tct-avatar-bg, var(--t-gray-8, #9e9e9e)))));display:inline-flex;align-items:center;justify-content:center}q2-icon{--t-icon-size:var(--tct-avatar-icon-size, var(--tct-avatar-fallback-icon-size, 65%));--t-icon-stroke-primary:var(--tct-avatar-icon-stroke-primary, var(--tct-avatar-fallback-stroke-primary, currentcolor));--t-icon-stroke-secondary:var(--tct-avatar-icon-stroke-secondary, var(--tct-avatar-fallback-stroke-secondary, currentcolor));--tct-icon-fill:var(--tct-avatar-icon-fill, var(--tct-avatar-fallback-fill));color:var(--tct-avatar-icon-color, var(--tct-avatar-fallback-color, var(--tct-avatar-color, var(--t-base, #ffffff))));width:var(--tct-avatar-icon-size, var(--t-icon-size));height:var(--tct-avatar-icon-size, var(--t-icon-size))}";const e=i;const c=class{constructor(a){t(this,a);this.onError=()=>{this.badSrc=true};this.onLoad=()=>{this.isLoaded=true};this.badSrc=false;this.isLoaded=false;this.icon="person";this.initials=undefined;this.name=undefined;this.src=undefined}srcDidUpdate(){this.badSrc=false}get computedInitials(){const{initials:t,name:a}=this;if(!t&&!a)return;let r="";if(t){r=t.substr(0,4)}else if(a){const t=a.split(" ");const i=t[0][0];const e=t.length>1?t[t.length-1][0]:undefined;r+=i;if(e)r+=e}r=r===null||r===void 0?void 0:r.toUpperCase();return r}render(){const{computedInitials:t}=this;const r=this.src&&!this.badSrc;const i=this.isLoaded;const e=(this.name||this.initials)&&(!this.src||this.badSrc);const c=!this.name&&!this.initials&&(!this.src||this.badSrc);return a("div",{key:"8fc018a14a769bf69c404a5059c6cc5a887cdc56"},r&&a("img",{key:"a9045f15fab15010cfb78b63021093dc6066c88e",class:i?"avatar-img":"avatar-img-default","test-id":"userImage",src:this.src,onError:this.onError,onLoad:this.onLoad,alt:this.name||""}),e&&a("svg",{key:"0a5c8c322867fe769c2f093c9d853f2141b5ad81",viewBox:"0 0 100 100",preserveAspectRatio:"xMidYMid meet","test-id":"userInitials",class:`avatar-initials size-${t.length}`,"aria-label":this.name,"aria-hidden":!this.name&&"true"},a("text",{key:"cc2279c1fa426e9ff7218eed1b8c392c50a510b2",x:"50",y:"50","dominant-baseline":"central","text-anchor":"middle","aria-hidden":"true"},t)),c&&a("div",{key:"085bc656b4bd267443d90eb48bc392b32c669440","test-id":"fallbackIcon",class:"fallback"},a("q2-icon",{key:"60ed698068e1f5ab3c797d1c5f7e2b36c4b6d028",type:this.icon})))}get el(){return r(this)}static get watchers(){return{src:["srcDidUpdate"]}}};c.style=e;export{c as q2_avatar};
2
+ //# sourceMappingURL=p-4e4aa30e.entry.js.map
@@ -1,2 +1,2 @@
1
- import{r as t,c as e,h as i,F as a,g as o}from"./p-a5f18e27.js";import{c as r,o as n,i as s,f as d}from"./p-15ac45d6.js";const l='*{box-sizing:border-box}*:active{outline:none}*:focus{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{margin-top:var(--tct-scale-2, var(--app-scale-2x, 10px))}fieldset{padding:0;margin:0;border:0;position:relative}.label-row{display:grid;grid-template-columns:1fr 24px;grid-template-areas:"label icon";gap:var(--app-scale-1x, 5px)}.label-row q2-icon{grid-area:icon;margin-top:-2px;margin-bottom:-2px}.group-legend{font-weight:600}.optional-tag{margin-left:var(--tct-input-label-optional-margin-left, var(--t-input-label-optional-margin-left, var(--tct-scale-1, var(--app-scale-1x, 5px))));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, 12px));font-weight:var(--tct-input-label-optional-font-weight, var(--t-input-label-optional-font-weight, 400))}.tile-container,.tile-container .options-container{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;flex-grow:1}.options-container{--comp-default-margin:var(--app-scale-1x, 5px) 0;--comp-options-margin:var(--tct-radio-group-options-margin, var(--t-radio-group-options-margin, var(--comp-default-margin, 5px 0)));margin:var(--comp-options-margin);padding:var(--tct-radio-group-options-padding, var(--t-radio-group-options-padding, var(--app-scale-1x, 5px)));border-width:1px;border-color:transparent;border-style:solid;border-radius:var(--tct-border-radius-1, var(--app-border-radius-1, 4px))}:host([has-error]) .options-container{border-color:var(--tct-input-error-border-color, var(--const-stoplight-alert, #d20a0a))}:host([has-error=false]) .options-container{border-color:transparent}.tile-container.left{justify-content:start}.tile-container.right{justify-content:end}.tile-container .options-container{gap:var(--tct-radio-group-tile-gap, var(--t-radio-group-tile-gap, var(--app-scale-2x, 10px)));justify-content:inherit}';const c=l;const p=class{constructor(i){t(this,i);this.change=e(this,"change",7);this._id=`radio-group-${r()}`;this.checkedRadioExists=()=>{const t=this.radioElements.find((t=>t.checked===true))||undefined;if(!this.value&&!!t){this.value=t.value}else if(!this.value&&!t){if(this.radioElements.length)this.radioElements[0].tabIndex=0}};this.onInnerRadioChange=t=>{t.stopImmediatePropagation();if(this.readonly)return;this.change.emit({value:t.detail.value})};this.onMutationObserved=()=>{this.valueUpdated(this.value);this.nameUpdated();this.disabledUpdated();this.readonlyUpdated();this.tileLayoutUpdated(this.tileLayout)};this.disabled=false;this.hasError=false;this.hideLabel=undefined;this.label=undefined;this.name=undefined;this.optional=undefined;this.readonly=undefined;this.tileAlignment="center";this.tilelayout=undefined;this.tileLayout=undefined;this.value=undefined}componentWillLoad(){this.checkedRadioExists();this.onMutationObserved();this.handleDeprecatedTilelayout(this.tilelayout)}componentDidLoad(){const t=new MutationObserver(this.onMutationObserved);t.observe(this.hostElement,{childList:true});this.mutationObserver=t;n(this.hostElement);this.checkedRadioExists()}onHostElementChange(t){if(t.target===this.hostElement){if(!this.hostElement.onchange){this.value=t.detail.value}}}delegateFocus(t){if(!s(t,this.hostElement))return;const e=this.hostElement.querySelector("q2-radio[checked]")||this.hostElement.querySelector("q2-radio");e===null||e===void 0?void 0:e.dispatchEvent(new FocusEvent("focus"))}keydownHandler(t){const e=t.target.getAttribute("value")||this.value;let i=this.radioElements.findIndex((i=>i===t.target||i.getAttribute("value")===e));let a=0;switch(t.key){case"ArrowLeft":case"ArrowUp":a=-1;break;case"ArrowRight":case"ArrowDown":a=1;break}if(i===-1||a===0){return}i+=a;i=a<0?Math.max(0,i):Math.min(this.radioElements.length-1,i);t.preventDefault();if(!this.readonly){this.value=this.radioElements[i].value}this.radioElements[i].dispatchEvent(new FocusEvent("focus"))}setValue(t){this.radioElements.forEach((e=>{if(t!==e.value)return;e.click()}))}disabledUpdated(){this.radioElements.forEach((t=>{t.groupDisabled=this.disabled}))}nameUpdated(){this.radioElements.forEach((t=>{t.name=this.name||this._id}))}readonlyUpdated(){const t=this.readonly;this.radioElements.forEach((e=>e.groupReadonly=t))}handleDeprecatedTilelayout(t){if(typeof t!=="boolean")return;this.tileLayout=t;this.tilelayout=undefined}tileLayoutUpdated(t){this.radioElements.forEach((e=>{e.groupTileLayout=t}))}valueUpdated(t){this.radioElements.forEach((e=>{e.checked=t===e.value;if(!e.checked){e.removeAttribute("checked");e.tabIndex=-1}else if(e.checked){e.tabIndex=0}}))}get inputId(){return this._id}get radioElements(){return Array.from(this.hostElement.querySelectorAll("q2-radio"))}inputDom(){if(this.tileLayout){const{tileAlignment:t}=this;const e=["left","center","right"].includes(t)?t:"center";return i("div",{class:`tile-container ${e}`},i("div",{class:"options-container"},i("slot",null)))}else{return i("div",{class:"options-container"},i("slot",null))}}render(){const t=this.label||this.optional||this.readonly;const{hasError:e}=this;const o=t||e;return i(a,{key:"17664abacfe3cdee9bf47664d76bd293a32cdf44"},o&&i("div",{key:"f6517c291e66c8980e3adfa3ae6f192a6932e171",class:"label-row"},t&&i("div",{key:"d7f90dfc20636f4c5a6a45bed929607f3c0c5f49",class:"group-legend"},d(this)),e&&i("q2-icon",{key:"864800b57dbc581a8ec8ac251e03b5277d615165",type:"error","test-id":"iconError"})),i("fieldset",{key:"0598273c1532aa0abfcd92a38576299a6bdc6fea",onChange:this.onInnerRadioChange,"aria-invalid":`${this.hasError}`},t&&i("legend",{key:"fd192a0ee8d2b34828edc1eadfacb660571df83e",class:"sr"},d(this)),this.inputDom()))}get hostElement(){return o(this)}static get watchers(){return{disabled:["disabledUpdated"],name:["nameUpdated"],readonly:["readonlyUpdated"],tilelayout:["handleDeprecatedTilelayout"],tileLayout:["tileLayoutUpdated"],value:["valueUpdated"]}}};p.style=c;export{p as q2_radio_group};
2
- //# sourceMappingURL=p-a47597dd.entry.js.map
1
+ import{r as t,c as e,h as i,F as a,g as o}from"./p-a5f18e27.js";import{c as r,o as n,i as s,f as d}from"./p-c5445b5e.js";const l='*{box-sizing:border-box}*:active{outline:none}*:focus{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{margin-top:var(--tct-scale-2, var(--app-scale-2x, 10px))}fieldset{padding:0;margin:0;border:0;position:relative}.label-row{display:grid;grid-template-columns:1fr 24px;grid-template-areas:"label icon";gap:var(--app-scale-1x, 5px)}.label-row q2-icon{grid-area:icon;margin-top:-2px;margin-bottom:-2px}.group-legend{font-weight:600}.optional-tag{margin-left:var(--tct-input-label-optional-margin-left, var(--t-input-label-optional-margin-left, var(--tct-scale-1, var(--app-scale-1x, 5px))));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, 12px));font-weight:var(--tct-input-label-optional-font-weight, var(--t-input-label-optional-font-weight, 400))}.tile-container,.tile-container .options-container{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;flex-grow:1}.options-container{--comp-default-margin:var(--app-scale-1x, 5px) 0;--comp-options-margin:var(--tct-radio-group-options-margin, var(--t-radio-group-options-margin, var(--comp-default-margin, 5px 0)));margin:var(--comp-options-margin);padding:var(--tct-radio-group-options-padding, var(--t-radio-group-options-padding, var(--app-scale-1x, 5px)));border-width:1px;border-color:transparent;border-style:solid;border-radius:var(--tct-border-radius-1, var(--app-border-radius-1, 4px))}:host([has-error]) .options-container{border-color:var(--tct-input-error-border-color, var(--const-stoplight-alert, #d20a0a))}:host([has-error=false]) .options-container{border-color:transparent}.tile-container.left{justify-content:start}.tile-container.right{justify-content:end}.tile-container .options-container{gap:var(--tct-radio-group-tile-gap, var(--t-radio-group-tile-gap, var(--app-scale-2x, 10px)));justify-content:inherit}';const c=l;const p=class{constructor(i){t(this,i);this.change=e(this,"change",7);this._id=`radio-group-${r()}`;this.checkedRadioExists=()=>{const t=this.radioElements.find((t=>t.checked===true))||undefined;if(!this.value&&!!t){this.value=t.value}else if(!this.value&&!t){if(this.radioElements.length)this.radioElements[0].tabIndex=0}};this.onInnerRadioChange=t=>{t.stopImmediatePropagation();if(this.readonly)return;this.change.emit({value:t.detail.value})};this.onMutationObserved=()=>{this.valueUpdated(this.value);this.nameUpdated();this.disabledUpdated();this.readonlyUpdated();this.tileLayoutUpdated(this.tileLayout)};this.disabled=false;this.hasError=false;this.hideLabel=undefined;this.label=undefined;this.name=undefined;this.optional=undefined;this.readonly=undefined;this.tileAlignment="center";this.tilelayout=undefined;this.tileLayout=undefined;this.value=undefined}componentWillLoad(){this.checkedRadioExists();this.onMutationObserved();this.handleDeprecatedTilelayout(this.tilelayout)}componentDidLoad(){const t=new MutationObserver(this.onMutationObserved);t.observe(this.hostElement,{childList:true});this.mutationObserver=t;n(this.hostElement);this.checkedRadioExists()}onHostElementChange(t){if(t.target===this.hostElement){if(!this.hostElement.onchange){this.value=t.detail.value}}}delegateFocus(t){if(!s(t,this.hostElement))return;const e=this.hostElement.querySelector("q2-radio[checked]")||this.hostElement.querySelector("q2-radio");e===null||e===void 0?void 0:e.dispatchEvent(new FocusEvent("focus"))}keydownHandler(t){const e=t.target.getAttribute("value")||this.value;let i=this.radioElements.findIndex((i=>i===t.target||i.getAttribute("value")===e));let a=0;switch(t.key){case"ArrowLeft":case"ArrowUp":a=-1;break;case"ArrowRight":case"ArrowDown":a=1;break}if(i===-1||a===0){return}i+=a;i=a<0?Math.max(0,i):Math.min(this.radioElements.length-1,i);t.preventDefault();if(!this.readonly){this.value=this.radioElements[i].value}this.radioElements[i].dispatchEvent(new FocusEvent("focus"))}setValue(t){this.radioElements.forEach((e=>{if(t!==e.value)return;e.click()}))}disabledUpdated(){this.radioElements.forEach((t=>{t.groupDisabled=this.disabled}))}nameUpdated(){this.radioElements.forEach((t=>{t.name=this.name||this._id}))}readonlyUpdated(){const t=this.readonly;this.radioElements.forEach((e=>e.groupReadonly=t))}handleDeprecatedTilelayout(t){if(typeof t!=="boolean")return;this.tileLayout=t;this.tilelayout=undefined}tileLayoutUpdated(t){this.radioElements.forEach((e=>{e.groupTileLayout=t}))}valueUpdated(t){this.radioElements.forEach((e=>{e.checked=t===e.value;if(!e.checked){e.removeAttribute("checked");e.tabIndex=-1}else if(e.checked){e.tabIndex=0}}))}get inputId(){return this._id}get radioElements(){return Array.from(this.hostElement.querySelectorAll("q2-radio"))}inputDom(){if(this.tileLayout){const{tileAlignment:t}=this;const e=["left","center","right"].includes(t)?t:"center";return i("div",{class:`tile-container ${e}`},i("div",{class:"options-container"},i("slot",null)))}else{return i("div",{class:"options-container"},i("slot",null))}}render(){const t=this.label||this.optional||this.readonly;const{hasError:e}=this;const o=t||e;return i(a,{key:"17664abacfe3cdee9bf47664d76bd293a32cdf44"},o&&i("div",{key:"f6517c291e66c8980e3adfa3ae6f192a6932e171",class:"label-row"},t&&i("div",{key:"d7f90dfc20636f4c5a6a45bed929607f3c0c5f49",class:"group-legend"},d(this)),e&&i("q2-icon",{key:"864800b57dbc581a8ec8ac251e03b5277d615165",type:"error","test-id":"iconError"})),i("fieldset",{key:"0598273c1532aa0abfcd92a38576299a6bdc6fea",onChange:this.onInnerRadioChange,"aria-invalid":`${this.hasError}`},t&&i("legend",{key:"fd192a0ee8d2b34828edc1eadfacb660571df83e",class:"sr"},d(this)),this.inputDom()))}get hostElement(){return o(this)}static get watchers(){return{disabled:["disabledUpdated"],name:["nameUpdated"],readonly:["readonlyUpdated"],tilelayout:["handleDeprecatedTilelayout"],tileLayout:["tileLayoutUpdated"],value:["valueUpdated"]}}};p.style=c;export{p as q2_radio_group};
2
+ //# sourceMappingURL=p-50f6e95a.entry.js.map
@@ -1,2 +1,2 @@
1
- import{r,h as t,g as a}from"./p-a5f18e27.js";import{o as e,l as i}from"./p-15ac45d6.js";import{_ as n,I as s,S as o,b6 as h,P as u,b7 as f,o as l,a0 as c,h as v,i as d,u as p,s as b,H as g,b8 as m,G as y,m as w,d as x,C as A,W as M,a as k,g as S,b as C,b9 as N,t as z,z as U,ba as I,V as O,ai as T,bb as E,bc as L,a9 as _,aa as j,ab as D,ac as W,ad as B,ae as P,af as R}from"./p-2941aafa.js";import{c as H,j as V,g as q,i as F,a as G,e as X,f as Y,h as J}from"./p-ad80aef0.js";import{g as K,i as Q}from"./p-eea5aa01.js";var Z=function(r){n(t,r);function t(){var a=r!==null&&r.apply(this,arguments)||this;a.type=t.type;return a}t.prototype.getInitialData=function(r,t){return H(null,this,{useEncodeDefaulter:true})};t.prototype.getMarkerPosition=function(r,t,a){var e=this.coordinateSystem;if(e&&e.clampData){var i=e.clampData(r);var n=e.dataToPoint(i);if(a){s(e.getAxes(),(function(r,a){if(r.type==="category"&&t!=null){var e=r.getTicksCoords();var s=r.getTickModel().get("alignWithLabel");var o=i[a];var h=t[a]==="x1"||t[a]==="y1";if(h&&!s){o+=1}if(e.length<2){return}else if(e.length===2){n[a]=r.toGlobalCoord(r.getExtent()[h?1:0]);return}var u=void 0;var f=void 0;var l=1;for(var c=0;c<e.length;c++){var v=e[c].coord;var d=c===e.length-1?e[c-1].tickValue+l:e[c].tickValue;if(d===o){f=v;break}else if(d<o){u=v}else if(u!=null&&d>o){f=(v+u)/2;break}if(c===1){l=d-e[0].tickValue}}if(f==null){if(!u){f=e[0].coord}else if(u){f=e[e.length-1].coord}}n[a]=r.toGlobalCoord(f)}}))}else{var o=this.getData();var h=o.getLayout("offset");var u=o.getLayout("size");var f=e.getBaseAxis().isHorizontal()?0:1;n[f]+=h+u/2}return n}return[NaN,NaN]};t.type="series.__base_bar__";t.defaultOption={z:2,coordinateSystem:"cartesian2d",legendHoverLink:true,barMinHeight:0,barMinAngle:0,large:false,largeThreshold:400,progressive:3e3,progressiveChunkMode:"mod"};return t}(o);o.registerClass(Z);const $=Z;var rr=function(r){n(t,r);function t(){var a=r!==null&&r.apply(this,arguments)||this;a.type=t.type;return a}t.prototype.getInitialData=function(){return H(null,this,{useEncodeDefaulter:true,createInvertedIndices:!!this.get("realtimeSort",true)||null})};t.prototype.getProgressive=function(){return this.get("large")?this.get("progressive"):false};t.prototype.getProgressiveThreshold=function(){var r=this.get("progressiveThreshold");var t=this.get("largeThreshold");if(t>r){r=t}return r};t.prototype.brushSelector=function(r,t,a){return a.rect(t.getItemLayout(r))};t.type="series.bar";t.dependencies=["grid","polar"];t.defaultOption=h($.defaultOption,{clip:true,roundCap:false,showBackground:false,backgroundStyle:{color:"rgba(180, 180, 180, 0.2)",borderColor:null,borderWidth:0,borderType:"solid",borderRadius:0,shadowBlur:0,shadowColor:null,shadowOffsetX:0,shadowOffsetY:0,opacity:1},select:{itemStyle:{borderColor:"#212121"}},realtimeSort:false});return t}($);const tr=rr;var ar=function(){function r(){this.cx=0;this.cy=0;this.r0=0;this.r=0;this.startAngle=0;this.endAngle=Math.PI*2;this.clockwise=true}return r}();var er=function(r){n(t,r);function t(t){var a=r.call(this,t)||this;a.type="sausage";return a}t.prototype.getDefaultShape=function(){return new ar};t.prototype.buildPath=function(r,t){var a=t.cx;var e=t.cy;var i=Math.max(t.r0||0,0);var n=Math.max(t.r,0);var s=(n-i)*.5;var o=i+s;var h=t.startAngle;var u=t.endAngle;var f=t.clockwise;var l=Math.PI*2;var c=f?u-h<l:h-u<l;if(!c){h=u-(f?l:-l)}var v=Math.cos(h);var d=Math.sin(h);var p=Math.cos(u);var b=Math.sin(u);if(c){r.moveTo(v*i+a,d*i+e);r.arc(v*o+a,d*o+e,s,-Math.PI+h,h,!f)}else{r.moveTo(v*n+a,d*n+e)}r.arc(a,e,n,h,u,!f);r.arc(p*o+a,b*o+e,s,u-Math.PI*2,u-Math.PI,!f);if(i!==0){r.arc(a,e,i,u,h,f)}};return t}(u);const ir=er;function nr(r,t){t=t||{};var a=t.isRoundCap;return function(t,e,i){var n=e.position;if(!n||n instanceof Array){return f(t,e,i)}var s=r(n);var o=e.distance!=null?e.distance:5;var h=this.shape;var u=h.cx;var l=h.cy;var c=h.r;var v=h.r0;var d=(c+v)/2;var p=h.startAngle;var b=h.endAngle;var g=(p+b)/2;var m=a?Math.abs(c-v)/2:0;var y=Math.cos;var w=Math.sin;var x=u+c*y(p);var A=l+c*w(p);var M="left";var k="top";switch(s){case"startArc":x=u+(v-o)*y(g);A=l+(v-o)*w(g);M="center";k="top";break;case"insideStartArc":x=u+(v+o)*y(g);A=l+(v+o)*w(g);M="center";k="bottom";break;case"startAngle":x=u+d*y(p)+or(p,o+m,false);A=l+d*w(p)+hr(p,o+m,false);M="right";k="middle";break;case"insideStartAngle":x=u+d*y(p)+or(p,-o+m,false);A=l+d*w(p)+hr(p,-o+m,false);M="left";k="middle";break;case"middle":x=u+d*y(g);A=l+d*w(g);M="center";k="middle";break;case"endArc":x=u+(c+o)*y(g);A=l+(c+o)*w(g);M="center";k="bottom";break;case"insideEndArc":x=u+(c-o)*y(g);A=l+(c-o)*w(g);M="center";k="top";break;case"endAngle":x=u+d*y(b)+or(b,o+m,true);A=l+d*w(b)+hr(b,o+m,true);M="left";k="middle";break;case"insideEndAngle":x=u+d*y(b)+or(b,-o+m,true);A=l+d*w(b)+hr(b,-o+m,true);M="right";k="middle";break;default:return f(t,e,i)}t=t||{};t.x=x;t.y=A;t.align=M;t.verticalAlign=k;return t}}function sr(r,t,a,e){if(l(e)){r.setTextConfig({rotation:e});return}else if(c(t)){r.setTextConfig({rotation:0});return}var i=r.shape;var n=i.clockwise?i.startAngle:i.endAngle;var s=i.clockwise?i.endAngle:i.startAngle;var o=(n+s)/2;var h;var u=a(t);switch(u){case"startArc":case"insideStartArc":case"middle":case"insideEndArc":case"endArc":h=o;break;case"startAngle":case"insideStartAngle":h=n;break;case"endAngle":case"insideEndAngle":h=s;break;default:r.setTextConfig({rotation:0});return}var f=Math.PI*1.5-h;if(u==="middle"&&f>Math.PI/2&&f<Math.PI*1.5){f-=Math.PI}r.setTextConfig({rotation:f})}function or(r,t,a){return t*Math.sin(r)*(a?-1:1)}function hr(r,t,a){return t*Math.cos(r)*(a?1:-1)}var ur=Math.max;var fr=Math.min;function lr(r,t){var a=r.getArea&&r.getArea();if(F(r,"cartesian2d")){var e=r.getBaseAxis();if(e.type!=="category"||!e.onBand){var i=t.getLayout("bandWidth");if(e.isHorizontal()){a.x-=i;a.width+=i*2}else{a.y-=i;a.height+=i*2}}}return a}var cr=function(r){n(t,r);function t(){var a=r.call(this)||this;a.type=t.type;a._isFirstFrame=true;return a}t.prototype.render=function(r,t,a,e){this._model=r;this._removeOnRenderedListener(a);this._updateDrawMode(r);var i=r.get("coordinateSystem");if(i==="cartesian2d"||i==="polar"){this._progressiveEls=null;this._isLargeDraw?this._renderLarge(r,t,a):this._renderNormal(r,t,a,e)}};t.prototype.incrementalPrepareRender=function(r){this._clear();this._updateDrawMode(r);this._updateLargeClip(r)};t.prototype.incrementalRender=function(r,t){this._progressiveEls=[];this._incrementalRenderLarge(r,t)};t.prototype.eachRendered=function(r){v(this._progressiveEls||this.group,r)};t.prototype._updateDrawMode=function(r){var t=r.pipelineContext.large;if(this._isLargeDraw==null||t!==this._isLargeDraw){this._isLargeDraw=t;this._clear()}};t.prototype._renderNormal=function(r,t,a,e){var i=this.group;var n=r.getData();var s=this._data;var o=r.coordinateSystem;var h=o.getBaseAxis();var u;if(o.type==="cartesian2d"){u=h.isHorizontal()}else if(o.type==="polar"){u=h.dim==="angle"}var f=r.isAnimationEnabled()?r:null;var l=pr(r,o);if(l){this._enableRealtimeSort(l,n,a)}var c=r.get("clip",true)||l;var v=lr(o,n);i.removeClipPath();var w=r.get("roundCap",true);var x=r.get("showBackground",true);var A=r.getModel("backgroundStyle");var M=A.get("borderRadius")||0;var k=[];var S=this._backgroundEls;var C=e&&e.isInitSort;var N=e&&e.type==="changeAxisOrder";function z(r){var t=xr[o.type](n,r);var a=Tr(o,u,t);a.useStyle(A.getItemStyle());if(o.type==="cartesian2d"){a.setShape("r",M)}else{a.setShape("cornerRadius",M)}k[r]=a;return a}n.diff(s).add((function(t){var a=n.getItemModel(t);var e=xr[o.type](n,t,a);if(x){z(t)}if(!n.hasValue(t)||!wr[o.type](e)){return}var s=false;if(c){s=vr[o.type](v,e)}var p=dr[o.type](r,n,t,e,u,f,h.model,false,w);if(l){p.forceLabelAnimation=true}kr(p,n,t,a,e,r,u,o.type==="polar");if(C){p.attr({shape:e})}else if(l){br(l,f,p,e,t,u,false,false)}else{d(p,{shape:e},r,t)}n.setItemGraphicEl(t,p);i.add(p);p.ignore=s})).update((function(t,a){var e=n.getItemModel(t);var d=xr[o.type](n,t,e);if(x){var m=void 0;if(S.length===0){m=z(a)}else{m=S[a];m.useStyle(A.getItemStyle());if(o.type==="cartesian2d"){m.setShape("r",M)}else{m.setShape("cornerRadius",M)}k[t]=m}var y=xr[o.type](n,t);var U=Or(u,y,o);p(m,{shape:U},f,t)}var I=s.getItemGraphicEl(a);if(!n.hasValue(t)||!wr[o.type](d)){i.remove(I);return}var O=false;if(c){O=vr[o.type](v,d);if(O){i.remove(I)}}if(!I){I=dr[o.type](r,n,t,d,u,f,h.model,!!I,w)}else{b(I)}if(l){I.forceLabelAnimation=true}if(N){var T=I.getTextContent();if(T){var E=g(T);if(E.prevValue!=null){E.prevValue=E.value}}}else{kr(I,n,t,e,d,r,u,o.type==="polar")}if(C){I.attr({shape:d})}else if(l){br(l,f,I,d,t,u,true,N)}else{p(I,{shape:d},r,t,null)}n.setItemGraphicEl(t,I);I.ignore=O;i.add(I)})).remove((function(t){var a=s.getItemGraphicEl(t);a&&m(a,r,t)})).execute();var U=this._backgroundGroup||(this._backgroundGroup=new y);U.removeAll();for(var I=0;I<k.length;++I){U.add(k[I])}i.add(U);this._backgroundEls=k;this._data=n};t.prototype._renderLarge=function(r,t,a){this._clear();zr(r,this.group);this._updateLargeClip(r)};t.prototype._incrementalRenderLarge=function(r,t){this._removeBackground();zr(t,this.group,this._progressiveEls,true)};t.prototype._updateLargeClip=function(r){var t=r.get("clip",true)&&V(r.coordinateSystem,false,r);var a=this.group;if(t){a.setClipPath(t)}else{a.removeClipPath()}};t.prototype._enableRealtimeSort=function(r,t,a){var e=this;if(!t.count()){return}var i=r.baseAxis;if(this._isFirstFrame){this._dispatchInitSort(t,r,a);this._isFirstFrame=false}else{var n=function(r){var a=t.getItemGraphicEl(r);var e=a&&a.shape;return e&&Math.abs(i.isHorizontal()?e.height:e.width)||0};this._onRendered=function(){e._updateSortWithinSameData(t,n,i,a)};a.getZr().on("rendered",this._onRendered)}};t.prototype._dataSort=function(r,t,a){var e=[];r.each(r.mapDimension(t.dim),(function(r,t){var i=a(t);i=i==null?NaN:i;e.push({dataIndex:t,mappedValue:i,ordinalNumber:r})}));e.sort((function(r,t){return t.mappedValue-r.mappedValue}));return{ordinalNumbers:w(e,(function(r){return r.ordinalNumber}))}};t.prototype._isOrderChangedWithinSameData=function(r,t,a){var e=a.scale;var i=r.mapDimension(a.dim);var n=Number.MAX_VALUE;for(var s=0,o=e.getOrdinalMeta().categories.length;s<o;++s){var h=r.rawIndexOf(i,e.getRawOrdinalNumber(s));var u=h<0?Number.MIN_VALUE:t(r.indexOfRawIndex(h));if(u>n){return true}n=u}return false};t.prototype._isOrderDifferentInView=function(r,t){var a=t.scale;var e=a.getExtent();var i=Math.max(0,e[0]);var n=Math.min(e[1],a.getOrdinalMeta().categories.length-1);for(;i<=n;++i){if(r.ordinalNumbers[i]!==a.getRawOrdinalNumber(i)){return true}}};t.prototype._updateSortWithinSameData=function(r,t,a,e){if(!this._isOrderChangedWithinSameData(r,t,a)){return}var i=this._dataSort(r,a,t);if(this._isOrderDifferentInView(i,a)){this._removeOnRenderedListener(e);e.dispatchAction({type:"changeAxisOrder",componentType:a.dim+"Axis",axisId:a.index,sortInfo:i})}};t.prototype._dispatchInitSort=function(r,t,a){var e=t.baseAxis;var i=this._dataSort(r,e,(function(a){return r.get(r.mapDimension(t.otherAxis.dim),a)}));a.dispatchAction({type:"changeAxisOrder",componentType:e.dim+"Axis",isInitSort:true,axisId:e.index,sortInfo:i})};t.prototype.remove=function(r,t){this._clear(this._model);this._removeOnRenderedListener(t)};t.prototype.dispose=function(r,t){this._removeOnRenderedListener(t)};t.prototype._removeOnRenderedListener=function(r){if(this._onRendered){r.getZr().off("rendered",this._onRendered);this._onRendered=null}};t.prototype._clear=function(r){var t=this.group;var a=this._data;if(r&&r.isAnimationEnabled()&&a&&!this._isLargeDraw){this._removeBackground();this._backgroundEls=[];a.eachItemGraphicEl((function(t){m(t,r,x(t).dataIndex)}))}else{t.removeAll()}this._data=null;this._isFirstFrame=true};t.prototype._removeBackground=function(){this.group.remove(this._backgroundGroup);this._backgroundGroup=null};t.type="bar";return t}(A);var vr={cartesian2d:function(r,t){var a=t.width<0?-1:1;var e=t.height<0?-1:1;if(a<0){t.x+=t.width;t.width=-t.width}if(e<0){t.y+=t.height;t.height=-t.height}var i=r.x+r.width;var n=r.y+r.height;var s=ur(t.x,r.x);var o=fr(t.x+t.width,i);var h=ur(t.y,r.y);var u=fr(t.y+t.height,n);var f=o<s;var l=u<h;t.x=f&&s>i?o:s;t.y=l&&h>n?u:h;t.width=f?0:o-s;t.height=l?0:u-h;if(a<0){t.x+=t.width;t.width=-t.width}if(e<0){t.y+=t.height;t.height=-t.height}return f||l},polar:function(r,t){var a=t.r0<=t.r?1:-1;if(a<0){var e=t.r;t.r=t.r0;t.r0=e}var i=fr(t.r,r.r);var n=ur(t.r0,r.r0);t.r=i;t.r0=n;var s=i-n<0;if(a<0){var e=t.r;t.r=t.r0;t.r0=e}return s}};var dr={cartesian2d:function(r,t,a,e,i,n,s,o,h){var u=new M({shape:k({},e),z2:1});u.__dataIndex=a;u.name="item";if(n){var f=u.shape;var l=i?"height":"width";f[l]=0}return u},polar:function(r,t,a,e,i,n,s,o,h){var u=!i&&h?ir:O;var f=new u({shape:e,z2:1});f.name="item";var l=Mr(i);f.calculateTextPosition=nr(l,{isRoundCap:u===ir});if(n){var c=f.shape;var v=i?"r":"endAngle";var b={};c[v]=i?e.r0:e.startAngle;b[v]=e[v];(o?p:d)(f,{shape:b},n)}return f}};function pr(r,t){var a=r.get("realtimeSort",true);var e=t.getBaseAxis();if(a&&e.type==="category"&&t.type==="cartesian2d"){return{baseAxis:e,otherAxis:t.getOtherAxis(e)}}}function br(r,t,a,e,i,n,s,o){var h;var u;if(n){u={x:e.x,width:e.width};h={y:e.y,height:e.height}}else{u={y:e.y,height:e.height};h={x:e.x,width:e.width}}if(!o){(s?p:d)(a,{shape:h},t,i,null)}var f=t?r.baseAxis.model:null;(s?p:d)(a,{shape:u},f,i)}function gr(r,t){for(var a=0;a<t.length;a++){if(!isFinite(r[t[a]])){return true}}return false}var mr=["x","y","width","height"];var yr=["cx","cy","r","startAngle","endAngle"];var wr={cartesian2d:function(r){return!gr(r,mr)},polar:function(r){return!gr(r,yr)}};var xr={cartesian2d:function(r,t,a){var e=r.getItemLayout(t);var i=a?Sr(a,e):0;var n=e.width>0?1:-1;var s=e.height>0?1:-1;return{x:e.x+n*i/2,y:e.y+s*i/2,width:e.width-n*i,height:e.height-s*i}},polar:function(r,t,a){var e=r.getItemLayout(t);return{cx:e.cx,cy:e.cy,r0:e.r0,r:e.r,startAngle:e.startAngle,endAngle:e.endAngle,clockwise:e.clockwise}}};function Ar(r){return r.startAngle!=null&&r.endAngle!=null&&r.startAngle===r.endAngle}function Mr(r){return function(r){var t=r?"Arc":"Angle";return function(r){switch(r){case"start":case"insideStart":case"end":case"insideEnd":return r+t;default:return r}}}(r)}function kr(r,t,a,e,i,n,o,h){var u=t.getItemVisual(a,"style");if(!h){var f=e.get(["itemStyle","borderRadius"])||0;r.setShape("r",f)}else if(!n.get("roundCap")){var l=r.shape;var c=K(e.getModel("itemStyle"),l,true);k(l,c);r.setShape(l)}r.useStyle(u);var v=e.getShallow("cursor");v&&r.attr("cursor",v);var d=h?o?i.r>=i.r0?"endArc":"startArc":i.endAngle>=i.startAngle?"endAngle":"startAngle":o?i.height>=0?"bottom":"top":i.width>=0?"right":"left";var p=S(e);C(r,p,{labelFetcher:n,labelDataIndex:a,defaultText:q(n.getData(),a),inheritColor:u.fill,defaultOpacity:u.opacity,defaultOutsidePosition:d});var b=r.getTextContent();if(h&&b){var g=e.get(["label","position"]);r.textConfig.inside=g==="middle"?true:null;sr(r,g==="outside"?d:g,Mr(o),e.get(["label","rotate"]))}N(b,p,n.getRawValue(a),(function(r){return G(t,r)}));var m=e.getModel(["emphasis"]);z(r,m.get("focus"),m.get("blurScope"),m.get("disabled"));U(r,e);if(Ar(i)){r.style.fill="none";r.style.stroke="none";s(r.states,(function(r){if(r.style){r.style.fill=r.style.stroke="none"}}))}}function Sr(r,t){var a=r.get(["itemStyle","borderColor"]);if(!a||a==="none"){return 0}var e=r.get(["itemStyle","borderWidth"])||0;var i=isNaN(t.width)?Number.MAX_VALUE:Math.abs(t.width);var n=isNaN(t.height)?Number.MAX_VALUE:Math.abs(t.height);return Math.min(e,i,n)}var Cr=function(){function r(){}return r}();var Nr=function(r){n(t,r);function t(t){var a=r.call(this,t)||this;a.type="largeBar";return a}t.prototype.getDefaultShape=function(){return new Cr};t.prototype.buildPath=function(r,t){var a=t.points;var e=this.baseDimIdx;var i=1-this.baseDimIdx;var n=[];var s=[];var o=this.barWidth;for(var h=0;h<a.length;h+=3){s[e]=o;s[i]=a[h+2];n[e]=a[h+e];n[i]=a[h+i];r.rect(n[0],n[1],s[0],s[1])}};return t}(u);function zr(r,t,a,e){var i=r.getData();var n=i.getLayout("valueAxisHorizontal")?1:0;var s=i.getLayout("largeDataIndices");var o=i.getLayout("size");var h=r.getModel("backgroundStyle");var u=i.getLayout("largeBackgroundPoints");if(u){var f=new Nr({shape:{points:u},incremental:!!e,silent:true,z2:0});f.baseDimIdx=n;f.largeDataIndices=s;f.barWidth=o;f.useStyle(h.getItemStyle());t.add(f);a&&a.push(f)}var l=new Nr({shape:{points:i.getLayout("largePoints")},incremental:!!e,ignoreCoarsePointer:true,z2:1});l.baseDimIdx=n;l.largeDataIndices=s;l.barWidth=o;t.add(l);l.useStyle(i.getVisual("style"));x(l).seriesIndex=r.seriesIndex;if(!r.get("silent")){l.on("mousedown",Ur);l.on("mousemove",Ur)}a&&a.push(l)}var Ur=I((function(r){var t=this;var a=Ir(t,r.offsetX,r.offsetY);x(t).dataIndex=a>=0?a:null}),30,false);function Ir(r,t,a){var e=r.baseDimIdx;var i=1-e;var n=r.shape.points;var s=r.largeDataIndices;var o=[];var h=[];var u=r.barWidth;for(var f=0,l=n.length/3;f<l;f++){var c=f*3;h[e]=u;h[i]=n[c+2];o[e]=n[c+e];o[i]=n[c+i];if(h[i]<0){o[i]+=h[i];h[i]=-h[i]}if(t>=o[0]&&t<=o[0]+h[0]&&a>=o[1]&&a<=o[1]+h[1]){return s[f]}}return-1}function Or(r,t,a){if(F(a,"cartesian2d")){var e=t;var i=a.getArea();return{x:r?e.x:i.x,y:r?i.y:e.y,width:r?e.width:i.width,height:r?i.height:e.height}}else{var i=a.getArea();var n=t;return{cx:i.cx,cy:i.cy,r0:r?i.r0:n.r0,r:r?i.r:n.r,startAngle:r?n.startAngle:0,endAngle:r?n.endAngle:Math.PI*2}}}function Tr(r,t,a){var e=r.type==="polar"?O:M;return new e({shape:Or(t,a,r),silent:true,z2:0})}const Er=cr;function Lr(r){r.registerChartView(Er);r.registerSeriesModel(tr);r.registerLayout(r.PRIORITY.VISUAL.LAYOUT,T(L,"bar"));r.registerLayout(r.PRIORITY.VISUAL.PROGRESSIVE_LAYOUT,E("bar"));r.registerProcessor(r.PRIORITY.PROCESSOR.STATISTIC,X("bar"));r.registerAction({type:"changeAxisOrder",event:"changeAxisOrder",update:"update"},(function(r,t){var a=r.componentType||"series";t.eachComponent({mainType:a,query:r},(function(t){if(r.sortInfo){t.axis.setCategorySortInfo(r.sortInfo)}}))}))}const _r="*{box-sizing:border-box}*:active{outline:none}*:focus{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{width:var(--tct-bar-chart-width, 100%);height:var(--tct-bar-chart-height, 100%);display:block}.container{width:100%;height:100%}.chart-container{width:100%;height:100%}";const jr=_r;_([j,Lr,D,Q,Y,J]);const Dr=class{constructor(t){r(this,t);this.alignChartName=undefined;this.chartName=undefined;this.chartSubTitle=undefined;this.color=undefined;this.data=[];this.dataNamesOverflow=undefined;this.dataNamesWidth=undefined;this.format=undefined;this.formatModifier=undefined;this.gridPadding=undefined;this.hideBarLabels=false;this.hideValueAxisLabels=false;this.offsetDataNames=false;this.offsetDataValues=false;this.orientation=undefined;this.showChartName=false;this.sort=false}disconnectedCallback(){window.removeEventListener("resize",this.resizeEventListener)}componentDidLoad(){const r=W(this.chartContainer);this.chart=r;this.resizeEventListener=()=>this.resizeChart();window.addEventListener("resize",this.resizeEventListener);this.cacheComputedStyles();this.updateChart(r);this.setupChartEvents(r);e(this.hostElement)}propsUpdates(){this.updateChart(this.chart)}cacheComputedStyles(){this.chartContainerStyles=getComputedStyle(this.chartContainer);this.hostElementStyles=getComputedStyle(this.hostElement)}getColor(r){const t=B("var(--t-primary)",this.chartContainerStyles,this.hostElementStyles);const a=B(this.color,this.chartContainerStyles,this.hostElementStyles);const e=B(r,this.chartContainerStyles,this.hostElementStyles);if(e)return e;if(P(r))return r;if(a)return a;if(P(this.color))return this.color;return t}processData(r){return r.map((r=>({value:r.value||0,itemStyle:{color:this.getColor(r.color)}})))}resizeChart(){this.chart.resize()}setupChartEvents(r){r.on("finished",(()=>{var t;const a=r.getDom().querySelector("canvas");if((t=a===null||a===void 0?void 0:a.hasAttribute("aria-hidden"))!==null&&t!==void 0?t:false)return;a.setAttribute("aria-hidden","true")}))}updateChart(r){var t;const a=((t=this.formatModifier)===null||t===void 0?void 0:t.includes("dec"))?this.formatModifier.replace("dec",""):0;const e={type:"value",axisLabel:{formatter:r=>R(r,{type:this.format,decimals:a}),rotate:this.offsetDataValues?45:0,margin:this.offsetDataValues?15:8,show:!this.hideValueAxisLabels}};const n={type:"category",data:this.data.map((r=>i(r.name)||"")),axisLabel:{rotate:this.offsetDataNames?45:0,margin:this.offsetDataNames?15:8,interval:0,width:this.dataNamesWidth||50,overflow:this.dataNamesOverflow||"none",truncate:"ellipsis"},axisTick:{alignWithLabel:this.offsetDataNames}};return r.setOption({aria:{enabled:true},title:{text:i(this.chartName),show:this.showChartName,left:this.alignChartName,subtext:this.chartSubTitle},grid:Object.assign({containLabel:true},this.gridPadding),xAxis:this.orientation==="horizontal"?e:n,yAxis:this.orientation==="horizontal"?n:e,series:[{data:this.processData(this.data),id:"bar",type:"bar",label:{show:!this.hideBarLabels,position:"top",fontWeight:"bold",formatter:r=>R(r.value,{type:this.format,decimals:a})},realtimeSort:this.sort}]})}render(){return t("div",{key:"894583cef73c43fc6ad9488a73c93f34acf266ca",class:"container"},t("div",{key:"7c8b92cce307c4d14bf5f4735ba9c40ed48d2592",ref:r=>this.chartContainer=r,class:"chart-container",role:"img","test-id":"barChartContainer"}))}get hostElement(){return a(this)}static get watchers(){return{chartName:["propsUpdates"],chartSubTitle:["propsUpdates"],color:["propsUpdates"],hideBarLabels:["propsUpdates"],showChartName:["propsUpdates"],alignChartName:["propsUpdates"],orientation:["propsUpdates"],format:["propsUpdates"],sort:["propsUpdates"],data:["propsUpdates"],offsetDataNames:["propsUpdates"],hideValueAxisLabels:["propsUpdates"],formatModifier:["propsUpdates"],dataNamesOverflow:["propsUpdates"],gridPadding:["propsUpdates"]}}};Dr.style=jr;export{Dr as q2_chart_bar};
2
- //# sourceMappingURL=p-7906f49e.entry.js.map
1
+ import{r,h as t,g as a}from"./p-a5f18e27.js";import{o as e,l as i}from"./p-c5445b5e.js";import{_ as n,I as s,S as o,b6 as h,P as u,b7 as f,o as l,a0 as c,h as v,i as d,u as p,s as b,H as g,b8 as m,G as y,m as w,d as x,C as A,W as M,a as k,g as S,b as C,b9 as N,t as z,z as U,ba as I,V as O,ai as T,bb as E,bc as L,a9 as _,aa as j,ab as D,ac as W,ad as B,ae as P,af as R}from"./p-2941aafa.js";import{c as H,j as V,g as q,i as F,a as G,e as X,f as Y,h as J}from"./p-ad80aef0.js";import{g as K,i as Q}from"./p-eea5aa01.js";var Z=function(r){n(t,r);function t(){var a=r!==null&&r.apply(this,arguments)||this;a.type=t.type;return a}t.prototype.getInitialData=function(r,t){return H(null,this,{useEncodeDefaulter:true})};t.prototype.getMarkerPosition=function(r,t,a){var e=this.coordinateSystem;if(e&&e.clampData){var i=e.clampData(r);var n=e.dataToPoint(i);if(a){s(e.getAxes(),(function(r,a){if(r.type==="category"&&t!=null){var e=r.getTicksCoords();var s=r.getTickModel().get("alignWithLabel");var o=i[a];var h=t[a]==="x1"||t[a]==="y1";if(h&&!s){o+=1}if(e.length<2){return}else if(e.length===2){n[a]=r.toGlobalCoord(r.getExtent()[h?1:0]);return}var u=void 0;var f=void 0;var l=1;for(var c=0;c<e.length;c++){var v=e[c].coord;var d=c===e.length-1?e[c-1].tickValue+l:e[c].tickValue;if(d===o){f=v;break}else if(d<o){u=v}else if(u!=null&&d>o){f=(v+u)/2;break}if(c===1){l=d-e[0].tickValue}}if(f==null){if(!u){f=e[0].coord}else if(u){f=e[e.length-1].coord}}n[a]=r.toGlobalCoord(f)}}))}else{var o=this.getData();var h=o.getLayout("offset");var u=o.getLayout("size");var f=e.getBaseAxis().isHorizontal()?0:1;n[f]+=h+u/2}return n}return[NaN,NaN]};t.type="series.__base_bar__";t.defaultOption={z:2,coordinateSystem:"cartesian2d",legendHoverLink:true,barMinHeight:0,barMinAngle:0,large:false,largeThreshold:400,progressive:3e3,progressiveChunkMode:"mod"};return t}(o);o.registerClass(Z);const $=Z;var rr=function(r){n(t,r);function t(){var a=r!==null&&r.apply(this,arguments)||this;a.type=t.type;return a}t.prototype.getInitialData=function(){return H(null,this,{useEncodeDefaulter:true,createInvertedIndices:!!this.get("realtimeSort",true)||null})};t.prototype.getProgressive=function(){return this.get("large")?this.get("progressive"):false};t.prototype.getProgressiveThreshold=function(){var r=this.get("progressiveThreshold");var t=this.get("largeThreshold");if(t>r){r=t}return r};t.prototype.brushSelector=function(r,t,a){return a.rect(t.getItemLayout(r))};t.type="series.bar";t.dependencies=["grid","polar"];t.defaultOption=h($.defaultOption,{clip:true,roundCap:false,showBackground:false,backgroundStyle:{color:"rgba(180, 180, 180, 0.2)",borderColor:null,borderWidth:0,borderType:"solid",borderRadius:0,shadowBlur:0,shadowColor:null,shadowOffsetX:0,shadowOffsetY:0,opacity:1},select:{itemStyle:{borderColor:"#212121"}},realtimeSort:false});return t}($);const tr=rr;var ar=function(){function r(){this.cx=0;this.cy=0;this.r0=0;this.r=0;this.startAngle=0;this.endAngle=Math.PI*2;this.clockwise=true}return r}();var er=function(r){n(t,r);function t(t){var a=r.call(this,t)||this;a.type="sausage";return a}t.prototype.getDefaultShape=function(){return new ar};t.prototype.buildPath=function(r,t){var a=t.cx;var e=t.cy;var i=Math.max(t.r0||0,0);var n=Math.max(t.r,0);var s=(n-i)*.5;var o=i+s;var h=t.startAngle;var u=t.endAngle;var f=t.clockwise;var l=Math.PI*2;var c=f?u-h<l:h-u<l;if(!c){h=u-(f?l:-l)}var v=Math.cos(h);var d=Math.sin(h);var p=Math.cos(u);var b=Math.sin(u);if(c){r.moveTo(v*i+a,d*i+e);r.arc(v*o+a,d*o+e,s,-Math.PI+h,h,!f)}else{r.moveTo(v*n+a,d*n+e)}r.arc(a,e,n,h,u,!f);r.arc(p*o+a,b*o+e,s,u-Math.PI*2,u-Math.PI,!f);if(i!==0){r.arc(a,e,i,u,h,f)}};return t}(u);const ir=er;function nr(r,t){t=t||{};var a=t.isRoundCap;return function(t,e,i){var n=e.position;if(!n||n instanceof Array){return f(t,e,i)}var s=r(n);var o=e.distance!=null?e.distance:5;var h=this.shape;var u=h.cx;var l=h.cy;var c=h.r;var v=h.r0;var d=(c+v)/2;var p=h.startAngle;var b=h.endAngle;var g=(p+b)/2;var m=a?Math.abs(c-v)/2:0;var y=Math.cos;var w=Math.sin;var x=u+c*y(p);var A=l+c*w(p);var M="left";var k="top";switch(s){case"startArc":x=u+(v-o)*y(g);A=l+(v-o)*w(g);M="center";k="top";break;case"insideStartArc":x=u+(v+o)*y(g);A=l+(v+o)*w(g);M="center";k="bottom";break;case"startAngle":x=u+d*y(p)+or(p,o+m,false);A=l+d*w(p)+hr(p,o+m,false);M="right";k="middle";break;case"insideStartAngle":x=u+d*y(p)+or(p,-o+m,false);A=l+d*w(p)+hr(p,-o+m,false);M="left";k="middle";break;case"middle":x=u+d*y(g);A=l+d*w(g);M="center";k="middle";break;case"endArc":x=u+(c+o)*y(g);A=l+(c+o)*w(g);M="center";k="bottom";break;case"insideEndArc":x=u+(c-o)*y(g);A=l+(c-o)*w(g);M="center";k="top";break;case"endAngle":x=u+d*y(b)+or(b,o+m,true);A=l+d*w(b)+hr(b,o+m,true);M="left";k="middle";break;case"insideEndAngle":x=u+d*y(b)+or(b,-o+m,true);A=l+d*w(b)+hr(b,-o+m,true);M="right";k="middle";break;default:return f(t,e,i)}t=t||{};t.x=x;t.y=A;t.align=M;t.verticalAlign=k;return t}}function sr(r,t,a,e){if(l(e)){r.setTextConfig({rotation:e});return}else if(c(t)){r.setTextConfig({rotation:0});return}var i=r.shape;var n=i.clockwise?i.startAngle:i.endAngle;var s=i.clockwise?i.endAngle:i.startAngle;var o=(n+s)/2;var h;var u=a(t);switch(u){case"startArc":case"insideStartArc":case"middle":case"insideEndArc":case"endArc":h=o;break;case"startAngle":case"insideStartAngle":h=n;break;case"endAngle":case"insideEndAngle":h=s;break;default:r.setTextConfig({rotation:0});return}var f=Math.PI*1.5-h;if(u==="middle"&&f>Math.PI/2&&f<Math.PI*1.5){f-=Math.PI}r.setTextConfig({rotation:f})}function or(r,t,a){return t*Math.sin(r)*(a?-1:1)}function hr(r,t,a){return t*Math.cos(r)*(a?1:-1)}var ur=Math.max;var fr=Math.min;function lr(r,t){var a=r.getArea&&r.getArea();if(F(r,"cartesian2d")){var e=r.getBaseAxis();if(e.type!=="category"||!e.onBand){var i=t.getLayout("bandWidth");if(e.isHorizontal()){a.x-=i;a.width+=i*2}else{a.y-=i;a.height+=i*2}}}return a}var cr=function(r){n(t,r);function t(){var a=r.call(this)||this;a.type=t.type;a._isFirstFrame=true;return a}t.prototype.render=function(r,t,a,e){this._model=r;this._removeOnRenderedListener(a);this._updateDrawMode(r);var i=r.get("coordinateSystem");if(i==="cartesian2d"||i==="polar"){this._progressiveEls=null;this._isLargeDraw?this._renderLarge(r,t,a):this._renderNormal(r,t,a,e)}};t.prototype.incrementalPrepareRender=function(r){this._clear();this._updateDrawMode(r);this._updateLargeClip(r)};t.prototype.incrementalRender=function(r,t){this._progressiveEls=[];this._incrementalRenderLarge(r,t)};t.prototype.eachRendered=function(r){v(this._progressiveEls||this.group,r)};t.prototype._updateDrawMode=function(r){var t=r.pipelineContext.large;if(this._isLargeDraw==null||t!==this._isLargeDraw){this._isLargeDraw=t;this._clear()}};t.prototype._renderNormal=function(r,t,a,e){var i=this.group;var n=r.getData();var s=this._data;var o=r.coordinateSystem;var h=o.getBaseAxis();var u;if(o.type==="cartesian2d"){u=h.isHorizontal()}else if(o.type==="polar"){u=h.dim==="angle"}var f=r.isAnimationEnabled()?r:null;var l=pr(r,o);if(l){this._enableRealtimeSort(l,n,a)}var c=r.get("clip",true)||l;var v=lr(o,n);i.removeClipPath();var w=r.get("roundCap",true);var x=r.get("showBackground",true);var A=r.getModel("backgroundStyle");var M=A.get("borderRadius")||0;var k=[];var S=this._backgroundEls;var C=e&&e.isInitSort;var N=e&&e.type==="changeAxisOrder";function z(r){var t=xr[o.type](n,r);var a=Tr(o,u,t);a.useStyle(A.getItemStyle());if(o.type==="cartesian2d"){a.setShape("r",M)}else{a.setShape("cornerRadius",M)}k[r]=a;return a}n.diff(s).add((function(t){var a=n.getItemModel(t);var e=xr[o.type](n,t,a);if(x){z(t)}if(!n.hasValue(t)||!wr[o.type](e)){return}var s=false;if(c){s=vr[o.type](v,e)}var p=dr[o.type](r,n,t,e,u,f,h.model,false,w);if(l){p.forceLabelAnimation=true}kr(p,n,t,a,e,r,u,o.type==="polar");if(C){p.attr({shape:e})}else if(l){br(l,f,p,e,t,u,false,false)}else{d(p,{shape:e},r,t)}n.setItemGraphicEl(t,p);i.add(p);p.ignore=s})).update((function(t,a){var e=n.getItemModel(t);var d=xr[o.type](n,t,e);if(x){var m=void 0;if(S.length===0){m=z(a)}else{m=S[a];m.useStyle(A.getItemStyle());if(o.type==="cartesian2d"){m.setShape("r",M)}else{m.setShape("cornerRadius",M)}k[t]=m}var y=xr[o.type](n,t);var U=Or(u,y,o);p(m,{shape:U},f,t)}var I=s.getItemGraphicEl(a);if(!n.hasValue(t)||!wr[o.type](d)){i.remove(I);return}var O=false;if(c){O=vr[o.type](v,d);if(O){i.remove(I)}}if(!I){I=dr[o.type](r,n,t,d,u,f,h.model,!!I,w)}else{b(I)}if(l){I.forceLabelAnimation=true}if(N){var T=I.getTextContent();if(T){var E=g(T);if(E.prevValue!=null){E.prevValue=E.value}}}else{kr(I,n,t,e,d,r,u,o.type==="polar")}if(C){I.attr({shape:d})}else if(l){br(l,f,I,d,t,u,true,N)}else{p(I,{shape:d},r,t,null)}n.setItemGraphicEl(t,I);I.ignore=O;i.add(I)})).remove((function(t){var a=s.getItemGraphicEl(t);a&&m(a,r,t)})).execute();var U=this._backgroundGroup||(this._backgroundGroup=new y);U.removeAll();for(var I=0;I<k.length;++I){U.add(k[I])}i.add(U);this._backgroundEls=k;this._data=n};t.prototype._renderLarge=function(r,t,a){this._clear();zr(r,this.group);this._updateLargeClip(r)};t.prototype._incrementalRenderLarge=function(r,t){this._removeBackground();zr(t,this.group,this._progressiveEls,true)};t.prototype._updateLargeClip=function(r){var t=r.get("clip",true)&&V(r.coordinateSystem,false,r);var a=this.group;if(t){a.setClipPath(t)}else{a.removeClipPath()}};t.prototype._enableRealtimeSort=function(r,t,a){var e=this;if(!t.count()){return}var i=r.baseAxis;if(this._isFirstFrame){this._dispatchInitSort(t,r,a);this._isFirstFrame=false}else{var n=function(r){var a=t.getItemGraphicEl(r);var e=a&&a.shape;return e&&Math.abs(i.isHorizontal()?e.height:e.width)||0};this._onRendered=function(){e._updateSortWithinSameData(t,n,i,a)};a.getZr().on("rendered",this._onRendered)}};t.prototype._dataSort=function(r,t,a){var e=[];r.each(r.mapDimension(t.dim),(function(r,t){var i=a(t);i=i==null?NaN:i;e.push({dataIndex:t,mappedValue:i,ordinalNumber:r})}));e.sort((function(r,t){return t.mappedValue-r.mappedValue}));return{ordinalNumbers:w(e,(function(r){return r.ordinalNumber}))}};t.prototype._isOrderChangedWithinSameData=function(r,t,a){var e=a.scale;var i=r.mapDimension(a.dim);var n=Number.MAX_VALUE;for(var s=0,o=e.getOrdinalMeta().categories.length;s<o;++s){var h=r.rawIndexOf(i,e.getRawOrdinalNumber(s));var u=h<0?Number.MIN_VALUE:t(r.indexOfRawIndex(h));if(u>n){return true}n=u}return false};t.prototype._isOrderDifferentInView=function(r,t){var a=t.scale;var e=a.getExtent();var i=Math.max(0,e[0]);var n=Math.min(e[1],a.getOrdinalMeta().categories.length-1);for(;i<=n;++i){if(r.ordinalNumbers[i]!==a.getRawOrdinalNumber(i)){return true}}};t.prototype._updateSortWithinSameData=function(r,t,a,e){if(!this._isOrderChangedWithinSameData(r,t,a)){return}var i=this._dataSort(r,a,t);if(this._isOrderDifferentInView(i,a)){this._removeOnRenderedListener(e);e.dispatchAction({type:"changeAxisOrder",componentType:a.dim+"Axis",axisId:a.index,sortInfo:i})}};t.prototype._dispatchInitSort=function(r,t,a){var e=t.baseAxis;var i=this._dataSort(r,e,(function(a){return r.get(r.mapDimension(t.otherAxis.dim),a)}));a.dispatchAction({type:"changeAxisOrder",componentType:e.dim+"Axis",isInitSort:true,axisId:e.index,sortInfo:i})};t.prototype.remove=function(r,t){this._clear(this._model);this._removeOnRenderedListener(t)};t.prototype.dispose=function(r,t){this._removeOnRenderedListener(t)};t.prototype._removeOnRenderedListener=function(r){if(this._onRendered){r.getZr().off("rendered",this._onRendered);this._onRendered=null}};t.prototype._clear=function(r){var t=this.group;var a=this._data;if(r&&r.isAnimationEnabled()&&a&&!this._isLargeDraw){this._removeBackground();this._backgroundEls=[];a.eachItemGraphicEl((function(t){m(t,r,x(t).dataIndex)}))}else{t.removeAll()}this._data=null;this._isFirstFrame=true};t.prototype._removeBackground=function(){this.group.remove(this._backgroundGroup);this._backgroundGroup=null};t.type="bar";return t}(A);var vr={cartesian2d:function(r,t){var a=t.width<0?-1:1;var e=t.height<0?-1:1;if(a<0){t.x+=t.width;t.width=-t.width}if(e<0){t.y+=t.height;t.height=-t.height}var i=r.x+r.width;var n=r.y+r.height;var s=ur(t.x,r.x);var o=fr(t.x+t.width,i);var h=ur(t.y,r.y);var u=fr(t.y+t.height,n);var f=o<s;var l=u<h;t.x=f&&s>i?o:s;t.y=l&&h>n?u:h;t.width=f?0:o-s;t.height=l?0:u-h;if(a<0){t.x+=t.width;t.width=-t.width}if(e<0){t.y+=t.height;t.height=-t.height}return f||l},polar:function(r,t){var a=t.r0<=t.r?1:-1;if(a<0){var e=t.r;t.r=t.r0;t.r0=e}var i=fr(t.r,r.r);var n=ur(t.r0,r.r0);t.r=i;t.r0=n;var s=i-n<0;if(a<0){var e=t.r;t.r=t.r0;t.r0=e}return s}};var dr={cartesian2d:function(r,t,a,e,i,n,s,o,h){var u=new M({shape:k({},e),z2:1});u.__dataIndex=a;u.name="item";if(n){var f=u.shape;var l=i?"height":"width";f[l]=0}return u},polar:function(r,t,a,e,i,n,s,o,h){var u=!i&&h?ir:O;var f=new u({shape:e,z2:1});f.name="item";var l=Mr(i);f.calculateTextPosition=nr(l,{isRoundCap:u===ir});if(n){var c=f.shape;var v=i?"r":"endAngle";var b={};c[v]=i?e.r0:e.startAngle;b[v]=e[v];(o?p:d)(f,{shape:b},n)}return f}};function pr(r,t){var a=r.get("realtimeSort",true);var e=t.getBaseAxis();if(a&&e.type==="category"&&t.type==="cartesian2d"){return{baseAxis:e,otherAxis:t.getOtherAxis(e)}}}function br(r,t,a,e,i,n,s,o){var h;var u;if(n){u={x:e.x,width:e.width};h={y:e.y,height:e.height}}else{u={y:e.y,height:e.height};h={x:e.x,width:e.width}}if(!o){(s?p:d)(a,{shape:h},t,i,null)}var f=t?r.baseAxis.model:null;(s?p:d)(a,{shape:u},f,i)}function gr(r,t){for(var a=0;a<t.length;a++){if(!isFinite(r[t[a]])){return true}}return false}var mr=["x","y","width","height"];var yr=["cx","cy","r","startAngle","endAngle"];var wr={cartesian2d:function(r){return!gr(r,mr)},polar:function(r){return!gr(r,yr)}};var xr={cartesian2d:function(r,t,a){var e=r.getItemLayout(t);var i=a?Sr(a,e):0;var n=e.width>0?1:-1;var s=e.height>0?1:-1;return{x:e.x+n*i/2,y:e.y+s*i/2,width:e.width-n*i,height:e.height-s*i}},polar:function(r,t,a){var e=r.getItemLayout(t);return{cx:e.cx,cy:e.cy,r0:e.r0,r:e.r,startAngle:e.startAngle,endAngle:e.endAngle,clockwise:e.clockwise}}};function Ar(r){return r.startAngle!=null&&r.endAngle!=null&&r.startAngle===r.endAngle}function Mr(r){return function(r){var t=r?"Arc":"Angle";return function(r){switch(r){case"start":case"insideStart":case"end":case"insideEnd":return r+t;default:return r}}}(r)}function kr(r,t,a,e,i,n,o,h){var u=t.getItemVisual(a,"style");if(!h){var f=e.get(["itemStyle","borderRadius"])||0;r.setShape("r",f)}else if(!n.get("roundCap")){var l=r.shape;var c=K(e.getModel("itemStyle"),l,true);k(l,c);r.setShape(l)}r.useStyle(u);var v=e.getShallow("cursor");v&&r.attr("cursor",v);var d=h?o?i.r>=i.r0?"endArc":"startArc":i.endAngle>=i.startAngle?"endAngle":"startAngle":o?i.height>=0?"bottom":"top":i.width>=0?"right":"left";var p=S(e);C(r,p,{labelFetcher:n,labelDataIndex:a,defaultText:q(n.getData(),a),inheritColor:u.fill,defaultOpacity:u.opacity,defaultOutsidePosition:d});var b=r.getTextContent();if(h&&b){var g=e.get(["label","position"]);r.textConfig.inside=g==="middle"?true:null;sr(r,g==="outside"?d:g,Mr(o),e.get(["label","rotate"]))}N(b,p,n.getRawValue(a),(function(r){return G(t,r)}));var m=e.getModel(["emphasis"]);z(r,m.get("focus"),m.get("blurScope"),m.get("disabled"));U(r,e);if(Ar(i)){r.style.fill="none";r.style.stroke="none";s(r.states,(function(r){if(r.style){r.style.fill=r.style.stroke="none"}}))}}function Sr(r,t){var a=r.get(["itemStyle","borderColor"]);if(!a||a==="none"){return 0}var e=r.get(["itemStyle","borderWidth"])||0;var i=isNaN(t.width)?Number.MAX_VALUE:Math.abs(t.width);var n=isNaN(t.height)?Number.MAX_VALUE:Math.abs(t.height);return Math.min(e,i,n)}var Cr=function(){function r(){}return r}();var Nr=function(r){n(t,r);function t(t){var a=r.call(this,t)||this;a.type="largeBar";return a}t.prototype.getDefaultShape=function(){return new Cr};t.prototype.buildPath=function(r,t){var a=t.points;var e=this.baseDimIdx;var i=1-this.baseDimIdx;var n=[];var s=[];var o=this.barWidth;for(var h=0;h<a.length;h+=3){s[e]=o;s[i]=a[h+2];n[e]=a[h+e];n[i]=a[h+i];r.rect(n[0],n[1],s[0],s[1])}};return t}(u);function zr(r,t,a,e){var i=r.getData();var n=i.getLayout("valueAxisHorizontal")?1:0;var s=i.getLayout("largeDataIndices");var o=i.getLayout("size");var h=r.getModel("backgroundStyle");var u=i.getLayout("largeBackgroundPoints");if(u){var f=new Nr({shape:{points:u},incremental:!!e,silent:true,z2:0});f.baseDimIdx=n;f.largeDataIndices=s;f.barWidth=o;f.useStyle(h.getItemStyle());t.add(f);a&&a.push(f)}var l=new Nr({shape:{points:i.getLayout("largePoints")},incremental:!!e,ignoreCoarsePointer:true,z2:1});l.baseDimIdx=n;l.largeDataIndices=s;l.barWidth=o;t.add(l);l.useStyle(i.getVisual("style"));x(l).seriesIndex=r.seriesIndex;if(!r.get("silent")){l.on("mousedown",Ur);l.on("mousemove",Ur)}a&&a.push(l)}var Ur=I((function(r){var t=this;var a=Ir(t,r.offsetX,r.offsetY);x(t).dataIndex=a>=0?a:null}),30,false);function Ir(r,t,a){var e=r.baseDimIdx;var i=1-e;var n=r.shape.points;var s=r.largeDataIndices;var o=[];var h=[];var u=r.barWidth;for(var f=0,l=n.length/3;f<l;f++){var c=f*3;h[e]=u;h[i]=n[c+2];o[e]=n[c+e];o[i]=n[c+i];if(h[i]<0){o[i]+=h[i];h[i]=-h[i]}if(t>=o[0]&&t<=o[0]+h[0]&&a>=o[1]&&a<=o[1]+h[1]){return s[f]}}return-1}function Or(r,t,a){if(F(a,"cartesian2d")){var e=t;var i=a.getArea();return{x:r?e.x:i.x,y:r?i.y:e.y,width:r?e.width:i.width,height:r?i.height:e.height}}else{var i=a.getArea();var n=t;return{cx:i.cx,cy:i.cy,r0:r?i.r0:n.r0,r:r?i.r:n.r,startAngle:r?n.startAngle:0,endAngle:r?n.endAngle:Math.PI*2}}}function Tr(r,t,a){var e=r.type==="polar"?O:M;return new e({shape:Or(t,a,r),silent:true,z2:0})}const Er=cr;function Lr(r){r.registerChartView(Er);r.registerSeriesModel(tr);r.registerLayout(r.PRIORITY.VISUAL.LAYOUT,T(L,"bar"));r.registerLayout(r.PRIORITY.VISUAL.PROGRESSIVE_LAYOUT,E("bar"));r.registerProcessor(r.PRIORITY.PROCESSOR.STATISTIC,X("bar"));r.registerAction({type:"changeAxisOrder",event:"changeAxisOrder",update:"update"},(function(r,t){var a=r.componentType||"series";t.eachComponent({mainType:a,query:r},(function(t){if(r.sortInfo){t.axis.setCategorySortInfo(r.sortInfo)}}))}))}const _r="*{box-sizing:border-box}*:active{outline:none}*:focus{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{width:var(--tct-bar-chart-width, 100%);height:var(--tct-bar-chart-height, 100%);display:block}.container{width:100%;height:100%}.chart-container{width:100%;height:100%}";const jr=_r;_([j,Lr,D,Q,Y,J]);const Dr=class{constructor(t){r(this,t);this.alignChartName=undefined;this.chartName=undefined;this.chartSubTitle=undefined;this.color=undefined;this.data=[];this.dataNamesOverflow=undefined;this.dataNamesWidth=undefined;this.format=undefined;this.formatModifier=undefined;this.gridPadding=undefined;this.hideBarLabels=false;this.hideValueAxisLabels=false;this.offsetDataNames=false;this.offsetDataValues=false;this.orientation=undefined;this.showChartName=false;this.sort=false}disconnectedCallback(){window.removeEventListener("resize",this.resizeEventListener)}componentDidLoad(){const r=W(this.chartContainer);this.chart=r;this.resizeEventListener=()=>this.resizeChart();window.addEventListener("resize",this.resizeEventListener);this.cacheComputedStyles();this.updateChart(r);this.setupChartEvents(r);e(this.hostElement)}propsUpdates(){this.updateChart(this.chart)}cacheComputedStyles(){this.chartContainerStyles=getComputedStyle(this.chartContainer);this.hostElementStyles=getComputedStyle(this.hostElement)}getColor(r){const t=B("var(--t-primary)",this.chartContainerStyles,this.hostElementStyles);const a=B(this.color,this.chartContainerStyles,this.hostElementStyles);const e=B(r,this.chartContainerStyles,this.hostElementStyles);if(e)return e;if(P(r))return r;if(a)return a;if(P(this.color))return this.color;return t}processData(r){return r.map((r=>({value:r.value||0,itemStyle:{color:this.getColor(r.color)}})))}resizeChart(){this.chart.resize()}setupChartEvents(r){r.on("finished",(()=>{var t;const a=r.getDom().querySelector("canvas");if((t=a===null||a===void 0?void 0:a.hasAttribute("aria-hidden"))!==null&&t!==void 0?t:false)return;a.setAttribute("aria-hidden","true")}))}updateChart(r){var t;const a=((t=this.formatModifier)===null||t===void 0?void 0:t.includes("dec"))?this.formatModifier.replace("dec",""):0;const e={type:"value",axisLabel:{formatter:r=>R(r,{type:this.format,decimals:a}),rotate:this.offsetDataValues?45:0,margin:this.offsetDataValues?15:8,show:!this.hideValueAxisLabels}};const n={type:"category",data:this.data.map((r=>i(r.name)||"")),axisLabel:{rotate:this.offsetDataNames?45:0,margin:this.offsetDataNames?15:8,interval:0,width:this.dataNamesWidth||50,overflow:this.dataNamesOverflow||"none",truncate:"ellipsis"},axisTick:{alignWithLabel:this.offsetDataNames}};return r.setOption({aria:{enabled:true},title:{text:i(this.chartName),show:this.showChartName,left:this.alignChartName,subtext:this.chartSubTitle},grid:Object.assign({containLabel:true},this.gridPadding),xAxis:this.orientation==="horizontal"?e:n,yAxis:this.orientation==="horizontal"?n:e,series:[{data:this.processData(this.data),id:"bar",type:"bar",label:{show:!this.hideBarLabels,position:"top",fontWeight:"bold",formatter:r=>R(r.value,{type:this.format,decimals:a})},realtimeSort:this.sort}]})}render(){return t("div",{key:"31d66bd842689a0fbfc6e0bbc635efe70298d35e",class:"container"},t("div",{key:"9ec957c31158a6d0d0ff3528536d63e0cb1bc7b5",ref:r=>this.chartContainer=r,class:"chart-container",role:"img","test-id":"barChartContainer"}))}get hostElement(){return a(this)}static get watchers(){return{chartName:["propsUpdates"],chartSubTitle:["propsUpdates"],color:["propsUpdates"],hideBarLabels:["propsUpdates"],showChartName:["propsUpdates"],alignChartName:["propsUpdates"],orientation:["propsUpdates"],format:["propsUpdates"],sort:["propsUpdates"],data:["propsUpdates"],offsetDataNames:["propsUpdates"],hideValueAxisLabels:["propsUpdates"],formatModifier:["propsUpdates"],dataNamesOverflow:["propsUpdates"],gridPadding:["propsUpdates"]}}};Dr.style=jr;export{Dr as q2_chart_bar};
2
+ //# sourceMappingURL=p-53224667.entry.js.map
@@ -0,0 +1,2 @@
1
+ import{r as t,h as e,F as i,g as n}from"./p-a5f18e27.js";import{w as s,o,i as r,j as a,a as d,l as h}from"./p-c5445b5e.js";const c="*{box-sizing:border-box}*:active{outline:none}*:focus{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-flex}:host([block]){display:block}click-elsewhere{position:relative;display:block}q2-popover{--tct-popover-min-width:var(--tct-dropdown-width, var(--t-dropdown-width))}";const l=c;const u=class{constructor(e){t(this,e);this.dropdownItemSelector="q2-dropdown-item:not([disabled]):not([separator])";this.closeDropdown=()=>{if(!this.open)return;this.open=false};this.focusFirstItem=async()=>{const t=this.hostElement.querySelector(`${this.dropdownItemSelector}:first-child`);if(!t)return;await s();t.dispatchEvent(new FocusEvent("focus"))};this.focusLastItem=async()=>{const t=this.hostElement.querySelector(`${this.dropdownItemSelector}:last-child`);if(!t)return;await s();t.dispatchEvent(new FocusEvent("focus"))};this.focusToggle=()=>{this.controlElement.focus()};this.onClickElsewhere=t=>{const e=t.target;if(e.localName==="click-elsewhere"){t.stopPropagation();const{popoverElement:e}=this;if(!e)return;e.open=false}};this.onDropdownMenuClick=async t=>{const e=t.target;if(e.disabled||e.separator)return;this.closeDropdown();await s();this.focusToggle()};this.onDropdownMenuKeydown=t=>{const e=t.target;switch(t.key){case"Escape":this.closeDropdown();this.focusToggle();break;case"Tab":this.closeDropdown();break;case"ArrowUp":t.preventDefault();this.focusAdjacentItem(e,"prev");break;case"ArrowDown":t.preventDefault();this.focusAdjacentItem(e,"next");break}};this.onToggleClick=()=>{if(this.open){this.closeDropdown()}else{this.openDropdown()}};this.onToggleKeydown=async t=>{switch(t.key){case"ArrowUp":t.preventDefault();this.openDropdown();await s();this.focusLastItem();break;case"ArrowDown":t.preventDefault();this.openDropdown();await s();this.focusFirstItem();return;case"Escape":t.preventDefault();this.closeDropdown();break;case"Tab":if(this.open)this.closeDropdown();break}};this.openDropdown=()=>{if(this.open)return;this.open=true};this.additionalContext=undefined;this.alignment=undefined;this.ariaLabel=undefined;this.block=undefined;this.context=undefined;this.contextValue=undefined;this.disabled=undefined;this.hideLabel=undefined;this.icon=undefined;this.label=undefined;this.name=undefined;this.open=undefined;this.popDirection=undefined;this.popoverAlignment="left";this.popoverDirection=undefined;this.popoverMaxHeight=undefined;this.popoverMinHeight=150;this.popoverMode=null;this.resolvedType=undefined;this.type="icon"}componentWillLoad(){this.popDirectionHandler();this.alignmentHandler();this.ariaLabelHandler()}componentDidLoad(){this.orchestrateResolvedMenuItems();o(this.hostElement)}delegateFocus(t){if(!r(t,this.hostElement))return;this.focusToggle()}popoverStateHandler({detail:{open:t}}){var e;if(this.open!==t)this.open=t;(e=this.popoverElement)===null||e===void 0?void 0:e.scrollContainerTo({top:0})}async closePopover(){if(!this.open||this.disabled)return;this._togglePopover()}async openPopover(){if(this.open||this.disabled)return;this._togglePopover()}async selectItem(t){var e;const i=this.hostElement.querySelector(`${this.dropdownItemSelector}[value="${t}"]`);const n=i===null||i===void 0?void 0:i.shadowRoot.querySelector(".dropdown-item");if(!i||this.disabled)return;if(!this.open){(e=this.controlElement)===null||e===void 0?void 0:e.click();await s()}n.click();await s()}async selectRemoveItem(t){var e;const i=this.hostElement.querySelector(`${this.dropdownItemSelector}[value="${t}"]`);const n=i===null||i===void 0?void 0:i.shadowRoot.querySelector(".remove-dropdown-item");if(!i||!n||this.disabled)return;if(!this.open){(e=this.controlElement)===null||e===void 0?void 0:e.click();await s()}n.click();await s()}additionalContextHandler(){this.orchestrateResolvedMenuItems()}alignmentHandler(){a(this,"alignment","popoverAlignment")}ariaLabelHandler(){d(this)}contextHandler(){this.orchestrateResolvedMenuItems()}contextValueHandler(){this.orchestrateResolvedMenuItems()}nameHandler(){this.orchestrateResolvedMenuItems()}popDirectionHandler(){a(this,"popDirection","popoverDirection")}resolvedTypeHandler(){this.orchestrateResolvedMenuItems()}get determineDropdownItemCount(){return this.hostElement.querySelectorAll(this.dropdownItemSelector).length}get hasCustomControl(){return!!this.hostElement.querySelector("[slot=control]")}get toggleButtonProps(){const t=["primary","secondary","neutral"];const e=["icon","fab","custom",...t];const i=e.includes(this.type)?this.type:"";const n=i==="icon";const s=i==="fab";const o=i==="custom";let r;if(t.includes(i)){r=i==="neutral"?i:`workflow-${i}`}const a=this.open;const d=!!this.disabled;const h=this.open;const c=!n&&!s&&!r?"unstyled":"";return{icon:n,fab:s,intent:r,active:a,disabled:d,ariaExpanded:h,className:c,custom:o}}_togglePopover(){const{controlElement:t}=this;if(!t)return;t.click();t.focus();t.dispatchEvent(new FocusEvent("focus"))}focusAdjacentItem(t,e){const i=Array.from(this.hostElement.querySelectorAll(this.dropdownItemSelector));const n=i.indexOf(t);if(n===-1){return}let s=0;if(e==="next"){s=n<i.length-1?n+1:0}else if(e==="prev"){if(n>0){s=n-1}else{s=i.length-1}}const o=i[s];o&&o.dispatchEvent(new Event("focus"))}orchestrateResolvedMenuItems(){if(!this.name||!this.context){this.removeResolvedElements();return}this.resolveMenuItemElements().then((t=>{this.removeResolvedElements();t.forEach((t=>{this.hostElement.appendChild(t)}))})).catch((t=>{this.removeResolvedElements();throw t}))}removeResolvedElements(){const t=this.hostElement.querySelectorAll("q2-dropdown-item.resolved-menu-item");t.forEach((t=>this.hostElement.removeChild(t)))}resolveMenu(){return this.name&&window.TectonElements&&window.TectonElements.resolveMenu(this.name,this.contextValue,this.resolvedType,this.additionalContext)}resolveMenuItemElements(){return this.resolveMenu().then((t=>t.map((t=>{let e;let i;if(t["tct-ctxid"]){i={};i[t.contextIdParamName]=t["tct-ctxid"]}switch(t.action){case"navigateTo":e=function(){var e,n;return(n=(e=window.TectonElements)===null||e===void 0?void 0:e.navigateTo)===null||n===void 0?void 0:n.call(e,t.featureName,t.moduleName,i)};break;case"showOverpanel":e=function(){var e,n;return(n=(e=window.TectonElements)===null||e===void 0?void 0:e.showOverpanel)===null||n===void 0?void 0:n.call(e,`${t.featureName}.${t.moduleName}`,i,undefined,true)};break}const n=document.createElement("q2-dropdown-item");n.setAttribute("value",t.itemLabel);n.classList.add("resolved-menu-item");n.textContent=t.itemLabel;n.onclick=e;return n}))))}render(){const t=this.toggleButtonProps;return e("click-elsewhere",{key:"16789bbd29b2e6d9190b50361317dc7d61ebaf37",class:this.open?"dropdown-open":"",onChange:this.onClickElsewhere,"test-id":"dropdownContainer"},e("q2-btn",{key:"099cdfec01cdd1092083c5a49c486dd7292ba0f7",ref:t=>this.controlElement=t,class:t.className,onClick:this.onToggleClick,onKeyDown:this.onToggleKeydown,fab:t.fab,intent:t.intent,active:t.active,disabled:t.disabled,ariaExpanded:`${!!t.ariaExpanded}`,label:this.hideLabel&&this.label?h(this.label):undefined,hideLabel:this.hideLabel,ariaHasPopup:"menu","test-id":"dropdownButton",block:this.block,description:h("tecton.element.dropdown.itemCount",[this.determineDropdownItemCount])},this.hasCustomControl?e("div",{"test-id":"dropdownControl",class:t.custom?"":"hidden"},e("slot",{name:"control"})):e(i,null,this.icon?e("q2-icon",{type:this.icon}):" ",this.label&&!this.hideLabel&&e("span",{class:"dropdown-button-text"},h(this.label)))),e("q2-popover",{key:"0cdb2ce343ac83db31d6eaf03cebf8795e815ffb",ref:t=>this.popoverElement=t,controlElement:this.controlElement,open:this.open,"max-height":this.popoverMaxHeight,minHeight:this.popoverMinHeight,direction:this.popoverDirection,align:this.popoverAlignment,mode:this.popoverMode||undefined,block:this.block},e("div",{key:"aaa58a9164e046acd8c4adb63e6d54f98bbe3a76",onClick:this.onDropdownMenuClick,onKeyDown:this.onDropdownMenuKeydown,role:"menu","aria-label":h(this.label)||undefined},e("slot",{key:"e7cfea4e3c9437e69807aad505b730d45d7c98a9"}))))}get hostElement(){return n(this)}static get watchers(){return{additionalContext:["additionalContextHandler"],alignment:["alignmentHandler"],ariaLabel:["ariaLabelHandler"],context:["contextHandler"],contextValue:["contextValueHandler"],name:["nameHandler"],popDirection:["popDirectionHandler"],resolvedType:["resolvedTypeHandler"]}}};u.style=l;export{u as q2_dropdown};
2
+ //# sourceMappingURL=p-5df24439.entry.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["q2DropdownCss","Q2DropdownStyle0","Q2Dropdown","this","dropdownItemSelector","closeDropdown","open","focusFirstItem","async","firstItem","hostElement","querySelector","waitForNextPaint","dispatchEvent","FocusEvent","focusLastItem","lastItem","focusToggle","controlElement","focus","onClickElsewhere","event","target","localName","stopPropagation","popoverElement","onDropdownMenuClick","item","disabled","separator","onDropdownMenuKeydown","key","preventDefault","focusAdjacentItem","onToggleClick","openDropdown","onToggleKeydown","componentWillLoad","popDirectionHandler","alignmentHandler","ariaLabelHandler","componentDidLoad","orchestrateResolvedMenuItems","overrideFocus","delegateFocus","isEventFromElement","popoverStateHandler","detail","_a","scrollContainerTo","top","closePopover","_togglePopover","openPopover","selectItem","value","itemBtn","shadowRoot","click","selectRemoveItem","removeButton","additionalContextHandler","handleRenamedProp","handleAriaLabel","contextHandler","contextValueHandler","nameHandler","resolvedTypeHandler","determineDropdownItemCount","querySelectorAll","length","hasCustomControl","toggleButtonProps","allowedIntents","allowedTypes","type","includes","icon","fab","custom","intent","active","ariaExpanded","className","activeItem","direction","dropdownItems","Array","from","activeIndex","indexOf","targetIndex","targetItem","Event","name","context","removeResolvedElements","resolveMenuItemElements","then","data","forEach","element","appendChild","catch","err","resolvedElements","removeChild","resolveMenu","window","TectonElements","contextValue","resolvedType","additionalContext","datas","map","menuItemData","onClickFn","queryParams","contextIdParamName","action","_b","navigateTo","call","featureName","moduleName","showOverpanel","undefined","newDropdownItem","document","createElement","setAttribute","itemLabel","classList","add","textContent","onclick","render","btnProps","h","class","onChange","ref","el","onClick","onKeyDown","label","hideLabel","loc","ariaHasPopup","block","description","Fragment","popoverMaxHeight","minHeight","popoverMinHeight","popoverDirection","align","popoverAlignment","mode","popoverMode","role"],"sources":["src/components/q2-dropdown/q2-dropdown.scss?tag=q2-dropdown&encapsulation=shadow","src/components/q2-dropdown/q2-dropdown.tsx"],"sourcesContent":["@import '../../styles/host.scss';\n@import '../../styles/functions';\n\n:host {\n display: inline-flex;\n}\n\n:host([block]) {\n display: block;\n}\n\nclick-elsewhere {\n position: relative;\n display: block;\n}\n\nq2-popover {\n --tct-popover-min-width: #{var-list(var-prefixer(dropdown-width))};\n}\n","import { Component, ComponentInterface, Prop, Method, Element, Watch, h, Fragment, Listen } from '@stencil/core';\nimport {\n handleAriaLabel,\n handleRenamedProp,\n isEventFromElement,\n loc,\n overrideFocus,\n waitForNextPaint,\n} from 'src/utils';\n\n@Component({ tag: 'q2-dropdown', shadow: true, styleUrl: 'q2-dropdown.scss' })\nexport class Q2Dropdown implements ComponentInterface {\n // #region Own Properties\n\n controlElement?: HTMLQ2BtnElement;\n dropdownItemSelector: string = 'q2-dropdown-item:not([disabled]):not([separator])';\n popoverElement?: HTMLQ2PopoverElement;\n\n // #endregion\n // #region Host HTML Element\n\n @Element()\n hostElement: HTMLElement;\n\n // #endregion\n // #region Public Property API\n\n @Prop({ reflect: true })\n additionalContext: string;\n\n /** @deprecated */\n @Prop({ reflect: true })\n alignment: 'left' | 'right';\n\n /** @deprecated */\n @Prop({ reflect: true, mutable: true })\n ariaLabel: string;\n\n /** If `true`, component expands to fill the width of its parent element. */\n @Prop({ reflect: true })\n block: boolean;\n\n /**\n * Tells the outlet what the type of object being passed in as contextValue.\n * This will allow for the hierarchy resolution logic to work to determine if an option should or should not be shown.\n *\n * @info\n * Only applicable when using `<q2-dropdown>` for outlets.\n */\n @Prop({ reflect: true })\n context: string;\n\n /**\n * Passes important information to the outlet (e.g., pass an account id that your platform can use to look up what module to show for that account type).\n *\n * @info\n * Only applicable when using `<q2-dropdown>` for outlets.\n */\n @Prop({ reflect: true })\n contextValue: string;\n\n /** Indicates the menu cannot be focused or interacted with. */\n @Prop({ reflect: true })\n disabled: boolean;\n\n /**\n * Hide's the field's `<label>` element from view.\n * @warning\n * Only use when a visible label is impractical.\n */\n @Prop({ reflect: true, mutable: true })\n hideLabel: boolean;\n\n /** The icon that will render within the toggle button. You may use any of the `q2-icon` types. */\n @Prop({ reflect: true })\n icon: string;\n\n /**\n * The text that appears within the button.\n * @warning\n * This property should not be used if the `type` is `icon`.\n * @localizable\n */\n @Prop({ reflect: true, mutable: true })\n label: string;\n\n /**\n * Identifies this menu as an outlet. Used in conjunction with context and, optionally, `contextValue`.\n * @info\n * Only applicable when using `<q2-dropdown>` for outlets.\n */\n @Prop({ reflect: true })\n name: string;\n\n /** Determine whether the popover is open or closed. */\n @Prop({ reflect: true, mutable: true })\n open: boolean;\n\n /** @deprecated */\n @Prop({ reflect: true })\n popDirection: 'up' | 'down';\n\n /** Aligns the popover dropdown to the left or right side of the input field. */\n @Prop({ mutable: true })\n popoverAlignment: 'left' | 'right' = 'left'; // being used in dropdown.scss\n\n /**\n * Force the direction of the popover dropdown when it opens.\n * If no value is passed, the component will auto-detect the direction based on available space.\n */\n @Prop({ mutable: true })\n popoverDirection: 'up' | 'down';\n\n /**\n * Force the maximum height of the popover. This value will be interpreted as pixels.\n * If no value is passed, or the value exceeds available space, the component will auto-detect the maximum height based on available space.\n */\n @Prop()\n popoverMaxHeight: number;\n\n /** @deprecated */\n @Prop()\n popoverMinHeight: number = 150;\n\n /**\n * Determines the display mode of the popover.\n *\n * Providing a value of `legacy` instructs the popover to use absolute positioning instead of fixed positioning.\n *\n * @info\n * This is a temporary solution to work around styling issues related to using fixed positioning for the popover\n * when nested inside of elements with transform properties. This will be removed once the popover API is available\n * for use.\n */\n @Prop({ mutable: true })\n popoverMode: 'legacy' = null;\n\n /**\n * Use with `context` to tell the outlet where it appears. It will be matched with the appropriately configured module for that context.\n * @info\n * Only applicable when using `<q2-dropdown>` for outlets.\n */\n @Prop({ reflect: true })\n resolvedType: string;\n\n /** The type of button used as the menu toggle.\n * @info\n * Type must be \"custom\" to use the custom button slot.\n */\n @Prop({ reflect: true })\n type: 'icon' | 'fab' | 'custom' | 'primary' | 'secondary' | 'neutral' = 'icon';\n\n // #endregion\n // #region Component Lifecycle Events\n\n componentWillLoad() {\n this.popDirectionHandler();\n this.alignmentHandler();\n this.ariaLabelHandler();\n }\n\n componentDidLoad() {\n this.orchestrateResolvedMenuItems();\n overrideFocus(this.hostElement);\n }\n\n // #endregion\n // #region Listeners\n\n @Listen('focus')\n delegateFocus(event: FocusEvent) {\n if (!isEventFromElement(event, this.hostElement)) return;\n this.focusToggle();\n }\n\n @Listen('popoverStateChanged')\n popoverStateHandler({ detail: { open } }: CustomEvent<{ open: boolean }>) {\n if (this.open !== open) this.open = open;\n this.popoverElement?.scrollContainerTo({ top: 0 });\n }\n\n // #endregion\n // #region Public Methods API\n\n /**\n * Emulates clicking the dropdown `<button>` to hide the popover if it is showing.\n * @testOnly\n */\n @Method()\n async closePopover() {\n if (!this.open || this.disabled) return;\n this._togglePopover();\n }\n\n /**\n * Emulates clicking the dropdown `<button>` to show the popover if it is hidden.\n * @testOnly\n */\n @Method()\n async openPopover() {\n if (this.open || this.disabled) return;\n this._togglePopover();\n }\n\n /**\n * Emulates opening the dropdown and selecting a [Dropdown Item](https://tecton.q2developer.com/design-system/q2-dropdown-item/).\n *\n * If the dropdown is closed, this will open it before selecting the item.\n *\n * If the value does not match any item's value, this method does nothing.\n * @testOnly\n */\n @Method()\n async selectItem(value: string) {\n const item = this.hostElement.querySelector<HTMLQ2DropdownItemElement>(\n `${this.dropdownItemSelector}[value=\"${value}\"]`\n );\n const itemBtn = item?.shadowRoot.querySelector<HTMLButtonElement>('.dropdown-item');\n if (!item || this.disabled) return;\n if (!this.open) {\n this.controlElement?.click();\n await waitForNextPaint();\n }\n itemBtn.click();\n await waitForNextPaint();\n }\n\n /**\n * Emulates opening the dropdown and selecting a [Dropdown Item](https://tecton.q2developer.com/design-system/q2-dropdown-item/)'s *remove* button.\n *\n * If the dropdown is closed, this will open it before selecting the remove item button.\n *\n * Requirements for this method to work properly:\n * - Provided `value` matches the item's `value` property\n * - Item has the `removable` property enabled\n * @testOnly\n */\n @Method()\n async selectRemoveItem(value: string) {\n const item = this.hostElement.querySelector<HTMLQ2DropdownItemElement>(\n `${this.dropdownItemSelector}[value=\"${value}\"]`\n );\n const removeButton = item?.shadowRoot.querySelector<HTMLButtonElement>('.remove-dropdown-item');\n if (!item || !removeButton || this.disabled) return;\n if (!this.open) {\n this.controlElement?.click();\n await waitForNextPaint();\n }\n removeButton.click();\n await waitForNextPaint();\n }\n\n // #endregion\n // #region Watchers\n\n @Watch('additionalContext')\n additionalContextHandler() {\n this.orchestrateResolvedMenuItems();\n }\n\n @Watch('alignment')\n alignmentHandler() {\n handleRenamedProp(this, 'alignment', 'popoverAlignment');\n }\n\n @Watch('ariaLabel')\n ariaLabelHandler() {\n handleAriaLabel(this);\n }\n\n @Watch('context')\n contextHandler() {\n this.orchestrateResolvedMenuItems();\n }\n\n @Watch('contextValue')\n contextValueHandler() {\n this.orchestrateResolvedMenuItems();\n }\n\n @Watch('name')\n nameHandler() {\n this.orchestrateResolvedMenuItems();\n }\n\n @Watch('popDirection')\n popDirectionHandler() {\n handleRenamedProp(this, 'popDirection', 'popoverDirection');\n }\n\n @Watch('resolvedType')\n resolvedTypeHandler() {\n this.orchestrateResolvedMenuItems();\n }\n\n // #endregion\n // #region Local Methods\n\n get determineDropdownItemCount() {\n return this.hostElement.querySelectorAll(this.dropdownItemSelector).length;\n }\n\n get hasCustomControl() {\n return !!this.hostElement.querySelector('[slot=control]');\n }\n\n get toggleButtonProps() {\n const allowedIntents = ['primary', 'secondary', 'neutral'];\n const allowedTypes = ['icon', 'fab', 'custom', ...allowedIntents];\n const type = allowedTypes.includes(this.type) ? this.type : '';\n const icon = type === 'icon';\n const fab = type === 'fab';\n const custom = type === 'custom';\n let intent;\n if (allowedIntents.includes(type)) {\n intent = type === 'neutral' ? type : `workflow-${type}`;\n }\n const active = this.open;\n const disabled = !!this.disabled;\n const ariaExpanded = this.open;\n const className = !icon && !fab && !intent ? 'unstyled' : '';\n\n return {\n icon,\n fab,\n intent,\n active,\n disabled,\n ariaExpanded,\n className,\n custom,\n };\n }\n\n _togglePopover() {\n const { controlElement } = this;\n if (!controlElement) return;\n controlElement.click();\n controlElement.focus();\n controlElement.dispatchEvent(new FocusEvent('focus'));\n }\n\n closeDropdown = () => {\n if (!this.open) return;\n this.open = false;\n };\n\n focusAdjacentItem(activeItem: HTMLQ2DropdownItemElement, direction: 'next' | 'prev') {\n const dropdownItems: HTMLQ2DropdownItemElement[] = Array.from(\n this.hostElement.querySelectorAll(this.dropdownItemSelector)\n );\n\n const activeIndex = dropdownItems.indexOf(activeItem);\n\n if (activeIndex === -1) {\n return;\n }\n\n let targetIndex: number = 0;\n if (direction === 'next') {\n targetIndex = activeIndex < dropdownItems.length - 1 ? activeIndex + 1 : 0;\n } else if (direction === 'prev') {\n if (activeIndex > 0) {\n targetIndex = activeIndex - 1;\n } else {\n targetIndex = dropdownItems.length - 1;\n }\n }\n const targetItem = dropdownItems[targetIndex];\n targetItem && targetItem.dispatchEvent(new Event('focus'));\n }\n\n focusFirstItem = async () => {\n const firstItem = this.hostElement.querySelector<HTMLQ2DropdownItemElement>(\n `${this.dropdownItemSelector}:first-child`\n );\n if (!firstItem) return;\n await waitForNextPaint();\n firstItem.dispatchEvent(new FocusEvent('focus'));\n };\n\n focusLastItem = async () => {\n const lastItem = this.hostElement.querySelector<HTMLQ2DropdownItemElement>(\n `${this.dropdownItemSelector}:last-child`\n );\n if (!lastItem) return;\n await waitForNextPaint();\n lastItem.dispatchEvent(new FocusEvent('focus'));\n };\n\n focusToggle = () => {\n this.controlElement.focus();\n };\n\n onClickElsewhere = (event: CustomEvent) => {\n const target = event.target as HTMLClickElsewhereElement;\n if (target.localName === 'click-elsewhere') {\n event.stopPropagation();\n const { popoverElement } = this;\n if (!popoverElement) return;\n popoverElement.open = false;\n }\n };\n\n onDropdownMenuClick = async (event: MouseEvent | CustomEvent) => {\n const item = event.target as HTMLQ2DropdownItemElement;\n if (item.disabled || item.separator) return;\n this.closeDropdown();\n await waitForNextPaint();\n this.focusToggle();\n };\n\n onDropdownMenuKeydown = (event: KeyboardEvent) => {\n const item = event.target as HTMLQ2DropdownItemElement;\n switch (event.key) {\n case 'Escape':\n this.closeDropdown();\n this.focusToggle();\n break;\n\n case 'Tab':\n this.closeDropdown();\n break;\n\n case 'ArrowUp':\n event.preventDefault();\n this.focusAdjacentItem(item, 'prev');\n break;\n\n case 'ArrowDown':\n event.preventDefault();\n this.focusAdjacentItem(item, 'next');\n break;\n\n default:\n break;\n }\n };\n\n onToggleClick = () => {\n if (this.open) {\n this.closeDropdown();\n } else {\n this.openDropdown();\n }\n };\n\n onToggleKeydown = async (event: KeyboardEvent) => {\n switch (event.key) {\n case 'ArrowUp':\n event.preventDefault();\n this.openDropdown();\n await waitForNextPaint();\n this.focusLastItem();\n break;\n\n case 'ArrowDown':\n event.preventDefault();\n this.openDropdown();\n await waitForNextPaint();\n this.focusFirstItem();\n return;\n\n case 'Escape':\n event.preventDefault();\n this.closeDropdown();\n break;\n\n case 'Tab':\n if (this.open) this.closeDropdown();\n break;\n\n default:\n break;\n }\n };\n\n openDropdown = () => {\n if (this.open) return;\n this.open = true;\n };\n\n orchestrateResolvedMenuItems() {\n if (!this.name || !this.context) {\n // this is only for contextual menu outlets\n this.removeResolvedElements();\n return;\n }\n\n this.resolveMenuItemElements()\n .then(data => {\n this.removeResolvedElements();\n data.forEach(element => {\n this.hostElement.appendChild(element);\n });\n })\n .catch(err => {\n this.removeResolvedElements();\n throw err;\n });\n }\n\n removeResolvedElements() {\n const resolvedElements = this.hostElement.querySelectorAll('q2-dropdown-item.resolved-menu-item');\n resolvedElements.forEach(element => this.hostElement.removeChild(element));\n }\n\n resolveMenu() {\n return (\n this.name &&\n window.TectonElements &&\n window.TectonElements.resolveMenu(this.name, this.contextValue, this.resolvedType, this.additionalContext)\n );\n }\n\n resolveMenuItemElements() {\n return this.resolveMenu().then(datas => {\n return datas.map(menuItemData => {\n let onClickFn;\n let queryParams;\n if (menuItemData['tct-ctxid']) {\n queryParams = {};\n queryParams[menuItemData.contextIdParamName] = menuItemData['tct-ctxid'];\n }\n\n switch (menuItemData.action) {\n case 'navigateTo':\n onClickFn = function () {\n return window.TectonElements?.navigateTo?.(\n menuItemData.featureName,\n menuItemData.moduleName,\n queryParams\n );\n };\n break;\n case 'showOverpanel':\n onClickFn = function () {\n return window.TectonElements?.showOverpanel?.(\n `${menuItemData.featureName}.${menuItemData.moduleName}`,\n queryParams,\n undefined,\n true\n );\n };\n break;\n }\n\n const newDropdownItem = document.createElement('q2-dropdown-item');\n newDropdownItem.setAttribute('value', menuItemData.itemLabel);\n newDropdownItem.classList.add('resolved-menu-item');\n newDropdownItem.textContent = menuItemData.itemLabel;\n newDropdownItem.onclick = onClickFn;\n\n return newDropdownItem;\n });\n });\n }\n\n // #endregion\n // #region Render Methods\n\n render() {\n const btnProps = this.toggleButtonProps;\n\n return (\n <click-elsewhere\n class={this.open ? 'dropdown-open' : ''}\n onChange={this.onClickElsewhere}\n test-id=\"dropdownContainer\"\n >\n <q2-btn\n ref={el => (this.controlElement = el)}\n class={btnProps.className}\n onClick={this.onToggleClick}\n onKeyDown={this.onToggleKeydown}\n fab={btnProps.fab}\n intent={btnProps.intent}\n active={btnProps.active}\n disabled={btnProps.disabled}\n ariaExpanded={`${!!btnProps.ariaExpanded}`}\n label={this.hideLabel && this.label ? loc(this.label) : undefined}\n hideLabel={this.hideLabel}\n ariaHasPopup=\"menu\"\n test-id=\"dropdownButton\"\n block={this.block}\n description={loc('tecton.element.dropdown.itemCount', [this.determineDropdownItemCount])}\n >\n {this.hasCustomControl ? (\n <div\n test-id=\"dropdownControl\"\n class={btnProps.custom ? '' : 'hidden'}\n >\n <slot name=\"control\" />\n </div>\n ) : (\n <Fragment>\n {this.icon ? <q2-icon type={this.icon} /> : ' '}\n {this.label && !this.hideLabel && (\n <span class=\"dropdown-button-text\">{loc(this.label)}</span>\n )}\n </Fragment>\n )}\n </q2-btn>\n <q2-popover\n ref={el => (this.popoverElement = el)}\n controlElement={this.controlElement}\n open={this.open}\n max-height={this.popoverMaxHeight}\n minHeight={this.popoverMinHeight}\n direction={this.popoverDirection}\n align={this.popoverAlignment}\n mode={this.popoverMode || undefined}\n block={this.block}\n >\n <div\n onClick={this.onDropdownMenuClick}\n onKeyDown={this.onDropdownMenuKeydown}\n role=\"menu\"\n aria-label={loc(this.label) || undefined}\n >\n <slot />\n </div>\n </q2-popover>\n </click-elsewhere>\n );\n }\n\n // #endregion\n}\n"],"mappings":"2HAAA,MAAMA,EAAgB,u1BACtB,MAAAC,EAAeD,E,MCUFE,EAAU,M,yBAInBC,KAAAC,qBAA+B,oDAuU/BD,KAAAE,cAAgB,KACZ,IAAKF,KAAKG,KAAM,OAChBH,KAAKG,KAAO,KAAK,EA4BrBH,KAAAI,eAAiBC,UACb,MAAMC,EAAYN,KAAKO,YAAYC,cAC/B,GAAGR,KAAKC,oCAEZ,IAAKK,EAAW,aACVG,IACNH,EAAUI,cAAc,IAAIC,WAAW,SAAS,EAGpDX,KAAAY,cAAgBP,UACZ,MAAMQ,EAAWb,KAAKO,YAAYC,cAC9B,GAAGR,KAAKC,mCAEZ,IAAKY,EAAU,aACTJ,IACNI,EAASH,cAAc,IAAIC,WAAW,SAAS,EAGnDX,KAAAc,YAAc,KACVd,KAAKe,eAAeC,OAAO,EAG/BhB,KAAAiB,iBAAoBC,IAChB,MAAMC,EAASD,EAAMC,OACrB,GAAIA,EAAOC,YAAc,kBAAmB,CACxCF,EAAMG,kBACN,MAAMC,eAAEA,GAAmBtB,KAC3B,IAAKsB,EAAgB,OACrBA,EAAenB,KAAO,K,GAI9BH,KAAAuB,oBAAsBlB,MAAOa,IACzB,MAAMM,EAAON,EAAMC,OACnB,GAAIK,EAAKC,UAAYD,EAAKE,UAAW,OACrC1B,KAAKE,sBACCO,IACNT,KAAKc,aAAa,EAGtBd,KAAA2B,sBAAyBT,IACrB,MAAMM,EAAON,EAAMC,OACnB,OAAQD,EAAMU,KACV,IAAK,SACD5B,KAAKE,gBACLF,KAAKc,cACL,MAEJ,IAAK,MACDd,KAAKE,gBACL,MAEJ,IAAK,UACDgB,EAAMW,iBACN7B,KAAK8B,kBAAkBN,EAAM,QAC7B,MAEJ,IAAK,YACDN,EAAMW,iBACN7B,KAAK8B,kBAAkBN,EAAM,QAC7B,M,EAOZxB,KAAA+B,cAAgB,KACZ,GAAI/B,KAAKG,KAAM,CACXH,KAAKE,e,KACF,CACHF,KAAKgC,c,GAIbhC,KAAAiC,gBAAkB5B,MAAOa,IACrB,OAAQA,EAAMU,KACV,IAAK,UACDV,EAAMW,iBACN7B,KAAKgC,qBACCvB,IACNT,KAAKY,gBACL,MAEJ,IAAK,YACDM,EAAMW,iBACN7B,KAAKgC,qBACCvB,IACNT,KAAKI,iBACL,OAEJ,IAAK,SACDc,EAAMW,iBACN7B,KAAKE,gBACL,MAEJ,IAAK,MACD,GAAIF,KAAKG,KAAMH,KAAKE,gBACpB,M,EAOZF,KAAAgC,aAAe,KACX,GAAIhC,KAAKG,KAAM,OACfH,KAAKG,KAAO,IAAI,E,+UAvXiB,O,sFAkBV,I,iBAaH,K,sCAegD,M,CAKxE,iBAAA+B,GACIlC,KAAKmC,sBACLnC,KAAKoC,mBACLpC,KAAKqC,kB,CAGT,gBAAAC,GACItC,KAAKuC,+BACLC,EAAcxC,KAAKO,Y,CAOvB,aAAAkC,CAAcvB,GACV,IAAKwB,EAAmBxB,EAAOlB,KAAKO,aAAc,OAClDP,KAAKc,a,CAIT,mBAAA6B,EAAsBC,QAAQzC,KAAEA,K,MAC5B,GAAIH,KAAKG,OAASA,EAAMH,KAAKG,KAAOA,GACpC0C,EAAA7C,KAAKsB,kBAAc,MAAAuB,SAAA,SAAAA,EAAEC,kBAAkB,CAAEC,IAAK,G,CAWlD,kBAAMC,GACF,IAAKhD,KAAKG,MAAQH,KAAKyB,SAAU,OACjCzB,KAAKiD,gB,CAQT,iBAAMC,GACF,GAAIlD,KAAKG,MAAQH,KAAKyB,SAAU,OAChCzB,KAAKiD,gB,CAYT,gBAAME,CAAWC,G,MACb,MAAM5B,EAAOxB,KAAKO,YAAYC,cAC1B,GAAGR,KAAKC,+BAA+BmD,OAE3C,MAAMC,EAAU7B,IAAI,MAAJA,SAAI,SAAJA,EAAM8B,WAAW9C,cAAiC,kBAClE,IAAKgB,GAAQxB,KAAKyB,SAAU,OAC5B,IAAKzB,KAAKG,KAAM,EACZ0C,EAAA7C,KAAKe,kBAAc,MAAA8B,SAAA,SAAAA,EAAEU,cACf9C,G,CAEV4C,EAAQE,cACF9C,G,CAcV,sBAAM+C,CAAiBJ,G,MACnB,MAAM5B,EAAOxB,KAAKO,YAAYC,cAC1B,GAAGR,KAAKC,+BAA+BmD,OAE3C,MAAMK,EAAejC,IAAI,MAAJA,SAAI,SAAJA,EAAM8B,WAAW9C,cAAiC,yBACvE,IAAKgB,IAASiC,GAAgBzD,KAAKyB,SAAU,OAC7C,IAAKzB,KAAKG,KAAM,EACZ0C,EAAA7C,KAAKe,kBAAc,MAAA8B,SAAA,SAAAA,EAAEU,cACf9C,G,CAEVgD,EAAaF,cACP9C,G,CAOV,wBAAAiD,GACI1D,KAAKuC,8B,CAIT,gBAAAH,GACIuB,EAAkB3D,KAAM,YAAa,mB,CAIzC,gBAAAqC,GACIuB,EAAgB5D,K,CAIpB,cAAA6D,GACI7D,KAAKuC,8B,CAIT,mBAAAuB,GACI9D,KAAKuC,8B,CAIT,WAAAwB,GACI/D,KAAKuC,8B,CAIT,mBAAAJ,GACIwB,EAAkB3D,KAAM,eAAgB,mB,CAI5C,mBAAAgE,GACIhE,KAAKuC,8B,CAMT,8BAAI0B,GACA,OAAOjE,KAAKO,YAAY2D,iBAAiBlE,KAAKC,sBAAsBkE,M,CAGxE,oBAAIC,GACA,QAASpE,KAAKO,YAAYC,cAAc,iB,CAG5C,qBAAI6D,GACA,MAAMC,EAAiB,CAAC,UAAW,YAAa,WAChD,MAAMC,EAAe,CAAC,OAAQ,MAAO,YAAaD,GAClD,MAAME,EAAOD,EAAaE,SAASzE,KAAKwE,MAAQxE,KAAKwE,KAAO,GAC5D,MAAME,EAAOF,IAAS,OACtB,MAAMG,EAAMH,IAAS,MACrB,MAAMI,EAASJ,IAAS,SACxB,IAAIK,EACJ,GAAIP,EAAeG,SAASD,GAAO,CAC/BK,EAASL,IAAS,UAAYA,EAAO,YAAYA,G,CAErD,MAAMM,EAAS9E,KAAKG,KACpB,MAAMsB,IAAazB,KAAKyB,SACxB,MAAMsD,EAAe/E,KAAKG,KAC1B,MAAM6E,GAAaN,IAASC,IAAQE,EAAS,WAAa,GAE1D,MAAO,CACHH,OACAC,MACAE,SACAC,SACArD,WACAsD,eACAC,YACAJ,S,CAIR,cAAA3B,GACI,MAAMlC,eAAEA,GAAmBf,KAC3B,IAAKe,EAAgB,OACrBA,EAAewC,QACfxC,EAAeC,QACfD,EAAeL,cAAc,IAAIC,WAAW,S,CAQhD,iBAAAmB,CAAkBmD,EAAuCC,GACrD,MAAMC,EAA6CC,MAAMC,KACrDrF,KAAKO,YAAY2D,iBAAiBlE,KAAKC,uBAG3C,MAAMqF,EAAcH,EAAcI,QAAQN,GAE1C,GAAIK,KAAiB,EAAG,CACpB,M,CAGJ,IAAIE,EAAsB,EAC1B,GAAIN,IAAc,OAAQ,CACtBM,EAAcF,EAAcH,EAAchB,OAAS,EAAImB,EAAc,EAAI,C,MACtE,GAAIJ,IAAc,OAAQ,CAC7B,GAAII,EAAc,EAAG,CACjBE,EAAcF,EAAc,C,KACzB,CACHE,EAAcL,EAAchB,OAAS,C,EAG7C,MAAMsB,EAAaN,EAAcK,GACjCC,GAAcA,EAAW/E,cAAc,IAAIgF,MAAM,S,CAiHrD,4BAAAnD,GACI,IAAKvC,KAAK2F,OAAS3F,KAAK4F,QAAS,CAE7B5F,KAAK6F,yBACL,M,CAGJ7F,KAAK8F,0BACAC,MAAKC,IACFhG,KAAK6F,yBACLG,EAAKC,SAAQC,IACTlG,KAAKO,YAAY4F,YAAYD,EAAQ,GACvC,IAELE,OAAMC,IACHrG,KAAK6F,yBACL,MAAMQ,CAAG,G,CAIrB,sBAAAR,GACI,MAAMS,EAAmBtG,KAAKO,YAAY2D,iBAAiB,uCAC3DoC,EAAiBL,SAAQC,GAAWlG,KAAKO,YAAYgG,YAAYL,I,CAGrE,WAAAM,GACI,OACIxG,KAAK2F,MACLc,OAAOC,gBACPD,OAAOC,eAAeF,YAAYxG,KAAK2F,KAAM3F,KAAK2G,aAAc3G,KAAK4G,aAAc5G,KAAK6G,kB,CAIhG,uBAAAf,GACI,OAAO9F,KAAKwG,cAAcT,MAAKe,GACpBA,EAAMC,KAAIC,IACb,IAAIC,EACJ,IAAIC,EACJ,GAAIF,EAAa,aAAc,CAC3BE,EAAc,GACdA,EAAYF,EAAaG,oBAAsBH,EAAa,Y,CAGhE,OAAQA,EAAaI,QACjB,IAAK,aACDH,EAAY,W,QACR,OAAOI,GAAAxE,EAAA4D,OAAOC,kBAAc,MAAA7D,SAAA,SAAAA,EAAEyE,cAAU,MAAAD,SAAA,SAAAA,EAAAE,KAAA1E,EACpCmE,EAAaQ,YACbR,EAAaS,WACbP,E,EAGR,MACJ,IAAK,gBACDD,EAAY,W,QACR,OAAOI,GAAAxE,EAAA4D,OAAOC,kBAAc,MAAA7D,SAAA,SAAAA,EAAE6E,iBAAa,MAAAL,SAAA,SAAAA,EAAAE,KAAA1E,EACvC,GAAGmE,EAAaQ,eAAeR,EAAaS,aAC5CP,EACAS,UACA,K,EAGR,MAGR,MAAMC,EAAkBC,SAASC,cAAc,oBAC/CF,EAAgBG,aAAa,QAASf,EAAagB,WACnDJ,EAAgBK,UAAUC,IAAI,sBAC9BN,EAAgBO,YAAcnB,EAAagB,UAC3CJ,EAAgBQ,QAAUnB,EAE1B,OAAOW,CAAe,K,CAQlC,MAAAS,GACI,MAAMC,EAAWtI,KAAKqE,kBAEtB,OACIkE,EAAA,mBAAA3G,IAAA,2CACI4G,MAAOxI,KAAKG,KAAO,gBAAkB,GACrCsI,SAAUzI,KAAKiB,iBAAgB,UACvB,qBAERsH,EAAA,UAAA3G,IAAA,2CACI8G,IAAKC,GAAO3I,KAAKe,eAAiB4H,EAClCH,MAAOF,EAAStD,UAChB4D,QAAS5I,KAAK+B,cACd8G,UAAW7I,KAAKiC,gBAChB0C,IAAK2D,EAAS3D,IACdE,OAAQyD,EAASzD,OACjBC,OAAQwD,EAASxD,OACjBrD,SAAU6G,EAAS7G,SACnBsD,aAAc,KAAKuD,EAASvD,eAC5B+D,MAAO9I,KAAK+I,WAAa/I,KAAK8I,MAAQE,EAAIhJ,KAAK8I,OAASnB,UACxDoB,UAAW/I,KAAK+I,UAChBE,aAAa,OAAM,UACX,iBACRC,MAAOlJ,KAAKkJ,MACZC,YAAaH,EAAI,oCAAqC,CAAChJ,KAAKiE,8BAE3DjE,KAAKoE,iBACFmE,EAAA,iBACY,kBACRC,MAAOF,EAAS1D,OAAS,GAAK,UAE9B2D,EAAA,QAAM5C,KAAK,aAGf4C,EAACa,EAAQ,KACJpJ,KAAK0E,KAAO6D,EAAA,WAAS/D,KAAMxE,KAAK0E,OAAW,IAC3C1E,KAAK8I,QAAU9I,KAAK+I,WACjBR,EAAA,QAAMC,MAAM,wBAAwBQ,EAAIhJ,KAAK8I,UAK7DP,EAAA,cAAA3G,IAAA,2CACI8G,IAAKC,GAAO3I,KAAKsB,eAAiBqH,EAClC5H,eAAgBf,KAAKe,eACrBZ,KAAMH,KAAKG,KAAI,aACHH,KAAKqJ,iBACjBC,UAAWtJ,KAAKuJ,iBAChBrE,UAAWlF,KAAKwJ,iBAChBC,MAAOzJ,KAAK0J,iBACZC,KAAM3J,KAAK4J,aAAejC,UAC1BuB,MAAOlJ,KAAKkJ,OAEZX,EAAA,OAAA3G,IAAA,2CACIgH,QAAS5I,KAAKuB,oBACdsH,UAAW7I,KAAK2B,sBAChBkI,KAAK,OAAM,aACCb,EAAIhJ,KAAK8I,QAAUnB,WAE/BY,EAAA,QAAA3G,IAAA,+C"}
@@ -1,2 +1,2 @@
1
- import{r as e,c as t,h as i,F as s,H as n,g as a}from"./p-a5f18e27.js";import{c as d,n as o,l as h}from"./p-15ac45d6.js";const c="*{box-sizing:border-box}*:active{outline:none}*:focus{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}";const r=c;const l=class{constructor(i){e(this,i);this.activeChange=t(this,"activeChange",7);this.contentChange=t(this,"contentChange",7);this.statusChange=t(this,"statusChange",7);this.isChildActive=false;this.description=undefined;this.isActive=undefined;this.label=undefined;this.showWithChildren=undefined;this.status=undefined}connectedCallback(){if(!this.hostElement.id)this.hostElement.id=`step-${d()}`}disconnectedCallback(){this.mutationObserver.disconnect();this.mutationObserver=null}componentWillLoad(){this.checkForActiveChildren()}componentDidLoad(){const e=new MutationObserver((()=>{this.contentChange.emit()}));e.observe(this.hostElement,{childList:true,subtree:true,characterData:true});this.mutationObserver=e}isActiveChanged(e){this.activeChange.emit({status:this.status||"",isActive:e,id:this.hostElement.id,host:this.hostElement})}labelOrDescriptionChanged(){this.contentChange.emit()}checkForActiveChildren(){if(!this.showWithChildren)return;o((()=>{setTimeout((()=>{this.isChildActive=!!this.hostElement.querySelector("[slot='children'] > q2-stepper-pane[is-active]")}))}))}statusChanged(e){this.statusChange.emit({status:e,isActive:!!this.isActive,id:this.hostElement.id,host:this.hostElement})}render(){const{label:e,isActive:t}=this;return i(n,{key:"0ec2c26beb86d72f8fd14313a66dda90b9ada62f",role:"listitem"},i(s,{key:"27b0a776295214454762434a7f496d6efaa31b7d"},i("div",{key:"a8944c3026348cb577e17ef47b5f3fa4b3da2d4f","aria-label":e&&h(e),tabindex:"0",hidden:!t&&!(this.isChildActive&&this.showWithChildren)},i("slot",{key:"26d8de5d1f5a6325b3f1ed05c3decee9e86babbf"})),i("div",{key:"41c4e9029a3737b2d4bd3006cb0a40db817ea149",hidden:true},i("slot",{key:"8d6822a8e6d18df722f2cdf107f008e9b164fba0",name:"label",onSlotchange:()=>this.contentChange.emit()}),i("slot",{key:"349a961e0f1a60c5263cd1a91133dadb09fb9b53",name:"description",onSlotchange:()=>this.contentChange.emit()})),i("slot",{key:"c9dc4b6d304801fd212a73edbe3df6ac8fc5a995",name:"children"})))}get hostElement(){return a(this)}static get watchers(){return{isActive:["isActiveChanged"],label:["labelOrDescriptionChanged"],description:["labelOrDescriptionChanged"],showWithChildren:["checkForActiveChildren"],status:["statusChanged"]}}};l.style=r;export{l as q2_stepper_pane};
2
- //# sourceMappingURL=p-b1784be3.entry.js.map
1
+ import{r as e,c as t,h as i,F as s,H as n,g as a}from"./p-a5f18e27.js";import{c as d,n as o,l as h}from"./p-c5445b5e.js";const c="*{box-sizing:border-box}*:active{outline:none}*:focus{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}";const r=c;const l=class{constructor(i){e(this,i);this.activeChange=t(this,"activeChange",7);this.contentChange=t(this,"contentChange",7);this.statusChange=t(this,"statusChange",7);this.isChildActive=false;this.description=undefined;this.isActive=undefined;this.label=undefined;this.showWithChildren=undefined;this.status=undefined}connectedCallback(){if(!this.hostElement.id)this.hostElement.id=`step-${d()}`}disconnectedCallback(){this.mutationObserver.disconnect();this.mutationObserver=null}componentWillLoad(){this.checkForActiveChildren()}componentDidLoad(){const e=new MutationObserver((()=>{this.contentChange.emit()}));e.observe(this.hostElement,{childList:true,subtree:true,characterData:true});this.mutationObserver=e}isActiveChanged(e){this.activeChange.emit({status:this.status||"",isActive:e,id:this.hostElement.id,host:this.hostElement})}labelOrDescriptionChanged(){this.contentChange.emit()}checkForActiveChildren(){if(!this.showWithChildren)return;o((()=>{setTimeout((()=>{this.isChildActive=!!this.hostElement.querySelector("[slot='children'] > q2-stepper-pane[is-active]")}))}))}statusChanged(e){this.statusChange.emit({status:e,isActive:!!this.isActive,id:this.hostElement.id,host:this.hostElement})}render(){const{label:e,isActive:t}=this;return i(n,{key:"0ec2c26beb86d72f8fd14313a66dda90b9ada62f",role:"listitem"},i(s,{key:"27b0a776295214454762434a7f496d6efaa31b7d"},i("div",{key:"a8944c3026348cb577e17ef47b5f3fa4b3da2d4f","aria-label":e&&h(e),tabindex:"0",hidden:!t&&!(this.isChildActive&&this.showWithChildren)},i("slot",{key:"26d8de5d1f5a6325b3f1ed05c3decee9e86babbf"})),i("div",{key:"41c4e9029a3737b2d4bd3006cb0a40db817ea149",hidden:true},i("slot",{key:"8d6822a8e6d18df722f2cdf107f008e9b164fba0",name:"label",onSlotchange:()=>this.contentChange.emit()}),i("slot",{key:"349a961e0f1a60c5263cd1a91133dadb09fb9b53",name:"description",onSlotchange:()=>this.contentChange.emit()})),i("slot",{key:"c9dc4b6d304801fd212a73edbe3df6ac8fc5a995",name:"children"})))}get hostElement(){return a(this)}static get watchers(){return{isActive:["isActiveChanged"],label:["labelOrDescriptionChanged"],description:["labelOrDescriptionChanged"],showWithChildren:["checkForActiveChildren"],status:["statusChanged"]}}};l.style=r;export{l as q2_stepper_pane};
2
+ //# sourceMappingURL=p-65f60a00.entry.js.map