q2-tecton-elements 1.48.0 → 1.48.1-alpha.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (225) hide show
  1. package/dist/cjs/click-elsewhere_2.cjs.entry.js +1 -1
  2. package/dist/cjs/{index-c385e32f.js → index-c9a86a33.js} +1 -1
  3. package/dist/cjs/{index-c385e32f.js.map → index-c9a86a33.js.map} +1 -1
  4. package/dist/cjs/loader.cjs.js +1 -1
  5. package/dist/cjs/q2-calendar.cjs.entry.js +2 -2
  6. package/dist/cjs/q2-calendar.cjs.entry.js.map +1 -1
  7. package/dist/cjs/q2-checkbox-group.cjs.entry.js +1 -1
  8. package/dist/cjs/q2-checkbox-group.cjs.entry.js.map +1 -1
  9. package/dist/cjs/q2-checkbox.cjs.entry.js +1 -1
  10. package/dist/cjs/q2-checkbox.cjs.entry.js.map +1 -1
  11. package/dist/cjs/q2-form.cjs.entry.js +23 -0
  12. package/dist/cjs/q2-form.cjs.entry.js.map +1 -0
  13. package/dist/cjs/q2-input.cjs.entry.js +1 -1
  14. package/dist/cjs/q2-input.cjs.entry.js.map +1 -1
  15. package/dist/cjs/q2-item.cjs.entry.js +1 -1
  16. package/dist/cjs/q2-legend.cjs.entry.js +1 -1
  17. package/dist/cjs/q2-list.cjs.entry.js +1 -1
  18. package/dist/cjs/q2-loc.cjs.entry.js +1 -1
  19. package/dist/cjs/q2-message.cjs.entry.js +1 -1
  20. package/dist/cjs/q2-optgroup.cjs.entry.js +1 -1
  21. package/dist/cjs/q2-option.cjs.entry.js +1 -1
  22. package/dist/cjs/q2-pagination.cjs.entry.js +2 -2
  23. package/dist/cjs/q2-pill.cjs.entry.js +1 -1
  24. package/dist/cjs/q2-radio-group.cjs.entry.js +1 -1
  25. package/dist/cjs/q2-radio-group.cjs.entry.js.map +1 -1
  26. package/dist/cjs/q2-relative-time.cjs.entry.js +2 -2
  27. package/dist/cjs/q2-section.cjs.entry.js +2 -2
  28. package/dist/cjs/q2-select.cjs.entry.js +1 -1
  29. package/dist/cjs/q2-select.cjs.entry.js.map +1 -1
  30. package/dist/cjs/q2-stepper-pane.cjs.entry.js +1 -1
  31. package/dist/cjs/q2-stepper-vertical.cjs.entry.js +1 -1
  32. package/dist/cjs/q2-stepper.cjs.entry.js +1 -1
  33. package/dist/cjs/q2-tab-container.cjs.entry.js +1 -1
  34. package/dist/cjs/q2-tab-pane.cjs.entry.js +1 -1
  35. package/dist/cjs/q2-tag.cjs.entry.js +1 -1
  36. package/dist/cjs/q2-tecton-elements.cjs.js +1 -1
  37. package/dist/cjs/q2-textarea.cjs.entry.js +1 -1
  38. package/dist/cjs/q2-textarea.cjs.entry.js.map +1 -1
  39. package/dist/cjs/tecton-tab-pane.cjs.entry.js +2 -2
  40. package/dist/collection/collection-manifest.json +1 -0
  41. package/dist/collection/components/q2-calendar/q2-calendar.css +2 -0
  42. package/dist/collection/components/q2-checkbox/q2-checkbox.css +2 -0
  43. package/dist/collection/components/q2-checkbox-group/q2-checkbox-group.css +7 -1
  44. package/dist/collection/components/q2-data-table/q2-data-table.js +6 -6
  45. package/dist/collection/components/q2-form/q2-form.css +92 -0
  46. package/dist/collection/components/q2-form/q2-form.js +44 -0
  47. package/dist/collection/components/q2-form/q2-form.js.map +1 -0
  48. package/dist/collection/components/q2-input/q2-input.css +1 -1
  49. package/dist/collection/components/q2-input/q2-input.js +1 -1
  50. package/dist/collection/components/q2-item/q2-item.js +1 -1
  51. package/dist/collection/components/q2-legend/q2-legend.js +1 -1
  52. package/dist/collection/components/q2-list/q2-list.js +1 -1
  53. package/dist/collection/components/q2-loc/q2-loc.js +1 -1
  54. package/dist/collection/components/q2-message/q2-message.js +1 -1
  55. package/dist/collection/components/q2-optgroup/q2-optgroup.js +1 -1
  56. package/dist/collection/components/q2-option/q2-option.js +1 -1
  57. package/dist/collection/components/q2-option-list/q2-option-list.js +2 -2
  58. package/dist/collection/components/q2-pagination/q2-pagination.js +2 -2
  59. package/dist/collection/components/q2-pill/q2-pill.js +1 -1
  60. package/dist/collection/components/q2-popover/q2-popover.js +1 -1
  61. package/dist/collection/components/q2-radio-group/q2-radio-group.css +4 -2
  62. package/dist/collection/components/q2-relative-time/q2-relative-time.js +1 -1
  63. package/dist/collection/components/q2-section/q2-section.js +2 -2
  64. package/dist/collection/components/q2-select/q2-select.css +2 -2
  65. package/dist/collection/components/q2-stepper/q2-stepper.js +1 -1
  66. package/dist/collection/components/q2-stepper-pane/q2-stepper-pane.js +3 -3
  67. package/dist/collection/components/q2-stepper-vertical/q2-stepper-vertical.js +1 -1
  68. package/dist/collection/components/q2-tab-container/q2-tab-container.js +1 -1
  69. package/dist/collection/components/q2-tab-pane/q2-tab-pane.js +1 -1
  70. package/dist/collection/components/q2-tag/q2-tag.js +1 -1
  71. package/dist/collection/components/q2-textarea/q2-textarea.css +2 -2
  72. package/dist/collection/components/tecton-tab-pane/tecton-tab-pane.js +2 -2
  73. package/dist/components/index.js +2 -0
  74. package/dist/components/index.js.map +1 -1
  75. package/dist/components/q2-calendar.js +1 -1
  76. package/dist/components/q2-calendar.js.map +1 -1
  77. package/dist/components/q2-checkbox-group.js +1 -1
  78. package/dist/components/q2-checkbox-group.js.map +1 -1
  79. package/dist/components/q2-checkbox2.js +1 -1
  80. package/dist/components/q2-checkbox2.js.map +1 -1
  81. package/dist/components/q2-form.d.ts +11 -0
  82. package/dist/components/q2-form.js +39 -0
  83. package/dist/components/q2-form.js.map +1 -0
  84. package/dist/components/q2-input2.js +1 -1
  85. package/dist/components/q2-input2.js.map +1 -1
  86. package/dist/components/q2-item.js +1 -1
  87. package/dist/components/q2-legend2.js +1 -1
  88. package/dist/components/q2-list.js +1 -1
  89. package/dist/components/q2-loc.js +1 -1
  90. package/dist/components/q2-message2.js +1 -1
  91. package/dist/components/q2-optgroup2.js +1 -1
  92. package/dist/components/q2-option2.js +1 -1
  93. package/dist/components/q2-pagination.js +2 -2
  94. package/dist/components/q2-pill.js +1 -1
  95. package/dist/components/q2-popover2.js +1 -1
  96. package/dist/components/q2-radio-group.js +1 -1
  97. package/dist/components/q2-radio-group.js.map +1 -1
  98. package/dist/components/q2-relative-time.js +1 -1
  99. package/dist/components/q2-section.js +2 -2
  100. package/dist/components/q2-select2.js +1 -1
  101. package/dist/components/q2-select2.js.map +1 -1
  102. package/dist/components/q2-stepper-pane.js +1 -1
  103. package/dist/components/q2-stepper-vertical.js +1 -1
  104. package/dist/components/q2-stepper.js +1 -1
  105. package/dist/components/q2-tab-container.js +1 -1
  106. package/dist/components/q2-tab-pane.js +1 -1
  107. package/dist/components/q2-tag.js +1 -1
  108. package/dist/components/q2-textarea.js +1 -1
  109. package/dist/components/q2-textarea.js.map +1 -1
  110. package/dist/components/tecton-tab-pane.js +2 -2
  111. package/dist/esm/click-elsewhere_2.entry.js +1 -1
  112. package/dist/esm/{index-f0dfb099.js → index-8582f46d.js} +1 -1
  113. package/dist/esm/{index-f0dfb099.js.map → index-8582f46d.js.map} +1 -1
  114. package/dist/esm/loader.js +1 -1
  115. package/dist/esm/q2-calendar.entry.js +2 -2
  116. package/dist/esm/q2-calendar.entry.js.map +1 -1
  117. package/dist/esm/q2-checkbox-group.entry.js +1 -1
  118. package/dist/esm/q2-checkbox-group.entry.js.map +1 -1
  119. package/dist/esm/q2-checkbox.entry.js +1 -1
  120. package/dist/esm/q2-checkbox.entry.js.map +1 -1
  121. package/dist/esm/q2-form.entry.js +19 -0
  122. package/dist/esm/q2-form.entry.js.map +1 -0
  123. package/dist/esm/q2-input.entry.js +1 -1
  124. package/dist/esm/q2-input.entry.js.map +1 -1
  125. package/dist/esm/q2-item.entry.js +1 -1
  126. package/dist/esm/q2-legend.entry.js +1 -1
  127. package/dist/esm/q2-list.entry.js +1 -1
  128. package/dist/esm/q2-loc.entry.js +1 -1
  129. package/dist/esm/q2-message.entry.js +1 -1
  130. package/dist/esm/q2-optgroup.entry.js +1 -1
  131. package/dist/esm/q2-option.entry.js +1 -1
  132. package/dist/esm/q2-pagination.entry.js +2 -2
  133. package/dist/esm/q2-pill.entry.js +1 -1
  134. package/dist/esm/q2-radio-group.entry.js +1 -1
  135. package/dist/esm/q2-radio-group.entry.js.map +1 -1
  136. package/dist/esm/q2-relative-time.entry.js +2 -2
  137. package/dist/esm/q2-section.entry.js +2 -2
  138. package/dist/esm/q2-select.entry.js +1 -1
  139. package/dist/esm/q2-select.entry.js.map +1 -1
  140. package/dist/esm/q2-stepper-pane.entry.js +1 -1
  141. package/dist/esm/q2-stepper-vertical.entry.js +1 -1
  142. package/dist/esm/q2-stepper.entry.js +1 -1
  143. package/dist/esm/q2-tab-container.entry.js +1 -1
  144. package/dist/esm/q2-tab-pane.entry.js +1 -1
  145. package/dist/esm/q2-tag.entry.js +1 -1
  146. package/dist/esm/q2-tecton-elements.js +1 -1
  147. package/dist/esm/q2-textarea.entry.js +1 -1
  148. package/dist/esm/q2-textarea.entry.js.map +1 -1
  149. package/dist/esm/tecton-tab-pane.entry.js +2 -2
  150. package/dist/q2-tecton-elements/{p-d5776227.entry.js → p-0d6edd2a.entry.js} +2 -2
  151. package/dist/q2-tecton-elements/p-19da46dc.entry.js +2 -0
  152. package/dist/q2-tecton-elements/p-19da46dc.entry.js.map +1 -0
  153. package/dist/q2-tecton-elements/{p-dd18416f.entry.js → p-258f8c9c.entry.js} +2 -2
  154. package/dist/q2-tecton-elements/p-2878a662.entry.js +2 -0
  155. package/dist/q2-tecton-elements/p-2878a662.entry.js.map +1 -0
  156. package/dist/q2-tecton-elements/p-2a8de00d.entry.js +2 -0
  157. package/dist/q2-tecton-elements/p-2a8de00d.entry.js.map +1 -0
  158. package/dist/q2-tecton-elements/{p-ca43e917.entry.js → p-32130845.entry.js} +2 -2
  159. package/dist/q2-tecton-elements/{p-ff39ba49.entry.js → p-366a92d9.entry.js} +2 -2
  160. package/dist/q2-tecton-elements/{p-11982614.entry.js → p-4008aceb.entry.js} +2 -2
  161. package/dist/q2-tecton-elements/{p-f4b28e89.entry.js → p-400f6071.entry.js} +2 -2
  162. package/dist/q2-tecton-elements/{p-f4b28e89.entry.js.map → p-400f6071.entry.js.map} +1 -1
  163. package/dist/q2-tecton-elements/{p-ca17f7ca.entry.js → p-49ecdf18.entry.js} +2 -2
  164. package/dist/q2-tecton-elements/{p-abe30d0c.entry.js → p-6e313705.entry.js} +2 -2
  165. package/dist/q2-tecton-elements/p-79696bef.entry.js +2 -0
  166. package/dist/q2-tecton-elements/p-79696bef.entry.js.map +1 -0
  167. package/dist/q2-tecton-elements/{p-1d824cdf.entry.js → p-828850c1.entry.js} +2 -2
  168. package/dist/q2-tecton-elements/{p-6fdda37e.entry.js → p-861e83de.entry.js} +2 -2
  169. package/dist/q2-tecton-elements/p-8a8d51f1.entry.js +2 -0
  170. package/dist/q2-tecton-elements/p-8a8d51f1.entry.js.map +1 -0
  171. package/dist/q2-tecton-elements/p-8e60bcaa.entry.js +2 -0
  172. package/dist/q2-tecton-elements/{p-6986a60e.entry.js.map → p-8e60bcaa.entry.js.map} +1 -1
  173. package/dist/q2-tecton-elements/{p-9a71bd16.entry.js → p-9a5695db.entry.js} +2 -2
  174. package/dist/q2-tecton-elements/{p-8fc099f5.entry.js → p-9b65cc28.entry.js} +2 -2
  175. package/dist/q2-tecton-elements/{p-3c42c90f.js → p-b6bcef6a.js} +1 -1
  176. package/dist/q2-tecton-elements/{p-f18caa3f.entry.js → p-bc73f69c.entry.js} +2 -2
  177. package/dist/q2-tecton-elements/{p-fb7dd7ab.entry.js → p-d32f8e53.entry.js} +2 -2
  178. package/dist/q2-tecton-elements/{p-a891571c.entry.js → p-d35de465.entry.js} +2 -2
  179. package/dist/q2-tecton-elements/{p-66ae329f.entry.js → p-dfa489ba.entry.js} +2 -2
  180. package/dist/q2-tecton-elements/{p-32b56406.entry.js → p-e793a82c.entry.js} +2 -2
  181. package/dist/q2-tecton-elements/{p-23183c61.entry.js → p-f57c4448.entry.js} +2 -2
  182. package/dist/q2-tecton-elements/{p-0e482a7c.entry.js → p-fcffc029.entry.js} +2 -2
  183. package/dist/q2-tecton-elements/p-fde11d9c.entry.js +2 -0
  184. package/dist/q2-tecton-elements/p-fde11d9c.entry.js.map +1 -0
  185. package/dist/q2-tecton-elements/{p-24719520.entry.js → p-fec9edc8.entry.js} +2 -2
  186. package/dist/q2-tecton-elements/q2-tecton-elements.esm.js +1 -1
  187. package/dist/q2-tecton-elements/q2-tecton-elements.esm.js.map +1 -1
  188. package/dist/test/elements/q2-form-test.e2e.js +93 -0
  189. package/dist/test/elements/q2-form-test.e2e.js.map +1 -0
  190. package/dist/types/components/q2-form/q2-form.d.ts +6 -0
  191. package/dist/types/components.d.ts +21 -0
  192. package/package.json +3 -3
  193. package/dist/q2-tecton-elements/p-24d96969.entry.js +0 -2
  194. package/dist/q2-tecton-elements/p-24d96969.entry.js.map +0 -1
  195. package/dist/q2-tecton-elements/p-33af97b0.entry.js +0 -2
  196. package/dist/q2-tecton-elements/p-33af97b0.entry.js.map +0 -1
  197. package/dist/q2-tecton-elements/p-6986a60e.entry.js +0 -2
  198. package/dist/q2-tecton-elements/p-8a00552f.entry.js +0 -2
  199. package/dist/q2-tecton-elements/p-8a00552f.entry.js.map +0 -1
  200. package/dist/q2-tecton-elements/p-9eafabd5.entry.js +0 -2
  201. package/dist/q2-tecton-elements/p-9eafabd5.entry.js.map +0 -1
  202. package/dist/q2-tecton-elements/p-a03c29f3.entry.js +0 -2
  203. package/dist/q2-tecton-elements/p-a03c29f3.entry.js.map +0 -1
  204. /package/dist/q2-tecton-elements/{p-d5776227.entry.js.map → p-0d6edd2a.entry.js.map} +0 -0
  205. /package/dist/q2-tecton-elements/{p-dd18416f.entry.js.map → p-258f8c9c.entry.js.map} +0 -0
  206. /package/dist/q2-tecton-elements/{p-ca43e917.entry.js.map → p-32130845.entry.js.map} +0 -0
  207. /package/dist/q2-tecton-elements/{p-ff39ba49.entry.js.map → p-366a92d9.entry.js.map} +0 -0
  208. /package/dist/q2-tecton-elements/{p-11982614.entry.js.map → p-4008aceb.entry.js.map} +0 -0
  209. /package/dist/q2-tecton-elements/{p-ca17f7ca.entry.js.map → p-49ecdf18.entry.js.map} +0 -0
  210. /package/dist/q2-tecton-elements/{p-abe30d0c.entry.js.map → p-6e313705.entry.js.map} +0 -0
  211. /package/dist/q2-tecton-elements/{p-1d824cdf.entry.js.map → p-828850c1.entry.js.map} +0 -0
  212. /package/dist/q2-tecton-elements/{p-6fdda37e.entry.js.map → p-861e83de.entry.js.map} +0 -0
  213. /package/dist/q2-tecton-elements/{p-9a71bd16.entry.js.map → p-9a5695db.entry.js.map} +0 -0
  214. /package/dist/q2-tecton-elements/{p-8fc099f5.entry.js.map → p-9b65cc28.entry.js.map} +0 -0
  215. /package/dist/q2-tecton-elements/{p-3c42c90f.js.map → p-b6bcef6a.js.map} +0 -0
  216. /package/dist/q2-tecton-elements/{p-f18caa3f.entry.js.map → p-bc73f69c.entry.js.map} +0 -0
  217. /package/dist/q2-tecton-elements/{p-fb7dd7ab.entry.js.map → p-d32f8e53.entry.js.map} +0 -0
  218. /package/dist/q2-tecton-elements/{p-a891571c.entry.js.map → p-d35de465.entry.js.map} +0 -0
  219. /package/dist/q2-tecton-elements/{p-66ae329f.entry.js.map → p-dfa489ba.entry.js.map} +0 -0
  220. /package/dist/q2-tecton-elements/{p-32b56406.entry.js.map → p-e793a82c.entry.js.map} +0 -0
  221. /package/dist/q2-tecton-elements/{p-23183c61.entry.js.map → p-f57c4448.entry.js.map} +0 -0
  222. /package/dist/q2-tecton-elements/{p-0e482a7c.entry.js.map → p-fcffc029.entry.js.map} +0 -0
  223. /package/dist/q2-tecton-elements/{p-24719520.entry.js.map → p-fec9edc8.entry.js.map} +0 -0
  224. /package/dist/types/workspace/workspace/{_Gitlab_tecton-production_master → on-production_release_1.48.0-pre}/packages/q2-tecton-elements/.stencil/test/elements/q2-detail/slot-component.d.ts +0 -0
  225. /package/dist/types/workspace/workspace/{_Gitlab_tecton-production_master → on-production_release_1.48.0-pre}/packages/q2-tecton-elements/.stencil/test/helpers.d.ts +0 -0
@@ -1,2 +1,2 @@
1
- import{r as t,c as e,h as r,F as i,g as o}from"./p-a5f18e27.js";import{o as s,i as a,l}from"./p-84190698.js";const n='*{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}ul{--comp-bullet-background:var(--tct-stepper-bullet-active-background, var(--tct-stepper-bullet-active-bg, var(--t-stepper-bullet-active-bg, var(--t-primary, #0079c1))));--comp-bullet-font-color:var(--tct-stepper-bullet-active-font-color, var(--t-stepper-bullet-active-font-color, var(--t-primary-font-color, #ffffff)));--comp-bullet-size:var(--tct-stepper-btn-icon-size, var(--t-stepper-btn-icon-size, 24px));--comp-bullet-gap:var(--tct-stepper-btn-gap, var(--t-stepper-btn-gap, var(--app-scale-3x, 15px)));--comp-bullet-font-size:var(--tct-stepper-btn-label-font-size, var(--t-stepper-btn-label-font-size, 16px));--comp-step-width:var(--tct-stepper-step-width, var(--t-stepper-step-width, var(--t-stepper-step-width, 80px)));--comp-step-gap:var(--tct-stepper-step-gap, var(--t-stepper-step-gap, 5px));--comp-btn-icon-size:var(--tct-stepper-btn-icon-size, var(--t-stepper-btn-icon-size, 24px));--comp-btn-label-font-size:var(--tct-stepper-btn-label-font-size, var(--t-stepper-btn-label-font-size, 16px));--comp-tween:var(--tct-stepper-tween, var(--t-stepper-tween, var(--app-tween-1, 0.2s ease)));overflow-x:auto;display:flex;justify-content:center;list-style:none;padding:0;padding:var(--tct-stepper-list-padding, var(--t-stepper-list-padding, 2px));margin:0;gap:var(--comp-step-gap);--comp-scrollbar-size:var(--tct-scrollbar-size, var(--t-scrollbar-size, var(--app-scale-1x, 5px)));--comp-scrollbar-border-radius:var(--tct-scrollbar-border-radius, var(--t-scrollbar-border-radius, var(--app-border-radius-1, 3px)));--comp-scrollbar-color:var(--tct-scrollbar-color, var(--t-scrollbar-color, var(--t-a11y-gray-color, #747474)));scrollbar-width:thin;scrollbar-color:var(--comp-scrollbar-color) transparent}ul::-webkit-scrollbar{width:var(--comp-scrollbar-size);height:var(--comp-scrollbar-size);margin:5px}ul::-webkit-scrollbar-thumb{background:var(--comp-scrollbar-color);border-radius:var(--comp-scrollbar-border-radius)}ul::-webkit-scrollbar-track{background:transparent;border-radius:var(--comp-scrollbar-border-radius)}.has-scroll ul{justify-content:unset}li{min-height:var(--tct-stepper-min-height, var(--t-stepper-min-height, 50px));flex:0 0 auto;position:relative;width:var(--comp-step-width);text-align:center;max-width:150px;min-width:80px}.step-btn{position:relative;background:transparent;border:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;height:calc(100% - 4px);width:100%;transition:var(--comp-tween);padding:0;transition-property:box-shadow;outline:none;margin-top:2px;--comp-active-color:var(--comp-bullet-background)}.step-btn.status-complete{--comp-active-color:var(--const-stoplight-success, #0e8a00);--tct-stoplight-success:var(--comp-active-color)}.step-btn.status-error{--comp-active-color:var(--const-stoplight-alert, #d20a0a);--tct-stoplight-warning:var(--comp-active-color)}.step-btn[aria-disabled]{cursor:not-allowed}.step-btn[aria-disabled],.step-btn[aria-disabled]+.step-divider{--comp-bullet-font-color:var(--tct-stepper-bullet-inactive-font-color, var(--t-stepper-bullet-inactive-font-color, var(--t-text, #4d4d4d)));--comp-bullet-background:var(--tct-stepper-bullet-inactive-background, var(--tct-stepper-bullet-inactive-bg, var(--t-stepper-bullet-inactive-bg, var(--t-gray-12, #d9d9d9))))}.step-icon,.step-bubble{display:flex;justify-content:center;align-items:center;line-height:0;margin:var(--comp-bullet-gap) auto;color:var(--comp-bullet-font-color);width:var(--comp-btn-icon-size);height:var(--comp-btn-icon-size);min-height:var(--comp-btn-icon-size);font-size:var(--comp-bullet-font-size);transition:var(--comp-tween);transition-property:background, color;border-radius:50%;position:relative}.step-icon q2-icon,.step-bubble q2-icon{--tct-icon-fill:var(--comp-active-color)}.step-icon q2-icon:before,.step-bubble q2-icon:before{content:"";display:block;background:var(--comp-bullet-font-color);position:absolute;width:80%;height:80%;left:11%;top:11%;border-radius:50%}.status-complete .step-icon,.status-error .step-icon,.status-complete .step-bubble,.status-error .step-bubble{background:var(--comp-active-color)}[aria-selected] .step-icon,[aria-selected] .step-bubble{box-shadow:0 0 0 2px var(--t-base, #ffffff), 0 0 0 4px var(--comp-active-color);font-weight:var(--tct-stepper-bullet-active-font-weight, var(--t-stepper-bullet-active-font-weight, 600))}.step-bubble{background:var(--comp-bullet-background)}.step-divider{width:calc(var(--comp-step-width) - var(--comp-step-gap) - var(--comp-bullet-gap) - var(--comp-bullet-size));top:calc(var(--comp-bullet-size) / 2 + var(--comp-bullet-gap));left:calc(var(--comp-step-width) * -0.5 + var(--comp-step-gap) + var(--comp-bullet-gap));border:0;border-top:1px solid var(--comp-bullet-background);height:0;position:absolute;margin:0;transition:border var(--comp-tween)}.step-container{position:relative}.step-label{color:var(--tct-stepper-label-color, var(--tct-stepper-title-color, var(--t-stepper-title-color, var(--t-text, #4d4d4d))));font-size:var(--tct-stepper-label-font-size, var(--tct-stepper-title-font-size, var(--t-stepper-title-font-size, var(--app-font-size-small, 12px))));line-height:var(--tct-stepper-label-line-height, 1.5em);text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:var(--tct-stepper-label-line-count, 2);-webkit-box-orient:vertical}[aria-selected] .step-label{font-weight:var(--tct-stepper-active-font-weight, var(--t-stepper-active-font-weight, 600))}[aria-describedby] .step-label{-webkit-line-clamp:var(--tct-stepper-label-line-count, 1)}.step-description{color:var(--tct-stepper-description-color, var(--t-stepper-description-color, var(--t-textA, rgba(77, 77, 77, 0.77))));font-size:var(--tct-stepper-description-font-size, var(--t-stepper-description-font-size, var(--app-font-size-small, 12px)));text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:var(--tct-stepper-description-line-count, 4);-webkit-box-orient:vertical;padding-bottom:0.2em}.step-description .ellipsize{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:var(--comp-step-width);display:block}.gradient-left,.gradient-right{z-index:1;position:absolute;top:0;height:100%;width:18px}.gradient-left{background-image:linear-gradient(to left, var(--t-base-a0, rgba(255, 255, 255, 0)), var(--t-base-a2, rgba(255, 255, 255, 0.5)) 10%, var(--t-base, #ffffff) 100%);left:0}.gradient-right{background-image:linear-gradient(to right, var(--t-base-a0, rgba(255, 255, 255, 0)), var(--t-base-a2, rgba(255, 255, 255, 0.5)) 10%, var(--t-base, #ffffff) 100%);right:0}.btn-left,.btn-right{--tct-icon-size:18px;--tct-btn-icon-hover-background:transparent;--tct-btn-icon-width:22px;--tct-icon-stroke-primary:var(--tct-stepper-scroll-arrow-color, var(--t-stepper-scroll-arrow-color, var(--t-text, #4d4d4d)));position:absolute;top:calc(50% - 22px);z-index:2}.btn-left q2-icon,.btn-right q2-icon{--tct-icon-stroke-width:3}.btn-left{left:0}.btn-right{right:0}';const c=n;const p=class{constructor(r){t(this,r);this.change=e(this,"change",7);this.scheduledAfterRender=[];this.onSlotChange=()=>{this.checkForPanes();this.checkScrollState()};this.onScrollBtnClick=t=>{const e=Math.floor(this.listElement.clientWidth/2);this.listElement.scrollBy({left:t==="left"?-e:e,behavior:"smooth"})};this.onStepClick=(t,e)=>{t.stopPropagation();const{currentStep:r,stepCount:i,lastEnabledStep:o}=this;if(e>o||e===r)return;this.change.emit({selectedStep:e,lastEnabledStep:o,currentStep:r,stepCount:i})};this.onStepKeyDown=(t,e)=>{const{lastEnabledStep:r,stepCount:i}=this;const{key:o}=t;let s;switch(o){case"ArrowLeft":t.preventDefault();s=Math.max(e-1,0);break;case"ArrowRight":t.preventDefault();s=Math.min(e+1,i);break;case"Home":t.preventDefault();s=1;break;case"End":t.preventDefault();s=r;break}if(!s)return;this.focusStep(s,true)};this.checkForPanes=()=>{const{allPanes:t}=this;if(!t.length)return;this.stepCount=t.length};this.checkScrollState=()=>{if(!this.listElement)return;const{scrollLeft:t,scrollWidth:e,clientWidth:r}=this.listElement;this.scrollEnabled=e>r;this.showScrollLeft=!!t;this.showScrollRight=e!==t+r};this.currentStep=1;this.stepCount=undefined;this.lastEnabledStep=undefined;this.contentChangeTriggerCount=0;this.scrollEnabled=false;this.showScrollLeft=false;this.showScrollRight=false}componentWillLoad(){if(!this.lastEnabledStep)this.lastEnabledStep=this.currentStep||1;this.resizeObserver=new ResizeObserver((()=>this.checkScrollState()));this.checkForPanes()}componentDidLoad(){this.resizeObserver.observe(this.listElement);this.checkScrollState();s(this.hostElement);setTimeout((()=>this.showStep(this.currentStep||1)),0)}componentDidRender(){this.scheduledAfterRender.forEach((t=>t()));this.scheduledAfterRender=[]}disconnectedCallback(){this.resizeObserver.disconnect()}currentStepChanged(t){this.showStep(t)}defaultChangeHandler(t){const{hostElement:e}=this;if(t.target===e&&!e.getAttribute("onchange")&&!!t.detail){this.currentStep=t.detail.selectedStep}}delegateFocus(t){if(!a(t,this.hostElement))return;this.focusStep(this.currentStep,true,true)}statusChangeHandler(t){const e=Array.from(this.allPanes).findIndex((e=>t.detail.id===e.id));if(e>-1){this.allPanes[e].status=t.detail.status;this.renderStepBtn(e)}}contentChangeHandler(){this.contentChangeTriggerCount+=1}get allPanes(){return this.hostElement.querySelectorAll("q2-stepper-pane")}showStep(t){if(t>this.lastEnabledStep){const{currentStep:e,stepCount:r}=this;this.lastEnabledStep=t;this.change.emit({selectedStep:null,lastEnabledStep:t,currentStep:e,stepCount:r})}this.scheduledAfterRender.push(this.resizeIframe);this.showStepPane(t);this.focusStep(t,this.scrollEnabled)}resizeIframe(){var t,e;return(e=(t=window===null||window===void 0?void 0:window.TectonElements)===null||t===void 0?void 0:t.resizeIframe)===null||e===void 0?void 0:e.call(t)}showStepPane(t){this.allPanes.forEach(((e,r)=>{e.isActive=t===r+1}))}focusStep(t,e,r){var i;const o=this.listElement.children[t-1];const s=document.activeElement===this.hostElement;if(!o)return;if(s||r){(i=o.firstElementChild)===null||i===void 0?void 0:i.focus()}if(e){const t=o.offsetLeft-this.listElement.clientWidth/2;this.listElement.scrollTo({left:t,behavior:"smooth"})}}getPaneSlotOrProperty(t,e){var r;const i=t.querySelector(`:scope > [slot="${e}"]`);return(r=i===null||i===void 0?void 0:i.outerHTML)!==null&&r!==void 0?r:l(t[e])}renderStepBtn(t){var e;const{allPanes:o,stepCount:s,currentStep:a,lastEnabledStep:n}=this;const c=(e=o===null||o===void 0?void 0:o[t])!==null&&e!==void 0?e:null;const{id:p,status:b}=c;const d=this.getPaneSlotOrProperty(c,"label");const h=this.getPaneSlotOrProperty(c,"description");const v=t+1;const f=v===a;const u=!!d&&`label-${p}`;const g=!!d&&!!h&&`description-${p}`;const m=!d&&l("tecton.element.stepper.number",[`${v}`,`${s}`]);let w;if(b==="complete")w="success-filled";else if(b==="error")w="warning-filled";const x=["step-btn"];if(b)x.push(`status-${b}`);const k=b==="locked";const y=k||v>n;return r("li",{role:"presentation"},r("button",{class:x.join(" "),type:"button","aria-labelledby":u,"aria-describedBy":g,"aria-label":m,"aria-selected":f,"aria-disabled":y?"true":null,role:"tab",tabIndex:f?0:-1,onKeyDown:t=>this.onStepKeyDown(t,v),onClick:t=>!k&&this.onStepClick(t,v)},r(i,null,w?r("div",{class:"step-icon"},r("q2-icon",{type:w})):r("div",{class:"step-bubble"},v),u&&r("div",{class:"step-label",id:u,innerHTML:d}),u&&g&&r("div",{class:"step-description",id:g,innerHTML:h}))),t?r("div",{class:"step-divider"}):"")}render(){const{stepCount:t,scrollEnabled:e,showScrollLeft:o,showScrollRight:s}=this;const a=["step-container"];if(e)a.push("has-scroll");return r(i,{key:"c0404254664a428ac18474f18b28b118742f5ddb"},r("div",{key:"1d02d0a90cb1c7b25cecf1417b404f77e9850698",class:a.join(" ")},e&&r(i,{key:"1f6b31854df94d4fe1407631b6627fe5c1978815"},r("div",{key:"7b526f6a893165630665fb408472ef8b8f24ef89",class:"gradient-left",hidden:!o}),r("div",{key:"075a7786f909e28d4d97f5c63a79dcd4214b7df6",class:"gradient-right",hidden:!s}),r("q2-btn",{key:"4942d3b13149e1f37a29d2fdfb055a81508d218b",class:"btn-left",hideLabel:true,hidden:!this.showScrollLeft,label:l("tecton.element.stepper.scrollLeft"),onClick:()=>this.onScrollBtnClick("left")},r("q2-icon",{key:"03dd7f944e302e8b9290108067639695e204ece0",type:"chevron-left"})),r("q2-btn",{key:"30ec2e36e39dd9f077596fb3e659cae1eb35baff",class:"btn-right",hideLabel:true,hidden:!this.showScrollRight,label:l("tecton.element.stepper.scrollRight"),onClick:()=>this.onScrollBtnClick("right")},r("q2-icon",{key:"9289c567b081dbe76e4b878a5ffb8ed408e80ccc",type:"chevron-right"}))),r("ul",{key:"a2eedabe32bc8b3d1aae53e41fcdd46bd4964955",onScroll:this.checkScrollState,ref:t=>this.listElement=t,role:"tablist"},t>0&&[...Array(t).keys()].map((t=>this.renderStepBtn(t))))),r("div",{key:"a45c694855ec2764bdaf309c06848ffd10cdd7a4",role:"list"},r("slot",{key:"5f8bbe5a4f4c7574a92076bbee8b03b3e15ad7d7",onSlotchange:()=>this.onSlotChange()})))}get hostElement(){return o(this)}static get watchers(){return{currentStep:["currentStepChanged"]}}};p.style=c;export{p as q2_stepper};
2
- //# sourceMappingURL=p-32b56406.entry.js.map
1
+ import{r as t,c as e,h as r,F as i,g as o}from"./p-a5f18e27.js";import{o as s,i as a,l}from"./p-84190698.js";const n='*{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}ul{--comp-bullet-background:var(--tct-stepper-bullet-active-background, var(--tct-stepper-bullet-active-bg, var(--t-stepper-bullet-active-bg, var(--t-primary, #0079c1))));--comp-bullet-font-color:var(--tct-stepper-bullet-active-font-color, var(--t-stepper-bullet-active-font-color, var(--t-primary-font-color, #ffffff)));--comp-bullet-size:var(--tct-stepper-btn-icon-size, var(--t-stepper-btn-icon-size, 24px));--comp-bullet-gap:var(--tct-stepper-btn-gap, var(--t-stepper-btn-gap, var(--app-scale-3x, 15px)));--comp-bullet-font-size:var(--tct-stepper-btn-label-font-size, var(--t-stepper-btn-label-font-size, 16px));--comp-step-width:var(--tct-stepper-step-width, var(--t-stepper-step-width, var(--t-stepper-step-width, 80px)));--comp-step-gap:var(--tct-stepper-step-gap, var(--t-stepper-step-gap, 5px));--comp-btn-icon-size:var(--tct-stepper-btn-icon-size, var(--t-stepper-btn-icon-size, 24px));--comp-btn-label-font-size:var(--tct-stepper-btn-label-font-size, var(--t-stepper-btn-label-font-size, 16px));--comp-tween:var(--tct-stepper-tween, var(--t-stepper-tween, var(--app-tween-1, 0.2s ease)));overflow-x:auto;display:flex;justify-content:center;list-style:none;padding:0;padding:var(--tct-stepper-list-padding, var(--t-stepper-list-padding, 2px));margin:0;gap:var(--comp-step-gap);--comp-scrollbar-size:var(--tct-scrollbar-size, var(--t-scrollbar-size, var(--app-scale-1x, 5px)));--comp-scrollbar-border-radius:var(--tct-scrollbar-border-radius, var(--t-scrollbar-border-radius, var(--app-border-radius-1, 3px)));--comp-scrollbar-color:var(--tct-scrollbar-color, var(--t-scrollbar-color, var(--t-a11y-gray-color, #747474)));scrollbar-width:thin;scrollbar-color:var(--comp-scrollbar-color) transparent}ul::-webkit-scrollbar{width:var(--comp-scrollbar-size);height:var(--comp-scrollbar-size);margin:5px}ul::-webkit-scrollbar-thumb{background:var(--comp-scrollbar-color);border-radius:var(--comp-scrollbar-border-radius)}ul::-webkit-scrollbar-track{background:transparent;border-radius:var(--comp-scrollbar-border-radius)}.has-scroll ul{justify-content:unset}li{min-height:var(--tct-stepper-min-height, var(--t-stepper-min-height, 50px));flex:0 0 auto;position:relative;width:var(--comp-step-width);text-align:center;max-width:150px;min-width:80px}.step-btn{position:relative;background:transparent;border:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;height:calc(100% - 4px);width:100%;transition:var(--comp-tween);padding:0;transition-property:box-shadow;outline:none;margin-top:2px;--comp-active-color:var(--comp-bullet-background)}.step-btn.status-complete{--comp-active-color:var(--const-stoplight-success, #0e8a00);--tct-stoplight-success:var(--comp-active-color)}.step-btn.status-error{--comp-active-color:var(--const-stoplight-alert, #d20a0a);--tct-stoplight-warning:var(--comp-active-color)}.step-btn[aria-disabled]{cursor:not-allowed}.step-btn[aria-disabled],.step-btn[aria-disabled]+.step-divider{--comp-bullet-font-color:var(--tct-stepper-bullet-inactive-font-color, var(--t-stepper-bullet-inactive-font-color, var(--t-text, #4d4d4d)));--comp-bullet-background:var(--tct-stepper-bullet-inactive-background, var(--tct-stepper-bullet-inactive-bg, var(--t-stepper-bullet-inactive-bg, var(--t-gray-12, #d9d9d9))))}.step-icon,.step-bubble{display:flex;justify-content:center;align-items:center;line-height:0;margin:var(--comp-bullet-gap) auto;color:var(--comp-bullet-font-color);width:var(--comp-btn-icon-size);height:var(--comp-btn-icon-size);min-height:var(--comp-btn-icon-size);font-size:var(--comp-bullet-font-size);transition:var(--comp-tween);transition-property:background, color;border-radius:50%;position:relative}.step-icon q2-icon,.step-bubble q2-icon{--tct-icon-fill:var(--comp-active-color)}.step-icon q2-icon:before,.step-bubble q2-icon:before{content:"";display:block;background:var(--comp-bullet-font-color);position:absolute;width:80%;height:80%;left:11%;top:11%;border-radius:50%}.status-complete .step-icon,.status-error .step-icon,.status-complete .step-bubble,.status-error .step-bubble{background:var(--comp-active-color)}[aria-selected] .step-icon,[aria-selected] .step-bubble{box-shadow:0 0 0 2px var(--t-base, #ffffff), 0 0 0 4px var(--comp-active-color);font-weight:var(--tct-stepper-bullet-active-font-weight, var(--t-stepper-bullet-active-font-weight, 600))}.step-bubble{background:var(--comp-bullet-background)}.step-divider{width:calc(var(--comp-step-width) - var(--comp-step-gap) - var(--comp-bullet-gap) - var(--comp-bullet-size));top:calc(var(--comp-bullet-size) / 2 + var(--comp-bullet-gap));left:calc(var(--comp-step-width) * -0.5 + var(--comp-step-gap) + var(--comp-bullet-gap));border:0;border-top:1px solid var(--comp-bullet-background);height:0;position:absolute;margin:0;transition:border var(--comp-tween)}.step-container{position:relative}.step-label{color:var(--tct-stepper-label-color, var(--tct-stepper-title-color, var(--t-stepper-title-color, var(--t-text, #4d4d4d))));font-size:var(--tct-stepper-label-font-size, var(--tct-stepper-title-font-size, var(--t-stepper-title-font-size, var(--app-font-size-small, 12px))));line-height:var(--tct-stepper-label-line-height, 1.5em);text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:var(--tct-stepper-label-line-count, 2);-webkit-box-orient:vertical}[aria-selected] .step-label{font-weight:var(--tct-stepper-active-font-weight, var(--t-stepper-active-font-weight, 600))}[aria-describedby] .step-label{-webkit-line-clamp:var(--tct-stepper-label-line-count, 1)}.step-description{color:var(--tct-stepper-description-color, var(--t-stepper-description-color, var(--t-textA, rgba(77, 77, 77, 0.77))));font-size:var(--tct-stepper-description-font-size, var(--t-stepper-description-font-size, var(--app-font-size-small, 12px)));text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:var(--tct-stepper-description-line-count, 4);-webkit-box-orient:vertical;padding-bottom:0.2em}.step-description .ellipsize{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:var(--comp-step-width);display:block}.gradient-left,.gradient-right{z-index:1;position:absolute;top:0;height:100%;width:18px}.gradient-left{background-image:linear-gradient(to left, var(--t-base-a0, rgba(255, 255, 255, 0)), var(--t-base-a2, rgba(255, 255, 255, 0.5)) 10%, var(--t-base, #ffffff) 100%);left:0}.gradient-right{background-image:linear-gradient(to right, var(--t-base-a0, rgba(255, 255, 255, 0)), var(--t-base-a2, rgba(255, 255, 255, 0.5)) 10%, var(--t-base, #ffffff) 100%);right:0}.btn-left,.btn-right{--tct-icon-size:18px;--tct-btn-icon-hover-background:transparent;--tct-btn-icon-width:22px;--tct-icon-stroke-primary:var(--tct-stepper-scroll-arrow-color, var(--t-stepper-scroll-arrow-color, var(--t-text, #4d4d4d)));position:absolute;top:calc(50% - 22px);z-index:2}.btn-left q2-icon,.btn-right q2-icon{--tct-icon-stroke-width:3}.btn-left{left:0}.btn-right{right:0}';const c=n;const p=class{constructor(r){t(this,r);this.change=e(this,"change",7);this.scheduledAfterRender=[];this.onSlotChange=()=>{this.checkForPanes();this.checkScrollState()};this.onScrollBtnClick=t=>{const e=Math.floor(this.listElement.clientWidth/2);this.listElement.scrollBy({left:t==="left"?-e:e,behavior:"smooth"})};this.onStepClick=(t,e)=>{t.stopPropagation();const{currentStep:r,stepCount:i,lastEnabledStep:o}=this;if(e>o||e===r)return;this.change.emit({selectedStep:e,lastEnabledStep:o,currentStep:r,stepCount:i})};this.onStepKeyDown=(t,e)=>{const{lastEnabledStep:r,stepCount:i}=this;const{key:o}=t;let s;switch(o){case"ArrowLeft":t.preventDefault();s=Math.max(e-1,0);break;case"ArrowRight":t.preventDefault();s=Math.min(e+1,i);break;case"Home":t.preventDefault();s=1;break;case"End":t.preventDefault();s=r;break}if(!s)return;this.focusStep(s,true)};this.checkForPanes=()=>{const{allPanes:t}=this;if(!t.length)return;this.stepCount=t.length};this.checkScrollState=()=>{if(!this.listElement)return;const{scrollLeft:t,scrollWidth:e,clientWidth:r}=this.listElement;this.scrollEnabled=e>r;this.showScrollLeft=!!t;this.showScrollRight=e!==t+r};this.currentStep=1;this.stepCount=undefined;this.lastEnabledStep=undefined;this.contentChangeTriggerCount=0;this.scrollEnabled=false;this.showScrollLeft=false;this.showScrollRight=false}componentWillLoad(){if(!this.lastEnabledStep)this.lastEnabledStep=this.currentStep||1;this.resizeObserver=new ResizeObserver((()=>this.checkScrollState()));this.checkForPanes()}componentDidLoad(){this.resizeObserver.observe(this.listElement);this.checkScrollState();s(this.hostElement);setTimeout((()=>this.showStep(this.currentStep||1)),0)}componentDidRender(){this.scheduledAfterRender.forEach((t=>t()));this.scheduledAfterRender=[]}disconnectedCallback(){this.resizeObserver.disconnect()}currentStepChanged(t){this.showStep(t)}defaultChangeHandler(t){const{hostElement:e}=this;if(t.target===e&&!e.getAttribute("onchange")&&!!t.detail){this.currentStep=t.detail.selectedStep}}delegateFocus(t){if(!a(t,this.hostElement))return;this.focusStep(this.currentStep,true,true)}statusChangeHandler(t){const e=Array.from(this.allPanes).findIndex((e=>t.detail.id===e.id));if(e>-1){this.allPanes[e].status=t.detail.status;this.renderStepBtn(e)}}contentChangeHandler(){this.contentChangeTriggerCount+=1}get allPanes(){return this.hostElement.querySelectorAll("q2-stepper-pane")}showStep(t){if(t>this.lastEnabledStep){const{currentStep:e,stepCount:r}=this;this.lastEnabledStep=t;this.change.emit({selectedStep:null,lastEnabledStep:t,currentStep:e,stepCount:r})}this.scheduledAfterRender.push(this.resizeIframe);this.showStepPane(t);this.focusStep(t,this.scrollEnabled)}resizeIframe(){var t,e;return(e=(t=window===null||window===void 0?void 0:window.TectonElements)===null||t===void 0?void 0:t.resizeIframe)===null||e===void 0?void 0:e.call(t)}showStepPane(t){this.allPanes.forEach(((e,r)=>{e.isActive=t===r+1}))}focusStep(t,e,r){var i;const o=this.listElement.children[t-1];const s=document.activeElement===this.hostElement;if(!o)return;if(s||r){(i=o.firstElementChild)===null||i===void 0?void 0:i.focus()}if(e){const t=o.offsetLeft-this.listElement.clientWidth/2;this.listElement.scrollTo({left:t,behavior:"smooth"})}}getPaneSlotOrProperty(t,e){var r;const i=t.querySelector(`:scope > [slot="${e}"]`);return(r=i===null||i===void 0?void 0:i.outerHTML)!==null&&r!==void 0?r:l(t[e])}renderStepBtn(t){var e;const{allPanes:o,stepCount:s,currentStep:a,lastEnabledStep:n}=this;const c=(e=o===null||o===void 0?void 0:o[t])!==null&&e!==void 0?e:null;const{id:p,status:b}=c;const d=this.getPaneSlotOrProperty(c,"label");const h=this.getPaneSlotOrProperty(c,"description");const v=t+1;const f=v===a;const u=!!d&&`label-${p}`;const g=!!d&&!!h&&`description-${p}`;const m=!d&&l("tecton.element.stepper.number",[`${v}`,`${s}`]);let w;if(b==="complete")w="success-filled";else if(b==="error")w="warning-filled";const x=["step-btn"];if(b)x.push(`status-${b}`);const k=b==="locked";const y=k||v>n;return r("li",{role:"presentation"},r("button",{class:x.join(" "),type:"button","aria-labelledby":u,"aria-describedBy":g,"aria-label":m,"aria-selected":f,"aria-disabled":y?"true":null,role:"tab",tabIndex:f?0:-1,onKeyDown:t=>this.onStepKeyDown(t,v),onClick:t=>!k&&this.onStepClick(t,v)},r(i,null,w?r("div",{class:"step-icon"},r("q2-icon",{type:w})):r("div",{class:"step-bubble"},v),u&&r("div",{class:"step-label",id:u,innerHTML:d}),u&&g&&r("div",{class:"step-description",id:g,innerHTML:h}))),t?r("div",{class:"step-divider"}):"")}render(){const{stepCount:t,scrollEnabled:e,showScrollLeft:o,showScrollRight:s}=this;const a=["step-container"];if(e)a.push("has-scroll");return r(i,{key:"f2a9b1831769356a63e69f29f3cf3212859c2630"},r("div",{key:"f2fd79a02bad3fe14e87f78ec946363fe909fe78",class:a.join(" ")},e&&r(i,{key:"edf8f409658f2b3861ebabe7ff73daf58aa7aaca"},r("div",{key:"ee69b3dfaae2c5b59b2d71379ca697fa1059c27f",class:"gradient-left",hidden:!o}),r("div",{key:"7affb0afb8b2fad8340d4ae6e962d4a6d189d80a",class:"gradient-right",hidden:!s}),r("q2-btn",{key:"67de7a9af5d787b9d31f16dd25312c1e6c5368f2",class:"btn-left",hideLabel:true,hidden:!this.showScrollLeft,label:l("tecton.element.stepper.scrollLeft"),onClick:()=>this.onScrollBtnClick("left")},r("q2-icon",{key:"c947207eb9ec07f7bcbcfd030f7974e0531106a4",type:"chevron-left"})),r("q2-btn",{key:"2af6f792562c6949ce085f5381bd88bd2571f9bf",class:"btn-right",hideLabel:true,hidden:!this.showScrollRight,label:l("tecton.element.stepper.scrollRight"),onClick:()=>this.onScrollBtnClick("right")},r("q2-icon",{key:"1cc6b2748a0e26da6ebc01b8cf27becb38d75c11",type:"chevron-right"}))),r("ul",{key:"176095e892f6e197b4e765ec767678b645d6ee3d",onScroll:this.checkScrollState,ref:t=>this.listElement=t,role:"tablist"},t>0&&[...Array(t).keys()].map((t=>this.renderStepBtn(t))))),r("div",{key:"b19b34c84937b3d80fcbe889912c5a9bc6cd1bc3",role:"list"},r("slot",{key:"70393a2c2a05aaecc5020dd5423a3db13742cfab",onSlotchange:()=>this.onSlotChange()})))}get hostElement(){return o(this)}static get watchers(){return{currentStep:["currentStepChanged"]}}};p.style=c;export{p as q2_stepper};
2
+ //# sourceMappingURL=p-e793a82c.entry.js.map
@@ -1,2 +1,2 @@
1
- import{r as t,c as e,h as i,g as n}from"./p-a5f18e27.js";import{n as a,o,i as s,l as r}from"./p-84190698.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:flex;width:100%;justify-content:flex-end}:host([alignment=center]){justify-content:center}:host([alignment=left]){justify-content:flex-start}:host([hidden]){display:none}.container{display:inline-flex;column-gap:var(--tct-pagination-column-gap, var(--t-pagination-column-gap, var(--app-scale-2x, 10px)));align-items:center;height:var(--tct-pagination-height, var(--t-pagination-height, 44px))}.btn-group{display:flex;gap:var(--tct-pagination-btn-gap, var(--t-pagination-btn-gap, 0))}.description,.controls{white-space:nowrap}.controls{display:grid;grid-template-columns:auto 50px auto;align-items:center;gap:var(--tct-pagination-controls-gap, var(--t-pagination-controls-gap, var(--app-scale-1x, 5px)))}.controls[hidden]{display:none}.input-wrapper{height:var(--tct-pagination-height, var(--t-pagination-height, 44px));display:flex;align-items:center}q2-btn{--tct-btn-border-radius:var(--tct-pagination-btn-border-radius, var(--t-pagination-btn-border-radius));--tct-btn-border:var(--tct-pagination-btn-border, var(--t-pagination-btn-border))}q2-icon{--tct-icon-size:var(--tct-pagination-icon-size, var(--t-pagination-icon-size, 12px));color:var(--tct-pagination-icon-color, var(--t-pagination-icon-color, var(--t-text, #4d4d4d)))}q2-input{--tct-input-margin-top:0;--tct-input-margin-bottom:0;--tct-input-height:var(--tct-pagination-input-height, var(--t-pagination-input-height, 30px));--tct-input-min-height:var(--tct-input-height);--tct-input-align:center}q2-select{--tct-select-input-min-height:var(--tct-pagination-select-height, var(--t-pagination-select-height, 30px));--tct-select-input-max-height:var(--tct-pagination-select-height, var(--t-pagination-select-height, 30px));width:var(--tct-pagination-perpage-width, var(--t-pagination-perpage-width, 100%));min-width:var(--tct-pagination-perpage-min-width, var(--t-pagination-perpage-min-width, 110px))}";const d=c;const h=class{constructor(i){t(this,i);this.change=e(this,"change",7);this.handlePageChange=t=>{const{totalPages:e,inputField:i}=this;if(t<1){t=1}else if(t>e){t=e}if(i.value!==`${t}`)i.value=`${t}`;if(!this.hostElement.onchange){this.page=t}this.change.emit({page:t})};this.handlePerPageChange=t=>{this.perPage=t.detail.value*1};this.checkSize=()=>{const{hostElement:t,containerElement:e}=this;const i=this.containerWidth>t.clientWidth;this.isSmall=i;if(i)return;a((()=>{const t=this.containerWidth===e.clientWidth;if(t)return;this.containerWidth=e.clientWidth;this.checkSize()}))};this.autoSize=true;this.total=undefined;this.page=undefined;this.pages=undefined;this.pagesOnly=undefined;this.perPage=undefined;this.perPageIncrements=undefined;this.recordsOnly=undefined;this.recordType=undefined;this.alignment=undefined;this.isSmall=undefined}componentWillLoad(){this.manageResizeObserver()}componentDidLoad(){this.containerWidth=this.containerElement.clientWidth;o(this.hostElement)}disconnectedCallback(){this.removeResizeObserver()}manageResizeObserver(){if(this.autoSize&&!this.recordsOnly&&!this.pagesOnly){if(this.resizeObserver)return;this.resizeObserver=new ResizeObserver((()=>this.checkSize()));this.resizeObserver.observe(this.hostElement);window.addEventListener("resize",this.checkSize)}else{this.isSmall=false;this.removeResizeObserver()}}onHostElementFocus(t){var e;if(!s(t,this.hostElement))return;const{isFullViewHidden:i,containerElement:n,inputField:a}=this;if(i){(e=n.querySelector("q2-btn:not([disabled])"))===null||e===void 0?void 0:e.focus()}else{a.focus()}}get isFullViewHidden(){return this.isSmall||this.recordsOnly||this.pagesOnly}get pageWithDefault(){return this.page||1}get perPageWithDefault(){return this.perPage||10}get totalWithDefault(){return this.total||0}get recordTypeWithDefault(){return this.recordType||r("tecton.element.pagination.defaultRecordType")}get currentRange(){const{perPageWithDefault:t,totalWithDefault:e,pageWithDefault:i}=this;const n=(i-1)*t+1;const a=Math.min(i*t,e);return`${n} - ${a}`}get nextRange(){const{perPageWithDefault:t,totalWithDefault:e,pageWithDefault:i}=this;const n=i*t+1;const a=Math.min((i+1)*t,e);return`${n} - ${a}`}get prevRange(){const{perPageWithDefault:t,pageWithDefault:e}=this;const i=Math.max(1,(e-2)*t+1);const n=(e-1)*t;return`${i} - ${n}`}get totalPages(){const{pagesOnly:t,totalWithDefault:e,perPageWithDefault:i,pages:n}=this;if(t&&n&&!isNaN(parseInt(`${n}`)))return n;return Math.ceil(e/i)}removeResizeObserver(){var t;if(this.resizeObserver){(t=this.resizeObserver)===null||t===void 0?void 0:t.unobserve(this.hostElement);this.resizeObserver=null;window.removeEventListener("resize",this.checkSize)}}renderPerPage(){var t;if(!((t=this.perPageIncrements)===null||t===void 0?void 0:t.length)){return""}this.perPageIncrements=this.perPageIncrements.filter((t=>!isNaN(t))).map((t=>t*1)).sort(((t,e)=>t-e));if(this.perPage===undefined)this.perPage=this.perPageIncrements[0];return i("q2-select",{onChange:this.handlePerPageChange,value:this.perPageIncrements.includes(this.perPage)?`${this.perPage}`:undefined},this.perPageIncrements.map((t=>i("q2-option",{value:`${t}`,display:`${r("tecton.element.pagination.view")} ${t}`},`${r("tecton.element.pagination.view")} ${t}`))))}render(){var t;const{pagesOnly:e,recordsOnly:n,isFullViewHidden:a,recordTypeWithDefault:o,totalPages:s,totalWithDefault:c,pageWithDefault:d,currentRange:h,nextRange:l,prevRange:p}=this;const g=d===1;const f=d===s;let u="";let b="";if(e){b=r("tecton.element.pagination.goToPages",{next:d-1,total:s});u=r("tecton.element.pagination.goToPages",{next:d+1,total:s})}else if(n){b=r("tecton.element.pagination.goToRecords",{range:p,recordType:o.toLowerCase(),total:c});u=r("tecton.element.pagination.goToRecords",{range:l,recordType:o.toLowerCase(),total:c})}return i("nav",{key:"50343b3b19ac4d64966783eab66f5ce61dc1b94f",class:"container",ref:t=>this.containerElement=t,"aria-label":r("tecton.element.pagination.title")},i("div",{key:"7ab3dafbf56de8ec12ac49b470fdb5a8d4df2f74",class:"description","test-id":"description"},e?r("tecton.element.pagination.pages",{current:d,total:s}):r("tecton.element.pagination.description",{range:h,recordType:o.toLowerCase(),total:c.toLocaleString()})),i("div",{key:"ccac7c6ba741c00ee29a273ff95d6f1376c82114",class:"btn-group"},i("q2-btn",{key:"995f73fe6f8b7caba3f33b26d2951d6dfdb9c8ad",label:r("tecton.element.pagination.goToFirstPage"),disabled:g,hidden:a,onClick:()=>this.handlePageChange(1),"test-id":"firstPageBtn","hide-label":true},i("q2-icon",{key:"511c412f9b64ef9c255d3bb0c3036c508041ba1e",type:"chevron-double-left"})),i("q2-btn",{key:"b31a58e9895d6bd0a290bc878bcc90e5d05573c4",label:b,disabled:g,onClick:()=>this.handlePageChange(d-1),"test-id":"prevPageBtn","hide-label":true},i("q2-icon",{key:"237e92a052c98544f5e5d3655b76a87fcbae1ffc",type:"chevron-left"}))),i("div",{key:"c5f5dbcf26d85bf38329ca342462c097a6fdfbf2",class:"controls",hidden:a,"test-id":"controls"},i("span",{key:"744fc7c5fd66aa050e336173677c0560597773a2","aria-hidden":"true"},r("tecton.element.pagination.page")),i("div",{key:"6a51a7881d8dc25f33e882cb801dfa49e66f5624",class:"input-wrapper",onClick:()=>this.inputField.dispatchEvent(new FocusEvent("focus"))},i("q2-input",{key:"9fcd3d30b4c641e428f9088c5da31fe9236af065",type:"number",value:`${d}`,min:1,max:this.totalPages,hideLabel:true,optional:true,label:`${r("tecton.element.pagination.page")} (${r("tecton.element.pagination.ofPages",[s.toLocaleString()])})`,onChange:t=>this.handlePageChange(t.detail.value),"test-id":"pageInput",current:"page",ref:t=>this.inputField=t})),i("span",{key:"74fb4e9dc5fb522a2a8e4d6bb079de21a75e7b8e","aria-hidden":"true"},r("tecton.element.pagination.ofPages",[s.toLocaleString()]))),i("div",{key:"af17aff0c838a045e151651ff58c3aeae37310a4",class:"btn-group"},i("q2-btn",{key:"6241c7d80e88ebf31dba7ac2c013174415e78860",label:u,disabled:f,onClick:()=>this.handlePageChange(d+1),"test-id":"nextPageBtn","hide-label":true},i("q2-icon",{key:"c101b0a222e94f3bef8a6e878c5d507bf15bf9a7",type:"chevron-right"})),i("q2-btn",{key:"91b74767914718048301eb21ac5ddf93ce7dca5e",label:"tecton.element.pagination.goToLastPage",disabled:f,hidden:a,onClick:()=>this.handlePageChange(s),"test-id":"lastPageBtn","hide-label":true},i("q2-icon",{key:"b8ce5dfd5622c941602e6439fff5e0e75b639855",type:"chevron-double-right"}))),i("div",{key:"5897095710edb3fa0fc00eaf072de8d6e1cee844",class:"per-page",hidden:a||!((t=this.perPageIncrements)===null||t===void 0?void 0:t.length)},this.renderPerPage()))}get hostElement(){return n(this)}static get watchers(){return{recordsOnly:["manageResizeObserver"],pagesOnly:["manageResizeObserver"],autoSize:["manageResizeObserver"]}}};h.style=d;export{h as q2_pagination};
2
- //# sourceMappingURL=p-23183c61.entry.js.map
1
+ import{r as t,c as e,h as i,g as n}from"./p-a5f18e27.js";import{n as a,o,i as s,l as r}from"./p-84190698.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:flex;width:100%;justify-content:flex-end}:host([alignment=center]){justify-content:center}:host([alignment=left]){justify-content:flex-start}:host([hidden]){display:none}.container{display:inline-flex;column-gap:var(--tct-pagination-column-gap, var(--t-pagination-column-gap, var(--app-scale-2x, 10px)));align-items:center;height:var(--tct-pagination-height, var(--t-pagination-height, 44px))}.btn-group{display:flex;gap:var(--tct-pagination-btn-gap, var(--t-pagination-btn-gap, 0))}.description,.controls{white-space:nowrap}.controls{display:grid;grid-template-columns:auto 50px auto;align-items:center;gap:var(--tct-pagination-controls-gap, var(--t-pagination-controls-gap, var(--app-scale-1x, 5px)))}.controls[hidden]{display:none}.input-wrapper{height:var(--tct-pagination-height, var(--t-pagination-height, 44px));display:flex;align-items:center}q2-btn{--tct-btn-border-radius:var(--tct-pagination-btn-border-radius, var(--t-pagination-btn-border-radius));--tct-btn-border:var(--tct-pagination-btn-border, var(--t-pagination-btn-border))}q2-icon{--tct-icon-size:var(--tct-pagination-icon-size, var(--t-pagination-icon-size, 12px));color:var(--tct-pagination-icon-color, var(--t-pagination-icon-color, var(--t-text, #4d4d4d)))}q2-input{--tct-input-margin-top:0;--tct-input-margin-bottom:0;--tct-input-height:var(--tct-pagination-input-height, var(--t-pagination-input-height, 30px));--tct-input-min-height:var(--tct-input-height);--tct-input-align:center}q2-select{--tct-select-input-min-height:var(--tct-pagination-select-height, var(--t-pagination-select-height, 30px));--tct-select-input-max-height:var(--tct-pagination-select-height, var(--t-pagination-select-height, 30px));width:var(--tct-pagination-perpage-width, var(--t-pagination-perpage-width, 100%));min-width:var(--tct-pagination-perpage-min-width, var(--t-pagination-perpage-min-width, 110px))}";const d=c;const h=class{constructor(i){t(this,i);this.change=e(this,"change",7);this.handlePageChange=t=>{const{totalPages:e,inputField:i}=this;if(t<1){t=1}else if(t>e){t=e}if(i.value!==`${t}`)i.value=`${t}`;if(!this.hostElement.onchange){this.page=t}this.change.emit({page:t})};this.handlePerPageChange=t=>{this.perPage=t.detail.value*1};this.checkSize=()=>{const{hostElement:t,containerElement:e}=this;const i=this.containerWidth>t.clientWidth;this.isSmall=i;if(i)return;a((()=>{const t=this.containerWidth===e.clientWidth;if(t)return;this.containerWidth=e.clientWidth;this.checkSize()}))};this.autoSize=true;this.total=undefined;this.page=undefined;this.pages=undefined;this.pagesOnly=undefined;this.perPage=undefined;this.perPageIncrements=undefined;this.recordsOnly=undefined;this.recordType=undefined;this.alignment=undefined;this.isSmall=undefined}componentWillLoad(){this.manageResizeObserver()}componentDidLoad(){this.containerWidth=this.containerElement.clientWidth;o(this.hostElement)}disconnectedCallback(){this.removeResizeObserver()}manageResizeObserver(){if(this.autoSize&&!this.recordsOnly&&!this.pagesOnly){if(this.resizeObserver)return;this.resizeObserver=new ResizeObserver((()=>this.checkSize()));this.resizeObserver.observe(this.hostElement);window.addEventListener("resize",this.checkSize)}else{this.isSmall=false;this.removeResizeObserver()}}onHostElementFocus(t){var e;if(!s(t,this.hostElement))return;const{isFullViewHidden:i,containerElement:n,inputField:a}=this;if(i){(e=n.querySelector("q2-btn:not([disabled])"))===null||e===void 0?void 0:e.focus()}else{a.focus()}}get isFullViewHidden(){return this.isSmall||this.recordsOnly||this.pagesOnly}get pageWithDefault(){return this.page||1}get perPageWithDefault(){return this.perPage||10}get totalWithDefault(){return this.total||0}get recordTypeWithDefault(){return this.recordType||r("tecton.element.pagination.defaultRecordType")}get currentRange(){const{perPageWithDefault:t,totalWithDefault:e,pageWithDefault:i}=this;const n=(i-1)*t+1;const a=Math.min(i*t,e);return`${n} - ${a}`}get nextRange(){const{perPageWithDefault:t,totalWithDefault:e,pageWithDefault:i}=this;const n=i*t+1;const a=Math.min((i+1)*t,e);return`${n} - ${a}`}get prevRange(){const{perPageWithDefault:t,pageWithDefault:e}=this;const i=Math.max(1,(e-2)*t+1);const n=(e-1)*t;return`${i} - ${n}`}get totalPages(){const{pagesOnly:t,totalWithDefault:e,perPageWithDefault:i,pages:n}=this;if(t&&n&&!isNaN(parseInt(`${n}`)))return n;return Math.ceil(e/i)}removeResizeObserver(){var t;if(this.resizeObserver){(t=this.resizeObserver)===null||t===void 0?void 0:t.unobserve(this.hostElement);this.resizeObserver=null;window.removeEventListener("resize",this.checkSize)}}renderPerPage(){var t;if(!((t=this.perPageIncrements)===null||t===void 0?void 0:t.length)){return""}this.perPageIncrements=this.perPageIncrements.filter((t=>!isNaN(t))).map((t=>t*1)).sort(((t,e)=>t-e));if(this.perPage===undefined)this.perPage=this.perPageIncrements[0];return i("q2-select",{onChange:this.handlePerPageChange,value:this.perPageIncrements.includes(this.perPage)?`${this.perPage}`:undefined},this.perPageIncrements.map((t=>i("q2-option",{value:`${t}`,display:`${r("tecton.element.pagination.view")} ${t}`},`${r("tecton.element.pagination.view")} ${t}`))))}render(){var t;const{pagesOnly:e,recordsOnly:n,isFullViewHidden:a,recordTypeWithDefault:o,totalPages:s,totalWithDefault:c,pageWithDefault:d,currentRange:h,nextRange:l,prevRange:p}=this;const g=d===1;const f=d===s;let u="";let b="";if(e){b=r("tecton.element.pagination.goToPages",{next:d-1,total:s});u=r("tecton.element.pagination.goToPages",{next:d+1,total:s})}else if(n){b=r("tecton.element.pagination.goToRecords",{range:p,recordType:o.toLowerCase(),total:c});u=r("tecton.element.pagination.goToRecords",{range:l,recordType:o.toLowerCase(),total:c})}return i("nav",{key:"eb5ae2f034170459a8a9e55ed8319eec524e00d9",class:"container",ref:t=>this.containerElement=t,"aria-label":r("tecton.element.pagination.title")},i("div",{key:"8a2fd2b864d1781d52002e14551f7535ab69c382",class:"description","test-id":"description"},e?r("tecton.element.pagination.pages",{current:d,total:s}):r("tecton.element.pagination.description",{range:h,recordType:o.toLowerCase(),total:c.toLocaleString()})),i("div",{key:"05266028eca03d46f3a1819bd6a8a070abfb3041",class:"btn-group"},i("q2-btn",{key:"1ac49814e049309efe1a7b78e2dd244faa1199f0",label:r("tecton.element.pagination.goToFirstPage"),disabled:g,hidden:a,onClick:()=>this.handlePageChange(1),"test-id":"firstPageBtn","hide-label":true},i("q2-icon",{key:"938f0fb35c70c9795da1b27d07e3af4c6d9c7139",type:"chevron-double-left"})),i("q2-btn",{key:"52fbe1e8b33eed594b085a9cddfd3bf307ae6357",label:b,disabled:g,onClick:()=>this.handlePageChange(d-1),"test-id":"prevPageBtn","hide-label":true},i("q2-icon",{key:"8f032b0f98c409c54d39fda98dd79ae57cf1b9e8",type:"chevron-left"}))),i("div",{key:"330475f9f4e0d1a299146e5036183b79a7166f9e",class:"controls",hidden:a,"test-id":"controls"},i("span",{key:"1990bfc109c5d8d1600428a4c599cb8740188475","aria-hidden":"true"},r("tecton.element.pagination.page")),i("div",{key:"3d9283ef551b4ece77e8087419a6f781ad18ff42",class:"input-wrapper",onClick:()=>this.inputField.dispatchEvent(new FocusEvent("focus"))},i("q2-input",{key:"de9b80971137a1a00be8725fb2fbc82b066c627b",type:"number",value:`${d}`,min:1,max:this.totalPages,hideLabel:true,optional:true,label:`${r("tecton.element.pagination.page")} (${r("tecton.element.pagination.ofPages",[s.toLocaleString()])})`,onChange:t=>this.handlePageChange(t.detail.value),"test-id":"pageInput",current:"page",ref:t=>this.inputField=t})),i("span",{key:"cad1410f606909ed08cd777749cd96350a0bd399","aria-hidden":"true"},r("tecton.element.pagination.ofPages",[s.toLocaleString()]))),i("div",{key:"ce9f8dbbabc33ae3378010436c18c732a19fad79",class:"btn-group"},i("q2-btn",{key:"0bc9878a7c58fead916e1a42b21aa9bb83454c30",label:u,disabled:f,onClick:()=>this.handlePageChange(d+1),"test-id":"nextPageBtn","hide-label":true},i("q2-icon",{key:"27aec5617e575319127d4623769674fffab16290",type:"chevron-right"})),i("q2-btn",{key:"323affc87fea734ddf09aaafabd5ce6d34604b16",label:"tecton.element.pagination.goToLastPage",disabled:f,hidden:a,onClick:()=>this.handlePageChange(s),"test-id":"lastPageBtn","hide-label":true},i("q2-icon",{key:"cf951c67f49f8bed81e6c034fc6dabb33f3245ff",type:"chevron-double-right"}))),i("div",{key:"e6d9edb327eb879d236dae0233320c0d2baac501",class:"per-page",hidden:a||!((t=this.perPageIncrements)===null||t===void 0?void 0:t.length)},this.renderPerPage()))}get hostElement(){return n(this)}static get watchers(){return{recordsOnly:["manageResizeObserver"],pagesOnly:["manageResizeObserver"],autoSize:["manageResizeObserver"]}}};h.style=d;export{h as q2_pagination};
2
+ //# sourceMappingURL=p-f57c4448.entry.js.map
@@ -1,2 +1,2 @@
1
- import{r as t,c as e,h as i,H as o,g as s}from"./p-a5f18e27.js";const n='*{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{--comp-padding:0 var(--app-scale-2x, 10px);--comp-selected-icon-size:var(--tct-option-selected-icon-size, var(--t-option-selected-icon-size, var(--tct-scale-3, var(--app-scale-3x, 15px))));padding:var(--tct-option-padding, var(--t-option-padding, var(--comp-padding)));min-height:44px;align-items:center;cursor:pointer;grid-template-columns:var(--comp-selected-icon-size) 1fr;align-items:center;grid-template-areas:"icon content";gap:var(--tct-scale-1, var(--app-scale-1x, 5px))}:host(:focus),:host(:hover),:host([active]){position:relative;z-index:1}:host([multiline]){--comp-padding:var(--app-scale-2, 10px) var(--app-scale-2, 10px);--comp-selected-icon-size:var(--tct-option-selected-multiline-icon-size, var(--t-option-selected-multiline-icon-size, var(--tct-option-selected-icon-size, var(--t-option-selected-icon-size, 26px))))}:host([_no-select]){grid-template-columns:1fr;grid-template-areas:"content"}:host([aria-disabled]){cursor:not-allowed;opacity:var(--tct-disabled-opacity, var(--app-disabled-opacity, 0.4));pointer-events:none}:host([aria-hidden]){display:none}:host(:not([hidden]):not([aria-hidden])){display:grid}:host(:not([aria-disabled]):hover),:host([active]),:host(:focus){background:var(--tct-option-active-background, var(--tct-option-active-bg, var(--tct-gray-14, var(--t-gray-14, var(--tct-gray-l3, var(--app-gray-l3, #f2f2f2))))));color:var(--tct-option-active-color, inherit)}:host(:focus){box-shadow:var(--tct-option-focus-box-shadow, inset var(--const-global-focus, 0 0 0 2px var(--const-focus-color, #0066CC))) !important}q2-icon{grid-area:icon;--tct-icon-size:var(--comp-selected-icon-size)}.content{display:block;grid-area:content}:host(:not([multiline])) .content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}';const a=n;const c=class{constructor(i){t(this,i);this.displayChanged=e(this,"displayChanged",7);this.mutationHandler=t=>{var e;const i=(this.display||"").trim();const o=(((e=this.hostElement)===null||e===void 0?void 0:e.textContent)||"").trim();if(i===o||this.multiline)return;for(const e of t){if(e.type==="childList"||e.type==="characterData"){this.display=o}else if(e.type==="attributes"&&e.attributeName==="display"){this.hostElement.textContent=i}}if(this.hostElement.ariaSelected)this.displayChanged.emit({display:this.display,value:this.value})};this.role="option";this.disabled=undefined;this.display=undefined;this.value=undefined;this.disabledGroup=undefined;this.selected=undefined;this.multiline=undefined;this.active=undefined;this._multiSelectHidden=false}componentWillLoad(){this.initDisplay()}componentDidLoad(){const t=new MutationObserver(this.mutationHandler);t.observe(this.hostElement,{childList:true,subtree:true,attributes:true,characterData:true});this.mutationObserver=t}initDisplay(){var t,e;if(this.multiline)return;if(this.display&&!((e=(t=this.hostElement)===null||t===void 0?void 0:t.textContent)===null||e===void 0?void 0:e.trim())){this.hostElement.textContent=this.display}else if(!this.display&&this.hostElement.textContent.trim()){this.display=this.hostElement.textContent.trim()}}render(){const{disabled:t,disabledGroup:e,selected:s,_multiSelectHidden:n}=this;const a=t||e;return i(o,{key:"4b5001e4870ee08cbd313e029bc2fa6b15503ced",tabindex:"-1","aria-disabled":a?"true":undefined,"aria-selected":`${!!s}`,"aria-hidden":n?"true":undefined,display:this.display},this.selected&&i("q2-icon",{key:"652c794d376c56a8cdb116e8c9d37596dad6a4dd",type:"checkmark"}),i("div",{key:"f39323dc5d9959daf61833a4cd8066bea83ea0c6",class:"content"},i("slot",{key:"2107c286ec7b9ce7f94e4e3de3a0789217a56e45"})))}get hostElement(){return s(this)}};c.style=a;export{c as q2_option};
2
- //# sourceMappingURL=p-0e482a7c.entry.js.map
1
+ import{r as t,c as i,h as e,H as o,g as s}from"./p-a5f18e27.js";const n='*{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{--comp-padding:0 var(--app-scale-2x, 10px);--comp-selected-icon-size:var(--tct-option-selected-icon-size, var(--t-option-selected-icon-size, var(--tct-scale-3, var(--app-scale-3x, 15px))));padding:var(--tct-option-padding, var(--t-option-padding, var(--comp-padding)));min-height:44px;align-items:center;cursor:pointer;grid-template-columns:var(--comp-selected-icon-size) 1fr;align-items:center;grid-template-areas:"icon content";gap:var(--tct-scale-1, var(--app-scale-1x, 5px))}:host(:focus),:host(:hover),:host([active]){position:relative;z-index:1}:host([multiline]){--comp-padding:var(--app-scale-2, 10px) var(--app-scale-2, 10px);--comp-selected-icon-size:var(--tct-option-selected-multiline-icon-size, var(--t-option-selected-multiline-icon-size, var(--tct-option-selected-icon-size, var(--t-option-selected-icon-size, 26px))))}:host([_no-select]){grid-template-columns:1fr;grid-template-areas:"content"}:host([aria-disabled]){cursor:not-allowed;opacity:var(--tct-disabled-opacity, var(--app-disabled-opacity, 0.4));pointer-events:none}:host([aria-hidden]){display:none}:host(:not([hidden]):not([aria-hidden])){display:grid}:host(:not([aria-disabled]):hover),:host([active]),:host(:focus){background:var(--tct-option-active-background, var(--tct-option-active-bg, var(--tct-gray-14, var(--t-gray-14, var(--tct-gray-l3, var(--app-gray-l3, #f2f2f2))))));color:var(--tct-option-active-color, inherit)}:host(:focus){box-shadow:var(--tct-option-focus-box-shadow, inset var(--const-global-focus, 0 0 0 2px var(--const-focus-color, #0066CC))) !important}q2-icon{grid-area:icon;--tct-icon-size:var(--comp-selected-icon-size)}.content{display:block;grid-area:content}:host(:not([multiline])) .content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}';const a=n;const r=class{constructor(e){t(this,e);this.displayChanged=i(this,"displayChanged",7);this.mutationHandler=t=>{var i;const e=(this.display||"").trim();const o=(((i=this.hostElement)===null||i===void 0?void 0:i.textContent)||"").trim();if(e===o||this.multiline)return;for(const i of t){if(i.type==="childList"||i.type==="characterData"){this.display=o}else if(i.type==="attributes"&&i.attributeName==="display"){this.hostElement.textContent=e}}if(this.hostElement.ariaSelected)this.displayChanged.emit({display:this.display,value:this.value})};this.role="option";this.disabled=undefined;this.display=undefined;this.value=undefined;this.disabledGroup=undefined;this.selected=undefined;this.multiline=undefined;this.active=undefined;this._multiSelectHidden=false}componentWillLoad(){this.initDisplay()}componentDidLoad(){const t=new MutationObserver(this.mutationHandler);t.observe(this.hostElement,{childList:true,subtree:true,attributes:true,characterData:true});this.mutationObserver=t}initDisplay(){var t,i;if(this.multiline)return;if(this.display&&!((i=(t=this.hostElement)===null||t===void 0?void 0:t.textContent)===null||i===void 0?void 0:i.trim())){this.hostElement.textContent=this.display}else if(!this.display&&this.hostElement.textContent.trim()){this.display=this.hostElement.textContent.trim()}}render(){const{disabled:t,disabledGroup:i,selected:s,_multiSelectHidden:n}=this;const a=t||i;return e(o,{key:"d599e64ff4a1bac697748b0e7a16e8e7affbf183",tabindex:"-1","aria-disabled":a?"true":undefined,"aria-selected":`${!!s}`,"aria-hidden":n?"true":undefined,display:this.display},this.selected&&e("q2-icon",{key:"fef1b2ef83c5688cbefdaf45d4333019504b8fc8",type:"checkmark"}),e("div",{key:"099582624892111f8b2e76075380b734ea30e799",class:"content"},e("slot",{key:"69ef106032c733081d9d382e1277072431d86826"})))}get hostElement(){return s(this)}};r.style=a;export{r as q2_option};
2
+ //# sourceMappingURL=p-fcffc029.entry.js.map
@@ -0,0 +1,2 @@
1
+ import{r as t,c as e,h as r,g as i}from"./p-a5f18e27.js";import{c as o,e as a}from"./p-84190698.js";const s="*{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{--comp-default-checkbox-group-margin:var(--tct-checkbox-group-margin-top, var(--t-checkbox-group-margin-top, var(--app-scale-5x, 25px))) 0 var(--tct-checkbox-group-margin-bottom, var(--t-checkbox-group-margin-bottom, var(--app-scale-5x, 25px)));margin:var(--tct-checkbox-group-margin, var(--comp-default-checkbox-group-margin))}::slotted(q2-checkbox){--tct-checkbox-margin:var(--tct-checkbox-group-checkbox-margin, var(--app-scale-0x, 0));--tct-checkbox-padding:var(--tct-checkbox-group-checkbox-padding, var(--app-scale-2x, 10px))}fieldset{padding:var(--tct-input-error-padding, 0);margin:0;border:0}fieldset.has-error{border-color:var(--tct-input-error-border-color, var(--const-stoplight-alert, #d20a0a));border-width:1px;border-style:solid;border-radius:var(--tct-border-radius-1, var(--app-border-radius-1, 2px));position:relative}fieldset.has-error .error-icon-container{top:8px;right:8px;position:absolute;width:40%;text-align:right;background:linear-gradient(to right, var(--tct-checkbox-group-error-gradient-start, var(--t-base-a0, rgba(255, 255, 255, 0))), var(--tct-checkbox-group-error-gradient-end, var(--t-base, rgb(255, 255, 255))))}fieldset.has-error legend+div.error-icon-container.no-label{top:28px}.group-legend{font-weight:600}legend.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;border:0}.optional-tag{margin-left:var(--tct-input-label-optional-margin-left, var(--tct-scale-1, var(--app-scale-1x, 5px)));color:var(--tct-input-label-optional-font-color, var(--tct-a11y-color, var(--t-a11y-gray-color, var(--tct-gray-7, var(--t-gray-7, var(--tct-gray-d1, var(--app-gray-d1, #666666)))))));font-size:var(--tct-input-label-optional-font-size, 12px);font-weight:var(--tct-input-label-optional-font-weight, 400)}.flexed{margin:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.flexed.left{justify-content:left}";const n=s;const c=class{constructor(r){t(this,r);this.change=e(this,"change",7);this._id=`checkbox-group-${o()}`;this.onMutationObserved=()=>{this.updateValue();this.updateDisabled();this.updateReadonly()};this.onInnerCheckboxChange=t=>{t.stopImmediatePropagation();const e={};setTimeout((()=>{this.checkboxElements.forEach((t=>{e[t.value]=!!t.checked}));this.change.emit(e)}),0)};this.disabled=undefined;this.hasError=undefined;this.hideLabel=undefined;this.label=undefined;this.optional=undefined;this.readonly=undefined;this.value=undefined}get inputId(){return this._id}get checkboxElements(){return Array.from(this.hostElement.querySelectorAll("q2-checkbox"))}get protectedValue(){return this.value||{}}updateValue(){if(this.readonly)return;this.checkboxElements.forEach((t=>{if(this.protectedValue.hasOwnProperty(t.value)){t.checked=this.value[t.value]}}))}updateDisabled(){const t=this.disabled;this.checkboxElements.forEach((e=>{e.groupDisabled=t}))}updateReadonly(){const t=this.readonly;this.checkboxElements.forEach((e=>{e.slotReadonly=t}))}componentWillLoad(){this.updateReadonly()}componentDidLoad(){const t=new MutationObserver(this.onMutationObserved);t.observe(this.hostElement,{childList:true,subtree:true});this.mutationObserver=t;this.onMutationObserved()}disconnectedCallback(){if(this.mutationObserver){this.mutationObserver.disconnect();this.mutationObserver=null}}valueObserver(){this.updateValue()}disabledObserver(){this.updateDisabled()}readonlyObserver(){this.updateReadonly()}setValue(t){const e=new Set(Array.isArray(t)?t:[t]);this.checkboxElements.forEach((t=>{if(e.has(t.value))t.click()}))}onHostElementChange(t){if(t.target===this.hostElement&&!this.hostElement.onchange){this.value=t.detail}}render(){const t=this.label||this.optional||this.readonly;return r("div",{key:"6b4c836a5d3c97b6271a5feeac64dfe58b692b25"},t&&!this.hideLabel&&r("div",{key:"09840d56ff72f32cb1bf3fc9fce63e8565aa5ea7",class:"group-legend"},a(this)),r("fieldset",{key:"d7307cee9962d82e242547ab15d275832be3424f",class:`q2-checkbox-fieldset ${this.hasError?"has-error":""}`,onChange:this.onInnerCheckboxChange,"aria-invalid":`${this.hasError}`},this.label||this.optional?r("legend",{class:"sr-only"},a(this)):"",this.hasError?r("div",{class:`error-icon-container ${this.label||this.optional?"":"no-label"}`},r("q2-icon",{class:"h(4) w(4) mrg-b(2)",type:"error"})):"",this.inputDom()))}inputDom(){return r("slot",null)}get hostElement(){return i(this)}static get watchers(){return{value:["valueObserver"],disabled:["disabledObserver"],readonly:["readonlyObserver"]}}};c.style=n;export{c as q2_checkbox_group};
2
+ //# sourceMappingURL=p-fde11d9c.entry.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["q2CheckboxGroupCss","Q2CheckboxGroupStyle0","Q2CheckboxGroup","this","_id","createGuid","onMutationObserved","updateValue","updateDisabled","updateReadonly","onInnerCheckboxChange","event","stopImmediatePropagation","groupValue","setTimeout","checkboxElements","forEach","check","value","checked","change","emit","inputId","Array","from","hostElement","querySelectorAll","protectedValue","readonly","hasOwnProperty","groupDisabled","disabled","checkbox","slotReadonly","componentWillLoad","componentDidLoad","observer","MutationObserver","observe","childList","subtree","mutationObserver","disconnectedCallback","disconnect","valueObserver","disabledObserver","readonlyObserver","setValue","values","valuesSet","Set","isArray","has","click","onHostElementChange","target","onchange","detail","render","showLabel","label","optional","h","key","hideLabel","class","labelDOM","hasError","onChange","type","inputDom"],"sources":["src/components/q2-checkbox-group/q2-checkbox-group.scss?tag=q2-checkbox-group&encapsulation=shadow","src/components/q2-checkbox-group/q2-checkbox-group.tsx"],"sourcesContent":["@import '../../styles/host.scss';\n@import '../../styles/functions';\n\n:host {\n --comp-default-checkbox-group-margin: #{var-list(var-prefixer(checkbox-group-margin-top), --app-scale-5x, 25px) 0\n var-list(var-prefixer(checkbox-group-margin-bottom), --app-scale-5x, 25px)};\n margin: var-list(--tct-checkbox-group-margin, --comp-default-checkbox-group-margin);\n}\n\n::slotted(q2-checkbox) {\n --tct-checkbox-margin: #{var-list(--tct-checkbox-group-checkbox-margin, --app-scale-0x, 0)};\n --tct-checkbox-padding: #{var-list(--tct-checkbox-group-checkbox-padding, --app-scale-2x, 10px)};\n}\n\nfieldset {\n padding: var(--tct-input-error-padding, 0);\n margin: 0;\n border: 0;\n}\n\nfieldset.has-error {\n border-color: var(--tct-input-error-border-color, var(--const-stoplight-alert, #d20a0a));\n border-width: 1px;\n border-style: solid;\n border-radius: var(--tct-border-radius-1, var(--app-border-radius-1, 2px));\n position: relative;\n}\n\nfieldset.has-error .error-icon-container {\n top: 8px;\n right: 8px;\n position: absolute;\n width: 40%;\n text-align: right;\n background: linear-gradient(\n to right,\n var(--tct-checkbox-group-error-gradient-start, var(--t-base-a0, rgba(255, 255, 255, 0))),\n var(--tct-checkbox-group-error-gradient-end, var(--t-base, rgba(255, 255, 255)))\n );\n}\n\nfieldset.has-error legend + div.error-icon-container.no-label {\n top: 28px;\n}\n\n.group-legend {\n font-weight: 600;\n}\n\nlegend.sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n border: 0;\n}\n\n.optional-tag {\n margin-left: var(--tct-input-label-optional-margin-left, var(--tct-scale-1, var(--app-scale-1x, 5px)));\n color: var(\n --tct-input-label-optional-font-color,\n var(\n --tct-a11y-color,\n var(\n --t-a11y-gray-color,\n var(--tct-gray-7, var(--t-gray-7, var(--tct-gray-d1, var(--app-gray-d1, #666666))))\n )\n )\n );\n font-size: var(--tct-input-label-optional-font-size, 12px);\n font-weight: var(--tct-input-label-optional-font-weight, 400);\n}\n\n.flexed {\n margin: 0;\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: center;\n}\n.flexed.left {\n justify-content: left;\n}\n","import {\n Component,\n Prop,\n Element,\n h,\n Listen,\n EventEmitter,\n Event,\n ComponentInterface,\n Watch,\n Method,\n} from '@stencil/core';\nimport { createGuid, labelDOM } from 'src/utils';\n\n@Component({ tag: 'q2-checkbox-group', shadow: true, styleUrl: 'q2-checkbox-group.scss' })\nexport class Q2CheckboxGroup implements ComponentInterface {\n /** Determines if all checkboxes in the group are put into a `disabled` state. */\n @Prop({ reflect: true }) disabled: boolean;\n\n /** Determines if the component should display in an errant state. */\n @Prop({ reflect: true }) hasError: boolean;\n\n /**\n * Hide's the group's `<label>` element from view.\n * @warning\n * Only use when a visible label is impractical.\n */\n @Prop({ reflect: true, mutable: true }) hideLabel: boolean;\n\n /**\n * The label that displays above all the checkboxes.\n * @localizable\n */\n @Prop({ reflect: true }) label: string;\n\n /** Determines if the component is marked as `optional`. */\n @Prop({ reflect: true }) optional: boolean;\n\n /** Determines if all the checkboxes are marked as `readonly`. */\n @Prop({ reflect: true }) readonly: boolean;\n\n /**\n * Can be used to get and set the checked status of each `<q2-checkbox>` element contained within the group.\n *\n * **Example:**\n * @snippet\n * element.value = {\n * 'checkbox-value-1': true,\n * 'checkbox-value-2': false,\n * 'checkbox-value-3': true,\n * };\n *\n * // Also accepts partial values\n * element.value = {\n * 'checkbox-value-2': false,\n * }\n */\n @Prop({ mutable: true }) value: object;\n\n @Element() hostElement: HTMLElement;\n _id: string = `checkbox-group-${createGuid()}`;\n mutationObserver: MutationObserver;\n\n get inputId() {\n return this._id;\n }\n\n get checkboxElements() {\n return Array.from(this.hostElement.querySelectorAll('q2-checkbox')) as HTMLQ2CheckboxElement[];\n }\n\n get protectedValue(): object {\n return this.value || {};\n }\n\n onMutationObserved = () => {\n this.updateValue();\n this.updateDisabled();\n this.updateReadonly();\n };\n\n onInnerCheckboxChange = (event: CustomEvent) => {\n event.stopImmediatePropagation();\n const groupValue = {};\n setTimeout(() => {\n this.checkboxElements.forEach(check => {\n groupValue[check.value] = !!check.checked;\n });\n this.change.emit(groupValue);\n }, 0);\n };\n\n updateValue() {\n if (this.readonly) return;\n this.checkboxElements.forEach(check => {\n if (this.protectedValue.hasOwnProperty(check.value)) {\n check.checked = this.value[check.value];\n }\n });\n }\n\n updateDisabled() {\n const groupDisabled = this.disabled;\n this.checkboxElements.forEach(checkbox => {\n checkbox.groupDisabled = groupDisabled;\n });\n }\n\n updateReadonly() {\n const slotReadonly = this.readonly;\n this.checkboxElements.forEach(checkbox => {\n checkbox.slotReadonly = slotReadonly;\n });\n }\n\n ///// LIFECYCLE HOOK ///////\n\n componentWillLoad() {\n this.updateReadonly();\n }\n\n componentDidLoad() {\n const observer = new MutationObserver(this.onMutationObserved);\n observer.observe(this.hostElement, { childList: true, subtree: true });\n this.mutationObserver = observer;\n this.onMutationObserved();\n }\n\n disconnectedCallback() {\n if (this.mutationObserver) {\n this.mutationObserver.disconnect();\n this.mutationObserver = null;\n }\n }\n\n @Watch('value')\n valueObserver() {\n this.updateValue();\n }\n\n @Watch('disabled')\n disabledObserver() {\n this.updateDisabled();\n }\n\n @Watch('readonly')\n readonlyObserver() {\n this.updateReadonly();\n }\n\n /// Methods ///\n /**\n * Emulates clicking the `<q2-checkbox>` option(s) with the provided value.\n *\n * @testOnly\n */\n @Method()\n setValue(values: string | string[]) {\n const valuesSet = new Set(Array.isArray(values) ? values : [values]);\n this.checkboxElements.forEach(check => {\n if (valuesSet.has(check.value)) check.click();\n });\n }\n\n ///// HOST ELEMENT EVENTS ///////\n\n @Event() change: EventEmitter;\n\n @Listen('change')\n onHostElementChange(event: CustomEvent) {\n if (event.target === this.hostElement && !this.hostElement.onchange) {\n this.value = event.detail;\n }\n }\n\n render() {\n const showLabel = this.label || this.optional || this.readonly;\n return (\n <div>\n {showLabel && !this.hideLabel && <div class=\"group-legend\">{labelDOM(this)}</div>}\n <fieldset\n class={`q2-checkbox-fieldset ${this.hasError ? 'has-error' : ''}`}\n onChange={this.onInnerCheckboxChange}\n aria-invalid={`${this.hasError}`}\n >\n {this.label || this.optional ? <legend class=\"sr-only\">{labelDOM(this)}</legend> : ''}\n {this.hasError ? (\n <div class={`error-icon-container ${this.label || this.optional ? '' : 'no-label'}`}>\n <q2-icon\n class=\"h(4) w(4) mrg-b(2)\"\n type=\"error\"\n ></q2-icon>\n </div>\n ) : (\n ''\n )}\n {this.inputDom()}\n </fieldset>\n </div>\n );\n }\n\n inputDom() {\n return <slot />;\n }\n}\n"],"mappings":"oGAAA,MAAMA,EAAqB,+/EAC3B,MAAAC,EAAeD,E,MCcFE,EAAe,M,wDA6CxBC,KAAAC,IAAc,kBAAkBC,MAehCF,KAAAG,mBAAqB,KACjBH,KAAKI,cACLJ,KAAKK,iBACLL,KAAKM,gBAAgB,EAGzBN,KAAAO,sBAAyBC,IACrBA,EAAMC,2BACN,MAAMC,EAAa,GACnBC,YAAW,KACPX,KAAKY,iBAAiBC,SAAQC,IAC1BJ,EAAWI,EAAMC,SAAWD,EAAME,OAAO,IAE7ChB,KAAKiB,OAAOC,KAAKR,EAAW,GAC7B,EAAE,E,mKA1BT,WAAIS,GACA,OAAOnB,KAAKC,G,CAGhB,oBAAIW,GACA,OAAOQ,MAAMC,KAAKrB,KAAKsB,YAAYC,iBAAiB,e,CAGxD,kBAAIC,GACA,OAAOxB,KAAKe,OAAS,E,CAoBzB,WAAAX,GACI,GAAIJ,KAAKyB,SAAU,OACnBzB,KAAKY,iBAAiBC,SAAQC,IAC1B,GAAId,KAAKwB,eAAeE,eAAeZ,EAAMC,OAAQ,CACjDD,EAAME,QAAUhB,KAAKe,MAAMD,EAAMC,M,KAK7C,cAAAV,GACI,MAAMsB,EAAgB3B,KAAK4B,SAC3B5B,KAAKY,iBAAiBC,SAAQgB,IAC1BA,EAASF,cAAgBA,CAAa,G,CAI9C,cAAArB,GACI,MAAMwB,EAAe9B,KAAKyB,SAC1BzB,KAAKY,iBAAiBC,SAAQgB,IAC1BA,EAASC,aAAeA,CAAY,G,CAM5C,iBAAAC,GACI/B,KAAKM,gB,CAGT,gBAAA0B,GACI,MAAMC,EAAW,IAAIC,iBAAiBlC,KAAKG,oBAC3C8B,EAASE,QAAQnC,KAAKsB,YAAa,CAAEc,UAAW,KAAMC,QAAS,OAC/DrC,KAAKsC,iBAAmBL,EACxBjC,KAAKG,oB,CAGT,oBAAAoC,GACI,GAAIvC,KAAKsC,iBAAkB,CACvBtC,KAAKsC,iBAAiBE,aACtBxC,KAAKsC,iBAAmB,I,EAKhC,aAAAG,GACIzC,KAAKI,a,CAIT,gBAAAsC,GACI1C,KAAKK,gB,CAIT,gBAAAsC,GACI3C,KAAKM,gB,CAUT,QAAAsC,CAASC,GACL,MAAMC,EAAY,IAAIC,IAAI3B,MAAM4B,QAAQH,GAAUA,EAAS,CAACA,IAC5D7C,KAAKY,iBAAiBC,SAAQC,IAC1B,GAAIgC,EAAUG,IAAInC,EAAMC,OAAQD,EAAMoC,OAAO,G,CASrD,mBAAAC,CAAoB3C,GAChB,GAAIA,EAAM4C,SAAWpD,KAAKsB,cAAgBtB,KAAKsB,YAAY+B,SAAU,CACjErD,KAAKe,MAAQP,EAAM8C,M,EAI3B,MAAAC,GACI,MAAMC,EAAYxD,KAAKyD,OAASzD,KAAK0D,UAAY1D,KAAKyB,SACtD,OACIkC,EAAA,OAAAC,IAAA,4CACKJ,IAAcxD,KAAK6D,WAAaF,EAAA,OAAAC,IAAA,2CAAKE,MAAM,gBAAgBC,EAAS/D,OACrE2D,EAAA,YAAAC,IAAA,2CACIE,MAAO,wBAAwB9D,KAAKgE,SAAW,YAAc,KAC7DC,SAAUjE,KAAKO,sBAAqB,eACtB,GAAGP,KAAKgE,YAErBhE,KAAKyD,OAASzD,KAAK0D,SAAWC,EAAA,UAAQG,MAAM,WAAWC,EAAS/D,OAAkB,GAClFA,KAAKgE,SACFL,EAAA,OAAKG,MAAO,wBAAwB9D,KAAKyD,OAASzD,KAAK0D,SAAW,GAAK,cACnEC,EAAA,WACIG,MAAM,qBACNI,KAAK,WAEP,GAITlE,KAAKmE,Y,CAMtB,QAAAA,GACI,OAAOR,EAAA,Y"}
@@ -1,2 +1,2 @@
1
- import{r as t,c as o,g as i,h as e}from"./p-a5f18e27.js";import{t as r,w as s}from"./p-84190698.js";const n=class{constructor(i){t(this,i);this.change=o(this,"change",7);this.mouseEventList=["mousedown","dragstart","touchstart"];this.isCurrentlyFocused=false;this.mouseHandler=t=>{const o=this.shadowContains(this.findActiveElement());const i=this.shadowContains(this.shadowEventTarget(t))||this.originatesInSlots(t.target);if(!i&&(this.isCurrentlyFocused||o)){this.isCurrentlyFocused=false;this.change.emit();return}this.isCurrentlyFocused=i||o};this.windowBlurHandler=()=>{this.isCurrentlyFocused=false;this.change.emit()}}componentWillLoad(){}connectedCallback(){this.mouseEventList.forEach((t=>{document.addEventListener(t,this.mouseHandler)}));window.addEventListener("blur",this.windowBlurHandler)}disconnectedCallback(){this.mouseEventList.forEach((t=>{document.removeEventListener(t,this.mouseHandler)}));window.removeEventListener("blur",this.windowBlurHandler)}findActiveElement(){let t=document.activeElement;while(true){if(!t||!t.shadowRoot){return t}t=t.shadowRoot.activeElement}}shadowEventTarget(t){return t.composedPath()[0]||t.target}shadowContains(t){while(true){if(t===this.hostElement){return true}if(!t){return false}t=t.parentNode||t.host}}originatesInSlots(t){const o=this.hostElement.querySelectorAll("slot");for(const i of Array.from(o)){const o=i&&i.assignedNodes&&i.assignedNodes()||this.hostElement.childNodes;for(const i of Array.from(o)){if(i.contains(t)){return true}}}return false}get hostElement(){return i(this)}};const a="*{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}.container{display:none}.show{display:block;position:fixed;z-index:var(--tct-popover-z-index, 50);margin:0;padding:0;overflow:auto;background:var(--tct-popover-background, var(--app-white, #ffffff));color:var(--tct-popover-font-color, var(--t-text, #4d4d4d));min-width:var(--tct-popover-min-width, 135px);margin-block:var(--tct-popover-margin-block, 0);box-shadow:var(--tct-popover-box-shadow, var(--app-shadow-1, 0 2px 4px rgba(0, 0, 0, 0.3)));border-width:var(--tct-popover-border-width, 0);border-style:solid;border-color:var(--tct-popover-border-color, transparent);border-radius:var(--tct-popover-border-radius, 0);max-height:var(--comp-pop-max-height);left:var(--comp-pop-left);opacity:var(--comp-pop-opacity, 0);--comp-scrollbar-size:var(--tct-scrollbar-size, var(--t-scrollbar-size, var(--app-scale-1x, 5px)));--comp-scrollbar-border-radius:var(--tct-scrollbar-border-radius, var(--t-scrollbar-border-radius, var(--app-border-radius-1, 3px)));--comp-scrollbar-color:var(--tct-scrollbar-color, var(--t-scrollbar-color, var(--t-a11y-gray-color, #747474)));scrollbar-width:thin;scrollbar-color:var(--comp-scrollbar-color) transparent}:host([block]) .show{right:unset;width:var(--comp-pop-width);min-width:var(--tct-popover-min-width, unset)}:host([align=left]) .show{left:var(--comp-pop-left);right:unset}:host([align=right]) .show{right:var(--comp-pop-right);left:unset}.show.down{top:var(--tct-popover-top, var(--comp-pop-top));bottom:unset}.show.up{top:unset;bottom:var(--comp-pop-bottom)}.show.legacy{position:absolute}.show::-webkit-scrollbar{width:var(--comp-scrollbar-size);height:var(--comp-scrollbar-size);margin:5px}.show::-webkit-scrollbar-thumb{background:var(--comp-scrollbar-color);border-radius:var(--comp-scrollbar-border-radius)}.show::-webkit-scrollbar-track{background:transparent;border-radius:var(--comp-scrollbar-border-radius)}click-elsewhere{position:relative;display:block}";const c=a;const p=class{constructor(i){t(this,i);this.popoverStateChanged=o(this,"popoverStateChanged",7);this.displayBuffer=10;this.orientationChanged=false;this.handleMinHeight=()=>{if(this.minHeight){r(this,"minHeight","prop")}};this.viewPortChanged=()=>{if(!this.open)return;this.determinePopDirection()};this.viewPortOrientationChanged=()=>{this.orientationChanged=true;this.viewPortChanged()};this.setFixedCSSProperties=async()=>{var t,o;const{controlElement:i,containerElement:e,currentDirection:r,rootElementRect:n}=this;const{top:a,bottom:c,left:p,right:h}=(o=(t=i===null||i===void 0?void 0:i.getBoundingClientRect)===null||t===void 0?void 0:t.call(i))!==null&&o!==void 0?o:{top:0,bottom:0,left:0,right:0};const l=p-n.left;if(this.block)e.style.setProperty("--comp-pop-width",`${i.offsetWidth||0}px`);e.style.setProperty("--comp-pop-left",`${l}px`);e.style.setProperty("--comp-pop-right",`${n.width+n.left-h}px`);if(r==="up"){e.style.setProperty("--comp-pop-bottom",`${n.height+n.top-a}px`)}if(r==="down"){e.style.setProperty("--comp-pop-top",`${c-n.top}px`)}await s();e.style.setProperty("--comp-pop-opacity","1")};this.setAbsoluteCSSProperties=async()=>{const{controlElement:t,containerElement:o,currentDirection:i,align:e}=this;if(e==="right"){o.style.setProperty("--comp-pop-right","0");o.style.setProperty("--comp-pop-left","unset")}else{o.style.setProperty("--comp-pop-left","0");o.style.setProperty("--comp-pop-right","unset")}if(this.block){o.style.setProperty("--comp-pop-width","100%")}if(i==="up"){const i=getComputedStyle(t);const e=parseInt(i.height||"0")+parseInt(i.borderTopWidth||"0")+parseInt(i.borderBottomWidth||"0");o.style.setProperty("--comp-pop-bottom",`${e}px`)}await s();o.style.setProperty("--comp-pop-opacity","1")};this.direction=undefined;this.align=undefined;this.open=undefined;this.block=undefined;this.controlElement=undefined;this.mode=null;this.minHeight=undefined;this.currentDirection=undefined;this.show=false}componentDidLoad(){this.handleMinHeight();if(this.open)this.determinePopDirection()}disconnectedCallback(){this.removeViewportListeners()}async toggle(){this.open=!this.open}async scrollContainerTo(t){this.containerElement.scrollTo(t)}setRootElement(){let t=this.hostElement;while(t&&t!==document.documentElement){const o=window.getComputedStyle(t);if(o.transform!=="none"||o.filter!=="none"||o.perspective!=="none"||o.containerType!=="normal"||["transform","perspective","filter"].includes(o.willChange)||["layout","paint","strict","content"].includes(o.contain)){this.rootElementRect=t.getBoundingClientRect();return}const i=t.getRootNode();const e=typeof ShadowRoot!=="undefined"&&i instanceof ShadowRoot&&i.host instanceof HTMLElement;if(e){t=i.host}else{t=t.parentElement}}this.rootElementRect={top:0,bottom:0,left:0,right:0,height:window.visualViewport.height,width:window.visualViewport.width}}async openChanged(t){this.setRootElement();this.popoverStateChanged.emit({open:t});if(t){this.addViewportListeners();this.determinePopDirection()}else{this.removeViewportListeners();this.currentDirection=undefined;this.show=false;await s();this.clearCSSProperties()}}minHeightProvided(){this.handleMinHeight()}popoverStateHandler(t){const{detail:{open:o}}=t;if(o===this.open)return;this.open=o;t.stopPropagation()}get actualDirection(){const{direction:t}=this;switch(t){case"up":case"down":return t;default:return undefined}}get isModule(){var t,o;const i=window!==window.top;const e=Object.keys((o=(t=window.Tecton)===null||t===void 0?void 0:t.platformDimensions)!==null&&o!==void 0?o:{}).length>0;return i&&e}addViewportListeners(){var t;window.addEventListener("resize",this.viewPortOrientationChanged);window.addEventListener("scroll",this.viewPortChanged,{passive:true,capture:true});(t=screen===null||screen===void 0?void 0:screen.orientation)===null||t===void 0?void 0:t.addEventListener("change",this.viewPortOrientationChanged);window.addEventListener("orientationchange",this.viewPortOrientationChanged)}removeViewportListeners(){var t;window.removeEventListener("resize",this.viewPortOrientationChanged);window.removeEventListener("scroll",this.viewPortChanged);(t=screen===null||screen===void 0?void 0:screen.orientation)===null||t===void 0?void 0:t.removeEventListener("orientationchange",this.viewPortOrientationChanged);window.removeEventListener("orientationchange",this.viewPortOrientationChanged)}clearCSSProperties(){this.containerElement.style.removeProperty("--comp-pop-max-height");this.containerElement.style.removeProperty("--comp-pop-top");this.containerElement.style.removeProperty("--comp-pop-bottom");this.containerElement.style.removeProperty("--comp-pop-left");this.containerElement.style.removeProperty("--comp-pop-right");this.containerElement.style.removeProperty("--comp-pop-width");this.containerElement.style.removeProperty("--comp-pop-opacity")}setDirectionAndShow(t){this.setRootElement();const o=this.open;if(!o)return;this.currentDirection=t;this.show=true;if(this.mode==="legacy"){this.setAbsoluteCSSProperties()}else{this.setFixedCSSProperties()}}async determinePopDirection(){var t,o,i;const{containerElement:e,controlElement:r,actualDirection:n,displayBuffer:a}=this;if(e)e.style.maxHeight=null;await s();const{isModule:c}=this;const{top:p,bottom:h}=(o=(t=r===null||r===void 0?void 0:r.getBoundingClientRect)===null||t===void 0?void 0:t.call(r))!==null&&o!==void 0?o:{top:0,bottom:0};let l;let d;let u;if(c){const{outletOffset:t=0,innerHeight:o=window.innerHeight}=((i=window.Tecton)===null||i===void 0?void 0:i.platformDimensions)||{};const e=window.visualViewport.height-h;const r=o-(t+h);const s=e<r;l=o;d=(t>0?p:p+t)-a;u=s?e-a:r-a}else{l=window.visualViewport.height;d=p-a;u=l-h-a}const f=d>u?"up":"down";const w=!e.style.getPropertyValue("--comp-pop-max-height")||this.orientationChanged;this.orientationChanged=false;const m=this.currentDirection||n||f;switch(m){case"up":if(w){e.style.setProperty("--comp-pop-max-height",`${d}px`)}this.setDirectionAndShow("up");break;case"down":if(w){e.style.setProperty("--comp-pop-max-height",`${u}px`)}this.setDirectionAndShow("down");break}}render(){const t=["container",this.currentDirection];if(this.show)t.push("show");if(this.mode==="legacy")t.push("legacy");return e("div",{key:"c520b4b578cc1febf85121901d4e5abd490b777a",ref:t=>this.containerElement=t,class:t.join(" "),"test-id":"outerContainer"},e("div",{key:"c827ea0a3f5528fd03efb6879fc38bfabe3fbbf8",ref:t=>this.contentElement=t,class:"content"},e("slot",{key:"49038fed6866dc8f56e194127e96c0b9a4567f91"})))}get hostElement(){return i(this)}static get watchers(){return{open:["openChanged"],minHeight:["minHeightProvided"]}}};p.style=c;export{n as click_elsewhere,p as q2_popover};
2
- //# sourceMappingURL=p-24719520.entry.js.map
1
+ import{r as t,c as o,g as i,h as e}from"./p-a5f18e27.js";import{t as r,w as s}from"./p-84190698.js";const n=class{constructor(i){t(this,i);this.change=o(this,"change",7);this.mouseEventList=["mousedown","dragstart","touchstart"];this.isCurrentlyFocused=false;this.mouseHandler=t=>{const o=this.shadowContains(this.findActiveElement());const i=this.shadowContains(this.shadowEventTarget(t))||this.originatesInSlots(t.target);if(!i&&(this.isCurrentlyFocused||o)){this.isCurrentlyFocused=false;this.change.emit();return}this.isCurrentlyFocused=i||o};this.windowBlurHandler=()=>{this.isCurrentlyFocused=false;this.change.emit()}}componentWillLoad(){}connectedCallback(){this.mouseEventList.forEach((t=>{document.addEventListener(t,this.mouseHandler)}));window.addEventListener("blur",this.windowBlurHandler)}disconnectedCallback(){this.mouseEventList.forEach((t=>{document.removeEventListener(t,this.mouseHandler)}));window.removeEventListener("blur",this.windowBlurHandler)}findActiveElement(){let t=document.activeElement;while(true){if(!t||!t.shadowRoot){return t}t=t.shadowRoot.activeElement}}shadowEventTarget(t){return t.composedPath()[0]||t.target}shadowContains(t){while(true){if(t===this.hostElement){return true}if(!t){return false}t=t.parentNode||t.host}}originatesInSlots(t){const o=this.hostElement.querySelectorAll("slot");for(const i of Array.from(o)){const o=i&&i.assignedNodes&&i.assignedNodes()||this.hostElement.childNodes;for(const i of Array.from(o)){if(i.contains(t)){return true}}}return false}get hostElement(){return i(this)}};const a="*{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}.container{display:none}.show{display:block;position:fixed;z-index:var(--tct-popover-z-index, 50);margin:0;padding:0;overflow:auto;background:var(--tct-popover-background, var(--app-white, #ffffff));color:var(--tct-popover-font-color, var(--t-text, #4d4d4d));min-width:var(--tct-popover-min-width, 135px);margin-block:var(--tct-popover-margin-block, 0);box-shadow:var(--tct-popover-box-shadow, var(--app-shadow-1, 0 2px 4px rgba(0, 0, 0, 0.3)));border-width:var(--tct-popover-border-width, 0);border-style:solid;border-color:var(--tct-popover-border-color, transparent);border-radius:var(--tct-popover-border-radius, 0);max-height:var(--comp-pop-max-height);left:var(--comp-pop-left);opacity:var(--comp-pop-opacity, 0);--comp-scrollbar-size:var(--tct-scrollbar-size, var(--t-scrollbar-size, var(--app-scale-1x, 5px)));--comp-scrollbar-border-radius:var(--tct-scrollbar-border-radius, var(--t-scrollbar-border-radius, var(--app-border-radius-1, 3px)));--comp-scrollbar-color:var(--tct-scrollbar-color, var(--t-scrollbar-color, var(--t-a11y-gray-color, #747474)));scrollbar-width:thin;scrollbar-color:var(--comp-scrollbar-color) transparent}:host([block]) .show{right:unset;width:var(--comp-pop-width);min-width:var(--tct-popover-min-width, unset)}:host([align=left]) .show{left:var(--comp-pop-left);right:unset}:host([align=right]) .show{right:var(--comp-pop-right);left:unset}.show.down{top:var(--tct-popover-top, var(--comp-pop-top));bottom:unset}.show.up{top:unset;bottom:var(--comp-pop-bottom)}.show.legacy{position:absolute}.show::-webkit-scrollbar{width:var(--comp-scrollbar-size);height:var(--comp-scrollbar-size);margin:5px}.show::-webkit-scrollbar-thumb{background:var(--comp-scrollbar-color);border-radius:var(--comp-scrollbar-border-radius)}.show::-webkit-scrollbar-track{background:transparent;border-radius:var(--comp-scrollbar-border-radius)}click-elsewhere{position:relative;display:block}";const c=a;const p=class{constructor(i){t(this,i);this.popoverStateChanged=o(this,"popoverStateChanged",7);this.displayBuffer=10;this.orientationChanged=false;this.handleMinHeight=()=>{if(this.minHeight){r(this,"minHeight","prop")}};this.viewPortChanged=()=>{if(!this.open)return;this.determinePopDirection()};this.viewPortOrientationChanged=()=>{this.orientationChanged=true;this.viewPortChanged()};this.setFixedCSSProperties=async()=>{var t,o;const{controlElement:i,containerElement:e,currentDirection:r,rootElementRect:n}=this;const{top:a,bottom:c,left:p,right:h}=(o=(t=i===null||i===void 0?void 0:i.getBoundingClientRect)===null||t===void 0?void 0:t.call(i))!==null&&o!==void 0?o:{top:0,bottom:0,left:0,right:0};const l=p-n.left;if(this.block)e.style.setProperty("--comp-pop-width",`${i.offsetWidth||0}px`);e.style.setProperty("--comp-pop-left",`${l}px`);e.style.setProperty("--comp-pop-right",`${n.width+n.left-h}px`);if(r==="up"){e.style.setProperty("--comp-pop-bottom",`${n.height+n.top-a}px`)}if(r==="down"){e.style.setProperty("--comp-pop-top",`${c-n.top}px`)}await s();e.style.setProperty("--comp-pop-opacity","1")};this.setAbsoluteCSSProperties=async()=>{const{controlElement:t,containerElement:o,currentDirection:i,align:e}=this;if(e==="right"){o.style.setProperty("--comp-pop-right","0");o.style.setProperty("--comp-pop-left","unset")}else{o.style.setProperty("--comp-pop-left","0");o.style.setProperty("--comp-pop-right","unset")}if(this.block){o.style.setProperty("--comp-pop-width","100%")}if(i==="up"){const i=getComputedStyle(t);const e=parseInt(i.height||"0")+parseInt(i.borderTopWidth||"0")+parseInt(i.borderBottomWidth||"0");o.style.setProperty("--comp-pop-bottom",`${e}px`)}await s();o.style.setProperty("--comp-pop-opacity","1")};this.direction=undefined;this.align=undefined;this.open=undefined;this.block=undefined;this.controlElement=undefined;this.mode=null;this.minHeight=undefined;this.currentDirection=undefined;this.show=false}componentDidLoad(){this.handleMinHeight();if(this.open)this.determinePopDirection()}disconnectedCallback(){this.removeViewportListeners()}async toggle(){this.open=!this.open}async scrollContainerTo(t){this.containerElement.scrollTo(t)}setRootElement(){let t=this.hostElement;while(t&&t!==document.documentElement){const o=window.getComputedStyle(t);if(o.transform!=="none"||o.filter!=="none"||o.perspective!=="none"||o.containerType!=="normal"||["transform","perspective","filter"].includes(o.willChange)||["layout","paint","strict","content"].includes(o.contain)){this.rootElementRect=t.getBoundingClientRect();return}const i=t.getRootNode();const e=typeof ShadowRoot!=="undefined"&&i instanceof ShadowRoot&&i.host instanceof HTMLElement;if(e){t=i.host}else{t=t.parentElement}}this.rootElementRect={top:0,bottom:0,left:0,right:0,height:window.visualViewport.height,width:window.visualViewport.width}}async openChanged(t){this.setRootElement();this.popoverStateChanged.emit({open:t});if(t){this.addViewportListeners();this.determinePopDirection()}else{this.removeViewportListeners();this.currentDirection=undefined;this.show=false;await s();this.clearCSSProperties()}}minHeightProvided(){this.handleMinHeight()}popoverStateHandler(t){const{detail:{open:o}}=t;if(o===this.open)return;this.open=o;t.stopPropagation()}get actualDirection(){const{direction:t}=this;switch(t){case"up":case"down":return t;default:return undefined}}get isModule(){var t,o;const i=window!==window.top;const e=Object.keys((o=(t=window.Tecton)===null||t===void 0?void 0:t.platformDimensions)!==null&&o!==void 0?o:{}).length>0;return i&&e}addViewportListeners(){var t;window.addEventListener("resize",this.viewPortOrientationChanged);window.addEventListener("scroll",this.viewPortChanged,{passive:true,capture:true});(t=screen===null||screen===void 0?void 0:screen.orientation)===null||t===void 0?void 0:t.addEventListener("change",this.viewPortOrientationChanged);window.addEventListener("orientationchange",this.viewPortOrientationChanged)}removeViewportListeners(){var t;window.removeEventListener("resize",this.viewPortOrientationChanged);window.removeEventListener("scroll",this.viewPortChanged);(t=screen===null||screen===void 0?void 0:screen.orientation)===null||t===void 0?void 0:t.removeEventListener("orientationchange",this.viewPortOrientationChanged);window.removeEventListener("orientationchange",this.viewPortOrientationChanged)}clearCSSProperties(){this.containerElement.style.removeProperty("--comp-pop-max-height");this.containerElement.style.removeProperty("--comp-pop-top");this.containerElement.style.removeProperty("--comp-pop-bottom");this.containerElement.style.removeProperty("--comp-pop-left");this.containerElement.style.removeProperty("--comp-pop-right");this.containerElement.style.removeProperty("--comp-pop-width");this.containerElement.style.removeProperty("--comp-pop-opacity")}setDirectionAndShow(t){this.setRootElement();const o=this.open;if(!o)return;this.currentDirection=t;this.show=true;if(this.mode==="legacy"){this.setAbsoluteCSSProperties()}else{this.setFixedCSSProperties()}}async determinePopDirection(){var t,o,i;const{containerElement:e,controlElement:r,actualDirection:n,displayBuffer:a}=this;if(e)e.style.maxHeight=null;await s();const{isModule:c}=this;const{top:p,bottom:h}=(o=(t=r===null||r===void 0?void 0:r.getBoundingClientRect)===null||t===void 0?void 0:t.call(r))!==null&&o!==void 0?o:{top:0,bottom:0};let l;let d;let u;if(c){const{outletOffset:t=0,innerHeight:o=window.innerHeight}=((i=window.Tecton)===null||i===void 0?void 0:i.platformDimensions)||{};const e=window.visualViewport.height-h;const r=o-(t+h);const s=e<r;l=o;d=(t>0?p:p+t)-a;u=s?e-a:r-a}else{l=window.visualViewport.height;d=p-a;u=l-h-a}const f=d>u?"up":"down";const w=!e.style.getPropertyValue("--comp-pop-max-height")||this.orientationChanged;this.orientationChanged=false;const m=this.currentDirection||n||f;switch(m){case"up":if(w){e.style.setProperty("--comp-pop-max-height",`${d}px`)}this.setDirectionAndShow("up");break;case"down":if(w){e.style.setProperty("--comp-pop-max-height",`${u}px`)}this.setDirectionAndShow("down");break}}render(){const t=["container",this.currentDirection];if(this.show)t.push("show");if(this.mode==="legacy")t.push("legacy");return e("div",{key:"cae82b5d3654da661c49f1dc655a5d0721eb62ea",ref:t=>this.containerElement=t,class:t.join(" "),"test-id":"outerContainer"},e("div",{key:"38627a57a05e6fa12fed42f2c1a4f1ac90b6760a",ref:t=>this.contentElement=t,class:"content"},e("slot",{key:"a7b96f27d1fd85fecef2f1aa53648d03bc3f7fb8"})))}get hostElement(){return i(this)}static get watchers(){return{open:["openChanged"],minHeight:["minHeightProvided"]}}};p.style=c;export{n as click_elsewhere,p as q2_popover};
2
+ //# sourceMappingURL=p-fec9edc8.entry.js.map
@@ -1,2 +1,2 @@
1
- import{p as e,b as a}from"./p-a5f18e27.js";export{s as setNonce}from"./p-a5f18e27.js";import{g as t}from"./p-e1255160.js";var l=()=>{const a=import.meta.url;const t={};if(a!==""){t.resourcesUrl=new URL(".",a).href}return e(t)};l().then((async e=>{await t();return a(JSON.parse('[["p-23183c61",[[1,"q2-pagination",{"autoSize":[1540,"auto-size"],"total":[514],"page":[1538],"pages":[1538],"pagesOnly":[1540,"pages-only"],"perPage":[2,"per-page"],"perPageIncrements":[16],"recordsOnly":[1540,"records-only"],"recordType":[1,"record-type"],"alignment":[1],"isSmall":[32]},[[0,"focus","onHostElementFocus"]],{"recordsOnly":["manageResizeObserver"],"pagesOnly":["manageResizeObserver"],"autoSize":["manageResizeObserver"]}]]],["p-24d96969",[[1,"q2-calendar",{"assume":[513],"calendarLabel":[513,"calendar-label"],"clearable":[516],"cutoffTime":[513,"cutoff-time"],"daysOfWeekChecksum":[514,"days-of-week-checksum"],"disabled":[516],"disabledMsg":[513,"disabled-msg"],"disclaimer":[513],"displayFormat":[513,"display-format"],"endDate":[513,"end-date"],"errors":[1040],"hideLabel":[1540,"hide-label"],"hints":[1040],"invalid":[1540],"invalidDates":[16],"label":[1537],"open":[1540],"optional":[516],"placeholder":[513],"popoverAlignment":[1,"popover-alignment"],"popoverDirection":[1025,"popover-direction"],"popoverMode":[1025,"popover-mode"],"popoverMinHeight":[2,"popover-min-height"],"readonly":[516],"startDate":[513,"start-date"],"typeable":[516],"validDates":[16],"value":[1537],"popDirection":[513,"pop-direction"],"onsuccess":[16],"buttonLabel":[513,"button-label"],"ariaLabel":[1537,"aria-label"],"keyboardSelection":[32],"typedValue":[32],"dateList":[32],"hintMessage":[32],"hintMessageType":[32],"openPopover":[64],"closePopover":[64],"setValue":[64],"typeValue":[64]},[[0,"change","defaultChangeHandler"],[0,"error","defaultErrorHandler"],[0,"success","defaultSuccessHandler"],[0,"focus","delegateFocus"],[0,"clear","handleClear"],[0,"popoverStateChanged","popoverStateHandler"]],{"popDirection":["popDirectionHandler"],"ariaLabel":["ariaLabelObserver"],"typeable":["typeableChanged"],"value":["valueObserver"],"daysOfWeekChecksum":["daysOfWeekChecksumObserver"],"validDates":["validDatesObserver"],"invalidDates":["invalidDatesObserver"],"startDate":["startDateObserver"],"endDate":["endDateObserver"],"cutoffTime":["cutoffTimeObserver"]}]]],["p-3f665c56",[[1,"q2-action-sheet",{"data":[1040],"title":[1],"hideClose":[4,"hide-close"],"isScrollable":[32],"renderStatus":[32],"hide":[64],"show":[64]}]]],["p-4b47816d",[[1,"q2-dropdown",{"additionalContext":[513,"additional-context"],"block":[516],"context":[513],"contextValue":[513,"context-value"],"disabled":[516],"hideLabel":[1540,"hide-label"],"icon":[513],"label":[1537],"name":[513],"open":[1540],"popoverDirection":[1025,"popover-direction"],"popoverAlignment":[1025,"popover-alignment"],"popoverMode":[1025,"popover-mode"],"popoverMinHeight":[2,"popover-min-height"],"resolvedType":[513,"resolved-type"],"type":[513],"alignment":[513],"popDirection":[513,"pop-direction"],"ariaLabel":[1537,"aria-label"]},[[0,"focus","delegateFocus"],[0,"popoverStateChanged","popoverStateHandler"]],{"popDirection":["popDirectionHandler"],"alignment":["alignmentHandler"],"ariaLabel":["ariaLabelHandler"],"name":["nameHandler"],"context":["contextHandler"],"contextValue":["contextValueHandler"],"resolvedType":["resolvedTypeHandler"],"additionalContext":["additionalContextHandler"]}]]],["p-30296b0e",[[1,"q2-data-table",{"bordered":[1544],"clickable":[1540],"caption":[1025],"density":[1537],"emptyIcon":[513,"empty-icon"],"emptyMessage":[513,"empty-message"],"headers":[1040],"hideCaption":[1540,"hide-caption"],"hideClickable":[1028,"hide-clickable"],"loading":[1540],"rows":[1040],"selectable":[1540],"selectMode":[1025,"select-mode"],"shadowed":[1540],"striped":[516],"serializedHeaders":[32],"serializedRows":[32],"hasExpandableRows":[32],"hasDropdowns":[32],"allRowsSelected":[32],"someRowsSelected":[32],"hasRowData":[32],"checkSlotCount":[32]},[[0,"click","onClickListener"],[0,"selectAllRows","onSelectAllRows"]],{"headers":["headersHandler"],"rows":["rowsHandler"],"selectable":["selectableHandler"]}]]],["p-43236cac",[[1,"q2-editable-field",{"block":[516],"disabled":[516],"editing":[1540],"errors":[16],"formatModifier":[513,"format-modifier"],"hideLabel":[1540,"hide-label"],"hints":[16],"label":[1537],"maxlength":[514],"persistentLabel":[516,"persistent-label"],"truncated":[516],"type":[513],"value":[1537],"ariaLabel":[1537,"aria-label"],"formattedValue":[32],"clickEdit":[64],"clickCancel":[64],"clickSave":[64],"setValue":[64]},[[0,"change","onHostElementChange"],[0,"focus","delegateFocus"]],{"errors":["errorsObserver"],"ariaLabel":["ariaLabelObserver"],"editing":["observesEditing"]}]]],["p-66ae329f",[[1,"q2-pill",{"active":[1540],"disabled":[516],"borderless":[516],"hoist":[4],"label":[513],"maxLength":[514,"max-length"],"multiple":[516],"open":[1540],"optionListLabel":[1,"option-list-label"],"popoverDirection":[1,"popover-direction"],"popoverAlignment":[1025,"popover-alignment"],"popoverMinHeight":[2,"popover-min-height"],"selectedOptions":[1040],"theme":[513],"value":[1537],"optionCount":[32],"selectedOptionElements":[32]},[[0,"focus","delegateFocus"],[0,"popoverStateChanged","popoverStateHandler"],[0,"displayChanged","handleSelectedDisplay"]],{"value":["valueChanged"],"selectedOptions":["selectedOptionsChanged"]}]]],["p-11982614",[[1,"q2-tab-container",{"color":[513],"name":[513],"noPrint":[516,"no-print"],"type":[513],"value":[1537],"hasLeft":[32],"hasRight":[32],"scrollEnabled":[32],"showScrollLeft":[32],"showScrollRight":[32],"tabs":[32]},[[0,"change","defaultChangeHandler"],[9,"resize","onResize"],[0,"focus","onFocus"],[0,"badge","onBadge"]],{"value":["valueObserver"],"name":["nameObserver"]}]]],["p-ca17f7ca",[[1,"q2-tag",{"hoist":[4],"label":[513],"open":[1540],"optionListLabel":[1,"option-list-label"],"popoverDirection":[1,"popover-direction"],"popoverAlignment":[1025,"popover-alignment"],"popoverMinHeight":[2,"popover-min-height"],"theme":[513],"optionCount":[32]},[[0,"focus","delegateFocus"],[0,"popoverStateChanged","popoverStateHandler"]]]]],["p-7cbb989e",[[4,"q2-carousel",{"autoPlay":[516,"auto-play"],"fullWidthPanes":[516,"full-width-panes"],"framelessPanes":[516,"frameless-panes"],"hidePagination":[516,"hide-pagination"],"label":[513],"showNavigationArrows":[516,"show-navigation-arrows"],"index":[1538],"ariaLabel":[513,"aria-label"],"universalCarouselOptions":[32],"fullWidthDisplayOptions":[32],"activePaneIndex":[32],"applyFocus":[32],"applyPaginationFocus":[32],"autoPlayInProgress":[32],"compactMode":[32],"carouselWrapperWidth":[32],"ariaLiveValue":[32],"currentPaneCount":[32]},[[0,"change","onHostElementChange"],[0,"clickCarouselPane","carouselPaneClicked"],[0,"focus","delegateFocus"]],{"ariaLabel":["ariaLabelObserver"],"carouselWrapperWidth":["carouselWrapperWidthChanged"],"index":["indexChanged"],"fullWidthPanes":["revampCarousel"],"framelessPanes":["revampCarousel","framelessPanesChanged"],"compactMode":["revampCarousel"],"autoPlay":["revampCarousel"]}]]],["p-4f7e6e79",[[1,"q2-chart-donut",{"data":[16],"chartName":[513,"chart-name"],"format":[513],"hoverScaleSize":[2,"hover-scale-size"],"isClickable":[516,"is-clickable"],"innerRadius":[1025,"inner-radius"],"minSliceSize":[1,"min-slice-size"],"outerRadius":[1025,"outer-radius"],"selectedId":[1025,"selected-id"],"selectedOffset":[2,"selected-offset"],"showLegend":[516,"show-legend"],"summaryIcon":[513,"summary-icon"],"summaryName":[513,"summary-name"],"hoveredId":[32],"legendData":[32],"selectById":[64],"selectByIndex":[64],"clearSelection":[64],"getChartOptions":[64]},[[0,"focus","delegateFocus"]],{"chartName":["propsUpdates"],"innerRadius":["propsUpdates","innerRadiusUpdated"],"outerRadius":["propsUpdates","outerRadiusUpdated"],"minSliceSize":["propsUpdates"],"hoverScaleSize":["propsUpdates"],"selectedOffset":["propsUpdates"],"data":["dataUpdated"],"selectedId":["checkSelectedId"]}]]],["p-1b89b9c3",[[1,"q2-month-picker",{"year":[1538],"disabledMonths":[16],"today":[1],"selectedIndex":[32],"focusedIndex":[32],"showYearLayer":[32]}]]],["p-6fdda37e",[[1,"q2-section",{"collapsible":[516],"expanded":[1540],"label":[513],"noCollapseIcon":[516,"no-collapse-icon"],"contentHeight":[32],"hideContent":[32],"hasYieldedHeader":[32]},[[0,"change","defaultChangeHandler"],[0,"focus","delegateFocus"]],{"expanded":["expandedObserver"],"collapsible":["collapsibleObserver"]}]]],["p-32b56406",[[1,"q2-stepper",{"currentStep":[1538,"current-step"],"stepCount":[1026,"step-count"],"lastEnabledStep":[1026,"last-enabled-step"],"contentChangeTriggerCount":[32],"scrollEnabled":[32],"showScrollLeft":[32],"showScrollRight":[32]},[[0,"change","defaultChangeHandler"],[0,"focus","delegateFocus"],[0,"statusChange","statusChangeHandler"],[0,"contentChange","contentChangeHandler"]],{"currentStep":["currentStepChanged"]}]]],["p-63038a54",[[1,"q2-card",{"avatarIcon":[513,"avatar-icon"],"avatarInitials":[513,"avatar-initials"],"avatarName":[513,"avatar-name"],"avatarSrc":[513,"avatar-src"],"bar":[513],"description":[513],"isSmall":[516,"is-small"],"isStatic":[516,"is-static"],"isTouch":[516,"is-touch"],"target":[513],"title":[513],"type":[513],"url":[513],"isAutoTouch":[32],"isAutoSmall":[32]},[[0,"focus","onHostElementFocus"]]]]],["p-a03c29f3",[[1,"q2-checkbox-group",{"disabled":[516],"hasError":[516,"has-error"],"hideLabel":[1540,"hide-label"],"label":[513],"optional":[516],"readonly":[516],"value":[1040],"setValue":[64]},[[0,"change","onHostElementChange"]],{"value":["valueObserver"],"disabled":["disabledObserver"],"readonly":["readonlyObserver"]}]]],["p-8a00552f",[[1,"q2-radio-group",{"disabled":[516],"hasError":[516,"has-error"],"hideLabel":[1540,"hide-label"],"label":[513],"name":[513],"optional":[516],"readonly":[516],"tileAlignment":[513,"tile-alignment"],"tileLayout":[1540,"tile-layout"],"value":[1025],"tilelayout":[1540],"setValue":[64]},[[0,"change","onHostElementChange"],[0,"focus","delegateFocus"],[0,"keydown","keydownHandler"]],{"value":["valueUpdated"],"name":["nameUpdated"],"disabled":["disabledUpdated"],"readonly":["readonlyUpdated"],"tilelayout":["handleDeprecatedTilelayout"],"tileLayout":["tileLayoutUpdated"]}]]],["p-1d824cdf",[[1,"q2-stepper-vertical",{"currentStepId":[1537,"current-step-id"],"structuredPanes":[32]},[[0,"change","defaultChangeHandler"],[0,"focus","delegateFocus"],[0,"statusChange","statusChangeHandler"]],{"currentStepId":["currentStepChanged"]}]]],["p-33af97b0",[[1,"q2-textarea",{"cols":[514],"disabled":[516],"errors":[16],"hints":[16],"hideLabel":[516,"hide-label"],"hideMessages":[516,"hide-messages"],"label":[513],"maxlength":[1538],"optional":[516],"placeholder":[513],"readonly":[516],"resize":[513],"rows":[514],"spellcheck":[516],"value":[1025],"hasFocus":[32],"downParams":[32],"setValue":[64]},[[0,"focus","onHostElementFocus"],[0,"change","onHostElementChange"],[0,"input","onHostElementInput"]],{"value":["valueObserver"],"rows":["rowsObserver"],"cols":["colsObserver"],"hints":["hintsObserver"],"errors":["errorsObserver"]}]]],["p-7dafc5da",[[4,"q2-carousel-pane",{"index":[2],"siblingCount":[2,"sibling-count"],"isActivePane":[516,"is-active-pane"],"label":[513],"slotFrameless":[516,"slot-frameless"]},null,{"isActivePane":["determineDisabledContent"]}]]],["p-2d6a9a94",[[1,"q2-chart-area",{"data":[16],"alignChartName":[513,"align-chart-name"],"areaColor":[513,"area-color"],"chartName":[513,"chart-name"],"chartSubTitle":[513,"chart-sub-title"],"dataNamesOverflow":[513,"data-names-overflow"],"dataNamesWidth":[514,"data-names-width"],"format":[513],"formatModifier":[513,"format-modifier"],"gridLines":[513,"grid-lines"],"hideNameAxisLabels":[516,"hide-name-axis-labels"],"hideValueAxisLabels":[516,"hide-value-axis-labels"],"lineColor":[513,"line-color"],"offsetDataNames":[516,"offset-data-names"],"offsetDataValues":[516,"offset-data-values"],"pointerLineColor":[513,"pointer-line-color"],"pointerLineStyle":[513,"pointer-line-style"],"showChartName":[516,"show-chart-name"],"showDatapointLabels":[516,"show-datapoint-labels"],"showGradient":[516,"show-gradient"]},null,{"data":["propsUpdates"],"alignChartName":["propsUpdates"],"chartName":["propsUpdates"],"chartSubTitle":["propsUpdates"],"lineColor":["propsUpdates"],"pointerLineColor":["propsUpdates"],"pointerLineStyle":["propsUpdates"],"areaColor":["propsUpdates"],"dataNamesOverflow":["propsUpdates"],"dataNamesWidth":["propsUpdates"],"format":["propsUpdates"],"formatModifier":["propsUpdates"],"hideNameAxisLabels":["propsUpdates"],"hideValueAxisLabels":["propsUpdates"],"offsetDataNames":["propsUpdates"],"offsetDataValues":["propsUpdates"],"showChartName":["propsUpdates"],"showDatapointLabels":["propsUpdates"],"showGradient":["propsUpdates"],"gridLines":["propsUpdates"]}]]],["p-30d70f4a",[[1,"q2-chart-bar",{"data":[16],"alignChartName":[513,"align-chart-name"],"chartName":[513,"chart-name"],"chartSubTitle":[513,"chart-sub-title"],"color":[513],"dataNamesOverflow":[513,"data-names-overflow"],"dataNamesWidth":[514,"data-names-width"],"format":[513],"formatModifier":[513,"format-modifier"],"hideBarLabels":[516,"hide-bar-labels"],"hideValueAxisLabels":[516,"hide-value-axis-labels"],"offsetDataNames":[516,"offset-data-names"],"offsetDataValues":[516,"offset-data-values"],"orientation":[513],"showChartName":[516,"show-chart-name"],"sort":[516]},null,{"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"]}]]],["p-ced89010",[[1,"q2-currency",{"amount":[514],"currency":[513],"locale":[513],"size":[513],"signDisplay":[513,"sign-display"],"slotSize":[513,"slot-size"]},null,{"amount":["propsUpdated"],"currency":["propsUpdated"],"locale":["propsUpdated"],"size":["propsUpdated"],"slotSize":["propsUpdated"],"signDisplay":["propsUpdated"]}]]],["p-d75e4752",[[1,"q2-detail",{"alignment":[513],"description":[513],"label":[513],"size":[513],"stacked":[516]}]]],["p-fb7dd7ab",[[1,"q2-item",{"clickable":[516],"renderTrigger":[32]},[[0,"focus","delegateFocus"]]]]],["p-8fc099f5",[[1,"q2-list",{"label":[513],"bordered":[1540],"renderTrigger":[32]}]]],["p-5a41c1f6",[[0,"q2-loading-element",{"shape":[513],"width":[513],"height":[513],"borderRadius":[513,"border-radius"]}]]],["p-ca43e917",[[1,"q2-loc",{"substitutions":[16],"value":[513]}]]],["p-35cc1039",[[1,"q2-radio",{"checked":[1540],"disabled":[516],"hideLabel":[1540,"hide-label"],"label":[1537],"readonly":[516],"value":[513],"tabIndex":[2,"tab-index"],"name":[513],"groupDisabled":[4,"group-disabled"],"groupReadonly":[4,"group-readonly"],"groupTileLayout":[4,"group-tile-layout"],"ariaLabel":[1537,"aria-label"]},[[0,"click","onHostClick"],[0,"focus","delegateFocus"]],{"ariaLabel":["ariaLabelObserver"],"checked":["checkedObserver"]}]]],["p-9a71bd16",[[1,"q2-relative-time",{"baseDate":[513,"base-date"],"locale":[513],"messageFormat":[513,"message-format"],"numeric":[513],"sync":[1540],"date":[513],"unit":[513],"displayedMessage":[32],"displayedMessageValue":[64],"validDateProp":[64],"validBaseDateProp":[64]},null,{"sync":["syncUpdated"],"messageFormat":["updateMessage"],"locale":["updateMessage"],"date":["updateMessage"],"baseDate":["updateMessage"],"numeric":["updateMessage"],"unit":["updateMessage"]}]]],["p-a891571c",[[1,"q2-stepper-pane",{"description":[513],"isActive":[516,"is-active"],"label":[513],"showWithChildren":[516,"show-with-children"],"status":[513],"isChildActive":[32]},[[0,"activeChange","checkForActiveChildren"]],{"label":["labelOrDescriptionChanged"],"description":["labelOrDescriptionChanged"],"status":["statusChanged"],"isActive":["isActiveChanged"],"showWithChildren":["checkForActiveChildren"]}]]],["p-d5776227",[[1,"q2-tab-pane",{"badgeCount":[514,"badge-count"],"badgeDescription":[513,"badge-description"],"badgeStatus":[513,"badge-status"],"badgeTheme":[513,"badge-theme"],"label":[513],"value":[513],"name":[513],"selected":[516],"index":[2],"guid":[2]},null,{"badgeCount":["badgeObserver"],"badgeDescription":["badgeObserver"],"badgeTheme":["badgeObserver"],"badgeStatus":["badgeObserver"]}]]],["p-81bb9436",[[1,"q2-tooltip",{"block":[516],"focusable":[516],"immediate":[516],"label":[513],"multiline":[516],"persistent":[516],"position":[513],"focusClass":[32]},[[0,"keyup","keyUpHandler"],[2,"focus","focusCaptureHandler"],[0,"focus","focusHandler"],[0,"focusout","focusOutHandler"]]]]],["p-550881db",[[0,"slot-component",{"slotSize":[513,"slot-size"]}]]],["p-ff39ba49",[[1,"tecton-tab-pane",{"value":[513],"label":[513],"name":[513],"selected":[516],"index":[2],"guid":[2],"provided":[516],"url":[513],"moduleId":[513,"module-id"],"minHeight":[513,"min-height"],"badgeCount":[514,"badge-count"],"badgeDescription":[513,"badge-description"],"badgeTheme":[513,"badge-theme"],"badgeStatus":[513,"badge-status"],"authPayload":[16],"showForm":[4,"show-form"],"_showForm":[32]},null,{"badgeCount":["badgeObserver"],"badgeDescription":["badgeObserver"],"badgeTheme":["badgeObserver"],"badgeStatus":["badgeObserver"],"selected":["selectedObserver"]}]]],["p-b3322f94",[[1,"q2-badge",{"maxLength":[514,"max-length"],"size":[513],"status":[513],"theme":[513],"value":[514]}]]],["p-76be9cad",[[1,"q2-icon",{"inline":[516],"label":[513],"type":[513],"iconClone":[32]},null,{"type":["handleIcon"]}]]],["p-6986a60e",[[1,"q2-select",{"disabled":[516],"errors":[16],"hideLabel":[1540,"hide-label"],"clearable":[516],"hoist":[4],"invalid":[516],"label":[1537],"listLabel":[1,"list-label"],"minRows":[2,"min-rows"],"multilineOptions":[516,"multiline-options"],"multiple":[516],"optional":[516],"placeholder":[513],"popDirection":[513,"pop-direction"],"popoverMode":[1025,"popover-mode"],"readonly":[516],"searchable":[516],"selectedOptions":[1040],"value":[1025],"ariaLabel":[1537,"aria-label"],"open":[32],"showSelected":[32],"searchText":[32],"hasCustomDisplay":[32],"hasPopoverTop":[32],"hasPopoverBottom":[32],"inputFocused":[32],"statusMessage":[32],"prioritizeSearch":[32],"structuredSelectedOptions":[32],"openPopover":[64],"closePopover":[64],"setValue":[64],"searchOptions":[64]},[[0,"keydown","keydownHandler"],[0,"change","onHostElementChange"],[0,"clear","onClearHandler"],[0,"input","onHostElementInput"],[0,"focus","delegateFocus"],[0,"focusout","handleFocusout"],[0,"displayChanged","handleSelectedDisplay"]],{"value":["buildStructuredSelectedOptions","valueUpdated"],"selectedOptions":["buildStructuredSelectedOptions"],"ariaLabel":["ariaLabelObserver"],"multilineOptions":["handleMultilineOptionsUpdate"],"open":["openChanged"]}]]],["p-75bb43b2",[[1,"q2-dropdown-item",{"disabled":[516],"label":[1537],"removable":[516],"separator":[516],"value":[513],"ariaLabel":[1537,"aria-label"],"q2LocValue":[32]},[[0,"focus","onHostElementFocus"]],{"ariaLabel":["ariaLabelObserver"]}]]],["p-aed969d4",[[1,"q2-avatar",{"icon":[1],"initials":[513],"name":[513],"src":[513],"badSrc":[32],"isLoaded":[32]},null,{"src":["srcDidUpdate"]}]]],["p-9eafabd5",[[1,"q2-checkbox",{"alignment":[513],"checked":[1540],"description":[513],"disabled":[516],"hasError":[516,"has-error"],"hideLabel":[1540,"hide-label"],"indeterminate":[516],"label":[1537],"name":[513],"readonly":[516],"slotReadonly":[516,"slot-readonly"],"type":[513],"value":[513],"groupDisabled":[516,"group-disabled"],"ariaLabel":[1537,"aria-label"]},[[0,"change","defaultChangeHandler"],[0,"focus","delegateFocus"]],{"ariaLabel":["ariaLabelObserver"]}]]],["p-dd18416f",[[1,"q2-legend",{"data":[16],"hoveredItemId":[513,"hovered-item-id"],"format":[513],"selectedItemId":[513,"selected-item-id"],"selectedItemIndex":[32],"hoveredItemIndex":[32]},null,{"hoveredItemId":["watchHoveredItemId"],"selectedItemId":["watchSelectedItemId"]}]]],["p-abe30d0c",[[1,"q2-optgroup",{"disabled":[516],"label":[513],"hidden":[32]},null,{"disabled":["disabledWatcher"]}]]],["p-f18caa3f",[[1,"q2-message",{"appearance":[513],"description":[516],"type":[513],"presentToggle":[32],"present":[64]},[[0,"focus","delegateFocus"]]]]],["p-0e482a7c",[[1,"q2-option",{"role":[513],"disabled":[516],"display":[1025],"value":[513],"disabledGroup":[516,"disabled-group"],"selected":[516],"multiline":[516],"active":[516],"_multiSelectHidden":[516,"_multiselecthidden"]}]]],["p-3fe532bc",[[1,"q2-btn",{"ariaExpanded":[1,"aria-expanded"],"ariaHasPopup":[1,"aria-has-popup"],"ariaControls":[1,"aria-controls"],"ariaSelected":[1,"aria-selected"],"ariaPressed":[1,"aria-pressed"],"description":[1],"tabIndex":[2,"tab-index"],"active":[516],"badge":[516],"block":[516],"disabled":[516],"hideLabel":[1540,"hide-label"],"intent":[1537],"label":[1537],"loading":[516],"type":[513],"_role":[513],"size":[513],"color":[1537],"fab":[516],"ariaLabel":[1537,"aria-label"],"iconPosition":[32]},[[2,"click","disable"],[2,"click","handleClick"],[0,"focus","delegateFocus"]],{"ariaLabel":["ariaLabelObserver"],"size":["sizeObserver"]}],[1,"q2-loading",{"counts":[513],"inline":[516],"label":[1537],"modifiers":[513],"shape":[513],"type":[513],"ariaLabel":[1537,"aria-label"]},null,{"ariaLabel":["ariaLabelObserver"]}]]],["p-f4b28e89",[[1,"q2-input",{"autocapitalize":[513],"autocomplete":[513],"autocorrect":[513],"autofocus":[516],"badgeTheme":[513,"badge-theme"],"badgeValue":[513,"badge-value"],"clearable":[516],"current":[1],"disabled":[516],"errors":[16],"formatModifier":[513,"format-modifier"],"hideLabel":[1540,"hide-label"],"hideMessages":[516,"hide-messages"],"hints":[16],"iconLeft":[513,"icon-left"],"iconRight":[513,"icon-right"],"label":[1537],"max":[514],"maxlength":[1538],"min":[514],"optional":[516],"placeholder":[513],"pseudo":[516],"readonly":[516],"role":[1],"showCount":[516,"show-count"],"showVisibilityToggle":[516,"show-visibility-toggle"],"step":[514],"textHidden":[1540,"text-hidden"],"type":[513],"_role":[1025],"_preventEntry":[1028,"_prevent-entry"],"value":[1025],"pattern":[1537],"ariaOwns":[1,"aria-owns"],"ariaControls":[1,"aria-controls"],"ariaHaspopup":[1,"aria-haspopup"],"ariaExpanded":[1,"aria-expanded"],"ariaActivedescendant":[1,"aria-activedescendant"],"ariaLabel":[1537,"aria-label"],"validity":[1040],"formattedValueObject":[32],"hasFocus":[32],"isSmall":[32],"checkSlotCount":[32],"setValue":[64],"clearValue":[64],"checkValidity":[64]},[[0,"focus","onHostElementFocus"],[0,"change","onHostElementChange"]],{"clearable":["manageClearableResizeObserver"],"ariaLabel":["ariaLabelObserver"],"value":["valueObserver"],"formattedValueObject":["formattedValueObjectObserver"],"type":["typeObserver"],"formatModifier":["formatModifierObserver"],"hints":["hintsObserver"],"errors":["errorsObserver"]}]]],["p-56dd051a",[[1,"q2-option-list",{"align":[513],"customSearch":[516,"custom-search"],"disabled":[516],"label":[1],"multiple":[516],"noSelect":[516,"no-select"],"selectedOptions":[1040],"showSelected":[1540,"show-selected"],"type":[1],"hasOptions":[32],"setDefaultActiveElement":[64],"setActiveElement":[64],"handleExternalKeydown":[64],"getContents":[64],"getOptions":[64]},[[0,"focus","delegateFocus"],[0,"click","handleClick"]],{"showSelected":["showSelectedUpdated"],"selectedOptions":["selectedOptionsUpdated"]}]]],["p-24719520",[[1,"q2-popover",{"direction":[513],"align":[513],"open":[1540],"block":[516],"controlElement":[16],"mode":[1],"minHeight":[2,"min-height"],"currentDirection":[32],"show":[32],"toggle":[64],"scrollContainerTo":[64]},[[0,"popoverState","popoverStateHandler"]],{"open":["openChanged"],"minHeight":["minHeightProvided"]}],[0,"click-elsewhere"]]]]'),e)}));
1
+ import{p as e,b as a}from"./p-a5f18e27.js";export{s as setNonce}from"./p-a5f18e27.js";import{g as t}from"./p-e1255160.js";var l=()=>{const a=import.meta.url;const t={};if(a!==""){t.resourcesUrl=new URL(".",a).href}return e(t)};l().then((async e=>{await t();return a(JSON.parse('[["p-f57c4448",[[1,"q2-pagination",{"autoSize":[1540,"auto-size"],"total":[514],"page":[1538],"pages":[1538],"pagesOnly":[1540,"pages-only"],"perPage":[2,"per-page"],"perPageIncrements":[16],"recordsOnly":[1540,"records-only"],"recordType":[1,"record-type"],"alignment":[1],"isSmall":[32]},[[0,"focus","onHostElementFocus"]],{"recordsOnly":["manageResizeObserver"],"pagesOnly":["manageResizeObserver"],"autoSize":["manageResizeObserver"]}]]],["p-19da46dc",[[1,"q2-calendar",{"assume":[513],"calendarLabel":[513,"calendar-label"],"clearable":[516],"cutoffTime":[513,"cutoff-time"],"daysOfWeekChecksum":[514,"days-of-week-checksum"],"disabled":[516],"disabledMsg":[513,"disabled-msg"],"disclaimer":[513],"displayFormat":[513,"display-format"],"endDate":[513,"end-date"],"errors":[1040],"hideLabel":[1540,"hide-label"],"hints":[1040],"invalid":[1540],"invalidDates":[16],"label":[1537],"open":[1540],"optional":[516],"placeholder":[513],"popoverAlignment":[1,"popover-alignment"],"popoverDirection":[1025,"popover-direction"],"popoverMode":[1025,"popover-mode"],"popoverMinHeight":[2,"popover-min-height"],"readonly":[516],"startDate":[513,"start-date"],"typeable":[516],"validDates":[16],"value":[1537],"popDirection":[513,"pop-direction"],"onsuccess":[16],"buttonLabel":[513,"button-label"],"ariaLabel":[1537,"aria-label"],"keyboardSelection":[32],"typedValue":[32],"dateList":[32],"hintMessage":[32],"hintMessageType":[32],"openPopover":[64],"closePopover":[64],"setValue":[64],"typeValue":[64]},[[0,"change","defaultChangeHandler"],[0,"error","defaultErrorHandler"],[0,"success","defaultSuccessHandler"],[0,"focus","delegateFocus"],[0,"clear","handleClear"],[0,"popoverStateChanged","popoverStateHandler"]],{"popDirection":["popDirectionHandler"],"ariaLabel":["ariaLabelObserver"],"typeable":["typeableChanged"],"value":["valueObserver"],"daysOfWeekChecksum":["daysOfWeekChecksumObserver"],"validDates":["validDatesObserver"],"invalidDates":["invalidDatesObserver"],"startDate":["startDateObserver"],"endDate":["endDateObserver"],"cutoffTime":["cutoffTimeObserver"]}]]],["p-3f665c56",[[1,"q2-action-sheet",{"data":[1040],"title":[1],"hideClose":[4,"hide-close"],"isScrollable":[32],"renderStatus":[32],"hide":[64],"show":[64]}]]],["p-4b47816d",[[1,"q2-dropdown",{"additionalContext":[513,"additional-context"],"block":[516],"context":[513],"contextValue":[513,"context-value"],"disabled":[516],"hideLabel":[1540,"hide-label"],"icon":[513],"label":[1537],"name":[513],"open":[1540],"popoverDirection":[1025,"popover-direction"],"popoverAlignment":[1025,"popover-alignment"],"popoverMode":[1025,"popover-mode"],"popoverMinHeight":[2,"popover-min-height"],"resolvedType":[513,"resolved-type"],"type":[513],"alignment":[513],"popDirection":[513,"pop-direction"],"ariaLabel":[1537,"aria-label"]},[[0,"focus","delegateFocus"],[0,"popoverStateChanged","popoverStateHandler"]],{"popDirection":["popDirectionHandler"],"alignment":["alignmentHandler"],"ariaLabel":["ariaLabelHandler"],"name":["nameHandler"],"context":["contextHandler"],"contextValue":["contextValueHandler"],"resolvedType":["resolvedTypeHandler"],"additionalContext":["additionalContextHandler"]}]]],["p-30296b0e",[[1,"q2-data-table",{"bordered":[1544],"clickable":[1540],"caption":[1025],"density":[1537],"emptyIcon":[513,"empty-icon"],"emptyMessage":[513,"empty-message"],"headers":[1040],"hideCaption":[1540,"hide-caption"],"hideClickable":[1028,"hide-clickable"],"loading":[1540],"rows":[1040],"selectable":[1540],"selectMode":[1025,"select-mode"],"shadowed":[1540],"striped":[516],"serializedHeaders":[32],"serializedRows":[32],"hasExpandableRows":[32],"hasDropdowns":[32],"allRowsSelected":[32],"someRowsSelected":[32],"hasRowData":[32],"checkSlotCount":[32]},[[0,"click","onClickListener"],[0,"selectAllRows","onSelectAllRows"]],{"headers":["headersHandler"],"rows":["rowsHandler"],"selectable":["selectableHandler"]}]]],["p-43236cac",[[1,"q2-editable-field",{"block":[516],"disabled":[516],"editing":[1540],"errors":[16],"formatModifier":[513,"format-modifier"],"hideLabel":[1540,"hide-label"],"hints":[16],"label":[1537],"maxlength":[514],"persistentLabel":[516,"persistent-label"],"truncated":[516],"type":[513],"value":[1537],"ariaLabel":[1537,"aria-label"],"formattedValue":[32],"clickEdit":[64],"clickCancel":[64],"clickSave":[64],"setValue":[64]},[[0,"change","onHostElementChange"],[0,"focus","delegateFocus"]],{"errors":["errorsObserver"],"ariaLabel":["ariaLabelObserver"],"editing":["observesEditing"]}]]],["p-dfa489ba",[[1,"q2-pill",{"active":[1540],"disabled":[516],"borderless":[516],"hoist":[4],"label":[513],"maxLength":[514,"max-length"],"multiple":[516],"open":[1540],"optionListLabel":[1,"option-list-label"],"popoverDirection":[1,"popover-direction"],"popoverAlignment":[1025,"popover-alignment"],"popoverMinHeight":[2,"popover-min-height"],"selectedOptions":[1040],"theme":[513],"value":[1537],"optionCount":[32],"selectedOptionElements":[32]},[[0,"focus","delegateFocus"],[0,"popoverStateChanged","popoverStateHandler"],[0,"displayChanged","handleSelectedDisplay"]],{"value":["valueChanged"],"selectedOptions":["selectedOptionsChanged"]}]]],["p-4008aceb",[[1,"q2-tab-container",{"color":[513],"name":[513],"noPrint":[516,"no-print"],"type":[513],"value":[1537],"hasLeft":[32],"hasRight":[32],"scrollEnabled":[32],"showScrollLeft":[32],"showScrollRight":[32],"tabs":[32]},[[0,"change","defaultChangeHandler"],[9,"resize","onResize"],[0,"focus","onFocus"],[0,"badge","onBadge"]],{"value":["valueObserver"],"name":["nameObserver"]}]]],["p-49ecdf18",[[1,"q2-tag",{"hoist":[4],"label":[513],"open":[1540],"optionListLabel":[1,"option-list-label"],"popoverDirection":[1,"popover-direction"],"popoverAlignment":[1025,"popover-alignment"],"popoverMinHeight":[2,"popover-min-height"],"theme":[513],"optionCount":[32]},[[0,"focus","delegateFocus"],[0,"popoverStateChanged","popoverStateHandler"]]]]],["p-7cbb989e",[[4,"q2-carousel",{"autoPlay":[516,"auto-play"],"fullWidthPanes":[516,"full-width-panes"],"framelessPanes":[516,"frameless-panes"],"hidePagination":[516,"hide-pagination"],"label":[513],"showNavigationArrows":[516,"show-navigation-arrows"],"index":[1538],"ariaLabel":[513,"aria-label"],"universalCarouselOptions":[32],"fullWidthDisplayOptions":[32],"activePaneIndex":[32],"applyFocus":[32],"applyPaginationFocus":[32],"autoPlayInProgress":[32],"compactMode":[32],"carouselWrapperWidth":[32],"ariaLiveValue":[32],"currentPaneCount":[32]},[[0,"change","onHostElementChange"],[0,"clickCarouselPane","carouselPaneClicked"],[0,"focus","delegateFocus"]],{"ariaLabel":["ariaLabelObserver"],"carouselWrapperWidth":["carouselWrapperWidthChanged"],"index":["indexChanged"],"fullWidthPanes":["revampCarousel"],"framelessPanes":["revampCarousel","framelessPanesChanged"],"compactMode":["revampCarousel"],"autoPlay":["revampCarousel"]}]]],["p-4f7e6e79",[[1,"q2-chart-donut",{"data":[16],"chartName":[513,"chart-name"],"format":[513],"hoverScaleSize":[2,"hover-scale-size"],"isClickable":[516,"is-clickable"],"innerRadius":[1025,"inner-radius"],"minSliceSize":[1,"min-slice-size"],"outerRadius":[1025,"outer-radius"],"selectedId":[1025,"selected-id"],"selectedOffset":[2,"selected-offset"],"showLegend":[516,"show-legend"],"summaryIcon":[513,"summary-icon"],"summaryName":[513,"summary-name"],"hoveredId":[32],"legendData":[32],"selectById":[64],"selectByIndex":[64],"clearSelection":[64],"getChartOptions":[64]},[[0,"focus","delegateFocus"]],{"chartName":["propsUpdates"],"innerRadius":["propsUpdates","innerRadiusUpdated"],"outerRadius":["propsUpdates","outerRadiusUpdated"],"minSliceSize":["propsUpdates"],"hoverScaleSize":["propsUpdates"],"selectedOffset":["propsUpdates"],"data":["dataUpdated"],"selectedId":["checkSelectedId"]}]]],["p-1b89b9c3",[[1,"q2-month-picker",{"year":[1538],"disabledMonths":[16],"today":[1],"selectedIndex":[32],"focusedIndex":[32],"showYearLayer":[32]}]]],["p-861e83de",[[1,"q2-section",{"collapsible":[516],"expanded":[1540],"label":[513],"noCollapseIcon":[516,"no-collapse-icon"],"contentHeight":[32],"hideContent":[32],"hasYieldedHeader":[32]},[[0,"change","defaultChangeHandler"],[0,"focus","delegateFocus"]],{"expanded":["expandedObserver"],"collapsible":["collapsibleObserver"]}]]],["p-e793a82c",[[1,"q2-stepper",{"currentStep":[1538,"current-step"],"stepCount":[1026,"step-count"],"lastEnabledStep":[1026,"last-enabled-step"],"contentChangeTriggerCount":[32],"scrollEnabled":[32],"showScrollLeft":[32],"showScrollRight":[32]},[[0,"change","defaultChangeHandler"],[0,"focus","delegateFocus"],[0,"statusChange","statusChangeHandler"],[0,"contentChange","contentChangeHandler"]],{"currentStep":["currentStepChanged"]}]]],["p-63038a54",[[1,"q2-card",{"avatarIcon":[513,"avatar-icon"],"avatarInitials":[513,"avatar-initials"],"avatarName":[513,"avatar-name"],"avatarSrc":[513,"avatar-src"],"bar":[513],"description":[513],"isSmall":[516,"is-small"],"isStatic":[516,"is-static"],"isTouch":[516,"is-touch"],"target":[513],"title":[513],"type":[513],"url":[513],"isAutoTouch":[32],"isAutoSmall":[32]},[[0,"focus","onHostElementFocus"]]]]],["p-fde11d9c",[[1,"q2-checkbox-group",{"disabled":[516],"hasError":[516,"has-error"],"hideLabel":[1540,"hide-label"],"label":[513],"optional":[516],"readonly":[516],"value":[1040],"setValue":[64]},[[0,"change","onHostElementChange"]],{"value":["valueObserver"],"disabled":["disabledObserver"],"readonly":["readonlyObserver"]}]]],["p-8a8d51f1",[[1,"q2-radio-group",{"disabled":[516],"hasError":[516,"has-error"],"hideLabel":[1540,"hide-label"],"label":[513],"name":[513],"optional":[516],"readonly":[516],"tileAlignment":[513,"tile-alignment"],"tileLayout":[1540,"tile-layout"],"value":[1025],"tilelayout":[1540],"setValue":[64]},[[0,"change","onHostElementChange"],[0,"focus","delegateFocus"],[0,"keydown","keydownHandler"]],{"value":["valueUpdated"],"name":["nameUpdated"],"disabled":["disabledUpdated"],"readonly":["readonlyUpdated"],"tilelayout":["handleDeprecatedTilelayout"],"tileLayout":["tileLayoutUpdated"]}]]],["p-828850c1",[[1,"q2-stepper-vertical",{"currentStepId":[1537,"current-step-id"],"structuredPanes":[32]},[[0,"change","defaultChangeHandler"],[0,"focus","delegateFocus"],[0,"statusChange","statusChangeHandler"]],{"currentStepId":["currentStepChanged"]}]]],["p-2878a662",[[1,"q2-textarea",{"cols":[514],"disabled":[516],"errors":[16],"hints":[16],"hideLabel":[516,"hide-label"],"hideMessages":[516,"hide-messages"],"label":[513],"maxlength":[1538],"optional":[516],"placeholder":[513],"readonly":[516],"resize":[513],"rows":[514],"spellcheck":[516],"value":[1025],"hasFocus":[32],"downParams":[32],"setValue":[64]},[[0,"focus","onHostElementFocus"],[0,"change","onHostElementChange"],[0,"input","onHostElementInput"]],{"value":["valueObserver"],"rows":["rowsObserver"],"cols":["colsObserver"],"hints":["hintsObserver"],"errors":["errorsObserver"]}]]],["p-7dafc5da",[[4,"q2-carousel-pane",{"index":[2],"siblingCount":[2,"sibling-count"],"isActivePane":[516,"is-active-pane"],"label":[513],"slotFrameless":[516,"slot-frameless"]},null,{"isActivePane":["determineDisabledContent"]}]]],["p-2d6a9a94",[[1,"q2-chart-area",{"data":[16],"alignChartName":[513,"align-chart-name"],"areaColor":[513,"area-color"],"chartName":[513,"chart-name"],"chartSubTitle":[513,"chart-sub-title"],"dataNamesOverflow":[513,"data-names-overflow"],"dataNamesWidth":[514,"data-names-width"],"format":[513],"formatModifier":[513,"format-modifier"],"gridLines":[513,"grid-lines"],"hideNameAxisLabels":[516,"hide-name-axis-labels"],"hideValueAxisLabels":[516,"hide-value-axis-labels"],"lineColor":[513,"line-color"],"offsetDataNames":[516,"offset-data-names"],"offsetDataValues":[516,"offset-data-values"],"pointerLineColor":[513,"pointer-line-color"],"pointerLineStyle":[513,"pointer-line-style"],"showChartName":[516,"show-chart-name"],"showDatapointLabels":[516,"show-datapoint-labels"],"showGradient":[516,"show-gradient"]},null,{"data":["propsUpdates"],"alignChartName":["propsUpdates"],"chartName":["propsUpdates"],"chartSubTitle":["propsUpdates"],"lineColor":["propsUpdates"],"pointerLineColor":["propsUpdates"],"pointerLineStyle":["propsUpdates"],"areaColor":["propsUpdates"],"dataNamesOverflow":["propsUpdates"],"dataNamesWidth":["propsUpdates"],"format":["propsUpdates"],"formatModifier":["propsUpdates"],"hideNameAxisLabels":["propsUpdates"],"hideValueAxisLabels":["propsUpdates"],"offsetDataNames":["propsUpdates"],"offsetDataValues":["propsUpdates"],"showChartName":["propsUpdates"],"showDatapointLabels":["propsUpdates"],"showGradient":["propsUpdates"],"gridLines":["propsUpdates"]}]]],["p-30d70f4a",[[1,"q2-chart-bar",{"data":[16],"alignChartName":[513,"align-chart-name"],"chartName":[513,"chart-name"],"chartSubTitle":[513,"chart-sub-title"],"color":[513],"dataNamesOverflow":[513,"data-names-overflow"],"dataNamesWidth":[514,"data-names-width"],"format":[513],"formatModifier":[513,"format-modifier"],"hideBarLabels":[516,"hide-bar-labels"],"hideValueAxisLabels":[516,"hide-value-axis-labels"],"offsetDataNames":[516,"offset-data-names"],"offsetDataValues":[516,"offset-data-values"],"orientation":[513],"showChartName":[516,"show-chart-name"],"sort":[516]},null,{"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"]}]]],["p-ced89010",[[1,"q2-currency",{"amount":[514],"currency":[513],"locale":[513],"size":[513],"signDisplay":[513,"sign-display"],"slotSize":[513,"slot-size"]},null,{"amount":["propsUpdated"],"currency":["propsUpdated"],"locale":["propsUpdated"],"size":["propsUpdated"],"slotSize":["propsUpdated"],"signDisplay":["propsUpdated"]}]]],["p-d75e4752",[[1,"q2-detail",{"alignment":[513],"description":[513],"label":[513],"size":[513],"stacked":[516]}]]],["p-2a8de00d",[[1,"q2-form",{"spacing":[513]}]]],["p-d32f8e53",[[1,"q2-item",{"clickable":[516],"renderTrigger":[32]},[[0,"focus","delegateFocus"]]]]],["p-9b65cc28",[[1,"q2-list",{"label":[513],"bordered":[1540],"renderTrigger":[32]}]]],["p-5a41c1f6",[[0,"q2-loading-element",{"shape":[513],"width":[513],"height":[513],"borderRadius":[513,"border-radius"]}]]],["p-32130845",[[1,"q2-loc",{"substitutions":[16],"value":[513]}]]],["p-35cc1039",[[1,"q2-radio",{"checked":[1540],"disabled":[516],"hideLabel":[1540,"hide-label"],"label":[1537],"readonly":[516],"value":[513],"tabIndex":[2,"tab-index"],"name":[513],"groupDisabled":[4,"group-disabled"],"groupReadonly":[4,"group-readonly"],"groupTileLayout":[4,"group-tile-layout"],"ariaLabel":[1537,"aria-label"]},[[0,"click","onHostClick"],[0,"focus","delegateFocus"]],{"ariaLabel":["ariaLabelObserver"],"checked":["checkedObserver"]}]]],["p-9a5695db",[[1,"q2-relative-time",{"baseDate":[513,"base-date"],"locale":[513],"messageFormat":[513,"message-format"],"numeric":[513],"sync":[1540],"date":[513],"unit":[513],"displayedMessage":[32],"displayedMessageValue":[64],"validDateProp":[64],"validBaseDateProp":[64]},null,{"sync":["syncUpdated"],"messageFormat":["updateMessage"],"locale":["updateMessage"],"date":["updateMessage"],"baseDate":["updateMessage"],"numeric":["updateMessage"],"unit":["updateMessage"]}]]],["p-d35de465",[[1,"q2-stepper-pane",{"description":[513],"isActive":[516,"is-active"],"label":[513],"showWithChildren":[516,"show-with-children"],"status":[513],"isChildActive":[32]},[[0,"activeChange","checkForActiveChildren"]],{"label":["labelOrDescriptionChanged"],"description":["labelOrDescriptionChanged"],"status":["statusChanged"],"isActive":["isActiveChanged"],"showWithChildren":["checkForActiveChildren"]}]]],["p-0d6edd2a",[[1,"q2-tab-pane",{"badgeCount":[514,"badge-count"],"badgeDescription":[513,"badge-description"],"badgeStatus":[513,"badge-status"],"badgeTheme":[513,"badge-theme"],"label":[513],"value":[513],"name":[513],"selected":[516],"index":[2],"guid":[2]},null,{"badgeCount":["badgeObserver"],"badgeDescription":["badgeObserver"],"badgeTheme":["badgeObserver"],"badgeStatus":["badgeObserver"]}]]],["p-81bb9436",[[1,"q2-tooltip",{"block":[516],"focusable":[516],"immediate":[516],"label":[513],"multiline":[516],"persistent":[516],"position":[513],"focusClass":[32]},[[0,"keyup","keyUpHandler"],[2,"focus","focusCaptureHandler"],[0,"focus","focusHandler"],[0,"focusout","focusOutHandler"]]]]],["p-550881db",[[0,"slot-component",{"slotSize":[513,"slot-size"]}]]],["p-366a92d9",[[1,"tecton-tab-pane",{"value":[513],"label":[513],"name":[513],"selected":[516],"index":[2],"guid":[2],"provided":[516],"url":[513],"moduleId":[513,"module-id"],"minHeight":[513,"min-height"],"badgeCount":[514,"badge-count"],"badgeDescription":[513,"badge-description"],"badgeTheme":[513,"badge-theme"],"badgeStatus":[513,"badge-status"],"authPayload":[16],"showForm":[4,"show-form"],"_showForm":[32]},null,{"badgeCount":["badgeObserver"],"badgeDescription":["badgeObserver"],"badgeTheme":["badgeObserver"],"badgeStatus":["badgeObserver"],"selected":["selectedObserver"]}]]],["p-76be9cad",[[1,"q2-icon",{"inline":[516],"label":[513],"type":[513],"iconClone":[32]},null,{"type":["handleIcon"]}]]],["p-3fe532bc",[[1,"q2-btn",{"ariaExpanded":[1,"aria-expanded"],"ariaHasPopup":[1,"aria-has-popup"],"ariaControls":[1,"aria-controls"],"ariaSelected":[1,"aria-selected"],"ariaPressed":[1,"aria-pressed"],"description":[1],"tabIndex":[2,"tab-index"],"active":[516],"badge":[516],"block":[516],"disabled":[516],"hideLabel":[1540,"hide-label"],"intent":[1537],"label":[1537],"loading":[516],"type":[513],"_role":[513],"size":[513],"color":[1537],"fab":[516],"ariaLabel":[1537,"aria-label"],"iconPosition":[32]},[[2,"click","disable"],[2,"click","handleClick"],[0,"focus","delegateFocus"]],{"ariaLabel":["ariaLabelObserver"],"size":["sizeObserver"]}],[1,"q2-loading",{"counts":[513],"inline":[516],"label":[1537],"modifiers":[513],"shape":[513],"type":[513],"ariaLabel":[1537,"aria-label"]},null,{"ariaLabel":["ariaLabelObserver"]}]]],["p-8e60bcaa",[[1,"q2-select",{"disabled":[516],"errors":[16],"hideLabel":[1540,"hide-label"],"clearable":[516],"hoist":[4],"invalid":[516],"label":[1537],"listLabel":[1,"list-label"],"minRows":[2,"min-rows"],"multilineOptions":[516,"multiline-options"],"multiple":[516],"optional":[516],"placeholder":[513],"popDirection":[513,"pop-direction"],"popoverMode":[1025,"popover-mode"],"readonly":[516],"searchable":[516],"selectedOptions":[1040],"value":[1025],"ariaLabel":[1537,"aria-label"],"open":[32],"showSelected":[32],"searchText":[32],"hasCustomDisplay":[32],"hasPopoverTop":[32],"hasPopoverBottom":[32],"inputFocused":[32],"statusMessage":[32],"prioritizeSearch":[32],"structuredSelectedOptions":[32],"openPopover":[64],"closePopover":[64],"setValue":[64],"searchOptions":[64]},[[0,"keydown","keydownHandler"],[0,"change","onHostElementChange"],[0,"clear","onClearHandler"],[0,"input","onHostElementInput"],[0,"focus","delegateFocus"],[0,"focusout","handleFocusout"],[0,"displayChanged","handleSelectedDisplay"]],{"value":["buildStructuredSelectedOptions","valueUpdated"],"selectedOptions":["buildStructuredSelectedOptions"],"ariaLabel":["ariaLabelObserver"],"multilineOptions":["handleMultilineOptionsUpdate"],"open":["openChanged"]}]]],["p-75bb43b2",[[1,"q2-dropdown-item",{"disabled":[516],"label":[1537],"removable":[516],"separator":[516],"value":[513],"ariaLabel":[1537,"aria-label"],"q2LocValue":[32]},[[0,"focus","onHostElementFocus"]],{"ariaLabel":["ariaLabelObserver"]}]]],["p-aed969d4",[[1,"q2-avatar",{"icon":[1],"initials":[513],"name":[513],"src":[513],"badSrc":[32],"isLoaded":[32]},null,{"src":["srcDidUpdate"]}]]],["p-79696bef",[[1,"q2-checkbox",{"alignment":[513],"checked":[1540],"description":[513],"disabled":[516],"hasError":[516,"has-error"],"hideLabel":[1540,"hide-label"],"indeterminate":[516],"label":[1537],"name":[513],"readonly":[516],"slotReadonly":[516,"slot-readonly"],"type":[513],"value":[513],"groupDisabled":[516,"group-disabled"],"ariaLabel":[1537,"aria-label"]},[[0,"change","defaultChangeHandler"],[0,"focus","delegateFocus"]],{"ariaLabel":["ariaLabelObserver"]}]]],["p-258f8c9c",[[1,"q2-legend",{"data":[16],"hoveredItemId":[513,"hovered-item-id"],"format":[513],"selectedItemId":[513,"selected-item-id"],"selectedItemIndex":[32],"hoveredItemIndex":[32]},null,{"hoveredItemId":["watchHoveredItemId"],"selectedItemId":["watchSelectedItemId"]}]]],["p-6e313705",[[1,"q2-optgroup",{"disabled":[516],"label":[513],"hidden":[32]},null,{"disabled":["disabledWatcher"]}]]],["p-bc73f69c",[[1,"q2-message",{"appearance":[513],"description":[516],"type":[513],"presentToggle":[32],"present":[64]},[[0,"focus","delegateFocus"]]]]],["p-fcffc029",[[1,"q2-option",{"role":[513],"disabled":[516],"display":[1025],"value":[513],"disabledGroup":[516,"disabled-group"],"selected":[516],"multiline":[516],"active":[516],"_multiSelectHidden":[516,"_multiselecthidden"]}]]],["p-b3322f94",[[1,"q2-badge",{"maxLength":[514,"max-length"],"size":[513],"status":[513],"theme":[513],"value":[514]}]]],["p-400f6071",[[1,"q2-input",{"autocapitalize":[513],"autocomplete":[513],"autocorrect":[513],"autofocus":[516],"badgeTheme":[513,"badge-theme"],"badgeValue":[513,"badge-value"],"clearable":[516],"current":[1],"disabled":[516],"errors":[16],"formatModifier":[513,"format-modifier"],"hideLabel":[1540,"hide-label"],"hideMessages":[516,"hide-messages"],"hints":[16],"iconLeft":[513,"icon-left"],"iconRight":[513,"icon-right"],"label":[1537],"max":[514],"maxlength":[1538],"min":[514],"optional":[516],"placeholder":[513],"pseudo":[516],"readonly":[516],"role":[1],"showCount":[516,"show-count"],"showVisibilityToggle":[516,"show-visibility-toggle"],"step":[514],"textHidden":[1540,"text-hidden"],"type":[513],"_role":[1025],"_preventEntry":[1028,"_prevent-entry"],"value":[1025],"pattern":[1537],"ariaOwns":[1,"aria-owns"],"ariaControls":[1,"aria-controls"],"ariaHaspopup":[1,"aria-haspopup"],"ariaExpanded":[1,"aria-expanded"],"ariaActivedescendant":[1,"aria-activedescendant"],"ariaLabel":[1537,"aria-label"],"validity":[1040],"formattedValueObject":[32],"hasFocus":[32],"isSmall":[32],"checkSlotCount":[32],"setValue":[64],"clearValue":[64],"checkValidity":[64]},[[0,"focus","onHostElementFocus"],[0,"change","onHostElementChange"]],{"clearable":["manageClearableResizeObserver"],"ariaLabel":["ariaLabelObserver"],"value":["valueObserver"],"formattedValueObject":["formattedValueObjectObserver"],"type":["typeObserver"],"formatModifier":["formatModifierObserver"],"hints":["hintsObserver"],"errors":["errorsObserver"]}]]],["p-56dd051a",[[1,"q2-option-list",{"align":[513],"customSearch":[516,"custom-search"],"disabled":[516],"label":[1],"multiple":[516],"noSelect":[516,"no-select"],"selectedOptions":[1040],"showSelected":[1540,"show-selected"],"type":[1],"hasOptions":[32],"setDefaultActiveElement":[64],"setActiveElement":[64],"handleExternalKeydown":[64],"getContents":[64],"getOptions":[64]},[[0,"focus","delegateFocus"],[0,"click","handleClick"]],{"showSelected":["showSelectedUpdated"],"selectedOptions":["selectedOptionsUpdated"]}]]],["p-fec9edc8",[[1,"q2-popover",{"direction":[513],"align":[513],"open":[1540],"block":[516],"controlElement":[16],"mode":[1],"minHeight":[2,"min-height"],"currentDirection":[32],"show":[32],"toggle":[64],"scrollContainerTo":[64]},[[0,"popoverState","popoverStateHandler"]],{"open":["openChanged"],"minHeight":["minHeightProvided"]}],[0,"click-elsewhere"]]]]'),e)}));
2
2
  //# sourceMappingURL=q2-tecton-elements.esm.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["patchBrowser","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","then","async","options","globalScripts","bootstrapLazy","JSON","parse"],"sources":["../../node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.18.0 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, doc, H, promiseResolve } from \"@stencil/core\";\nvar patchBrowser = () => {\n if (BUILD.isDev && !BUILD.isTesting) {\n consoleDevInfo(\"Running in development mode.\");\n }\n if (BUILD.cloneNodeFix) {\n patchCloneNodeFix(H.prototype);\n }\n const scriptElm = BUILD.scriptDataOpts ? Array.from(doc.querySelectorAll(\"script\")).find(\n (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n ) : null;\n const importMeta = import.meta.url;\n const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n if (importMeta !== \"\") {\n opts.resourcesUrl = new URL(\".\", importMeta).href;\n }\n return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n HTMLElementPrototype.cloneNode = function(deep) {\n if (this.nodeName === \"TEMPLATE\") {\n return nativeCloneNodeFn.call(this, deep);\n }\n const clonedNode = nativeCloneNodeFn.call(this, false);\n const srcChildNodes = this.childNodes;\n if (deep) {\n for (let i = 0; i < srcChildNodes.length; i++) {\n if (srcChildNodes[i].nodeType !== 2) {\n clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n }\n }\n }\n return clonedNode;\n };\n};\nexport {\n patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n await globalScripts();\n return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":"0HAOA,IAAIA,EAAe,KAUjB,MAAMC,cAAyBC,IAC/B,MAAMC,EAAqE,GAC3E,GAAIF,IAAe,GAAI,CACrBE,EAAKC,aAAe,IAAIC,IAAI,IAAKJ,GAAYK,IACjD,CACE,OAAOC,EAAeJ,EAAK,EClB7BH,IAAeQ,MAAKC,MAAOC,UACnBC,IACN,OAAOC,EAAcC,KAAAC,MAAA,26tBAAuCJ,EAAA"}
1
+ {"version":3,"names":["patchBrowser","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","then","async","options","globalScripts","bootstrapLazy","JSON","parse"],"sources":["../../node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.18.0 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, doc, H, promiseResolve } from \"@stencil/core\";\nvar patchBrowser = () => {\n if (BUILD.isDev && !BUILD.isTesting) {\n consoleDevInfo(\"Running in development mode.\");\n }\n if (BUILD.cloneNodeFix) {\n patchCloneNodeFix(H.prototype);\n }\n const scriptElm = BUILD.scriptDataOpts ? Array.from(doc.querySelectorAll(\"script\")).find(\n (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n ) : null;\n const importMeta = import.meta.url;\n const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n if (importMeta !== \"\") {\n opts.resourcesUrl = new URL(\".\", importMeta).href;\n }\n return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n HTMLElementPrototype.cloneNode = function(deep) {\n if (this.nodeName === \"TEMPLATE\") {\n return nativeCloneNodeFn.call(this, deep);\n }\n const clonedNode = nativeCloneNodeFn.call(this, false);\n const srcChildNodes = this.childNodes;\n if (deep) {\n for (let i = 0; i < srcChildNodes.length; i++) {\n if (srcChildNodes[i].nodeType !== 2) {\n clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n }\n }\n }\n return clonedNode;\n };\n};\nexport {\n patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n await globalScripts();\n return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":"0HAOA,IAAIA,EAAe,KAUjB,MAAMC,cAAyBC,IAC/B,MAAMC,EAAqE,GAC3E,GAAIF,IAAe,GAAI,CACrBE,EAAKC,aAAe,IAAIC,IAAI,IAAKJ,GAAYK,IACjD,CACE,OAAOC,EAAeJ,EAAK,EClB7BH,IAAeQ,MAAKC,MAAOC,UACnBC,IACN,OAAOC,EAAcC,KAAAC,MAAA,49tBAAuCJ,EAAA"}
@@ -0,0 +1,93 @@
1
+ import { setup } from "../helpers";
2
+ describe('q2-form', () => {
3
+ const formContent = `
4
+ <q2-input label="Input"></q2-input>
5
+ <q2-calendar label="Calendar"></q2-calendar>
6
+ <q2-select label="Select">
7
+ <option value="1">Option 1</option>
8
+ <option value="2">Option 2</option>
9
+ <option value="3">Option 3</option>
10
+ </q2-select>
11
+ <q2-checkbox value="standalone">Standalone Checkbox</q2-checkbox>
12
+ <q2-checkbox-group label="Checkbox Group">
13
+ <q2-checkbox value="1">Option 1</q2-checkbox>
14
+ <q2-checkbox value="2">Option 2</q2-checkbox>
15
+ <q2-checkbox value="3">Option 3</q2-checkbox>
16
+ </q2-checkbox-group>
17
+ <q2-radio-group label="Radio Group">
18
+ <q2-radio value="1">Option 1</q2-radio>
19
+ <q2-radio value="2">Option 2</q2-radio>
20
+ <q2-radio value="3">Option 3</q2-radio>
21
+ </q2-radio-group>
22
+ <q2-textarea label="Textarea"></q2-textarea>
23
+ `;
24
+ const allFormFieldsSelector = `
25
+ q2-form > q2-input,
26
+ q2-form > q2-calendar,
27
+ q2-form > q2-select,
28
+ q2-form > q2-checkbox,
29
+ q2-form > q2-checkbox-group,
30
+ q2-form > q2-radio-group,
31
+ q2-form > q2-textarea
32
+ `;
33
+ describe('Props', () => {
34
+ describe('spacing', () => {
35
+ it('adds the normal margin when not provided', async () => {
36
+ const page = await setup({
37
+ html: `<q2-form>${formContent}</q2-card>`,
38
+ });
39
+ const allFormFields = await page.findAll(allFormFieldsSelector);
40
+ expect(allFormFields.length).toBe(7);
41
+ await allFormFields.forEach(async (formField) => {
42
+ const style = await formField.getComputedStyle();
43
+ expect(style.margin).toBe('25px 0px');
44
+ });
45
+ });
46
+ it('adds no margin when "none" is provided', async () => {
47
+ const page = await setup({
48
+ html: `<q2-form spacing="none">${formContent}</q2-card>`,
49
+ });
50
+ const allFormFields = await page.findAll(allFormFieldsSelector);
51
+ expect(allFormFields.length).toBe(7);
52
+ await allFormFields.forEach(async (formField) => {
53
+ const style = await formField.getComputedStyle();
54
+ expect(style.margin).toBe('0px');
55
+ });
56
+ });
57
+ it('adds compact margin when "compact" is provided', async () => {
58
+ const page = await setup({
59
+ html: `<q2-form spacing="compact">${formContent}</q2-card>`,
60
+ });
61
+ const allFormFields = await page.findAll(allFormFieldsSelector);
62
+ expect(allFormFields.length).toBe(7);
63
+ await allFormFields.forEach(async (formField) => {
64
+ const style = await formField.getComputedStyle();
65
+ expect(style.margin).toBe('15px 0px');
66
+ });
67
+ });
68
+ it('adds normal margin when "normal" is provided', async () => {
69
+ const page = await setup({
70
+ html: `<q2-form spacing="normal">${formContent}</q2-card>`,
71
+ });
72
+ const allFormFields = await page.findAll(allFormFieldsSelector);
73
+ expect(allFormFields.length).toBe(7);
74
+ await allFormFields.forEach(async (formField) => {
75
+ const style = await formField.getComputedStyle();
76
+ expect(style.margin).toBe('25px 0px');
77
+ });
78
+ });
79
+ it('adds comfortable margin when "comfortable" is provided', async () => {
80
+ const page = await setup({
81
+ html: `<q2-form spacing="comfortable">${formContent}</q2-card>`,
82
+ });
83
+ const allFormFields = await page.findAll(allFormFieldsSelector);
84
+ expect(allFormFields.length).toBe(7);
85
+ await allFormFields.forEach(async (formField) => {
86
+ const style = await formField.getComputedStyle();
87
+ expect(style.margin).toBe('35px 0px');
88
+ });
89
+ });
90
+ });
91
+ });
92
+ });
93
+ //# sourceMappingURL=q2-form-test.e2e.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"q2-form-test.e2e.js","sourceRoot":"","sources":["../../../test/elements/q2-form-test.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAEnC,QAAQ,CAAC,SAAS,EAAE,GAAG,EAAE;IACrB,MAAM,WAAW,GAAG;;;;;;;;;;;;;;;;;;;;KAoBnB,CAAC;IAEF,MAAM,qBAAqB,GAAG;;;;;;;;KAQ7B,CAAC;IAEF,QAAQ,CAAC,OAAO,EAAE,GAAG,EAAE;QACnB,QAAQ,CAAC,SAAS,EAAE,GAAG,EAAE;YACrB,EAAE,CAAC,0CAA0C,EAAE,KAAK,IAAI,EAAE;gBACtD,MAAM,IAAI,GAAG,MAAM,KAAK,CAAC;oBACrB,IAAI,EAAE,YAAY,WAAW,YAAY;iBAC5C,CAAC,CAAC;gBACH,MAAM,aAAa,GAAG,MAAM,IAAI,CAAC,OAAO,CAAC,qBAAqB,CAAC,CAAC;gBAEhE,MAAM,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;gBACrC,MAAM,aAAa,CAAC,OAAO,CAAC,KAAK,EAAC,SAAS,EAAC,EAAE;oBAC1C,MAAM,KAAK,GAAG,MAAM,SAAS,CAAC,gBAAgB,EAAE,CAAC;oBACjD,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;gBAC1C,CAAC,CAAC,CAAC;YACP,CAAC,CAAC,CAAC;YAEH,EAAE,CAAC,wCAAwC,EAAE,KAAK,IAAI,EAAE;gBACpD,MAAM,IAAI,GAAG,MAAM,KAAK,CAAC;oBACrB,IAAI,EAAE,2BAA2B,WAAW,YAAY;iBAC3D,CAAC,CAAC;gBACH,MAAM,aAAa,GAAG,MAAM,IAAI,CAAC,OAAO,CAAC,qBAAqB,CAAC,CAAC;gBAEhE,MAAM,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;gBACrC,MAAM,aAAa,CAAC,OAAO,CAAC,KAAK,EAAC,SAAS,EAAC,EAAE;oBAC1C,MAAM,KAAK,GAAG,MAAM,SAAS,CAAC,gBAAgB,EAAE,CAAC;oBACjD,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;gBACrC,CAAC,CAAC,CAAC;YACP,CAAC,CAAC,CAAC;YAEH,EAAE,CAAC,gDAAgD,EAAE,KAAK,IAAI,EAAE;gBAC5D,MAAM,IAAI,GAAG,MAAM,KAAK,CAAC;oBACrB,IAAI,EAAE,8BAA8B,WAAW,YAAY;iBAC9D,CAAC,CAAC;gBACH,MAAM,aAAa,GAAG,MAAM,IAAI,CAAC,OAAO,CAAC,qBAAqB,CAAC,CAAC;gBAEhE,MAAM,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;gBACrC,MAAM,aAAa,CAAC,OAAO,CAAC,KAAK,EAAC,SAAS,EAAC,EAAE;oBAC1C,MAAM,KAAK,GAAG,MAAM,SAAS,CAAC,gBAAgB,EAAE,CAAC;oBACjD,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;gBAC1C,CAAC,CAAC,CAAC;YACP,CAAC,CAAC,CAAC;YAEH,EAAE,CAAC,8CAA8C,EAAE,KAAK,IAAI,EAAE;gBAC1D,MAAM,IAAI,GAAG,MAAM,KAAK,CAAC;oBACrB,IAAI,EAAE,6BAA6B,WAAW,YAAY;iBAC7D,CAAC,CAAC;gBACH,MAAM,aAAa,GAAG,MAAM,IAAI,CAAC,OAAO,CAAC,qBAAqB,CAAC,CAAC;gBAEhE,MAAM,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;gBACrC,MAAM,aAAa,CAAC,OAAO,CAAC,KAAK,EAAC,SAAS,EAAC,EAAE;oBAC1C,MAAM,KAAK,GAAG,MAAM,SAAS,CAAC,gBAAgB,EAAE,CAAC;oBACjD,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;gBAC1C,CAAC,CAAC,CAAC;YACP,CAAC,CAAC,CAAC;YAEH,EAAE,CAAC,wDAAwD,EAAE,KAAK,IAAI,EAAE;gBACpE,MAAM,IAAI,GAAG,MAAM,KAAK,CAAC;oBACrB,IAAI,EAAE,kCAAkC,WAAW,YAAY;iBAClE,CAAC,CAAC;gBACH,MAAM,aAAa,GAAG,MAAM,IAAI,CAAC,OAAO,CAAC,qBAAqB,CAAC,CAAC;gBAEhE,MAAM,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;gBACrC,MAAM,aAAa,CAAC,OAAO,CAAC,KAAK,EAAC,SAAS,EAAC,EAAE;oBAC1C,MAAM,KAAK,GAAG,MAAM,SAAS,CAAC,gBAAgB,EAAE,CAAC;oBACjD,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;gBAC1C,CAAC,CAAC,CAAC;YACP,CAAC,CAAC,CAAC;QACP,CAAC,CAAC,CAAC;IACP,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC","sourcesContent":["import { setup } from '../helpers';\n\ndescribe('q2-form', () => {\n const formContent = `\n <q2-input label=\"Input\"></q2-input>\n <q2-calendar label=\"Calendar\"></q2-calendar>\n <q2-select label=\"Select\">\n <option value=\"1\">Option 1</option>\n <option value=\"2\">Option 2</option>\n <option value=\"3\">Option 3</option>\n </q2-select>\n <q2-checkbox value=\"standalone\">Standalone Checkbox</q2-checkbox>\n <q2-checkbox-group label=\"Checkbox Group\">\n <q2-checkbox value=\"1\">Option 1</q2-checkbox>\n <q2-checkbox value=\"2\">Option 2</q2-checkbox>\n <q2-checkbox value=\"3\">Option 3</q2-checkbox>\n </q2-checkbox-group>\n <q2-radio-group label=\"Radio Group\">\n <q2-radio value=\"1\">Option 1</q2-radio>\n <q2-radio value=\"2\">Option 2</q2-radio>\n <q2-radio value=\"3\">Option 3</q2-radio>\n </q2-radio-group>\n <q2-textarea label=\"Textarea\"></q2-textarea>\n `;\n\n const allFormFieldsSelector = `\n q2-form > q2-input,\n q2-form > q2-calendar,\n q2-form > q2-select,\n q2-form > q2-checkbox,\n q2-form > q2-checkbox-group,\n q2-form > q2-radio-group,\n q2-form > q2-textarea\n `;\n\n describe('Props', () => {\n describe('spacing', () => {\n it('adds the normal margin when not provided', async () => {\n const page = await setup({\n html: `<q2-form>${formContent}</q2-card>`,\n });\n const allFormFields = await page.findAll(allFormFieldsSelector);\n\n expect(allFormFields.length).toBe(7);\n await allFormFields.forEach(async formField => {\n const style = await formField.getComputedStyle();\n expect(style.margin).toBe('25px 0px');\n });\n });\n\n it('adds no margin when \"none\" is provided', async () => {\n const page = await setup({\n html: `<q2-form spacing=\"none\">${formContent}</q2-card>`,\n });\n const allFormFields = await page.findAll(allFormFieldsSelector);\n\n expect(allFormFields.length).toBe(7);\n await allFormFields.forEach(async formField => {\n const style = await formField.getComputedStyle();\n expect(style.margin).toBe('0px');\n });\n });\n\n it('adds compact margin when \"compact\" is provided', async () => {\n const page = await setup({\n html: `<q2-form spacing=\"compact\">${formContent}</q2-card>`,\n });\n const allFormFields = await page.findAll(allFormFieldsSelector);\n\n expect(allFormFields.length).toBe(7);\n await allFormFields.forEach(async formField => {\n const style = await formField.getComputedStyle();\n expect(style.margin).toBe('15px 0px');\n });\n });\n\n it('adds normal margin when \"normal\" is provided', async () => {\n const page = await setup({\n html: `<q2-form spacing=\"normal\">${formContent}</q2-card>`,\n });\n const allFormFields = await page.findAll(allFormFieldsSelector);\n\n expect(allFormFields.length).toBe(7);\n await allFormFields.forEach(async formField => {\n const style = await formField.getComputedStyle();\n expect(style.margin).toBe('25px 0px');\n });\n });\n\n it('adds comfortable margin when \"comfortable\" is provided', async () => {\n const page = await setup({\n html: `<q2-form spacing=\"comfortable\">${formContent}</q2-card>`,\n });\n const allFormFields = await page.findAll(allFormFieldsSelector);\n\n expect(allFormFields.length).toBe(7);\n await allFormFields.forEach(async formField => {\n const style = await formField.getComputedStyle();\n expect(style.margin).toBe('35px 0px');\n });\n });\n });\n });\n});\n"]}
@@ -0,0 +1,6 @@
1
+ import { ComponentInterface } from '../../stencil-public-runtime';
2
+ export declare class Q2Checkbox implements ComponentInterface {
3
+ /** Changes the vertical spacing of the form-fields contained within the component's slot */
4
+ spacing: 'none' | 'compact' | 'normal' | 'comfortable';
5
+ render(): any;
6
+ }