@six-group/ui-library 3.0.0-beta.1.7 → 3.0.0-beta.1.8

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 (367) hide show
  1. package/dist/cjs/{event-listeners-4a8d66d5.js → event-listeners-74715e62.js} +38 -38
  2. package/dist/cjs/{execution-control-3bc9c7c4.js → execution-control-46f388e0.js} +35 -35
  3. package/dist/cjs/{focus-visible-b08d956f.js → focus-visible-0b352c74.js} +40 -40
  4. package/dist/cjs/{form-control-9e4dffd1.js → form-control-866bbece.js} +25 -25
  5. package/dist/cjs/{modal-a9679ddf.js → modal-48d42228.js} +41 -41
  6. package/dist/cjs/{popover-e3781f5a.js → popover-1d2a037c.js} +95 -95
  7. package/dist/cjs/{scroll-5b8676ba.js → scroll-76e6f5d7.js} +57 -57
  8. package/dist/cjs/set-attributes_2.cjs.entry.js +57 -57
  9. package/dist/cjs/six-alert.cjs.entry.js +131 -131
  10. package/dist/cjs/six-avatar.cjs.entry.js +28 -28
  11. package/dist/cjs/six-badge.cjs.entry.js +26 -26
  12. package/dist/cjs/six-button.cjs.entry.js +97 -97
  13. package/dist/cjs/six-card.cjs.entry.js +8 -8
  14. package/dist/cjs/six-checkbox.cjs.entry.js +152 -152
  15. package/dist/cjs/six-datepicker.cjs.entry.js +1189 -1189
  16. package/dist/cjs/six-details.cjs.entry.js +139 -139
  17. package/dist/cjs/six-dialog.cjs.entry.js +152 -152
  18. package/dist/cjs/six-drawer.cjs.entry.js +174 -174
  19. package/dist/cjs/six-dropdown_3.cjs.entry.js +728 -728
  20. package/dist/cjs/six-error-page.cjs.entry.js +94 -94
  21. package/dist/cjs/six-file-list-item.cjs.entry.js +38 -38
  22. package/dist/cjs/six-file-list.cjs.entry.js +8 -8
  23. package/dist/cjs/six-file-upload.cjs.entry.js +96 -96
  24. package/dist/cjs/six-footer.cjs.entry.js +8 -8
  25. package/dist/cjs/six-form.cjs.entry.js +219 -219
  26. package/dist/cjs/six-group-label.cjs.entry.js +46 -46
  27. package/dist/cjs/six-header.cjs.entry.js +149 -149
  28. package/dist/cjs/six-icon-button.cjs.entry.js +33 -33
  29. package/dist/cjs/six-icon.cjs.entry.js +24 -24
  30. package/dist/cjs/six-input.cjs.entry.js +230 -230
  31. package/dist/cjs/six-item-picker.cjs.entry.js +361 -361
  32. package/dist/cjs/six-language-switcher.cjs.entry.js +52 -52
  33. package/dist/cjs/six-layout-grid.cjs.entry.js +19 -19
  34. package/dist/cjs/six-main-container.cjs.entry.js +11 -11
  35. package/dist/cjs/six-menu-divider.cjs.entry.js +8 -8
  36. package/dist/cjs/six-menu-label.cjs.entry.js +8 -8
  37. package/dist/cjs/six-picto.cjs.entry.js +15 -15
  38. package/dist/cjs/six-progress-bar.cjs.entry.js +17 -17
  39. package/dist/cjs/six-progress-ring.cjs.entry.js +31 -31
  40. package/dist/cjs/six-radio.cjs.entry.js +121 -121
  41. package/dist/cjs/six-range.cjs.entry.js +198 -198
  42. package/dist/cjs/six-root.cjs.entry.js +34 -34
  43. package/dist/cjs/six-search-field.cjs.entry.js +43 -43
  44. package/dist/cjs/six-select.cjs.entry.js +447 -447
  45. package/dist/cjs/six-sidebar-item-group.cjs.entry.js +42 -42
  46. package/dist/cjs/six-sidebar-item.cjs.entry.js +18 -18
  47. package/dist/cjs/six-sidebar.cjs.entry.js +171 -171
  48. package/dist/cjs/six-spinner.cjs.entry.js +16 -16
  49. package/dist/cjs/six-switch.cjs.entry.js +100 -100
  50. package/dist/cjs/six-tab-group.cjs.entry.js +226 -226
  51. package/dist/cjs/six-tab-panel.cjs.entry.js +17 -17
  52. package/dist/cjs/six-tab.cjs.entry.js +42 -42
  53. package/dist/cjs/six-table-cell_4.cjs.entry.js +70 -70
  54. package/dist/cjs/six-table.cjs.entry.js +145 -145
  55. package/dist/cjs/six-tag.cjs.entry.js +40 -40
  56. package/dist/cjs/six-textarea.cjs.entry.js +211 -211
  57. package/dist/cjs/six-tile.cjs.entry.js +89 -89
  58. package/dist/cjs/six-timepicker.cjs.entry.js +489 -489
  59. package/dist/cjs/{six-timepicker.types-c58cc88b.js → six-timepicker.types-c19ebff3.js} +43 -43
  60. package/dist/cjs/six-tooltip.cjs.entry.js +172 -172
  61. package/dist/cjs/{slot-8abe833c.js → slot-ad537f24.js} +42 -42
  62. package/dist/cjs/{types-65e5c95b.js → types-581e8ff0.js} +12 -12
  63. package/dist/cjs/{types-0c28e484.js → types-64878648.js} +12 -12
  64. package/dist/collection/components/six-alert/six-alert.js +366 -366
  65. package/dist/collection/components/six-avatar/six-avatar.js +131 -131
  66. package/dist/collection/components/six-badge/six-badge.js +101 -101
  67. package/dist/collection/components/six-button/six-button.js +466 -466
  68. package/dist/collection/components/six-card/six-card.js +21 -21
  69. package/dist/collection/components/six-checkbox/six-checkbox.js +550 -550
  70. package/dist/collection/components/six-datepicker/components/day-selection.js +13 -13
  71. package/dist/collection/components/six-datepicker/components/month-selection.js +12 -12
  72. package/dist/collection/components/six-datepicker/components/year-selection.js +10 -10
  73. package/dist/collection/components/six-datepicker/six-date-formats.js +23 -23
  74. package/dist/collection/components/six-datepicker/six-datepicker.js +1343 -1343
  75. package/dist/collection/components/six-datepicker/test/six-datepicker.test-helpers.js +16 -16
  76. package/dist/collection/components/six-details/six-details.js +432 -432
  77. package/dist/collection/components/six-dialog/six-dialog.js +401 -401
  78. package/dist/collection/components/six-drawer/six-drawer.js +458 -458
  79. package/dist/collection/components/six-dropdown/six-dropdown.js +939 -939
  80. package/dist/collection/components/six-error-page/six-error-page.js +199 -199
  81. package/dist/collection/components/six-file-list/six-file-list.js +20 -20
  82. package/dist/collection/components/six-file-list-item/six-file-list-item.js +203 -203
  83. package/dist/collection/components/six-file-upload/six-file-upload.js +272 -272
  84. package/dist/collection/components/six-footer/six-footer.js +21 -21
  85. package/dist/collection/components/six-form/six-form.js +408 -408
  86. package/dist/collection/components/six-group-label/six-group-label.js +166 -166
  87. package/dist/collection/components/six-header/six-header.js +420 -420
  88. package/dist/collection/components/six-icon/six-icon.js +77 -77
  89. package/dist/collection/components/six-icon-button/six-icon-button.js +142 -142
  90. package/dist/collection/components/six-input/six-input.js +1141 -1141
  91. package/dist/collection/components/six-item-picker/six-item-picker.js +688 -688
  92. package/dist/collection/components/six-item-picker/types.js +13 -13
  93. package/dist/collection/components/six-language-switcher/six-language-switcher.js +128 -128
  94. package/dist/collection/components/six-layout-grid/six-layout-grid.js +52 -52
  95. package/dist/collection/components/six-main-container/six-main-container.js +53 -53
  96. package/dist/collection/components/six-menu/six-menu.js +406 -406
  97. package/dist/collection/components/six-menu-divider/six-menu-divider.js +22 -22
  98. package/dist/collection/components/six-menu-item/six-menu-item.js +177 -177
  99. package/dist/collection/components/six-menu-label/six-menu-label.js +25 -25
  100. package/dist/collection/components/six-picto/six-picto.js +50 -50
  101. package/dist/collection/components/six-progress-bar/six-progress-bar.js +77 -77
  102. package/dist/collection/components/six-progress-ring/six-progress-ring.js +111 -111
  103. package/dist/collection/components/six-radio/six-radio.js +410 -410
  104. package/dist/collection/components/six-range/six-range.js +620 -620
  105. package/dist/collection/components/six-root/six-root.js +167 -167
  106. package/dist/collection/components/six-search-field/six-search-field.js +171 -171
  107. package/dist/collection/components/six-select/six-select.js +1105 -1105
  108. package/dist/collection/components/six-sidebar/six-sidebar.js +455 -455
  109. package/dist/collection/components/six-sidebar-item/six-sidebar-item.js +89 -89
  110. package/dist/collection/components/six-sidebar-item-group/six-sidebar-item-group.js +158 -158
  111. package/dist/collection/components/six-spinner/six-spinner.js +55 -55
  112. package/dist/collection/components/six-stage-indicator/six-stage-indicator.js +46 -46
  113. package/dist/collection/components/six-switch/six-switch.js +393 -393
  114. package/dist/collection/components/six-tab/six-tab.js +198 -198
  115. package/dist/collection/components/six-tab-group/six-tab-group.js +362 -362
  116. package/dist/collection/components/six-tab-panel/six-tab-panel.js +75 -75
  117. package/dist/collection/components/six-table/six-table.js +209 -209
  118. package/dist/collection/components/six-table/test/helpers.js +13 -13
  119. package/dist/collection/components/six-table/types.js +8 -8
  120. package/dist/collection/components/six-table/util/filter-by.js +34 -34
  121. package/dist/collection/components/six-table/util/from-data.js +33 -33
  122. package/dist/collection/components/six-table/util/is.js +3 -3
  123. package/dist/collection/components/six-table/util/quick-filter-by.js +13 -13
  124. package/dist/collection/components/six-table/util/sort-by.js +25 -25
  125. package/dist/collection/components/six-table-cell/six-table-cell.js +21 -21
  126. package/dist/collection/components/six-table-header/six-table-header.js +21 -21
  127. package/dist/collection/components/six-table-header-cell/get-next-state.js +7 -7
  128. package/dist/collection/components/six-table-header-cell/icons.js +12 -12
  129. package/dist/collection/components/six-table-header-cell/six-table-header-cell.js +174 -174
  130. package/dist/collection/components/six-table-header-cell/types.js +13 -13
  131. package/dist/collection/components/six-table-header-cell/util/create-model.js +6 -6
  132. package/dist/collection/components/six-table-header-cell/util/get-next-state.js +7 -7
  133. package/dist/collection/components/six-table-row/six-table-row.js +21 -21
  134. package/dist/collection/components/six-tag/six-tag.js +157 -157
  135. package/dist/collection/components/six-textarea/six-textarea.js +912 -912
  136. package/dist/collection/components/six-tile/six-tile.js +315 -315
  137. package/dist/collection/components/six-timepicker/six-time-format.js +14 -14
  138. package/dist/collection/components/six-timepicker/six-timepicker.js +980 -980
  139. package/dist/collection/components/six-timepicker/six-timepicker.types.js +40 -40
  140. package/dist/collection/components/six-tooltip/six-tooltip.js +435 -435
  141. package/dist/collection/functional-components/form-control/form-control.js +28 -28
  142. package/dist/collection/index.js +1 -1
  143. package/dist/collection/testUtil/delay.js +3 -3
  144. package/dist/collection/utils/as-array.js +1 -1
  145. package/dist/collection/utils/date-util.js +712 -712
  146. package/dist/collection/utils/event-listeners.js +39 -39
  147. package/dist/collection/utils/execution-control.js +38 -38
  148. package/dist/collection/utils/focus-visible.js +41 -41
  149. package/dist/collection/utils/matchers.js +2 -2
  150. package/dist/collection/utils/modal.js +28 -28
  151. package/dist/collection/utils/offset.js +13 -13
  152. package/dist/collection/utils/popover.js +113 -113
  153. package/dist/collection/utils/scroll.js +47 -47
  154. package/dist/collection/utils/slot.js +59 -59
  155. package/dist/collection/utils/support.js +15 -15
  156. package/dist/collection/utils/tabbable.js +22 -22
  157. package/dist/collection/utils/testing.js +38 -38
  158. package/dist/collection/utils/time.util.js +74 -74
  159. package/dist/collection/utils/type-check.js +5 -5
  160. package/dist/collection/utils/types.js +1 -1
  161. package/dist/collection/wrappers/set-attributes/set-attributes.js +68 -68
  162. package/dist/components.json +1 -1
  163. package/dist/custom-elements/index.js +7595 -7595
  164. package/dist/esm/{event-listeners-1bef934e.js → event-listeners-570a24ea.js} +38 -38
  165. package/dist/esm/{execution-control-235f5126.js → execution-control-1a60d709.js} +35 -35
  166. package/dist/esm/{focus-visible-4b7946aa.js → focus-visible-97933ea9.js} +40 -40
  167. package/dist/esm/{form-control-17478ad2.js → form-control-24f446af.js} +25 -25
  168. package/dist/esm/{modal-e5709f6b.js → modal-5ebdc320.js} +41 -41
  169. package/dist/esm/polyfills/core-js.js +0 -0
  170. package/dist/esm/polyfills/dom.js +0 -0
  171. package/dist/esm/polyfills/es5-html-element.js +0 -0
  172. package/dist/esm/polyfills/index.js +0 -0
  173. package/dist/esm/polyfills/system.js +0 -0
  174. package/dist/esm/{popover-5a51f84d.js → popover-1c7a1139.js} +95 -95
  175. package/dist/esm/{scroll-99b214c2.js → scroll-180b53fd.js} +57 -57
  176. package/dist/esm/set-attributes_2.entry.js +57 -57
  177. package/dist/esm/six-alert.entry.js +131 -131
  178. package/dist/esm/six-avatar.entry.js +28 -28
  179. package/dist/esm/six-badge.entry.js +26 -26
  180. package/dist/esm/six-button.entry.js +97 -97
  181. package/dist/esm/six-card.entry.js +8 -8
  182. package/dist/esm/six-checkbox.entry.js +152 -152
  183. package/dist/esm/six-datepicker.entry.js +1189 -1189
  184. package/dist/esm/six-details.entry.js +139 -139
  185. package/dist/esm/six-dialog.entry.js +152 -152
  186. package/dist/esm/six-drawer.entry.js +174 -174
  187. package/dist/esm/six-dropdown_3.entry.js +728 -728
  188. package/dist/esm/six-error-page.entry.js +94 -94
  189. package/dist/esm/six-file-list-item.entry.js +38 -38
  190. package/dist/esm/six-file-list.entry.js +8 -8
  191. package/dist/esm/six-file-upload.entry.js +96 -96
  192. package/dist/esm/six-footer.entry.js +8 -8
  193. package/dist/esm/six-form.entry.js +219 -219
  194. package/dist/esm/six-group-label.entry.js +46 -46
  195. package/dist/esm/six-header.entry.js +149 -149
  196. package/dist/esm/six-icon-button.entry.js +33 -33
  197. package/dist/esm/six-icon.entry.js +24 -24
  198. package/dist/esm/six-input.entry.js +230 -230
  199. package/dist/esm/six-item-picker.entry.js +361 -361
  200. package/dist/esm/six-language-switcher.entry.js +52 -52
  201. package/dist/esm/six-layout-grid.entry.js +19 -19
  202. package/dist/esm/six-main-container.entry.js +11 -11
  203. package/dist/esm/six-menu-divider.entry.js +8 -8
  204. package/dist/esm/six-menu-label.entry.js +8 -8
  205. package/dist/esm/six-picto.entry.js +15 -15
  206. package/dist/esm/six-progress-bar.entry.js +17 -17
  207. package/dist/esm/six-progress-ring.entry.js +31 -31
  208. package/dist/esm/six-radio.entry.js +121 -121
  209. package/dist/esm/six-range.entry.js +198 -198
  210. package/dist/esm/six-root.entry.js +34 -34
  211. package/dist/esm/six-search-field.entry.js +43 -43
  212. package/dist/esm/six-select.entry.js +447 -447
  213. package/dist/esm/six-sidebar-item-group.entry.js +42 -42
  214. package/dist/esm/six-sidebar-item.entry.js +18 -18
  215. package/dist/esm/six-sidebar.entry.js +171 -171
  216. package/dist/esm/six-spinner.entry.js +16 -16
  217. package/dist/esm/six-switch.entry.js +100 -100
  218. package/dist/esm/six-tab-group.entry.js +226 -226
  219. package/dist/esm/six-tab-panel.entry.js +17 -17
  220. package/dist/esm/six-tab.entry.js +42 -42
  221. package/dist/esm/six-table-cell_4.entry.js +70 -70
  222. package/dist/esm/six-table.entry.js +145 -145
  223. package/dist/esm/six-tag.entry.js +40 -40
  224. package/dist/esm/six-textarea.entry.js +211 -211
  225. package/dist/esm/six-tile.entry.js +89 -89
  226. package/dist/esm/six-timepicker.entry.js +489 -489
  227. package/dist/esm/{six-timepicker.types-cd6bac03.js → six-timepicker.types-e161a447.js} +43 -43
  228. package/dist/esm/six-tooltip.entry.js +172 -172
  229. package/dist/esm/{slot-5253e199.js → slot-6f3984c7.js} +42 -42
  230. package/dist/esm/{types-a37c1695.js → types-4b10b413.js} +12 -12
  231. package/dist/esm/{types-33d15673.js → types-ed860f7c.js} +12 -12
  232. package/dist/types/components/six-alert/six-alert.d.ts +60 -60
  233. package/dist/types/components/six-avatar/six-avatar.d.ts +27 -27
  234. package/dist/types/components/six-badge/six-badge.d.ts +20 -20
  235. package/dist/types/components/six-button/six-button.d.ts +69 -69
  236. package/dist/types/components/six-card/six-card.d.ts +9 -9
  237. package/dist/types/components/six-checkbox/six-checkbox.d.ts +86 -86
  238. package/dist/types/components/six-datepicker/components/day-selection.d.ts +5 -5
  239. package/dist/types/components/six-datepicker/components/month-selection.d.ts +5 -5
  240. package/dist/types/components/six-datepicker/components/year-selection.d.ts +5 -5
  241. package/dist/types/components/six-datepicker/six-date-formats.d.ts +22 -22
  242. package/dist/types/components/six-datepicker/six-datepicker.d.ts +214 -214
  243. package/dist/types/components/six-datepicker/test/six-datepicker.test-helpers.d.ts +1 -1
  244. package/dist/types/components/six-details/six-details.d.ts +61 -61
  245. package/dist/types/components/six-dialog/six-dialog.d.ts +75 -75
  246. package/dist/types/components/six-drawer/six-drawer.d.ts +82 -82
  247. package/dist/types/components/six-dropdown/six-dropdown.d.ts +140 -140
  248. package/dist/types/components/six-error-page/six-error-page.d.ts +27 -27
  249. package/dist/types/components/six-file-list/six-file-list.d.ts +8 -8
  250. package/dist/types/components/six-file-list-item/six-file-list-item.d.ts +35 -35
  251. package/dist/types/components/six-file-upload/six-file-upload.d.ts +42 -42
  252. package/dist/types/components/six-footer/six-footer.d.ts +9 -9
  253. package/dist/types/components/six-form/six-form.d.ts +69 -69
  254. package/dist/types/components/six-group-label/six-group-label.d.ts +37 -37
  255. package/dist/types/components/six-header/six-header.d.ts +90 -90
  256. package/dist/types/components/six-icon/six-icon.d.ts +13 -13
  257. package/dist/types/components/six-icon-button/six-icon-button.d.ts +28 -28
  258. package/dist/types/components/six-input/six-input.d.ts +165 -165
  259. package/dist/types/components/six-item-picker/six-item-picker.d.ts +106 -106
  260. package/dist/types/components/six-item-picker/types.d.ts +11 -11
  261. package/dist/types/components/six-language-switcher/six-language-switcher.d.ts +25 -25
  262. package/dist/types/components/six-layout-grid/six-layout-grid.d.ts +14 -14
  263. package/dist/types/components/six-main-container/six-main-container.d.ts +16 -16
  264. package/dist/types/components/six-menu/six-menu.d.ts +81 -81
  265. package/dist/types/components/six-menu-divider/six-menu-divider.d.ts +11 -11
  266. package/dist/types/components/six-menu-item/six-menu-item.d.ts +36 -36
  267. package/dist/types/components/six-menu-label/six-menu-label.d.ts +13 -13
  268. package/dist/types/components/six-picto/six-picto.d.ts +14 -14
  269. package/dist/types/components/six-progress-bar/six-progress-bar.d.ts +19 -19
  270. package/dist/types/components/six-progress-ring/six-progress-ring.d.ts +24 -24
  271. package/dist/types/components/six-radio/six-radio.d.ts +66 -66
  272. package/dist/types/components/six-range/six-range.d.ts +101 -101
  273. package/dist/types/components/six-root/six-root.d.ts +34 -34
  274. package/dist/types/components/six-search-field/six-search-field.d.ts +32 -32
  275. package/dist/types/components/six-select/six-select.d.ts +163 -163
  276. package/dist/types/components/six-sidebar/six-sidebar.d.ts +55 -55
  277. package/dist/types/components/six-sidebar-item/six-sidebar-item.d.ts +15 -15
  278. package/dist/types/components/six-sidebar-item-group/six-sidebar-item-group.d.ts +26 -26
  279. package/dist/types/components/six-spinner/six-spinner.d.ts +15 -15
  280. package/dist/types/components/six-stage-indicator/six-stage-indicator.d.ts +6 -6
  281. package/dist/types/components/six-switch/six-switch.d.ts +62 -62
  282. package/dist/types/components/six-tab/six-tab.d.ts +35 -35
  283. package/dist/types/components/six-tab-group/six-tab-group.d.ts +62 -62
  284. package/dist/types/components/six-tab-panel/six-tab-panel.d.ts +19 -19
  285. package/dist/types/components/six-table/six-table.d.ts +30 -30
  286. package/dist/types/components/six-table/test/helpers.d.ts +2 -2
  287. package/dist/types/components/six-table/types.d.ts +33 -33
  288. package/dist/types/components/six-table/util/filter-by.d.ts +2 -2
  289. package/dist/types/components/six-table/util/from-data.d.ts +8 -8
  290. package/dist/types/components/six-table/util/is.d.ts +3 -3
  291. package/dist/types/components/six-table/util/quick-filter-by.d.ts +2 -2
  292. package/dist/types/components/six-table/util/sort-by.d.ts +2 -2
  293. package/dist/types/components/six-table-cell/six-table-cell.d.ts +9 -9
  294. package/dist/types/components/six-table-header/six-table-header.d.ts +9 -9
  295. package/dist/types/components/six-table-header-cell/get-next-state.d.ts +2 -2
  296. package/dist/types/components/six-table-header-cell/icons.d.ts +3 -3
  297. package/dist/types/components/six-table-header-cell/six-table-header-cell.d.ts +32 -32
  298. package/dist/types/components/six-table-header-cell/types.d.ts +11 -11
  299. package/dist/types/components/six-table-header-cell/util/create-model.d.ts +4 -4
  300. package/dist/types/components/six-table-header-cell/util/get-next-state.d.ts +3 -3
  301. package/dist/types/components/six-table-row/six-table-row.d.ts +9 -9
  302. package/dist/types/components/six-tag/six-tag.d.ts +30 -30
  303. package/dist/types/components/six-textarea/six-textarea.d.ts +134 -134
  304. package/dist/types/components/six-tile/six-tile.d.ts +40 -40
  305. package/dist/types/components/six-timepicker/six-time-format.d.ts +13 -13
  306. package/dist/types/components/six-timepicker/six-timepicker.d.ts +184 -184
  307. package/dist/types/components/six-timepicker/six-timepicker.types.d.ts +36 -36
  308. package/dist/types/components/six-tooltip/six-tooltip.d.ts +72 -72
  309. package/dist/types/functional-components/form-control/form-control.d.ts +34 -34
  310. package/dist/types/index.d.ts +1 -1
  311. package/dist/types/testUtil/delay.d.ts +1 -1
  312. package/dist/types/utils/as-array.d.ts +1 -1
  313. package/dist/types/utils/date-util.d.ts +194 -194
  314. package/dist/types/utils/event-listeners.d.ts +15 -15
  315. package/dist/types/utils/execution-control.d.ts +26 -26
  316. package/dist/types/utils/focus-visible.d.ts +6 -6
  317. package/dist/types/utils/matchers.d.ts +2 -2
  318. package/dist/types/utils/modal.d.ts +13 -13
  319. package/dist/types/utils/offset.d.ts +4 -4
  320. package/dist/types/utils/popover.d.ts +27 -27
  321. package/dist/types/utils/scroll.d.ts +3 -3
  322. package/dist/types/utils/slot.d.ts +9 -9
  323. package/dist/types/utils/support.d.ts +1 -1
  324. package/dist/types/utils/tabbable.d.ts +2 -2
  325. package/dist/types/utils/testing.d.ts +2 -2
  326. package/dist/types/utils/time.util.d.ts +10 -10
  327. package/dist/types/utils/type-check.d.ts +4 -4
  328. package/dist/types/utils/types.d.ts +4 -4
  329. package/dist/types/wrappers/set-attributes/set-attributes.d.ts +9 -9
  330. package/dist/ui-library/{p-a8c225f2.entry.js → p-007bc8e8.entry.js} +1 -1
  331. package/dist/ui-library/{p-f9c0cfb7.entry.js → p-044b784e.entry.js} +1 -1
  332. package/dist/ui-library/{p-c733dead.js → p-0786fa7c.js} +0 -0
  333. package/dist/ui-library/{p-12cc24c3.js → p-07d1e830.js} +0 -0
  334. package/dist/ui-library/{p-48ea4419.entry.js → p-09cb13fa.entry.js} +1 -1
  335. package/dist/ui-library/{p-e96dcf96.entry.js → p-0c596054.entry.js} +1 -1
  336. package/dist/ui-library/{p-a77a6442.entry.js → p-1b8dc7b7.entry.js} +1 -1
  337. package/dist/ui-library/{p-68d31736.js → p-25a3bf57.js} +0 -0
  338. package/dist/ui-library/{p-ebaea182.entry.js → p-281e8c2d.entry.js} +1 -1
  339. package/dist/ui-library/{p-9f2dc381.entry.js → p-2924f82f.entry.js} +1 -1
  340. package/dist/ui-library/{p-ea1fcff2.entry.js → p-2d7ed407.entry.js} +1 -1
  341. package/dist/ui-library/{p-89f68e76.entry.js → p-4162dcdd.entry.js} +1 -1
  342. package/dist/ui-library/{p-6f67f986.entry.js → p-4d3a4e93.entry.js} +1 -1
  343. package/dist/ui-library/{p-8bd0873f.entry.js → p-4ed023b8.entry.js} +1 -1
  344. package/dist/ui-library/{p-af3d757c.js → p-4f8394d7.js} +0 -0
  345. package/dist/ui-library/{p-1b92cc7a.entry.js → p-530ea6ec.entry.js} +1 -1
  346. package/dist/ui-library/{p-19543c96.entry.js → p-531ab886.entry.js} +1 -1
  347. package/dist/ui-library/{p-fdb455d7.entry.js → p-54c48654.entry.js} +1 -1
  348. package/dist/ui-library/{p-c948d3db.entry.js → p-55c64cbc.entry.js} +1 -1
  349. package/dist/ui-library/{p-1c9f0dc6.js → p-5f1c6a5f.js} +0 -0
  350. package/dist/ui-library/{p-60491176.entry.js → p-675a8243.entry.js} +1 -1
  351. package/dist/ui-library/{p-b9fb8455.entry.js → p-6d622ed0.entry.js} +1 -1
  352. package/dist/ui-library/{p-572e3690.js → p-75297ad7.js} +0 -0
  353. package/dist/ui-library/{p-2ff97cdf.entry.js → p-90b26447.entry.js} +1 -1
  354. package/dist/ui-library/{p-fcd2356c.entry.js → p-93945629.entry.js} +1 -1
  355. package/dist/ui-library/{p-7735d99f.js → p-9a860acc.js} +0 -0
  356. package/dist/ui-library/{p-4cc01afc.entry.js → p-aa37e45a.entry.js} +1 -1
  357. package/dist/ui-library/{p-191f958b.js → p-b1e66136.js} +0 -0
  358. package/dist/ui-library/{p-c09dc3a9.js → p-b4dfb7cf.js} +0 -0
  359. package/dist/ui-library/{p-968c5169.entry.js → p-c24292b3.entry.js} +1 -1
  360. package/dist/ui-library/{p-ed21cc57.entry.js → p-cd79de73.entry.js} +1 -1
  361. package/dist/ui-library/{p-34e6d8e8.js → p-d12c6092.js} +0 -0
  362. package/dist/ui-library/{p-f0e91e17.entry.js → p-d28ac80a.entry.js} +1 -1
  363. package/dist/ui-library/{p-5ead7b2f.entry.js → p-d837e5a8.entry.js} +1 -1
  364. package/dist/ui-library/{p-ec1ecc2a.entry.js → p-dd3cae68.entry.js} +1 -1
  365. package/dist/ui-library/{p-044c6bf9.js → p-eb8f05a9.js} +0 -0
  366. package/dist/ui-library/ui-library.esm.js +1 -1
  367. package/package.json +1 -1
@@ -1 +1 @@
1
- import{r as t,c as o,h as r,g as i}from"./p-30ebc1e7.js";import{s as a,g as s}from"./p-044c6bf9.js";import{f as e}from"./p-191f958b.js";let b=class{constructor(r){t(this,r),this.sixTabShow=o(this,"six-tab-show",7),this.sixTabHide=o(this,"six-tab-hide",7),this.hasScrollControls=!1,this.placement="top",this.noScrollControls=!1}handlePlacementChange(){this.syncActiveTabIndicator()}handleNoScrollControlsChange(){this.updateScrollControls()}connectedCallback(){this.handleClick=this.handleClick.bind(this),this.handleKeyDown=this.handleKeyDown.bind(this),this.handleScrollLeft=this.handleScrollLeft.bind(this),this.handleScrollRight=this.handleScrollRight.bind(this),this.syncActiveTabIndicator=this.syncActiveTabIndicator.bind(this)}componentDidLoad(){new IntersectionObserver(((t,o)=>{t[0].intersectionRatio>0&&(this.setAriaLabels(),this.setActiveTab(this.getActiveTab()||this.getAllTabs()[0],!1),o.unobserve(t[0].target))})).observe(this.host),e.observe(this.tabGroup),this.resizeObserver=new ResizeObserver((()=>this.updateScrollControls())),this.resizeObserver.observe(this.nav),requestAnimationFrame((()=>this.updateScrollControls())),this.mutationObserver=new MutationObserver((t=>{t.some((t=>!["aria-labelledby","aria-controls"].includes(t.attributeName)))&&setTimeout((()=>this.setAriaLabels()))})),this.mutationObserver.observe(this.host,{attributes:!0,childList:!0,subtree:!0})}disconnectedCallback(){this.mutationObserver.disconnect(),e.unobserve(this.tabGroup),this.resizeObserver.unobserve(this.nav)}async show(t){const o=this.getAllTabs().find((o=>o.panel===t));o&&this.setActiveTab(o)}getAllTabs(t=!1){return[...this.tabs.querySelector("slot").assignedElements()].filter((o=>t?"six-tab"===o.tagName.toLowerCase():"six-tab"===o.tagName.toLowerCase()&&!o.disabled))}getAllPanels(){return[...this.body.querySelector("slot").assignedElements()].filter((t=>"six-tab-panel"===t.tagName.toLowerCase()))}getActiveTab(){return this.getAllTabs().find((t=>t.active))}handleClick(t){const o=t.target.closest("six-tab");if((null==o?void 0:o.closest("six-tab-group"))!==this.host)return!1;o&&this.setActiveTab(o)}handleKeyDown(t){const o=t.target.closest("six-tab");if((null==o?void 0:o.closest("six-tab-group"))!==this.host)return!1;if(["Enter"," "].includes(t.key)&&o&&(this.setActiveTab(o),t.preventDefault()),["ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End"].includes(t.key)){const o=document.activeElement;if(o&&"six-tab"===o.tagName.toLowerCase()){const r=this.getAllTabs();let i=r.indexOf(o);"Home"===t.key?i=0:"End"===t.key?i=r.length-1:"ArrowLeft"===t.key?i=Math.max(0,i-1):"ArrowRight"===t.key&&(i=Math.min(r.length-1,i+1)),r[i].setFocus({preventScroll:!0}),["top","bottom"].includes(this.placement)&&a(r[i],this.nav,"horizontal"),t.preventDefault()}}}handleScrollLeft(){this.nav.scroll({left:this.nav.scrollLeft-this.nav.clientWidth,behavior:"smooth"})}handleScrollRight(){this.nav.scroll({left:this.nav.scrollLeft+this.nav.clientWidth,behavior:"smooth"})}updateScrollControls(){this.hasScrollControls=!this.noScrollControls&&["top","bottom"].includes(this.placement)&&this.nav.scrollWidth>this.nav.clientWidth}setActiveTab(t,o=!0){if(t&&t!==this.activeTab&&!t.disabled){const r=this.activeTab;this.activeTab=t,this.getAllTabs().map((t=>t.active=t===this.activeTab)),this.getAllPanels().map((t=>t.active=t.name===this.activeTab.panel)),this.syncActiveTabIndicator(),["top","bottom"].includes(this.placement)&&a(this.activeTab,this.nav,"horizontal"),o&&(r&&this.sixTabHide.emit({name:r.panel}),this.sixTabShow.emit({name:this.activeTab.panel}))}}setAriaLabels(){const t=this.getAllTabs(),o=this.getAllPanels();t.map((t=>{const r=o.find((o=>o.name===t.panel));r&&(t.setAttribute("aria-controls",r.getAttribute("id")),r.setAttribute("aria-labelledby",t.getAttribute("id")))}))}syncActiveTabIndicator(){const t=this.getActiveTab();if(!t)return void(this.activeTabIndicator.style.display="none");this.activeTabIndicator.style.display="block";const o=t.clientWidth,r=t.clientHeight,i=s(t,this.nav),a=i.top+this.nav.scrollTop,e=i.left+this.nav.scrollLeft;switch(this.placement){case"top":case"bottom":this.activeTabIndicator.style.width=`${o}px`,this.activeTabIndicator.style.height=null,this.activeTabIndicator.style.transform=`translateX(${e}px)`;break;case"left":case"right":this.activeTabIndicator.style.width=null,this.activeTabIndicator.style.height=`${r}px`,this.activeTabIndicator.style.transform=`translateY(${a}px)`}}render(){return r("div",{part:"base",ref:t=>this.tabGroup=t,class:{"tab-group":!0,"tab-group--top":"top"===this.placement,"tab-group--bottom":"bottom"===this.placement,"tab-group--left":"left"===this.placement,"tab-group--right":"right"===this.placement,"tab-group--has-scroll-controls":this.hasScrollControls},onClick:this.handleClick,onKeyDown:this.handleKeyDown},r("div",{class:"tab-group__nav-container"},this.hasScrollControls&&r("six-icon-button",{class:"tab-group__scroll-button tab-group__scroll-button--left",exportparts:"base:scroll-button",name:"chevron_left",onClick:this.handleScrollLeft}),r("div",{ref:t=>this.nav=t,key:"nav",part:"nav",class:"tab-group__nav"},r("div",{ref:t=>this.tabs=t,part:"tabs",class:"tab-group__tabs",role:"tablist"},r("div",{ref:t=>this.activeTabIndicator=t,part:"active-tab-indicator",class:"tab-group__active-tab-indicator"}),r("slot",{name:"nav",onSlotchange:this.syncActiveTabIndicator}))),this.hasScrollControls&&r("six-icon-button",{class:"tab-group__scroll-button tab-group__scroll-button--right",exportparts:"base:scroll-button",name:"chevron_right",onClick:this.handleScrollRight})),r("div",{ref:t=>this.body=t,part:"body",class:"tab-group__body"},r("slot",{onSlotchange:this.syncActiveTabIndicator})))}get host(){return i(this)}static get watchers(){return{placement:["handlePlacementChange"],noScrollControls:["handleNoScrollControlsChange"]}}};b.style=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}:host{--tabs-border-color:var(--six-tab-border-color);display:block}.tab-group{display:flex;border:solid 1px transparent;border-radius:0}.tab-group .tab-group__tabs{display:flex;position:relative}.tab-group .tab-group__active-tab-indicator{position:absolute;transition:var(--six-transition-fast) transform ease, var(--six-transition-fast) width ease}.tab-group:not(.focus-visible) ::slotted(six-tab){--focus-ring:none}.tab-group--has-scroll-controls .tab-group__nav-container{position:relative;padding:0 var(--six-spacing-x-large)}.tab-group__scroll-button{display:flex;align-items:center;justify-content:center;position:absolute;top:0;bottom:0;width:var(--six-spacing-x-large)}.tab-group__scroll-button--left{left:0}.tab-group__scroll-button--right{right:0}.tab-group--top{flex-direction:column}.tab-group--top .tab-group__nav-container{order:1}.tab-group--top .tab-group__nav{display:flex;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.tab-group--top .tab-group__nav::-webkit-scrollbar{width:0;height:0}.tab-group--top .tab-group__tabs{flex:1 1 auto;position:relative;flex-direction:row;border-bottom:solid var(--six-tab-border-width) var(--tabs-border-color)}.tab-group--top .tab-group__active-tab-indicator{bottom:-2px;border-bottom:solid var(--six-tab-border-width-active) var(--six-tab-border-color-active)}.tab-group--top .tab-group__body{order:2}.tab-group--bottom{flex-direction:column}.tab-group--bottom .tab-group__nav-container{order:2}.tab-group--bottom .tab-group__nav{display:flex;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.tab-group--bottom .tab-group__nav::-webkit-scrollbar{width:0;height:0}.tab-group--bottom .tab-group__tabs{flex:1 1 auto;position:relative;flex-direction:row;border-top:solid var(--six-tab-border-width) var(--tabs-border-color)}.tab-group--bottom .tab-group__active-tab-indicator{top:-2px;border-top:solid var(--six-tab-border-width-active) var(--six-tab-border-color-active)}.tab-group--bottom .tab-group__body{order:1}.tab-group--left{flex-direction:row}.tab-group--left .tab-group__nav-container{order:1}.tab-group--left .tab-group__tabs{flex:0 0 auto;flex-direction:column;border-right:solid var(--six-tab-border-width) var(--tabs-border-color)}.tab-group--left .tab-group__active-tab-indicator{right:-2px;border-right:solid var(--six-tab-border-width-active) var(--six-tab-border-color-active)}.tab-group--left .tab-group__body{flex:1 1 auto;order:2}.tab-group--right{flex-direction:row}.tab-group--right .tab-group__nav-container{order:2}.tab-group--right .tab-group__tabs{flex:0 0 auto;flex-direction:column;border-left:solid var(--six-tab-border-width) var(--tabs-border-color)}.tab-group--right .tab-group__active-tab-indicator{left:-2px;border-left:solid var(--six-tab-border-width-active) var(--six-tab-border-color-active)}.tab-group--right .tab-group__body{flex:1 1 auto;order:1}";export{b as six_tab_group}
1
+ import{r as t,c as o,h as r,g as i}from"./p-30ebc1e7.js";import{s as a,g as s}from"./p-eb8f05a9.js";import{f as e}from"./p-b1e66136.js";let b=class{constructor(r){t(this,r),this.sixTabShow=o(this,"six-tab-show",7),this.sixTabHide=o(this,"six-tab-hide",7),this.hasScrollControls=!1,this.placement="top",this.noScrollControls=!1}handlePlacementChange(){this.syncActiveTabIndicator()}handleNoScrollControlsChange(){this.updateScrollControls()}connectedCallback(){this.handleClick=this.handleClick.bind(this),this.handleKeyDown=this.handleKeyDown.bind(this),this.handleScrollLeft=this.handleScrollLeft.bind(this),this.handleScrollRight=this.handleScrollRight.bind(this),this.syncActiveTabIndicator=this.syncActiveTabIndicator.bind(this)}componentDidLoad(){new IntersectionObserver(((t,o)=>{t[0].intersectionRatio>0&&(this.setAriaLabels(),this.setActiveTab(this.getActiveTab()||this.getAllTabs()[0],!1),o.unobserve(t[0].target))})).observe(this.host),e.observe(this.tabGroup),this.resizeObserver=new ResizeObserver((()=>this.updateScrollControls())),this.resizeObserver.observe(this.nav),requestAnimationFrame((()=>this.updateScrollControls())),this.mutationObserver=new MutationObserver((t=>{t.some((t=>!["aria-labelledby","aria-controls"].includes(t.attributeName)))&&setTimeout((()=>this.setAriaLabels()))})),this.mutationObserver.observe(this.host,{attributes:!0,childList:!0,subtree:!0})}disconnectedCallback(){this.mutationObserver.disconnect(),e.unobserve(this.tabGroup),this.resizeObserver.unobserve(this.nav)}async show(t){const o=this.getAllTabs().find((o=>o.panel===t));o&&this.setActiveTab(o)}getAllTabs(t=!1){return[...this.tabs.querySelector("slot").assignedElements()].filter((o=>t?"six-tab"===o.tagName.toLowerCase():"six-tab"===o.tagName.toLowerCase()&&!o.disabled))}getAllPanels(){return[...this.body.querySelector("slot").assignedElements()].filter((t=>"six-tab-panel"===t.tagName.toLowerCase()))}getActiveTab(){return this.getAllTabs().find((t=>t.active))}handleClick(t){const o=t.target.closest("six-tab");if((null==o?void 0:o.closest("six-tab-group"))!==this.host)return!1;o&&this.setActiveTab(o)}handleKeyDown(t){const o=t.target.closest("six-tab");if((null==o?void 0:o.closest("six-tab-group"))!==this.host)return!1;if(["Enter"," "].includes(t.key)&&o&&(this.setActiveTab(o),t.preventDefault()),["ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End"].includes(t.key)){const o=document.activeElement;if(o&&"six-tab"===o.tagName.toLowerCase()){const r=this.getAllTabs();let i=r.indexOf(o);"Home"===t.key?i=0:"End"===t.key?i=r.length-1:"ArrowLeft"===t.key?i=Math.max(0,i-1):"ArrowRight"===t.key&&(i=Math.min(r.length-1,i+1)),r[i].setFocus({preventScroll:!0}),["top","bottom"].includes(this.placement)&&a(r[i],this.nav,"horizontal"),t.preventDefault()}}}handleScrollLeft(){this.nav.scroll({left:this.nav.scrollLeft-this.nav.clientWidth,behavior:"smooth"})}handleScrollRight(){this.nav.scroll({left:this.nav.scrollLeft+this.nav.clientWidth,behavior:"smooth"})}updateScrollControls(){this.hasScrollControls=!this.noScrollControls&&["top","bottom"].includes(this.placement)&&this.nav.scrollWidth>this.nav.clientWidth}setActiveTab(t,o=!0){if(t&&t!==this.activeTab&&!t.disabled){const r=this.activeTab;this.activeTab=t,this.getAllTabs().map((t=>t.active=t===this.activeTab)),this.getAllPanels().map((t=>t.active=t.name===this.activeTab.panel)),this.syncActiveTabIndicator(),["top","bottom"].includes(this.placement)&&a(this.activeTab,this.nav,"horizontal"),o&&(r&&this.sixTabHide.emit({name:r.panel}),this.sixTabShow.emit({name:this.activeTab.panel}))}}setAriaLabels(){const t=this.getAllTabs(),o=this.getAllPanels();t.map((t=>{const r=o.find((o=>o.name===t.panel));r&&(t.setAttribute("aria-controls",r.getAttribute("id")),r.setAttribute("aria-labelledby",t.getAttribute("id")))}))}syncActiveTabIndicator(){const t=this.getActiveTab();if(!t)return void(this.activeTabIndicator.style.display="none");this.activeTabIndicator.style.display="block";const o=t.clientWidth,r=t.clientHeight,i=s(t,this.nav),a=i.top+this.nav.scrollTop,e=i.left+this.nav.scrollLeft;switch(this.placement){case"top":case"bottom":this.activeTabIndicator.style.width=`${o}px`,this.activeTabIndicator.style.height=null,this.activeTabIndicator.style.transform=`translateX(${e}px)`;break;case"left":case"right":this.activeTabIndicator.style.width=null,this.activeTabIndicator.style.height=`${r}px`,this.activeTabIndicator.style.transform=`translateY(${a}px)`}}render(){return r("div",{part:"base",ref:t=>this.tabGroup=t,class:{"tab-group":!0,"tab-group--top":"top"===this.placement,"tab-group--bottom":"bottom"===this.placement,"tab-group--left":"left"===this.placement,"tab-group--right":"right"===this.placement,"tab-group--has-scroll-controls":this.hasScrollControls},onClick:this.handleClick,onKeyDown:this.handleKeyDown},r("div",{class:"tab-group__nav-container"},this.hasScrollControls&&r("six-icon-button",{class:"tab-group__scroll-button tab-group__scroll-button--left",exportparts:"base:scroll-button",name:"chevron_left",onClick:this.handleScrollLeft}),r("div",{ref:t=>this.nav=t,key:"nav",part:"nav",class:"tab-group__nav"},r("div",{ref:t=>this.tabs=t,part:"tabs",class:"tab-group__tabs",role:"tablist"},r("div",{ref:t=>this.activeTabIndicator=t,part:"active-tab-indicator",class:"tab-group__active-tab-indicator"}),r("slot",{name:"nav",onSlotchange:this.syncActiveTabIndicator}))),this.hasScrollControls&&r("six-icon-button",{class:"tab-group__scroll-button tab-group__scroll-button--right",exportparts:"base:scroll-button",name:"chevron_right",onClick:this.handleScrollRight})),r("div",{ref:t=>this.body=t,part:"body",class:"tab-group__body"},r("slot",{onSlotchange:this.syncActiveTabIndicator})))}get host(){return i(this)}static get watchers(){return{placement:["handlePlacementChange"],noScrollControls:["handleNoScrollControlsChange"]}}};b.style=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}:host{--tabs-border-color:var(--six-tab-border-color);display:block}.tab-group{display:flex;border:solid 1px transparent;border-radius:0}.tab-group .tab-group__tabs{display:flex;position:relative}.tab-group .tab-group__active-tab-indicator{position:absolute;transition:var(--six-transition-fast) transform ease, var(--six-transition-fast) width ease}.tab-group:not(.focus-visible) ::slotted(six-tab){--focus-ring:none}.tab-group--has-scroll-controls .tab-group__nav-container{position:relative;padding:0 var(--six-spacing-x-large)}.tab-group__scroll-button{display:flex;align-items:center;justify-content:center;position:absolute;top:0;bottom:0;width:var(--six-spacing-x-large)}.tab-group__scroll-button--left{left:0}.tab-group__scroll-button--right{right:0}.tab-group--top{flex-direction:column}.tab-group--top .tab-group__nav-container{order:1}.tab-group--top .tab-group__nav{display:flex;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.tab-group--top .tab-group__nav::-webkit-scrollbar{width:0;height:0}.tab-group--top .tab-group__tabs{flex:1 1 auto;position:relative;flex-direction:row;border-bottom:solid var(--six-tab-border-width) var(--tabs-border-color)}.tab-group--top .tab-group__active-tab-indicator{bottom:-2px;border-bottom:solid var(--six-tab-border-width-active) var(--six-tab-border-color-active)}.tab-group--top .tab-group__body{order:2}.tab-group--bottom{flex-direction:column}.tab-group--bottom .tab-group__nav-container{order:2}.tab-group--bottom .tab-group__nav{display:flex;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.tab-group--bottom .tab-group__nav::-webkit-scrollbar{width:0;height:0}.tab-group--bottom .tab-group__tabs{flex:1 1 auto;position:relative;flex-direction:row;border-top:solid var(--six-tab-border-width) var(--tabs-border-color)}.tab-group--bottom .tab-group__active-tab-indicator{top:-2px;border-top:solid var(--six-tab-border-width-active) var(--six-tab-border-color-active)}.tab-group--bottom .tab-group__body{order:1}.tab-group--left{flex-direction:row}.tab-group--left .tab-group__nav-container{order:1}.tab-group--left .tab-group__tabs{flex:0 0 auto;flex-direction:column;border-right:solid var(--six-tab-border-width) var(--tabs-border-color)}.tab-group--left .tab-group__active-tab-indicator{right:-2px;border-right:solid var(--six-tab-border-width-active) var(--six-tab-border-color-active)}.tab-group--left .tab-group__body{flex:1 1 auto;order:2}.tab-group--right{flex-direction:row}.tab-group--right .tab-group__nav-container{order:2}.tab-group--right .tab-group__tabs{flex:0 0 auto;flex-direction:column;border-left:solid var(--six-tab-border-width) var(--tabs-border-color)}.tab-group--right .tab-group__active-tab-indicator{left:-2px;border-left:solid var(--six-tab-border-width-active) var(--six-tab-border-color-active)}.tab-group--right .tab-group__body{flex:1 1 auto;order:1}";export{b as six_tab_group}
File without changes
@@ -1 +1 @@
1
- import{r as i,c as t,h as o,g as r}from"./p-30ebc1e7.js";import{F as s}from"./p-572e3690.js";import{h as e}from"./p-c09dc3a9.js";import{E as n}from"./p-7735d99f.js";const l={large:"medium",medium:"small",small:"xSmall"};let a=0,h=class{constructor(o){i(this,o),this.sixChange=t(this,"six-input-change",7),this.sixClear=t(this,"six-input-clear",7),this.sixInput=t(this,"six-input-input",7),this.sixFocus=t(this,"six-input-focus",7),this.sixBlur=t(this,"six-input-blur",7),this.sixValueChange=t(this,"six-input-value-change",7),this.inputId="input-"+ ++a,this.labelId=`input-label-${a}`,this.helpTextId=`input-help-text-${a}`,this.errorTextId=`input-error-text-${a}`,this.customErrorText="",this.customValidation=!1,this.eventListeners=new n,this.hasFocus=!1,this.hasHelpTextSlot=!1,this.hasErrorTextSlot=!1,this.hasLabelSlot=!1,this.isPasswordVisible=!1,this.type="text",this.size="medium",this.name="",this.value="",this.pill=!1,this.label="",this.helpText="",this.errorText="",this.disabled=!1,this.readonly=!1,this.invalid=!1,this.clearable=!1,this.togglePassword=!1,this.line=!1,this.errorOnBlur=!1,this.defaultValue=""}handleLabelChange(){this.handleSlotChange()}handleValueChange(){this.input&&(this.input.value=this.value,this.invalid=!this.input.checkValidity(),this.sixValueChange.emit())}connectedCallback(){this.handleChange=this.handleChange.bind(this),this.handleInput=this.handleInput.bind(this),this.handleInvalid=this.handleInvalid.bind(this),this.handleBlur=this.handleBlur.bind(this),this.handleFocus=this.handleFocus.bind(this),this.handleClearClick=this.handleClearClick.bind(this),this.handlePasswordToggle=this.handlePasswordToggle.bind(this),this.handleSlotChange=this.handleSlotChange.bind(this),this.host.shadowRoot.addEventListener("slotchange",this.handleSlotChange)}componentWillLoad(){this.defaultValue=this.value,this.handleSlotChange()}componentDidLoad(){this.eventListeners.add(this.input,"invalid",(i=>{!this.customValidation&&(this.hasErrorTextSlot||this.errorText||this.customErrorText)||(this.customErrorText=this.input.validationMessage),i.preventDefault()}))}disconnectedCallback(){this.host.shadowRoot.removeEventListener("slotchange",this.handleSlotChange),this.eventListeners.removeAll()}async setFocus(i){this.input.focus(i)}async removeFocus(){this.input.blur()}async select(){return this.input.select()}async setSelectionRange(i,t,o="none"){return this.input.setSelectionRange(i,t,o)}async setRangeText(i,t,o,r="preserve"){this.input.setRangeText(i,t,o,r),this.value!==this.input.value&&(this.value=this.input.value,this.sixChange.emit(),this.sixInput.emit())}async reportValidity(){return this.input.reportValidity()}async checkValidity(){return this.input.validity.valid}async setCustomValidity(i){this.customErrorText="",this.customValidation=""!==i,this.input.setCustomValidity(i),this.invalid=!this.input.checkValidity()}async getValidity(){return this.input.validity}async isValid(){return this.input.validity.valid}async getValidationMessage(){return this.input.validationMessage}async reset(){this.value=this.defaultValue,this.customErrorText="",this.customValidation=!1,this.input.setCustomValidity(""),this.invalid=!1}handleChange(){this.value=this.input.value,this.sixChange.emit()}handleInput(){this.value=this.input.value,this.sixInput.emit()}handleInvalid(){this.invalid=!0}handleBlur(){this.hasFocus=!1,this.sixBlur.emit()}handleFocus(){this.hasFocus=!0,this.sixFocus.emit()}handleClearClick(i){this.value="",this.sixClear.emit(),this.sixInput.emit(),this.sixChange.emit(),this.input.focus(),i.stopPropagation()}handlePasswordToggle(){this.isPasswordVisible=!this.isPasswordVisible}handleSlotChange(){this.hasHelpTextSlot=e(this.host,"help-text"),this.hasErrorTextSlot=e(this.host,"error-text"),this.hasLabelSlot=e(this.host,"label")}displayError(){return this.invalid&&(!this.errorOnBlur||!this.hasFocus)}render(){var i;return o(s,{inputId:this.inputId,label:this.label,labelId:this.labelId,hasLabelSlot:this.hasLabelSlot,helpTextId:this.helpTextId,helpText:this.helpText,hasHelpTextSlot:this.hasHelpTextSlot,errorTextId:this.errorTextId,errorText:this.customErrorText?this.customErrorText:this.errorText,hasErrorTextSlot:this.hasErrorTextSlot,size:this.size,disabled:this.disabled,required:this.required,displayError:this.displayError()},o("div",{part:"base",class:{input:!0,"input--small":"small"===this.size,"input--medium":"medium"===this.size,"input--large":"large"===this.size,"input--line":this.line,"input--pill":this.pill,"input--disabled":this.disabled,"input--focused":this.hasFocus,"input--empty":0===(null===(i=this.value)||void 0===i?void 0:i.length),"input--invalid":this.invalid}},o("span",{part:"prefix",class:"input__prefix"},o("slot",{name:"prefix"})),o("input",{part:"input",ref:i=>this.input=i,id:this.inputId,size:1,class:{input__control:!0,input__control__prefix:e(this.host,"prefix")},type:"password"===this.type&&this.isPasswordVisible?"text":this.type,name:this.name,placeholder:this.placeholder,disabled:this.disabled,readonly:this.readonly,minLength:this.minlength,maxLength:this.maxlength,min:this.min,max:this.max,step:this.step,value:this.value,autoCapitalize:this.autocapitalize,autoComplete:this.autocomplete,autoCorrect:this.autocorrect,autoFocus:this.autofocus,spellcheck:this.spellcheck,pattern:this.pattern,required:this.required,inputMode:this.inputmode,"aria-labelledby":this.labelId,"aria-describedby":this.helpTextId,"aria-invalid":this.invalid?"true":"false",onChange:this.handleChange,onInput:this.handleInput,onInvalid:this.handleInvalid,onFocus:this.handleFocus,onBlur:this.handleBlur,"data-testid":"input-control"}),this.clearable&&o("button",{part:"clear-button",class:"input__clear",type:"button",onClick:this.handleClearClick,tabindex:"-1","data-testid":"input-clear-button"},o("slot",{name:"clear-icon"},o("six-icon",{size:l[this.size]},"clear"))),this.togglePassword&&o("button",{part:"password-toggle-button",class:"input__password-toggle",type:"button",onClick:this.handlePasswordToggle,tabindex:"-1"},this.isPasswordVisible?o("slot",{name:"show-password-icon"},o("six-icon",{size:l[this.size]},"visibility_off")):o("slot",{name:"hide-password-icon"},o("six-icon",{size:l[this.size]},"visibility"))),o("span",{part:"suffix",class:"input__suffix"},o("slot",{name:"suffix"}))))}get host(){return r(this)}static get watchers(){return{helpText:["handleLabelChange"],errorText:["handleLabelChange"],label:["handleLabelChange"],value:["handleValueChange"]}}};h.style=':host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}.form-control .form-control__label{display:none}.form-control .form-control__help-text{display:none}.form-control .form-control__error-text{display:none}.form-control--has-label .form-control__label{display:inline-block;color:var(--six-input-label-color);font-weight:var(--six-font-weight-bold);margin-bottom:var(--six-spacing-x-small)}.form-control--has-label .form-control__label__required::after{color:var(--six-color-danger-800);content:"*"}.form-control--has-label.form-control--small .form-control__label{font-size:var(--six-input-label-font-size-small)}.form-control--has-label.form-control--medium .form-control__label{font-size:var(--six-input-label-font-size-medium)}.form-control--has-label.form-control--large .form-control_label{font-size:var(--six-input-label-font-size-large)}.form-control--has-help-text .form-control__help-text{display:block;color:var(--six-input-help-text-color);margin-top:var(--six-spacing-x-small)}.form-control--has-help-text .form-control__help-text ::slotted(*){margin-top:var(--six-spacing-xxx-small)}.form-control--has-help-text.form-control--small .form-control__help-text{font-size:var(--six-input-help-text-font-size-small)}.form-control--has-help-text.form-control--medium .form-control__help-text{font-size:var(--six-input-help-text-font-size-medium)}.form-control--has-help-text.form-control--large .form-control__help-text{font-size:var(--six-input-help-text-font-size-large)}.form-control--has-error-text .form-control__error-text{display:block;color:var(--six-color-danger-800);margin-top:var(--six-spacing-xxx-small)}.form-control--has-error-text .form-control__error-text ::slotted(*){margin-top:var(--six-spacing-xxx-small)}.form-control--has-error-text.form-control--small .form-control__error-text{font-size:var(--six-input-help-text-font-size-small)}.form-control--has-error-text.form-control--medium .form-control__error-text{font-size:var(--six-input-help-text-font-size-medium)}.form-control--has-error-text.form-control--large .form-control__error-text{font-size:var(--six-input-help-text-font-size-large)}.form-control--disabled .form-control__help-text{color:var(--six-input-help-text-color-disabled)}.form-control--disabled .form-control__label{color:var(--six-input-label-color-disabled)}.form-control--invalid:not(.form-control--disabled) .form-control__label{color:var(--six-input-label-color)}:host{display:block}.input{display:inline-flex;align-items:stretch;justify-content:start;position:relative;width:100%;font-family:var(--six-font-family);font-weight:var(--six-input-font-weight);letter-spacing:var(--six-input-letter-spacing);background-color:var(--six-input-background-color);border:solid var(--six-border-width) var(--six-input-border-color);vertical-align:middle;overflow:hidden;transition:var(--six-transition-fast) color, var(--six-transition-fast) border, var(--six-transition-fast) box-shadow;cursor:text}.input--line{border:none;border-bottom:solid var(--six-border-width) var(--six-input-border-color)}.input:hover:not(.input--disabled){background-color:var(--six-input-background-color-hover);border-color:var(--six-input-border-color-hover)}.input:hover:not(.input--disabled) .input__control{color:var(--six-input-color-hover)}.input.input--focused:not(.input--disabled){background-color:var(--six-input-background-color-focus);border-bottom-color:var(--six-input-border-color-focus);box-shadow:0 1px 0 0 var(--six-input-border-color-focus)}.input.input--focused:not(.input--disabled):not(.input--line){border-color:var(--six-input-border-color-focus);box-shadow:var(--six-input-focus-shadow)}.input.input--focused:not(.input--disabled) .input__control{color:var(--six-input-color-focus)}.input.input--disabled{background-color:var(--six-input-background-color-disabled);border-color:var(--six-input-border-color-disabled);cursor:not-allowed}.input.input--disabled .input__control{color:var(--six-input-color-disabled)}.input.input--disabled .input__control::placeholder{color:var(--six-input-placeholder-color-disabled)}.input.input--invalid:not(.input--disabled):not(.input--focused){border-bottom-color:var(--six-input-border-color-danger)}.input.input--invalid:not(.input--disabled):not(.input--focused):not(.input--line){border-color:var(--six-input-border-color-danger)}.input__control{flex:1 1 auto;font-family:inherit;font-size:var(--six-input-font-size-medium);font-weight:inherit;min-width:0;color:var(--six-input-color);border:none;background:none;box-shadow:none;padding:0;margin:0;cursor:inherit;-webkit-appearance:none}.input__control::-webkit-search-decoration,.input__control::-webkit-search-cancel-button,.input__control::-webkit-search-results-button,.input__control::-webkit-search-results-decoration{-webkit-appearance:none}.input__control:-webkit-autofill,.input__control:-webkit-autofill:hover,.input__control:-webkit-autofill:focus,.input__control:-webkit-autofill:active{box-shadow:0 0 0 var(--six-height-large) var(--six-input-background-color-hover) inset !important;-webkit-text-fill-color:var(--six-color-primary-500)}.input__control::placeholder{color:var(--six-input-placeholder-color);user-select:none}.input__control:focus{outline:none}.input__control::-ms-reveal{display:none}.input__prefix,.input__suffix{display:inline-flex;flex:0 0 auto;align-items:center;cursor:default}.input__prefix ::slotted(six-icon),.input__suffix ::slotted(six-icon){color:var(--six-input-icon-color)}.input.input--disabled ::slotted(six-icon){cursor:not-allowed}.input--small{border-radius:var(--six-input-border-radius-small);font-size:var(--six-input-font-size-small);height:var(--six-height-small)}.input--small .input__control{height:calc(var(--six-height-small) - var(--six-border-width) * 2);margin:0 var(--six-input-spacing-small)}.input--small .input__control__prefix{margin:0 var(--six-input-prefix-spacing-small)}.input--small .input__clear,.input--small .input__password-toggle{margin-right:var(--six-input-spacing-small)}.input--small .input__prefix ::slotted(*){margin-left:var(--six-input-prefix-spacing-small)}.input--small .input__suffix ::slotted(*){margin-right:var(--six-input-prefix-spacing-small)}.input--medium{border-radius:var(--six-input-border-radius-medium);font-size:var(--six-input-font-size-medium);height:var(--six-height-medium)}.input--medium .input__control{height:calc(var(--six-height-medium) - var(--six-border-width) * 2);margin:0 var(--six-input-spacing-medium)}.input--medium .input__control__prefix{margin:0 var(--six-input-prefix-spacing-medium)}.input--medium .input__clear,.input--medium .input__password-toggle{margin-right:var(--six-input-spacing-medium)}.input--medium .input__prefix ::slotted(*){margin-left:var(--six-input-prefix-spacing-medium)}.input--medium .input__suffix ::slotted(*){margin-right:var(--six-input-prefix-spacing-medium)}.input--large{border-radius:var(--six-input-border-radius-large);font-size:var(--six-input-font-size-large);height:var(--six-height-large)}.input--large .input__control{height:calc(var(--six-height-large) - var(--six-border-width) * 2);margin:0 var(--six-input-spacing-large)}.input--large .input__control__prefix{margin:0 var(--six-input-prefix-spacing-large)}.input--large .input__clear,.input--large .input__password-toggle{margin-right:var(--six-input-spacing-large)}.input--large .input__prefix ::slotted(*){margin-left:var(--six-input-prefix-spacing-large)}.input--large .input__suffix ::slotted(*){margin-right:var(--six-input-prefix-spacing-large)}.input--pill.input--small{border-radius:var(--six-height-small)}.input--pill.input--medium{border-radius:var(--six-height-medium)}.input--pill.input--large{border-radius:var(--six-height-large)}.input__clear,.input__password-toggle{display:inline-flex;align-items:center;font-size:inherit;color:var(--six-input-icon-color);border:none;background:none;padding:0;transition:var(--six-transition-fast) color;cursor:pointer}.input__clear:hover,.input__password-toggle:hover{color:var(--six-input-icon-color-hover)}.input__clear:focus,.input__password-toggle:focus{outline:none}.input--empty .input__clear{visibility:hidden}';export{h as six_input}
1
+ import{r as i,c as t,h as o,g as r}from"./p-30ebc1e7.js";import{F as s}from"./p-75297ad7.js";import{h as e}from"./p-b4dfb7cf.js";import{E as n}from"./p-9a860acc.js";const l={large:"medium",medium:"small",small:"xSmall"};let a=0,h=class{constructor(o){i(this,o),this.sixChange=t(this,"six-input-change",7),this.sixClear=t(this,"six-input-clear",7),this.sixInput=t(this,"six-input-input",7),this.sixFocus=t(this,"six-input-focus",7),this.sixBlur=t(this,"six-input-blur",7),this.sixValueChange=t(this,"six-input-value-change",7),this.inputId="input-"+ ++a,this.labelId=`input-label-${a}`,this.helpTextId=`input-help-text-${a}`,this.errorTextId=`input-error-text-${a}`,this.customErrorText="",this.customValidation=!1,this.eventListeners=new n,this.hasFocus=!1,this.hasHelpTextSlot=!1,this.hasErrorTextSlot=!1,this.hasLabelSlot=!1,this.isPasswordVisible=!1,this.type="text",this.size="medium",this.name="",this.value="",this.pill=!1,this.label="",this.helpText="",this.errorText="",this.disabled=!1,this.readonly=!1,this.invalid=!1,this.clearable=!1,this.togglePassword=!1,this.line=!1,this.errorOnBlur=!1,this.defaultValue=""}handleLabelChange(){this.handleSlotChange()}handleValueChange(){this.input&&(this.input.value=this.value,this.invalid=!this.input.checkValidity(),this.sixValueChange.emit())}connectedCallback(){this.handleChange=this.handleChange.bind(this),this.handleInput=this.handleInput.bind(this),this.handleInvalid=this.handleInvalid.bind(this),this.handleBlur=this.handleBlur.bind(this),this.handleFocus=this.handleFocus.bind(this),this.handleClearClick=this.handleClearClick.bind(this),this.handlePasswordToggle=this.handlePasswordToggle.bind(this),this.handleSlotChange=this.handleSlotChange.bind(this),this.host.shadowRoot.addEventListener("slotchange",this.handleSlotChange)}componentWillLoad(){this.defaultValue=this.value,this.handleSlotChange()}componentDidLoad(){this.eventListeners.add(this.input,"invalid",(i=>{!this.customValidation&&(this.hasErrorTextSlot||this.errorText||this.customErrorText)||(this.customErrorText=this.input.validationMessage),i.preventDefault()}))}disconnectedCallback(){this.host.shadowRoot.removeEventListener("slotchange",this.handleSlotChange),this.eventListeners.removeAll()}async setFocus(i){this.input.focus(i)}async removeFocus(){this.input.blur()}async select(){return this.input.select()}async setSelectionRange(i,t,o="none"){return this.input.setSelectionRange(i,t,o)}async setRangeText(i,t,o,r="preserve"){this.input.setRangeText(i,t,o,r),this.value!==this.input.value&&(this.value=this.input.value,this.sixChange.emit(),this.sixInput.emit())}async reportValidity(){return this.input.reportValidity()}async checkValidity(){return this.input.validity.valid}async setCustomValidity(i){this.customErrorText="",this.customValidation=""!==i,this.input.setCustomValidity(i),this.invalid=!this.input.checkValidity()}async getValidity(){return this.input.validity}async isValid(){return this.input.validity.valid}async getValidationMessage(){return this.input.validationMessage}async reset(){this.value=this.defaultValue,this.customErrorText="",this.customValidation=!1,this.input.setCustomValidity(""),this.invalid=!1}handleChange(){this.value=this.input.value,this.sixChange.emit()}handleInput(){this.value=this.input.value,this.sixInput.emit()}handleInvalid(){this.invalid=!0}handleBlur(){this.hasFocus=!1,this.sixBlur.emit()}handleFocus(){this.hasFocus=!0,this.sixFocus.emit()}handleClearClick(i){this.value="",this.sixClear.emit(),this.sixInput.emit(),this.sixChange.emit(),this.input.focus(),i.stopPropagation()}handlePasswordToggle(){this.isPasswordVisible=!this.isPasswordVisible}handleSlotChange(){this.hasHelpTextSlot=e(this.host,"help-text"),this.hasErrorTextSlot=e(this.host,"error-text"),this.hasLabelSlot=e(this.host,"label")}displayError(){return this.invalid&&(!this.errorOnBlur||!this.hasFocus)}render(){var i;return o(s,{inputId:this.inputId,label:this.label,labelId:this.labelId,hasLabelSlot:this.hasLabelSlot,helpTextId:this.helpTextId,helpText:this.helpText,hasHelpTextSlot:this.hasHelpTextSlot,errorTextId:this.errorTextId,errorText:this.customErrorText?this.customErrorText:this.errorText,hasErrorTextSlot:this.hasErrorTextSlot,size:this.size,disabled:this.disabled,required:this.required,displayError:this.displayError()},o("div",{part:"base",class:{input:!0,"input--small":"small"===this.size,"input--medium":"medium"===this.size,"input--large":"large"===this.size,"input--line":this.line,"input--pill":this.pill,"input--disabled":this.disabled,"input--focused":this.hasFocus,"input--empty":0===(null===(i=this.value)||void 0===i?void 0:i.length),"input--invalid":this.invalid}},o("span",{part:"prefix",class:"input__prefix"},o("slot",{name:"prefix"})),o("input",{part:"input",ref:i=>this.input=i,id:this.inputId,size:1,class:{input__control:!0,input__control__prefix:e(this.host,"prefix")},type:"password"===this.type&&this.isPasswordVisible?"text":this.type,name:this.name,placeholder:this.placeholder,disabled:this.disabled,readonly:this.readonly,minLength:this.minlength,maxLength:this.maxlength,min:this.min,max:this.max,step:this.step,value:this.value,autoCapitalize:this.autocapitalize,autoComplete:this.autocomplete,autoCorrect:this.autocorrect,autoFocus:this.autofocus,spellcheck:this.spellcheck,pattern:this.pattern,required:this.required,inputMode:this.inputmode,"aria-labelledby":this.labelId,"aria-describedby":this.helpTextId,"aria-invalid":this.invalid?"true":"false",onChange:this.handleChange,onInput:this.handleInput,onInvalid:this.handleInvalid,onFocus:this.handleFocus,onBlur:this.handleBlur,"data-testid":"input-control"}),this.clearable&&o("button",{part:"clear-button",class:"input__clear",type:"button",onClick:this.handleClearClick,tabindex:"-1","data-testid":"input-clear-button"},o("slot",{name:"clear-icon"},o("six-icon",{size:l[this.size]},"clear"))),this.togglePassword&&o("button",{part:"password-toggle-button",class:"input__password-toggle",type:"button",onClick:this.handlePasswordToggle,tabindex:"-1"},this.isPasswordVisible?o("slot",{name:"show-password-icon"},o("six-icon",{size:l[this.size]},"visibility_off")):o("slot",{name:"hide-password-icon"},o("six-icon",{size:l[this.size]},"visibility"))),o("span",{part:"suffix",class:"input__suffix"},o("slot",{name:"suffix"}))))}get host(){return r(this)}static get watchers(){return{helpText:["handleLabelChange"],errorText:["handleLabelChange"],label:["handleLabelChange"],value:["handleValueChange"]}}};h.style=':host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}.form-control .form-control__label{display:none}.form-control .form-control__help-text{display:none}.form-control .form-control__error-text{display:none}.form-control--has-label .form-control__label{display:inline-block;color:var(--six-input-label-color);font-weight:var(--six-font-weight-bold);margin-bottom:var(--six-spacing-x-small)}.form-control--has-label .form-control__label__required::after{color:var(--six-color-danger-800);content:"*"}.form-control--has-label.form-control--small .form-control__label{font-size:var(--six-input-label-font-size-small)}.form-control--has-label.form-control--medium .form-control__label{font-size:var(--six-input-label-font-size-medium)}.form-control--has-label.form-control--large .form-control_label{font-size:var(--six-input-label-font-size-large)}.form-control--has-help-text .form-control__help-text{display:block;color:var(--six-input-help-text-color);margin-top:var(--six-spacing-x-small)}.form-control--has-help-text .form-control__help-text ::slotted(*){margin-top:var(--six-spacing-xxx-small)}.form-control--has-help-text.form-control--small .form-control__help-text{font-size:var(--six-input-help-text-font-size-small)}.form-control--has-help-text.form-control--medium .form-control__help-text{font-size:var(--six-input-help-text-font-size-medium)}.form-control--has-help-text.form-control--large .form-control__help-text{font-size:var(--six-input-help-text-font-size-large)}.form-control--has-error-text .form-control__error-text{display:block;color:var(--six-color-danger-800);margin-top:var(--six-spacing-xxx-small)}.form-control--has-error-text .form-control__error-text ::slotted(*){margin-top:var(--six-spacing-xxx-small)}.form-control--has-error-text.form-control--small .form-control__error-text{font-size:var(--six-input-help-text-font-size-small)}.form-control--has-error-text.form-control--medium .form-control__error-text{font-size:var(--six-input-help-text-font-size-medium)}.form-control--has-error-text.form-control--large .form-control__error-text{font-size:var(--six-input-help-text-font-size-large)}.form-control--disabled .form-control__help-text{color:var(--six-input-help-text-color-disabled)}.form-control--disabled .form-control__label{color:var(--six-input-label-color-disabled)}.form-control--invalid:not(.form-control--disabled) .form-control__label{color:var(--six-input-label-color)}:host{display:block}.input{display:inline-flex;align-items:stretch;justify-content:start;position:relative;width:100%;font-family:var(--six-font-family);font-weight:var(--six-input-font-weight);letter-spacing:var(--six-input-letter-spacing);background-color:var(--six-input-background-color);border:solid var(--six-border-width) var(--six-input-border-color);vertical-align:middle;overflow:hidden;transition:var(--six-transition-fast) color, var(--six-transition-fast) border, var(--six-transition-fast) box-shadow;cursor:text}.input--line{border:none;border-bottom:solid var(--six-border-width) var(--six-input-border-color)}.input:hover:not(.input--disabled){background-color:var(--six-input-background-color-hover);border-color:var(--six-input-border-color-hover)}.input:hover:not(.input--disabled) .input__control{color:var(--six-input-color-hover)}.input.input--focused:not(.input--disabled){background-color:var(--six-input-background-color-focus);border-bottom-color:var(--six-input-border-color-focus);box-shadow:0 1px 0 0 var(--six-input-border-color-focus)}.input.input--focused:not(.input--disabled):not(.input--line){border-color:var(--six-input-border-color-focus);box-shadow:var(--six-input-focus-shadow)}.input.input--focused:not(.input--disabled) .input__control{color:var(--six-input-color-focus)}.input.input--disabled{background-color:var(--six-input-background-color-disabled);border-color:var(--six-input-border-color-disabled);cursor:not-allowed}.input.input--disabled .input__control{color:var(--six-input-color-disabled)}.input.input--disabled .input__control::placeholder{color:var(--six-input-placeholder-color-disabled)}.input.input--invalid:not(.input--disabled):not(.input--focused){border-bottom-color:var(--six-input-border-color-danger)}.input.input--invalid:not(.input--disabled):not(.input--focused):not(.input--line){border-color:var(--six-input-border-color-danger)}.input__control{flex:1 1 auto;font-family:inherit;font-size:var(--six-input-font-size-medium);font-weight:inherit;min-width:0;color:var(--six-input-color);border:none;background:none;box-shadow:none;padding:0;margin:0;cursor:inherit;-webkit-appearance:none}.input__control::-webkit-search-decoration,.input__control::-webkit-search-cancel-button,.input__control::-webkit-search-results-button,.input__control::-webkit-search-results-decoration{-webkit-appearance:none}.input__control:-webkit-autofill,.input__control:-webkit-autofill:hover,.input__control:-webkit-autofill:focus,.input__control:-webkit-autofill:active{box-shadow:0 0 0 var(--six-height-large) var(--six-input-background-color-hover) inset !important;-webkit-text-fill-color:var(--six-color-primary-500)}.input__control::placeholder{color:var(--six-input-placeholder-color);user-select:none}.input__control:focus{outline:none}.input__control::-ms-reveal{display:none}.input__prefix,.input__suffix{display:inline-flex;flex:0 0 auto;align-items:center;cursor:default}.input__prefix ::slotted(six-icon),.input__suffix ::slotted(six-icon){color:var(--six-input-icon-color)}.input.input--disabled ::slotted(six-icon){cursor:not-allowed}.input--small{border-radius:var(--six-input-border-radius-small);font-size:var(--six-input-font-size-small);height:var(--six-height-small)}.input--small .input__control{height:calc(var(--six-height-small) - var(--six-border-width) * 2);margin:0 var(--six-input-spacing-small)}.input--small .input__control__prefix{margin:0 var(--six-input-prefix-spacing-small)}.input--small .input__clear,.input--small .input__password-toggle{margin-right:var(--six-input-spacing-small)}.input--small .input__prefix ::slotted(*){margin-left:var(--six-input-prefix-spacing-small)}.input--small .input__suffix ::slotted(*){margin-right:var(--six-input-prefix-spacing-small)}.input--medium{border-radius:var(--six-input-border-radius-medium);font-size:var(--six-input-font-size-medium);height:var(--six-height-medium)}.input--medium .input__control{height:calc(var(--six-height-medium) - var(--six-border-width) * 2);margin:0 var(--six-input-spacing-medium)}.input--medium .input__control__prefix{margin:0 var(--six-input-prefix-spacing-medium)}.input--medium .input__clear,.input--medium .input__password-toggle{margin-right:var(--six-input-spacing-medium)}.input--medium .input__prefix ::slotted(*){margin-left:var(--six-input-prefix-spacing-medium)}.input--medium .input__suffix ::slotted(*){margin-right:var(--six-input-prefix-spacing-medium)}.input--large{border-radius:var(--six-input-border-radius-large);font-size:var(--six-input-font-size-large);height:var(--six-height-large)}.input--large .input__control{height:calc(var(--six-height-large) - var(--six-border-width) * 2);margin:0 var(--six-input-spacing-large)}.input--large .input__control__prefix{margin:0 var(--six-input-prefix-spacing-large)}.input--large .input__clear,.input--large .input__password-toggle{margin-right:var(--six-input-spacing-large)}.input--large .input__prefix ::slotted(*){margin-left:var(--six-input-prefix-spacing-large)}.input--large .input__suffix ::slotted(*){margin-right:var(--six-input-prefix-spacing-large)}.input--pill.input--small{border-radius:var(--six-height-small)}.input--pill.input--medium{border-radius:var(--six-height-medium)}.input--pill.input--large{border-radius:var(--six-height-large)}.input__clear,.input__password-toggle{display:inline-flex;align-items:center;font-size:inherit;color:var(--six-input-icon-color);border:none;background:none;padding:0;transition:var(--six-transition-fast) color;cursor:pointer}.input__clear:hover,.input__password-toggle:hover{color:var(--six-input-icon-color-hover)}.input__clear:focus,.input__password-toggle:focus{outline:none}.input--empty .input__clear{visibility:hidden}';export{h as six_input}
@@ -1 +1 @@
1
- import{r as e,c as s,h as i,a as t,H as r,g as h}from"./p-30ebc1e7.js";import{E as a}from"./p-7735d99f.js";import{g as o}from"./p-c09dc3a9.js";var n,d;!function(e){e[e.None=0]="None",e[e.Search=1]="Search",e[e.Notifications=2]="Notifications",e[e.AppSwitcher=3]="AppSwitcher",e[e.Profile=4]="Profile"}(n||(n={})),function(e){e.Search="search-field",e.Notifications="notifications",e.AppSwitcher="app-switcher-menu",e.Profile="profile-menu",e.Logo="logo"}(d||(d={}));const c=o(d);let l=class{constructor(i){e(this,i),this.sixAppNameClicked=s(this,"six-header-app-name-clicked",7),this.sixAppSwitcherSelect=s(this,"six-header-app-switcher-select",7),this.sixProfileSelect=s(this,"six-header-profile-select",7),this.sixHamburgerClick=s(this,"six-header-hamburger-menu-clicked",7),this.sixLogoClick=s(this,"six-header-logo-clicked",7),this.sixSearchFieldToggle=s(this,"six-header-search-field-toggle",7),this.shiftContent=!1,this.openHamburgerMenu=!1,this.openSearch=!1,this.clickableLogo=!1,this.eventListeners=new a,this.has=e=>this.slots[e],this.selected=e=>e===this.selectedSection,this.select=e=>()=>{this.selectedSection=e},this.toggleSearch=e=>()=>{var s;if(e===n.Search){const i=this.selectedSection!==e;i&&(null===(s=this.host.querySelector(`[slot="${d.Search}"]`).shadowRoot.querySelector("six-input"))||void 0===s||s.setFocus()),this.sixSearchFieldToggle.emit({visible:i})}this.selectedSection=this.selectedSection===e?n.None:e},this.setupMenu=e=>{this.eventListeners.add(e,"click",(()=>this.sixHamburgerClick.emit()))},this.setupLogo=e=>{this.clickableLogo&&this.eventListeners.add(e,"click",(()=>this.sixLogoClick.emit()))},this.setupProfile=e=>{this.eventListeners.add(e,"six-dropdown-show",this.select(n.Profile)),this.eventListeners.add(e,"six-dropdown-hide",this.select(n.None)),this.eventListeners.add(e,"six-menu-item-selected",(e=>{const{name:s,item:i}=e.detail;this.sixProfileSelect.emit({selectedLabel:i.innerText,name:s,item:i})}))},this.setupAppSwitcher=e=>{this.eventListeners.add(e,"six-dropdown-show",this.select(n.AppSwitcher)),this.eventListeners.add(e,"six-dropdown-hide",this.select(n.None)),this.eventListeners.add(e,"six-menu-item-selected",(e=>{const{name:s,item:i}=e.detail;this.selectedApp=i.innerText,this.sixAppSwitcherSelect.emit({selectedLabel:i.innerText,name:s,item:i})}))},this.appNameClicked=()=>this.sixAppNameClicked.emit(),this.computeSearchOpenState=()=>{this.selectedSection=this.openSearch?n.Search:n.None}}handleOpenSearchChange(){this.computeSearchOpenState()}async setSearchOpenState(e){this.selectedSection!==n.Search||e?e&&this.selectedSection!==n.Search&&(this.selectedSection=n.Search):this.selectedSection=n.None}async getIsSearchOpen(){return this.selectedSection===n.Search}componentWillLoad(){this.slots=c(this.host),this.has(d.AppSwitcher)&&(this.selectedApp=this.getSelectedApp()),this.has(d.Search)&&this.computeSearchOpenState()}getSelectedApp(){const e=this.host.querySelector(`[slot="${d.AppSwitcher}"]`),s=Array.from(e.querySelectorAll("six-menu-item")).find((e=>e.hasAttribute("checked")));return null==s?void 0:s.textContent}disconnectedCallback(){this.eventListeners.removeAll()}render(){const e=this.has(d.Search)&&i("section",{class:{"six-header__search":!0,"six-header__search--open":this.selected(n.Search)}},i("six-icon-button",{name:"search",onClick:this.toggleSearch(n.Search),"data-testid":"search-trigger"})),s=this.has(d.Notifications)&&i("section",{class:"six-header__notification"},i("slot",{name:d.Notifications})),h=this.has(d.AppSwitcher)&&i("section",{class:{"six-header__app-switcher":!0,"six-header__app-switcher--open":this.selected(n.AppSwitcher)}},i("a",{onClick:this.appNameClicked,class:"six-header__selected-app"},this.selectedApp),i("six-dropdown",{distance:13,skidding:20,placement:"bottom-end",ref:this.setupAppSwitcher},i("six-icon-button",{name:"apps",slot:"trigger"}),i("slot",{name:d.AppSwitcher}))),a=this.has(d.Profile)&&i("section",{class:{"six-header__profile":!0,"six-header__profile--open":this.selected(n.Profile)}},i("six-dropdown",{distance:17,skidding:20,placement:"bottom-end",ref:this.setupProfile},i("slot",{name:"profile-avatar",slot:"trigger"}),i("slot",{name:"profile-menu"}))),o=this.has(d.Logo)?i("section",null,i("slot",{name:"logo"})):i("section",{class:{"six-header__logo":!0,"six-header__logo--clickable":this.clickableLogo},ref:this.setupLogo},i("img",{src:t("./assets/six-logo.svg"),height:"20",alt:"SIX"}));return i(r,null,i("header",{class:"six-header"},i("section",{class:"six-header__menu"},i("six-icon-button",{name:this.openHamburgerMenu?"menu_open":"menu",ref:this.setupMenu})),o,i("section",{class:"six-header__placeholder"}),i("section",{class:"six-header__custom"},i("slot",null)),e,s,h,a),i("div",{class:{"six-header__search-field":!0,"six-header__search-field--visible":this.selected(n.Search),"six-header__search-field--shift-content":this.shiftContent}},i("slot",{name:d.Search})))}static get assetsDirs(){return["assets"]}get host(){return h(this)}static get watchers(){return{openSearch:["handleOpenSearchChange"]}}};l.style=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}:host{display:block;user-select:none;--search-border-width:1px}::slotted(six-search-field){position:absolute;margin-left:var(--search-border-width);width:calc(100% - 2 * var(--search-border-width))}.six-header{display:flex;width:100%;height:3.75rem;background-color:var(--six-header-background-color);align-items:center;flex-wrap:wrap;box-shadow:var(--six-shadow-x-large);border-bottom:var(--six-header-border-with) solid var(--six-header-border-color)}.six-header__logo{width:6rem;margin-top:0.15rem}.six-header__logo--clickable{cursor:pointer}.six-header__placeholder{flex:1}.six-header__menu,.six-header__logo,.six-header__custom,.six-header__search,.six-header__notification,.six-header__app-switcher,.six-header__profile{height:calc(100% - 0.25rem - 1px);padding:0 1.25rem;display:flex;align-items:center;border-bottom:solid 0.25rem transparent}.six-header__menu--open,.six-header__logo--open,.six-header__custom--open,.six-header__search--open,.six-header__notification--open,.six-header__app-switcher--open,.six-header__profile--open{border-bottom:solid 0.25rem var(--six-header-border-color-open)}.six-header__selected-app{cursor:pointer;font-size:0.9rem;font-weight:600;padding-right:0;padding-left:0.3rem}.six-header__selected-app:hover{color:var(--six-header-selected-app-color-hover)}.six-header__search-field{opacity:0;transform:scale(0.9);transition:var(--six-transition-fast) opacity, var(--six-transition-fast) transform;display:none}.six-header__search-field--visible{opacity:1;transform:none;display:block}.six-header__search-field--shift-content.six-header__search-field--visible{height:2.65rem;transition:var(--six-transition-fast) height}.six-header__search-field--shift-content:not(.six-header__search-field--visible){height:0;transition:var(--six-transition-fast) height}";export{l as six_header}
1
+ import{r as e,c as s,h as i,a as t,H as r,g as h}from"./p-30ebc1e7.js";import{E as a}from"./p-9a860acc.js";import{g as o}from"./p-b4dfb7cf.js";var n,c;!function(e){e[e.None=0]="None",e[e.Search=1]="Search",e[e.Notifications=2]="Notifications",e[e.AppSwitcher=3]="AppSwitcher",e[e.Profile=4]="Profile"}(n||(n={})),function(e){e.Search="search-field",e.Notifications="notifications",e.AppSwitcher="app-switcher-menu",e.Profile="profile-menu",e.Logo="logo"}(c||(c={}));const d=o(c);let l=class{constructor(i){e(this,i),this.sixAppNameClicked=s(this,"six-header-app-name-clicked",7),this.sixAppSwitcherSelect=s(this,"six-header-app-switcher-select",7),this.sixProfileSelect=s(this,"six-header-profile-select",7),this.sixHamburgerClick=s(this,"six-header-hamburger-menu-clicked",7),this.sixLogoClick=s(this,"six-header-logo-clicked",7),this.sixSearchFieldToggle=s(this,"six-header-search-field-toggle",7),this.shiftContent=!1,this.openHamburgerMenu=!1,this.openSearch=!1,this.clickableLogo=!1,this.eventListeners=new a,this.has=e=>this.slots[e],this.selected=e=>e===this.selectedSection,this.select=e=>()=>{this.selectedSection=e},this.toggleSearch=e=>()=>{var s;if(e===n.Search){const i=this.selectedSection!==e;i&&(null===(s=this.host.querySelector(`[slot="${c.Search}"]`).shadowRoot.querySelector("six-input"))||void 0===s||s.setFocus()),this.sixSearchFieldToggle.emit({visible:i})}this.selectedSection=this.selectedSection===e?n.None:e},this.setupMenu=e=>{this.eventListeners.add(e,"click",(()=>this.sixHamburgerClick.emit()))},this.setupLogo=e=>{this.clickableLogo&&this.eventListeners.add(e,"click",(()=>this.sixLogoClick.emit()))},this.setupProfile=e=>{this.eventListeners.add(e,"six-dropdown-show",this.select(n.Profile)),this.eventListeners.add(e,"six-dropdown-hide",this.select(n.None)),this.eventListeners.add(e,"six-menu-item-selected",(e=>{const{name:s,item:i}=e.detail;this.sixProfileSelect.emit({selectedLabel:i.innerText,name:s,item:i})}))},this.setupAppSwitcher=e=>{this.eventListeners.add(e,"six-dropdown-show",this.select(n.AppSwitcher)),this.eventListeners.add(e,"six-dropdown-hide",this.select(n.None)),this.eventListeners.add(e,"six-menu-item-selected",(e=>{const{name:s,item:i}=e.detail;this.selectedApp=i.innerText,this.sixAppSwitcherSelect.emit({selectedLabel:i.innerText,name:s,item:i})}))},this.appNameClicked=()=>this.sixAppNameClicked.emit(),this.computeSearchOpenState=()=>{this.selectedSection=this.openSearch?n.Search:n.None}}handleOpenSearchChange(){this.computeSearchOpenState()}async setSearchOpenState(e){this.selectedSection!==n.Search||e?e&&this.selectedSection!==n.Search&&(this.selectedSection=n.Search):this.selectedSection=n.None}async getIsSearchOpen(){return this.selectedSection===n.Search}componentWillLoad(){this.slots=d(this.host),this.has(c.AppSwitcher)&&(this.selectedApp=this.getSelectedApp()),this.has(c.Search)&&this.computeSearchOpenState()}getSelectedApp(){const e=this.host.querySelector(`[slot="${c.AppSwitcher}"]`),s=Array.from(e.querySelectorAll("six-menu-item")).find((e=>e.hasAttribute("checked")));return null==s?void 0:s.textContent}disconnectedCallback(){this.eventListeners.removeAll()}render(){const e=this.has(c.Search)&&i("section",{class:{"six-header__search":!0,"six-header__search--open":this.selected(n.Search)}},i("six-icon-button",{name:"search",onClick:this.toggleSearch(n.Search),"data-testid":"search-trigger"})),s=this.has(c.Notifications)&&i("section",{class:"six-header__notification"},i("slot",{name:c.Notifications})),h=this.has(c.AppSwitcher)&&i("section",{class:{"six-header__app-switcher":!0,"six-header__app-switcher--open":this.selected(n.AppSwitcher)}},i("a",{onClick:this.appNameClicked,class:"six-header__selected-app"},this.selectedApp),i("six-dropdown",{distance:13,skidding:20,placement:"bottom-end",ref:this.setupAppSwitcher},i("six-icon-button",{name:"apps",slot:"trigger"}),i("slot",{name:c.AppSwitcher}))),a=this.has(c.Profile)&&i("section",{class:{"six-header__profile":!0,"six-header__profile--open":this.selected(n.Profile)}},i("six-dropdown",{distance:17,skidding:20,placement:"bottom-end",ref:this.setupProfile},i("slot",{name:"profile-avatar",slot:"trigger"}),i("slot",{name:"profile-menu"}))),o=this.has(c.Logo)?i("section",null,i("slot",{name:"logo"})):i("section",{class:{"six-header__logo":!0,"six-header__logo--clickable":this.clickableLogo},ref:this.setupLogo},i("img",{src:t("./assets/six-logo.svg"),height:"20",alt:"SIX"}));return i(r,null,i("header",{class:"six-header"},i("section",{class:"six-header__menu"},i("six-icon-button",{name:this.openHamburgerMenu?"menu_open":"menu",ref:this.setupMenu})),o,i("section",{class:"six-header__placeholder"}),i("section",{class:"six-header__custom"},i("slot",null)),e,s,h,a),i("div",{class:{"six-header__search-field":!0,"six-header__search-field--visible":this.selected(n.Search),"six-header__search-field--shift-content":this.shiftContent}},i("slot",{name:c.Search})))}static get assetsDirs(){return["assets"]}get host(){return h(this)}static get watchers(){return{openSearch:["handleOpenSearchChange"]}}};l.style=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}:host{display:block;user-select:none;--search-border-width:1px}::slotted(six-search-field){position:absolute;margin-left:var(--search-border-width);width:calc(100% - 2 * var(--search-border-width))}.six-header{display:flex;width:100%;height:3.75rem;background-color:var(--six-header-background-color);align-items:center;flex-wrap:wrap;box-shadow:var(--six-shadow-x-large);border-bottom:var(--six-header-border-with) solid var(--six-header-border-color)}.six-header__logo{width:6rem;margin-top:0.15rem}.six-header__logo--clickable{cursor:pointer}.six-header__placeholder{flex:1}.six-header__menu,.six-header__logo,.six-header__custom,.six-header__search,.six-header__notification,.six-header__app-switcher,.six-header__profile{height:calc(100% - 0.25rem - 1px);padding:0 1.25rem;display:flex;align-items:center;border-bottom:solid 0.25rem transparent}.six-header__menu--open,.six-header__logo--open,.six-header__custom--open,.six-header__search--open,.six-header__notification--open,.six-header__app-switcher--open,.six-header__profile--open{border-bottom:solid 0.25rem var(--six-header-border-color-open)}.six-header__selected-app{cursor:pointer;font-size:0.9rem;font-weight:600;padding-right:0;padding-left:0.3rem}.six-header__selected-app:hover{color:var(--six-header-selected-app-color-hover)}.six-header__search-field{opacity:0;transform:scale(0.9);transition:var(--six-transition-fast) opacity, var(--six-transition-fast) transform;display:none}.six-header__search-field--visible{opacity:1;transform:none;display:block}.six-header__search-field--shift-content.six-header__search-field--visible{height:2.65rem;transition:var(--six-transition-fast) height}.six-header__search-field--shift-content:not(.six-header__search-field--visible){height:0;transition:var(--six-transition-fast) height}";export{l as six_header}
@@ -1 +1 @@
1
- import{h as t,F as e,r as o,c as s,H as r,g as i}from"./p-30ebc1e7.js";import{F as n,S as l}from"./p-12cc24c3.js";const a=[t=>"object"==typeof t,t=>"object"==typeof t.columns,t=>Array.isArray(t.rows),t=>void 0===t.sort||"object"==typeof t.sort],c=t=>a.every((t=>e=>e(t))(t)),d=t=>"string"!=typeof t||t.length<1,h={[n.Includes]:(t,e)=>t.includes(e),[n.NotIncludes]:(t,e)=>!t.includes(e),[n.Equals]:(t,e)=>t===e,[n.NotEquals]:(t,e)=>t!==e},b=t=>t===l.None,u=({data:o,handleRowClick:s,handleCellClick:r})=>{if(!c(o))return;const i=Object.keys(o.columns),n=i.map((e=>{const s=(r=e,(t={},e)=>t[r]||e);var r;const i=s(o.sort,void 0),[[n,l]=[]]=Object.entries(s(o.filter,{}));return t("six-table-header-cell",{name:e,sort:i,filter:n,value:l},o.columns[e])})),a=((t,e)=>o=>{if(d(e))return!0;const s=e.toLowerCase();return t.map((t=>{var e;return null!==(e=o[t])&&void 0!==e?e:""})).map(String).join().toLowerCase().includes(s)})(Object.keys(o.columns),o.quickFilter),u=((t={})=>e=>{var o;const s=Object.keys(t);if(0===s.length)return!0;for(const r of s){const s=t[r];if(!s)return!0;for(const[t,i]of Object.entries(s)){if(d(i))continue;const s=String(null!==(o=e[r])&&void 0!==o?o:"");if(!d(s)&&!h[t](s,i))return!1}}return!0})(o.filter),f=((t={},e={})=>o=>{const s=Object.values(t);return 0===s.length||s.every(b)?o:[...o].sort(((o,s)=>Object.entries(t).reduce(((t,[r,i],n)=>{if(i===l.None)return t;const a=e[r],c={[l.Asc]:1,[l.Desc]:-1}[i];return a?t+c*(a(o,s)<<n):t+c*(((t,e)=>String(t).localeCompare(String(e)))(o[r],s[r])<<n)}),0)))})(o.sort,o.compare)(o.rows.filter(a).filter(u)).map(((e,n)=>{const l=i.map((s=>{const i=o.render&&o.render[s],l="function"==typeof i?i(e):String(e[s]);return t("six-table-cell",{onClick:r(e,s),"data-testid":`table-cell-${s}-${n}`,innerHTML:l})}));return t("six-table-row",{onClick:s(e),"data-testid":`table-row-${n}`},l)}));return t(e,null,t("six-table-header",{"data-testid":"table-header"},n),f)};let f=class{constructor(t){o(this,t),this.tableReady=s(this,"six-table-ready",7),this.tableRowClicked=s(this,"six-table-row-clicked",7),this.tableCellClicked=s(this,"six-table-cell-clicked",7),this.striped=!1,this.loading=!1,this.data={columns:{},rows:[]},this.handleRowClick=t=>e=>{this.tableRowClicked.emit({event:e,item:t})},this.handleCellClick=(t,e)=>o=>{this.tableCellClicked.emit({event:o,item:t,key:e})},console.warn("six-table will be removed with the next table. Use fate table instead. In case of any question contact Daniel Häusler")}handleData({detail:t}){c(t)&&(this.data=t)}async setData(t){c(t)&&(this.data=t)}componentDidLoad(){this.tableReady.emit()}render(){const e=this.loading&&t("div",{class:"loading"},t("six-spinner",{"data-testid":"loading-spinner"}));return t(r,null,t("slot",null,u(this)),e)}get host(){return i(this)}};f.style=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}:host{display:table;border-collapse:collapse;user-select:none;border:none;width:100%;height:100%}:host([loading]){border-collapse:separate}:host([striped]) six-table-row:nth-child(odd):not(:hover),:host([striped]) ::slotted(six-table-row:nth-child(odd):not(:hover)){background-color:var(--six-table-row-background-color)}:host(:not(striped)) ::slotted(six-table-row){border-bottom:solid 1px var(--six-table-row-border-color)}.loading{position:absolute;background-color:var(--six-table-background-color);top:0;left:0;width:100%;height:100%}.loading six-spinner{top:calc(50% - 0.5em);left:50%;transform:scale(3)}";export{f as six_table}
1
+ import{h as t,F as e,r as o,c as s,H as r,g as i}from"./p-30ebc1e7.js";import{F as n,S as l}from"./p-07d1e830.js";const a=[t=>"object"==typeof t,t=>"object"==typeof t.columns,t=>Array.isArray(t.rows),t=>void 0===t.sort||"object"==typeof t.sort],c=t=>a.every((t=>e=>e(t))(t)),d=t=>"string"!=typeof t||t.length<1,h={[n.Includes]:(t,e)=>t.includes(e),[n.NotIncludes]:(t,e)=>!t.includes(e),[n.Equals]:(t,e)=>t===e,[n.NotEquals]:(t,e)=>t!==e},b=t=>t===l.None,u=({data:o,handleRowClick:s,handleCellClick:r})=>{if(!c(o))return;const i=Object.keys(o.columns),n=i.map((e=>{const s=(r=e,(t={},e)=>t[r]||e);var r;const i=s(o.sort,void 0),[[n,l]=[]]=Object.entries(s(o.filter,{}));return t("six-table-header-cell",{name:e,sort:i,filter:n,value:l},o.columns[e])})),a=((t,e)=>o=>{if(d(e))return!0;const s=e.toLowerCase();return t.map((t=>{var e;return null!==(e=o[t])&&void 0!==e?e:""})).map(String).join().toLowerCase().includes(s)})(Object.keys(o.columns),o.quickFilter),u=((t={})=>e=>{var o;const s=Object.keys(t);if(0===s.length)return!0;for(const r of s){const s=t[r];if(!s)return!0;for(const[t,i]of Object.entries(s)){if(d(i))continue;const s=String(null!==(o=e[r])&&void 0!==o?o:"");if(!d(s)&&!h[t](s,i))return!1}}return!0})(o.filter),f=((t={},e={})=>o=>{const s=Object.values(t);return 0===s.length||s.every(b)?o:[...o].sort(((o,s)=>Object.entries(t).reduce(((t,[r,i],n)=>{if(i===l.None)return t;const a=e[r],c={[l.Asc]:1,[l.Desc]:-1}[i];return a?t+c*(a(o,s)<<n):t+c*(((t,e)=>String(t).localeCompare(String(e)))(o[r],s[r])<<n)}),0)))})(o.sort,o.compare)(o.rows.filter(a).filter(u)).map(((e,n)=>{const l=i.map((s=>{const i=o.render&&o.render[s],l="function"==typeof i?i(e):String(e[s]);return t("six-table-cell",{onClick:r(e,s),"data-testid":`table-cell-${s}-${n}`,innerHTML:l})}));return t("six-table-row",{onClick:s(e),"data-testid":`table-row-${n}`},l)}));return t(e,null,t("six-table-header",{"data-testid":"table-header"},n),f)};let f=class{constructor(t){o(this,t),this.tableReady=s(this,"six-table-ready",7),this.tableRowClicked=s(this,"six-table-row-clicked",7),this.tableCellClicked=s(this,"six-table-cell-clicked",7),this.striped=!1,this.loading=!1,this.data={columns:{},rows:[]},this.handleRowClick=t=>e=>{this.tableRowClicked.emit({event:e,item:t})},this.handleCellClick=(t,e)=>o=>{this.tableCellClicked.emit({event:o,item:t,key:e})},console.warn("six-table will be removed with the next table. Use fate table instead. In case of any question contact Daniel Häusler")}handleData({detail:t}){c(t)&&(this.data=t)}async setData(t){c(t)&&(this.data=t)}componentDidLoad(){this.tableReady.emit()}render(){const e=this.loading&&t("div",{class:"loading"},t("six-spinner",{"data-testid":"loading-spinner"}));return t(r,null,t("slot",null,u(this)),e)}get host(){return i(this)}};f.style=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}:host{display:table;border-collapse:collapse;user-select:none;border:none;width:100%;height:100%}:host([loading]){border-collapse:separate}:host([striped]) six-table-row:nth-child(odd):not(:hover),:host([striped]) ::slotted(six-table-row:nth-child(odd):not(:hover)){background-color:var(--six-table-row-background-color)}:host(:not(striped)) ::slotted(six-table-row){border-bottom:solid 1px var(--six-table-row-border-color)}.loading{position:absolute;background-color:var(--six-table-background-color);top:0;left:0;width:100%;height:100%}.loading six-spinner{top:calc(50% - 0.5em);left:50%;transform:scale(3)}";export{f as six_table}
@@ -1 +1 @@
1
- import{r as i,c as s,h as t,g as e}from"./p-30ebc1e7.js";import{f as o}from"./p-191f958b.js";let a=0,r=class{constructor(t){i(this,t),this.sixShow=s(this,"six-details-show",7),this.sixAfterShow=s(this,"six-details-after-show",7),this.sixHide=s(this,"six-details-hide",7),this.sixAfterHide=s(this,"six-details-after-hide",7),this.animateSummaryIcon=!0,this.componentId="details-"+ ++a,this.isVisible=!1,this.open=!1,this.summary="",this.summaryIconSize="inherit",this.disabled=!1,this.inline=!1,this.selectableEmpty=!1,this.hasContent=!0}handleOpenChange(){this.body&&(this.open?this.show():this.hide())}connectedCallback(){this.handleBodyTransitionEnd=this.handleBodyTransitionEnd.bind(this),this.handleSummaryClick=this.handleSummaryClick.bind(this),this.handleSummaryKeyDown=this.handleSummaryKeyDown.bind(this)}componentDidLoad(){o.observe(this.details),this.body.hidden=!this.open,this.open&&this.show()}disconnectedCallback(){o.unobserve(this.details)}async show(){this.isVisible||(this.sixShow.emit().defaultPrevented?this.open=!1:(this.body.hidden=!1,0===this.body.scrollHeight?(this.body.style.height="auto",this.body.style.overflow="visible"):(this.body.style.height=`${this.body.scrollHeight}px`,this.body.style.overflow="hidden"),this.isVisible=!0,this.open=!0))}async hide(){this.isVisible&&(this.sixHide.emit().defaultPrevented?this.open=!0:(this.body.style.height=`${this.body.scrollHeight}px`,this.body.style.overflow="hidden",requestAnimationFrame((()=>{this.body.style.height="0"})),this.isVisible=!1,this.open=!1))}handleBodyTransitionEnd(i){"height"===i.propertyName&&i.target.classList.contains("details__body")&&(this.body.style.overflow=this.open?"visible":"hidden",this.body.style.height=this.open?"auto":"0",this.open?this.sixAfterShow.emit():this.sixAfterHide.emit(),this.body.hidden=!this.open)}handleSummaryClick(){this.disabled||!this.hasContent&&!this.selectableEmpty||(this.open?this.hide():this.show(),this.header.focus())}handleSummaryKeyDown(i){"Enter"!==i.key&&" "!==i.key||(i.preventDefault(),this.open?this.hide():this.show()),"ArrowUp"!==i.key&&"ArrowLeft"!==i.key||(i.preventDefault(),this.hide()),"ArrowDown"!==i.key&&"ArrowRight"!==i.key||(i.preventDefault(),this.show())}render(){const i=this.hasContent&&(this.summaryIcon||"expand_more");return t("div",{ref:i=>this.details=i,part:"base",class:{details:!0,"details--open":this.open,"details--disabled":this.disabled,inline:this.inline}},t("header",{ref:i=>this.header=i,part:"header",id:`${this.componentId}-header`,class:"details__header",role:"button","aria-expanded":this.open?"true":"false","aria-controls":`${this.componentId}-content`,"aria-disabled":this.disabled?"true":"false",tabIndex:this.disabled?-1:0,onClick:this.handleSummaryClick,onKeyDown:this.handleSummaryKeyDown},t("div",{part:"summary",class:"details__summary"},t("slot",{name:"summary"},this.summary)),t("span",{part:"summary-icon",class:{"details__summary-icon":!0,"details__summary-icon--animate":this.animateSummaryIcon}},t("slot",{name:"summary-icon",onSlotchange:()=>this.animateSummaryIcon=!1},i&&t("six-icon",{size:this.summaryIconSize},i)))),t("div",{ref:i=>this.body=i,class:"details__body",onTransitionEnd:this.handleBodyTransitionEnd},t("div",{part:"content",id:`${this.componentId}-content`,class:"details__content",role:"region","aria-labelledby":`${this.componentId}-header`},t("slot",null))))}get host(){return e(this)}static get watchers(){return{open:["handleOpenChange"]}}};r.style=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}:host{--hide-duration:var(--six-transition-medium);--hide-timing-function:ease;--show-duration:var(--six-transition-medium);--show-timing-function:ease;font-family:var(--six-font-family);display:block}.details{border:solid var(--six-border-width) var(--six-input-border-color);border-radius:var(--six-border-radius-medium);color:var(--six-details-color);overflow-anchor:none;font-size:var(--six-input-font-size-medium)}.details:hover:not(.details--disabled):not(.details--open){border-color:var(--six-input-border-color-hover)}.details.inline{border:none;color:var(--six-sidebar-color)}.details.inline:hover{background-color:var(--six-sidebar-hover-background-color)}.details.inline.details--open{background-color:var(--six-color-web-rock-50)}.details.inline.details--open:hover{border:none;box-shadow:none}.details.inline.details--open>.details__header{color:var(--six-sidebar-color);font-weight:var(--six-font-weight-bold);background-color:var(--six-sidebar-header-background-color)}.details--disabled{background-color:var(--six-input-background-color-disabled);border-color:var(--six-input-border-color-disabled);color:var(--six-input-color-disabled)}.details__header{display:flex;align-items:center;border-radius:inherit;padding:var(--six-spacing-medium);user-select:none;cursor:pointer}.details__header:focus{outline:none}.details--disabled .details__header{cursor:not-allowed;border-width:1px}.details--disabled .details__header:focus{outline:none;box-shadow:none}.details__summary{flex:1 1 auto;display:flex;align-items:center}.details__summary-icon{flex:0 0 auto;display:flex;align-items:center;font-size:1.2em;transition:var(--six-transition-medium) transform ease}.details--open .details__summary-icon--animate{transform:rotate(-180deg)}.details--open:hover{color:var(--six-input-color-focus)}.details__body{height:0;overflow:hidden;transition-property:height;transition-duration:var(--hide-duration);transition-timing-function:var(--hide-timing-function)}.details--open .details__body{transition-duration:var(--show-duration);transition-timing-function:var(--show-timing-function)}.details__content{padding:var(--six-spacing-medium)}";export{r as six_details}
1
+ import{r as i,c as s,h as t,g as e}from"./p-30ebc1e7.js";import{f as o}from"./p-b1e66136.js";let a=0,r=class{constructor(t){i(this,t),this.sixShow=s(this,"six-details-show",7),this.sixAfterShow=s(this,"six-details-after-show",7),this.sixHide=s(this,"six-details-hide",7),this.sixAfterHide=s(this,"six-details-after-hide",7),this.animateSummaryIcon=!0,this.componentId="details-"+ ++a,this.isVisible=!1,this.open=!1,this.summary="",this.summaryIconSize="inherit",this.disabled=!1,this.inline=!1,this.selectableEmpty=!1,this.hasContent=!0}handleOpenChange(){this.body&&(this.open?this.show():this.hide())}connectedCallback(){this.handleBodyTransitionEnd=this.handleBodyTransitionEnd.bind(this),this.handleSummaryClick=this.handleSummaryClick.bind(this),this.handleSummaryKeyDown=this.handleSummaryKeyDown.bind(this)}componentDidLoad(){o.observe(this.details),this.body.hidden=!this.open,this.open&&this.show()}disconnectedCallback(){o.unobserve(this.details)}async show(){this.isVisible||(this.sixShow.emit().defaultPrevented?this.open=!1:(this.body.hidden=!1,0===this.body.scrollHeight?(this.body.style.height="auto",this.body.style.overflow="visible"):(this.body.style.height=`${this.body.scrollHeight}px`,this.body.style.overflow="hidden"),this.isVisible=!0,this.open=!0))}async hide(){this.isVisible&&(this.sixHide.emit().defaultPrevented?this.open=!0:(this.body.style.height=`${this.body.scrollHeight}px`,this.body.style.overflow="hidden",requestAnimationFrame((()=>{this.body.style.height="0"})),this.isVisible=!1,this.open=!1))}handleBodyTransitionEnd(i){"height"===i.propertyName&&i.target.classList.contains("details__body")&&(this.body.style.overflow=this.open?"visible":"hidden",this.body.style.height=this.open?"auto":"0",this.open?this.sixAfterShow.emit():this.sixAfterHide.emit(),this.body.hidden=!this.open)}handleSummaryClick(){this.disabled||!this.hasContent&&!this.selectableEmpty||(this.open?this.hide():this.show(),this.header.focus())}handleSummaryKeyDown(i){"Enter"!==i.key&&" "!==i.key||(i.preventDefault(),this.open?this.hide():this.show()),"ArrowUp"!==i.key&&"ArrowLeft"!==i.key||(i.preventDefault(),this.hide()),"ArrowDown"!==i.key&&"ArrowRight"!==i.key||(i.preventDefault(),this.show())}render(){const i=this.hasContent&&(this.summaryIcon||"expand_more");return t("div",{ref:i=>this.details=i,part:"base",class:{details:!0,"details--open":this.open,"details--disabled":this.disabled,inline:this.inline}},t("header",{ref:i=>this.header=i,part:"header",id:`${this.componentId}-header`,class:"details__header",role:"button","aria-expanded":this.open?"true":"false","aria-controls":`${this.componentId}-content`,"aria-disabled":this.disabled?"true":"false",tabIndex:this.disabled?-1:0,onClick:this.handleSummaryClick,onKeyDown:this.handleSummaryKeyDown},t("div",{part:"summary",class:"details__summary"},t("slot",{name:"summary"},this.summary)),t("span",{part:"summary-icon",class:{"details__summary-icon":!0,"details__summary-icon--animate":this.animateSummaryIcon}},t("slot",{name:"summary-icon",onSlotchange:()=>this.animateSummaryIcon=!1},i&&t("six-icon",{size:this.summaryIconSize},i)))),t("div",{ref:i=>this.body=i,class:"details__body",onTransitionEnd:this.handleBodyTransitionEnd},t("div",{part:"content",id:`${this.componentId}-content`,class:"details__content",role:"region","aria-labelledby":`${this.componentId}-header`},t("slot",null))))}get host(){return e(this)}static get watchers(){return{open:["handleOpenChange"]}}};r.style=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}:host{--hide-duration:var(--six-transition-medium);--hide-timing-function:ease;--show-duration:var(--six-transition-medium);--show-timing-function:ease;font-family:var(--six-font-family);display:block}.details{border:solid var(--six-border-width) var(--six-input-border-color);border-radius:var(--six-border-radius-medium);color:var(--six-details-color);overflow-anchor:none;font-size:var(--six-input-font-size-medium)}.details:hover:not(.details--disabled):not(.details--open){border-color:var(--six-input-border-color-hover)}.details.inline{border:none;color:var(--six-sidebar-color)}.details.inline:hover{background-color:var(--six-sidebar-hover-background-color)}.details.inline.details--open{background-color:var(--six-color-web-rock-50)}.details.inline.details--open:hover{border:none;box-shadow:none}.details.inline.details--open>.details__header{color:var(--six-sidebar-color);font-weight:var(--six-font-weight-bold);background-color:var(--six-sidebar-header-background-color)}.details--disabled{background-color:var(--six-input-background-color-disabled);border-color:var(--six-input-border-color-disabled);color:var(--six-input-color-disabled)}.details__header{display:flex;align-items:center;border-radius:inherit;padding:var(--six-spacing-medium);user-select:none;cursor:pointer}.details__header:focus{outline:none}.details--disabled .details__header{cursor:not-allowed;border-width:1px}.details--disabled .details__header:focus{outline:none;box-shadow:none}.details__summary{flex:1 1 auto;display:flex;align-items:center}.details__summary-icon{flex:0 0 auto;display:flex;align-items:center;font-size:1.2em;transition:var(--six-transition-medium) transform ease}.details--open .details__summary-icon--animate{transform:rotate(-180deg)}.details--open:hover{color:var(--six-input-color-focus)}.details__body{height:0;overflow:hidden;transition-property:height;transition-duration:var(--hide-duration);transition-timing-function:var(--hide-timing-function)}.details--open .details__body{transition-duration:var(--show-duration);transition-timing-function:var(--show-timing-function)}.details__content{padding:var(--six-spacing-medium)}";export{r as six_details}
File without changes
@@ -1 +1 @@
1
- import{r as o,h as t,g as l}from"./p-30ebc1e7.js";import{F as r}from"./p-572e3690.js";import{h as e}from"./p-c09dc3a9.js";let s=0,i=class{constructor(t){o(this,t),this.wrapperLabelId="label-"+ ++s,this.labelId=`label-label-${s}`,this.helpTextId=`label-help-text-${s}`,this.hasHelpTextSlot=!1,this.hasLabelSlot=!1,this.size="medium",this.label="",this.helpText="",this.disabled=!1}handleLabelChange(){this.handleSlotChange()}connectedCallback(){this.handleSlotChange=this.handleSlotChange.bind(this),this.host.shadowRoot.addEventListener("slotchange",this.handleSlotChange)}componentWillLoad(){this.handleSlotChange()}disconnectedCallback(){this.host.shadowRoot.removeEventListener("slotchange",this.handleSlotChange)}handleSlotChange(){this.hasLabelSlot=e(this.host,"label"),this.hasHelpTextSlot=e(this.host,"help-text")}render(){return t(r,{inputId:this.wrapperLabelId,label:this.label,labelId:this.labelId,hasLabelSlot:this.hasLabelSlot,helpTextId:this.helpTextId,helpText:this.helpText,hasHelpTextSlot:this.hasHelpTextSlot,size:this.size,disabled:this.disabled,required:this.required},t("slot",null))}get host(){return l(this)}static get watchers(){return{helpText:["handleLabelChange"],label:["handleLabelChange"]}}};i.style=':host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}.form-control .form-control__label{display:none}.form-control .form-control__help-text{display:none}.form-control .form-control__error-text{display:none}.form-control--has-label .form-control__label{display:inline-block;color:var(--six-input-label-color);font-weight:var(--six-font-weight-bold);margin-bottom:var(--six-spacing-x-small)}.form-control--has-label .form-control__label__required::after{color:var(--six-color-danger-800);content:"*"}.form-control--has-label.form-control--small .form-control__label{font-size:var(--six-input-label-font-size-small)}.form-control--has-label.form-control--medium .form-control__label{font-size:var(--six-input-label-font-size-medium)}.form-control--has-label.form-control--large .form-control_label{font-size:var(--six-input-label-font-size-large)}.form-control--has-help-text .form-control__help-text{display:block;color:var(--six-input-help-text-color);margin-top:var(--six-spacing-x-small)}.form-control--has-help-text .form-control__help-text ::slotted(*){margin-top:var(--six-spacing-xxx-small)}.form-control--has-help-text.form-control--small .form-control__help-text{font-size:var(--six-input-help-text-font-size-small)}.form-control--has-help-text.form-control--medium .form-control__help-text{font-size:var(--six-input-help-text-font-size-medium)}.form-control--has-help-text.form-control--large .form-control__help-text{font-size:var(--six-input-help-text-font-size-large)}.form-control--has-error-text .form-control__error-text{display:block;color:var(--six-color-danger-800);margin-top:var(--six-spacing-xxx-small)}.form-control--has-error-text .form-control__error-text ::slotted(*){margin-top:var(--six-spacing-xxx-small)}.form-control--has-error-text.form-control--small .form-control__error-text{font-size:var(--six-input-help-text-font-size-small)}.form-control--has-error-text.form-control--medium .form-control__error-text{font-size:var(--six-input-help-text-font-size-medium)}.form-control--has-error-text.form-control--large .form-control__error-text{font-size:var(--six-input-help-text-font-size-large)}.form-control--disabled .form-control__help-text{color:var(--six-input-help-text-color-disabled)}.form-control--disabled .form-control__label{color:var(--six-input-label-color-disabled)}.form-control--invalid:not(.form-control--disabled) .form-control__label{color:var(--six-input-label-color)}:host{display:block}';export{i as six_group_label}
1
+ import{r as o,h as t,g as l}from"./p-30ebc1e7.js";import{F as r}from"./p-75297ad7.js";import{h as e}from"./p-b4dfb7cf.js";let s=0,i=class{constructor(t){o(this,t),this.wrapperLabelId="label-"+ ++s,this.labelId=`label-label-${s}`,this.helpTextId=`label-help-text-${s}`,this.hasHelpTextSlot=!1,this.hasLabelSlot=!1,this.size="medium",this.label="",this.helpText="",this.disabled=!1}handleLabelChange(){this.handleSlotChange()}connectedCallback(){this.handleSlotChange=this.handleSlotChange.bind(this),this.host.shadowRoot.addEventListener("slotchange",this.handleSlotChange)}componentWillLoad(){this.handleSlotChange()}disconnectedCallback(){this.host.shadowRoot.removeEventListener("slotchange",this.handleSlotChange)}handleSlotChange(){this.hasLabelSlot=e(this.host,"label"),this.hasHelpTextSlot=e(this.host,"help-text")}render(){return t(r,{inputId:this.wrapperLabelId,label:this.label,labelId:this.labelId,hasLabelSlot:this.hasLabelSlot,helpTextId:this.helpTextId,helpText:this.helpText,hasHelpTextSlot:this.hasHelpTextSlot,size:this.size,disabled:this.disabled,required:this.required},t("slot",null))}get host(){return l(this)}static get watchers(){return{helpText:["handleLabelChange"],label:["handleLabelChange"]}}};i.style=':host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}.form-control .form-control__label{display:none}.form-control .form-control__help-text{display:none}.form-control .form-control__error-text{display:none}.form-control--has-label .form-control__label{display:inline-block;color:var(--six-input-label-color);font-weight:var(--six-font-weight-bold);margin-bottom:var(--six-spacing-x-small)}.form-control--has-label .form-control__label__required::after{color:var(--six-color-danger-800);content:"*"}.form-control--has-label.form-control--small .form-control__label{font-size:var(--six-input-label-font-size-small)}.form-control--has-label.form-control--medium .form-control__label{font-size:var(--six-input-label-font-size-medium)}.form-control--has-label.form-control--large .form-control_label{font-size:var(--six-input-label-font-size-large)}.form-control--has-help-text .form-control__help-text{display:block;color:var(--six-input-help-text-color);margin-top:var(--six-spacing-x-small)}.form-control--has-help-text .form-control__help-text ::slotted(*){margin-top:var(--six-spacing-xxx-small)}.form-control--has-help-text.form-control--small .form-control__help-text{font-size:var(--six-input-help-text-font-size-small)}.form-control--has-help-text.form-control--medium .form-control__help-text{font-size:var(--six-input-help-text-font-size-medium)}.form-control--has-help-text.form-control--large .form-control__help-text{font-size:var(--six-input-help-text-font-size-large)}.form-control--has-error-text .form-control__error-text{display:block;color:var(--six-color-danger-800);margin-top:var(--six-spacing-xxx-small)}.form-control--has-error-text .form-control__error-text ::slotted(*){margin-top:var(--six-spacing-xxx-small)}.form-control--has-error-text.form-control--small .form-control__error-text{font-size:var(--six-input-help-text-font-size-small)}.form-control--has-error-text.form-control--medium .form-control__error-text{font-size:var(--six-input-help-text-font-size-medium)}.form-control--has-error-text.form-control--large .form-control__error-text{font-size:var(--six-input-help-text-font-size-large)}.form-control--disabled .form-control__help-text{color:var(--six-input-help-text-color-disabled)}.form-control--disabled .form-control__label{color:var(--six-input-label-color-disabled)}.form-control--invalid:not(.form-control--disabled) .form-control__label{color:var(--six-input-label-color)}:host{display:block}';export{i as six_group_label}
@@ -1 +1 @@
1
- import{r as s,h as i,g as t}from"./p-30ebc1e7.js";import{h as e}from"./p-c09dc3a9.js";let r=class{constructor(t){s(this,t),this.hasItems=!1,this.name="",this.icon="",this.value="",this.open=!1,this.provideSlot=s=>this.summaryIconHasContent?i("div",{slot:s},i("slot",{name:s})):i("slot",{name:s,onSlotchange:()=>{this.summaryIconHasContent=this.host.shadowRoot.querySelector(`slot[name="${s}"]`).assignedNodes().length>0}})}connectedCallback(){this.handleSlotChange=this.handleSlotChange.bind(this)}componentWillLoad(){this.handleSlotChange()}handleSlotChange(){this.hasItems=e(this.host)}isSubgroup(){return!!this.host.parentElement.closest("six-sidebar-item-group")}render(){return i("six-details",{class:{"six-sidebar-item-group--childless":!this.hasItems,"six-sidebar-item-group--subgroup":this.isSubgroup()},inline:!0,open:this.open,"summary-icon":this.summaryIcon,hasContent:this.hasItems},i("div",{slot:"summary"},i("div",{class:"six-sidebar-details__header"},this.icon&&i("six-icon",{class:"six-sidebar-details__header-icon"},this.icon),this.name)),this.provideSlot("summary-icon"),i("slot",null))}get host(){return t(this)}};r.style=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}:host{display:block}.six-sidebar-item-group--childless::part(content){padding:0 !important}.six-sidebar-item-group--subgroup::part(header){background-color:transparent !important}.six-sidebar-item-group__header-icon{margin-left:16px;transform:translate(0px, -3px)}.six-sidebar-details__header{display:flex}.six-sidebar-details__header-icon{margin-right:1em}";export{r as six_sidebar_item_group}
1
+ import{r as s,h as i,g as t}from"./p-30ebc1e7.js";import{h as e}from"./p-b4dfb7cf.js";let r=class{constructor(t){s(this,t),this.hasItems=!1,this.name="",this.icon="",this.value="",this.open=!1,this.provideSlot=s=>this.summaryIconHasContent?i("div",{slot:s},i("slot",{name:s})):i("slot",{name:s,onSlotchange:()=>{this.summaryIconHasContent=this.host.shadowRoot.querySelector(`slot[name="${s}"]`).assignedNodes().length>0}})}connectedCallback(){this.handleSlotChange=this.handleSlotChange.bind(this)}componentWillLoad(){this.handleSlotChange()}handleSlotChange(){this.hasItems=e(this.host)}isSubgroup(){return!!this.host.parentElement.closest("six-sidebar-item-group")}render(){return i("six-details",{class:{"six-sidebar-item-group--childless":!this.hasItems,"six-sidebar-item-group--subgroup":this.isSubgroup()},inline:!0,open:this.open,"summary-icon":this.summaryIcon,hasContent:this.hasItems},i("div",{slot:"summary"},i("div",{class:"six-sidebar-details__header"},this.icon&&i("six-icon",{class:"six-sidebar-details__header-icon"},this.icon),this.name)),this.provideSlot("summary-icon"),i("slot",null))}get host(){return t(this)}};r.style=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}:host{display:block}.six-sidebar-item-group--childless::part(content){padding:0 !important}.six-sidebar-item-group--subgroup::part(header){background-color:transparent !important}.six-sidebar-item-group__header-icon{margin-left:16px;transform:translate(0px, -3px)}.six-sidebar-details__header{display:flex}.six-sidebar-details__header-icon{margin-right:1em}";export{r as six_sidebar_item_group}
File without changes
@@ -1 +1 @@
1
- import{r as t,c as o,h as i,H as s,g as r}from"./p-30ebc1e7.js";import{P as e}from"./p-1c9f0dc6.js";let a=0,p=class{constructor(i){t(this,i),this.sixShow=o(this,"six-tooltip-show",7),this.sixAfterShow=o(this,"six-tooltip-after-show",7),this.sixHide=o(this,"six-tooltip-hide",7),this.sixAfterHide=o(this,"six-tooltip-after-hide",7),this.componentId="tooltip-"+ ++a,this.isVisible=!1,this.content="",this.placement="top",this.disabled=!1,this.distance=10,this.open=!1,this.skidding=0,this.trigger="hover focus"}handleOpenChange(){this.open?this.show():this.hide()}connectedCallback(){this.handleBlur=this.handleBlur.bind(this),this.handleClick=this.handleClick.bind(this),this.handleFocus=this.handleFocus.bind(this),this.handleKeyDown=this.handleKeyDown.bind(this),this.handleMouseOver=this.handleMouseOver.bind(this),this.handleMouseOut=this.handleMouseOut.bind(this),this.handleSlotChange=this.handleSlotChange.bind(this)}componentDidLoad(){this.target=this.getTarget(),this.popover=new e(this.target,this.tooltipPositioner),this.syncOptions(),this.host.addEventListener("blur",this.handleBlur,!0),this.host.addEventListener("click",this.handleClick,!0),this.host.addEventListener("focus",this.handleFocus,!0),this.tooltipPositioner.hidden=!this.open,this.open&&this.show()}componentDidUpdate(){this.syncOptions()}disconnectedCallback(){this.popover.destroy(),this.host.removeEventListener("blur",this.handleBlur,!0),this.host.removeEventListener("click",this.handleClick,!0),this.host.removeEventListener("focus",this.handleFocus,!0)}async show(){this.isVisible||this.disabled||(this.sixShow.emit().defaultPrevented?this.open=!1:(this.isVisible=!0,this.open=!0,this.popover.show()))}async hide(){this.isVisible&&!this.disabled&&(this.sixHide.emit().defaultPrevented?this.open=!0:(this.isVisible=!1,this.open=!1,this.popover.hide()))}getTarget(){const t=[...this.host.children].find((t=>"style"!==t.tagName.toLowerCase()&&"content"!==t.getAttribute("slot")));if(!t)throw new Error("Invalid tooltip target: no child element was found.");return t}handleBlur(){this.hasTrigger("focus")&&this.hide()}handleClick(){this.hasTrigger("click")&&(this.open?this.hide():this.show())}handleFocus(){this.hasTrigger("focus")&&this.show()}handleKeyDown(t){this.open&&"Escape"===t.key&&(t.stopPropagation(),this.hide())}handleMouseOver(){this.hasTrigger("hover")&&this.show()}handleMouseOut(){this.hasTrigger("hover")&&this.hide()}handleSlotChange(){const t=this.target,o=this.getTarget();o!==t&&(t&&t.removeAttribute("aria-describedby"),o.setAttribute("aria-describedby",this.componentId))}hasTrigger(t){return this.trigger.split(" ").includes(t)}syncOptions(){this.popover.setOptions({placement:this.placement,distance:this.distance,skidding:this.skidding,transitionElement:this.tooltip,onAfterHide:()=>this.sixAfterHide.emit(),onAfterShow:()=>this.sixAfterShow.emit()})}render(){return i(s,{onKeyDown:this.handleKeyDown,onMouseOver:this.handleMouseOver,onMouseOut:this.handleMouseOut},i("slot",{onSlotchange:this.handleSlotChange}),i("div",{ref:t=>this.tooltipPositioner=t,class:"tooltip-positioner"},i("div",{part:"base",ref:t=>this.tooltip=t,id:this.componentId,class:{tooltip:!0,"tooltip--open":this.open},role:"tooltip","aria-hidden":this.open?"false":"true"},i("slot",{name:"content"},this.content))))}get host(){return r(this)}static get watchers(){return{open:["handleOpenChange"]}}};p.style=':host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}:host{--max-width:20rem;--hide-delay:0s;--hide-duration:0.125s;--hide-timing-function:ease;--show-delay:0.125s;--show-duration:0.125s;--show-timing-function:ease;display:contents}.tooltip-positioner{position:absolute;z-index:var(--six-z-index-tooltip);pointer-events:none}.tooltip{max-width:var(--max-width);border-radius:var(--six-border-radius-medium);background-color:var(--six-tooltip-background-color);font-family:var(--six-font-family);font-size:var(--six-tooltip-font-size);font-weight:var(--six-tooltip-font-weight);line-height:var(--six-tooltip-line-height);color:var(--six-tooltip-color);opacity:0;padding:var(--six-spacing-xxx-small) var(--six-spacing-x-small);transform:scale(0.8);transform-origin:bottom;transition-property:opacity, transform;transition-delay:var(--hide-delay);transition-duration:var(--hide-duration);transition-timing-function:var(--hide-timing-function)}.tooltip::after{content:"";position:absolute;width:0;height:0}.tooltip-positioner[data-popper-placement^=top] .tooltip{transform-origin:bottom}.tooltip-positioner[data-popper-placement^=bottom] .tooltip{transform-origin:top}.tooltip-positioner[data-popper-placement^=left] .tooltip{transform-origin:right}.tooltip-positioner[data-popper-placement^=right] .tooltip{transform-origin:left}.tooltip-positioner.popover-visible .tooltip{opacity:1;transform:none;transition-delay:var(--show-delay);transition-duration:var(--show-duration);transition-timing-function:var(--show-timing-function)}.tooltip-positioner[data-popper-placement^=bottom] .tooltip::after{bottom:100%;left:calc(50% - var(--six-tooltip-arrow-size));border-bottom:var(--six-tooltip-arrow-size) solid var(--six-tooltip-background-color);border-left:var(--six-tooltip-arrow-size) solid transparent;border-right:var(--six-tooltip-arrow-size) solid transparent}.tooltip-positioner[data-popper-placement=bottom-start] .tooltip::after{left:var(--six-tooltip-arrow-start-end-offset)}.tooltip-positioner[data-popper-placement=bottom-end] .tooltip::after{right:var(--six-tooltip-arrow-start-end-offset);left:auto}.tooltip-positioner[data-popper-placement^=top] .tooltip::after{top:100%;left:calc(50% - var(--six-tooltip-arrow-size));border-top:var(--six-tooltip-arrow-size) solid var(--six-tooltip-background-color);border-left:var(--six-tooltip-arrow-size) solid transparent;border-right:var(--six-tooltip-arrow-size) solid transparent}.tooltip-positioner[data-popper-placement=top-start] .tooltip::after{left:var(--six-tooltip-arrow-start-end-offset)}.tooltip-positioner[data-popper-placement=top-end] .tooltip::after{right:var(--six-tooltip-arrow-start-end-offset);left:auto}.tooltip-positioner[data-popper-placement^=left] .tooltip::after{top:calc(50% - var(--six-tooltip-arrow-size));left:100%;border-left:var(--six-tooltip-arrow-size) solid var(--six-tooltip-background-color);border-top:var(--six-tooltip-arrow-size) solid transparent;border-bottom:var(--six-tooltip-arrow-size) solid transparent}.tooltip-positioner[data-popper-placement=left-start] .tooltip::after{top:var(--six-tooltip-arrow-start-end-offset)}.tooltip-positioner[data-popper-placement=left-end] .tooltip::after{top:auto;bottom:var(--six-tooltip-arrow-start-end-offset)}.tooltip-positioner[data-popper-placement^=right] .tooltip::after{top:calc(50% - var(--six-tooltip-arrow-size));right:100%;border-right:var(--six-tooltip-arrow-size) solid var(--six-tooltip-background-color);border-top:var(--six-tooltip-arrow-size) solid transparent;border-bottom:var(--six-tooltip-arrow-size) solid transparent}.tooltip-positioner[data-popper-placement=right-start] .tooltip::after{top:var(--six-tooltip-arrow-start-end-offset)}.tooltip-positioner[data-popper-placement=right-end] .tooltip::after{top:auto;bottom:var(--six-tooltip-arrow-start-end-offset)}';export{p as six_tooltip}
1
+ import{r as t,c as o,h as i,H as s,g as r}from"./p-30ebc1e7.js";import{P as e}from"./p-5f1c6a5f.js";let a=0,p=class{constructor(i){t(this,i),this.sixShow=o(this,"six-tooltip-show",7),this.sixAfterShow=o(this,"six-tooltip-after-show",7),this.sixHide=o(this,"six-tooltip-hide",7),this.sixAfterHide=o(this,"six-tooltip-after-hide",7),this.componentId="tooltip-"+ ++a,this.isVisible=!1,this.content="",this.placement="top",this.disabled=!1,this.distance=10,this.open=!1,this.skidding=0,this.trigger="hover focus"}handleOpenChange(){this.open?this.show():this.hide()}connectedCallback(){this.handleBlur=this.handleBlur.bind(this),this.handleClick=this.handleClick.bind(this),this.handleFocus=this.handleFocus.bind(this),this.handleKeyDown=this.handleKeyDown.bind(this),this.handleMouseOver=this.handleMouseOver.bind(this),this.handleMouseOut=this.handleMouseOut.bind(this),this.handleSlotChange=this.handleSlotChange.bind(this)}componentDidLoad(){this.target=this.getTarget(),this.popover=new e(this.target,this.tooltipPositioner),this.syncOptions(),this.host.addEventListener("blur",this.handleBlur,!0),this.host.addEventListener("click",this.handleClick,!0),this.host.addEventListener("focus",this.handleFocus,!0),this.tooltipPositioner.hidden=!this.open,this.open&&this.show()}componentDidUpdate(){this.syncOptions()}disconnectedCallback(){this.popover.destroy(),this.host.removeEventListener("blur",this.handleBlur,!0),this.host.removeEventListener("click",this.handleClick,!0),this.host.removeEventListener("focus",this.handleFocus,!0)}async show(){this.isVisible||this.disabled||(this.sixShow.emit().defaultPrevented?this.open=!1:(this.isVisible=!0,this.open=!0,this.popover.show()))}async hide(){this.isVisible&&!this.disabled&&(this.sixHide.emit().defaultPrevented?this.open=!0:(this.isVisible=!1,this.open=!1,this.popover.hide()))}getTarget(){const t=[...this.host.children].find((t=>"style"!==t.tagName.toLowerCase()&&"content"!==t.getAttribute("slot")));if(!t)throw new Error("Invalid tooltip target: no child element was found.");return t}handleBlur(){this.hasTrigger("focus")&&this.hide()}handleClick(){this.hasTrigger("click")&&(this.open?this.hide():this.show())}handleFocus(){this.hasTrigger("focus")&&this.show()}handleKeyDown(t){this.open&&"Escape"===t.key&&(t.stopPropagation(),this.hide())}handleMouseOver(){this.hasTrigger("hover")&&this.show()}handleMouseOut(){this.hasTrigger("hover")&&this.hide()}handleSlotChange(){const t=this.target,o=this.getTarget();o!==t&&(t&&t.removeAttribute("aria-describedby"),o.setAttribute("aria-describedby",this.componentId))}hasTrigger(t){return this.trigger.split(" ").includes(t)}syncOptions(){this.popover.setOptions({placement:this.placement,distance:this.distance,skidding:this.skidding,transitionElement:this.tooltip,onAfterHide:()=>this.sixAfterHide.emit(),onAfterShow:()=>this.sixAfterShow.emit()})}render(){return i(s,{onKeyDown:this.handleKeyDown,onMouseOver:this.handleMouseOver,onMouseOut:this.handleMouseOut},i("slot",{onSlotchange:this.handleSlotChange}),i("div",{ref:t=>this.tooltipPositioner=t,class:"tooltip-positioner"},i("div",{part:"base",ref:t=>this.tooltip=t,id:this.componentId,class:{tooltip:!0,"tooltip--open":this.open},role:"tooltip","aria-hidden":this.open?"false":"true"},i("slot",{name:"content"},this.content))))}get host(){return r(this)}static get watchers(){return{open:["handleOpenChange"]}}};p.style=':host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}:host{--max-width:20rem;--hide-delay:0s;--hide-duration:0.125s;--hide-timing-function:ease;--show-delay:0.125s;--show-duration:0.125s;--show-timing-function:ease;display:contents}.tooltip-positioner{position:absolute;z-index:var(--six-z-index-tooltip);pointer-events:none}.tooltip{max-width:var(--max-width);border-radius:var(--six-border-radius-medium);background-color:var(--six-tooltip-background-color);font-family:var(--six-font-family);font-size:var(--six-tooltip-font-size);font-weight:var(--six-tooltip-font-weight);line-height:var(--six-tooltip-line-height);color:var(--six-tooltip-color);opacity:0;padding:var(--six-spacing-xxx-small) var(--six-spacing-x-small);transform:scale(0.8);transform-origin:bottom;transition-property:opacity, transform;transition-delay:var(--hide-delay);transition-duration:var(--hide-duration);transition-timing-function:var(--hide-timing-function)}.tooltip::after{content:"";position:absolute;width:0;height:0}.tooltip-positioner[data-popper-placement^=top] .tooltip{transform-origin:bottom}.tooltip-positioner[data-popper-placement^=bottom] .tooltip{transform-origin:top}.tooltip-positioner[data-popper-placement^=left] .tooltip{transform-origin:right}.tooltip-positioner[data-popper-placement^=right] .tooltip{transform-origin:left}.tooltip-positioner.popover-visible .tooltip{opacity:1;transform:none;transition-delay:var(--show-delay);transition-duration:var(--show-duration);transition-timing-function:var(--show-timing-function)}.tooltip-positioner[data-popper-placement^=bottom] .tooltip::after{bottom:100%;left:calc(50% - var(--six-tooltip-arrow-size));border-bottom:var(--six-tooltip-arrow-size) solid var(--six-tooltip-background-color);border-left:var(--six-tooltip-arrow-size) solid transparent;border-right:var(--six-tooltip-arrow-size) solid transparent}.tooltip-positioner[data-popper-placement=bottom-start] .tooltip::after{left:var(--six-tooltip-arrow-start-end-offset)}.tooltip-positioner[data-popper-placement=bottom-end] .tooltip::after{right:var(--six-tooltip-arrow-start-end-offset);left:auto}.tooltip-positioner[data-popper-placement^=top] .tooltip::after{top:100%;left:calc(50% - var(--six-tooltip-arrow-size));border-top:var(--six-tooltip-arrow-size) solid var(--six-tooltip-background-color);border-left:var(--six-tooltip-arrow-size) solid transparent;border-right:var(--six-tooltip-arrow-size) solid transparent}.tooltip-positioner[data-popper-placement=top-start] .tooltip::after{left:var(--six-tooltip-arrow-start-end-offset)}.tooltip-positioner[data-popper-placement=top-end] .tooltip::after{right:var(--six-tooltip-arrow-start-end-offset);left:auto}.tooltip-positioner[data-popper-placement^=left] .tooltip::after{top:calc(50% - var(--six-tooltip-arrow-size));left:100%;border-left:var(--six-tooltip-arrow-size) solid var(--six-tooltip-background-color);border-top:var(--six-tooltip-arrow-size) solid transparent;border-bottom:var(--six-tooltip-arrow-size) solid transparent}.tooltip-positioner[data-popper-placement=left-start] .tooltip::after{top:var(--six-tooltip-arrow-start-end-offset)}.tooltip-positioner[data-popper-placement=left-end] .tooltip::after{top:auto;bottom:var(--six-tooltip-arrow-start-end-offset)}.tooltip-positioner[data-popper-placement^=right] .tooltip::after{top:calc(50% - var(--six-tooltip-arrow-size));right:100%;border-right:var(--six-tooltip-arrow-size) solid var(--six-tooltip-background-color);border-top:var(--six-tooltip-arrow-size) solid transparent;border-bottom:var(--six-tooltip-arrow-size) solid transparent}.tooltip-positioner[data-popper-placement=right-start] .tooltip::after{top:var(--six-tooltip-arrow-start-end-offset)}.tooltip-positioner[data-popper-placement=right-end] .tooltip::after{top:auto;bottom:var(--six-tooltip-arrow-start-end-offset)}';export{p as six_tooltip}
@@ -1 +1 @@
1
- import{r as t,h as i,H as s,c as e}from"./p-30ebc1e7.js";import{S as o,F as r}from"./p-12cc24c3.js";let a=class{constructor(i){t(this,i)}render(){return i(s,null,i("slot",null))}};a.style=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}:host{display:table-cell;padding:var(--six-spacing-medium);font-size:var(--six-font-size-small)}";let l=class{constructor(i){t(this,i)}render(){return i(s,null,i("slot",null))}};l.style=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}:host{display:table-header-group;cursor:pointer;font-family:var(--six-font-family);font-weight:var(--six-font-weight-bold);color:var(--six-table-header-color);border-bottom:solid 2px var(--six-table-header-border-color);padding:0.75rem}";const h=t=>i=>{const s=t.indexOf(i)+1;return t[s<t.length?s:0]},n=h(Object.values(o)),d=h(Object.values(r)),c=(t,i,s)=>({[t]:{[i]:s}}),b={[o.Asc]:"arrow_drop_up",[o.Desc]:"arrow_drop_down",[o.None]:"swap_vert"},x={[r.Equals]:"=",[r.NotEquals]:"&ne;",[r.Includes]:"&isin;",[r.NotIncludes]:"&notin;"};let f=class{constructor(i){t(this,i),this.sortUpdated=e(this,"six-table-header-cell-sort-updated",7),this.filterUpdated=e(this,"six-table-header-cell-filter-updated",7),this.handleSortNext=()=>{this.sortUpdated.emit({[this.name]:n(this.sort)})},this.handleFilterNext=()=>{this.filterUpdated.emit(c(this.name,d(this.filter),this.inputElement.value))},this.handleFilterChange=()=>{this.filterUpdated.emit(c(this.name,this.filter,this.inputElement.value))},this.handleFilterClear=()=>{this.filterUpdated.emit(c(this.name,this.filter,void 0)),this.filterRef.hide()}}render(){const t=this.sort&&i("six-icon",{filled:!0,class:{"header__trigger-icon":this.sort===o.None},onClick:this.handleSortNext,"data-testid":`table-sort-${this.name}`},b[this.sort]),e=this.filter&&i("six-dropdown",{ref:t=>this.filterRef=t,hoist:!0,"data-testid":`table-filter-${this.name}`},i("six-icon",{slot:"trigger",class:"header__trigger-icon"},"filter_alt"),i("six-input",{ref:t=>this.inputElement=t,value:this.value,"onSix-input-input":this.handleFilterChange},i("six-icon-button",{slot:"prefix",html:x[this.filter],onClick:this.handleFilterNext,"data-testid":`table-filter-prefix-${this.name}`}),i("six-icon-button",{slot:"suffix",name:"clear",label:"Clear",onClick:this.handleFilterClear,"data-testid":`table-filter-suffix-${this.name}`})));return i(s,null,i("div",{class:{header:!0,"header--selected":void 0!==this.value}},i("slot",null),i("div",{class:"header__trigger-icon-box"},t,e)))}};f.style=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}:host{display:table-cell;padding:var(--six-spacing-medium) var(--six-spacing-medium) var(--six-spacing-x-small);font-size:var(--six-font-size-small)}six-icon{vertical-align:text-top;width:1.5rem}.header:hover .header__trigger-icon,.header--selected .header__trigger-icon{opacity:1}.header__trigger-icon{color:var(--six-color-web-rock-600);opacity:0}.header__trigger-icon-box{float:right}[slot=prefix]{font-size:1.5em}six-dropdown::part(panel){overflow:inherit}";let p=class{constructor(i){t(this,i)}render(){return i(s,null,i("slot",null))}};p.style=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}:host{display:table-row;font-family:var(--six-font-family)}:host(:hover){background-color:var(--six-table-row-background-color-hover)}";export{a as six_table_cell,l as six_table_header,f as six_table_header_cell,p as six_table_row}
1
+ import{r as t,h as i,H as s,c as e}from"./p-30ebc1e7.js";import{S as o,F as r}from"./p-07d1e830.js";let a=class{constructor(i){t(this,i)}render(){return i(s,null,i("slot",null))}};a.style=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}:host{display:table-cell;padding:var(--six-spacing-medium);font-size:var(--six-font-size-small)}";let l=class{constructor(i){t(this,i)}render(){return i(s,null,i("slot",null))}};l.style=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}:host{display:table-header-group;cursor:pointer;font-family:var(--six-font-family);font-weight:var(--six-font-weight-bold);color:var(--six-table-header-color);border-bottom:solid 2px var(--six-table-header-border-color);padding:0.75rem}";const h=t=>i=>{const s=t.indexOf(i)+1;return t[s<t.length?s:0]},n=h(Object.values(o)),d=h(Object.values(r)),c=(t,i,s)=>({[t]:{[i]:s}}),b={[o.Asc]:"arrow_drop_up",[o.Desc]:"arrow_drop_down",[o.None]:"swap_vert"},x={[r.Equals]:"=",[r.NotEquals]:"&ne;",[r.Includes]:"&isin;",[r.NotIncludes]:"&notin;"};let f=class{constructor(i){t(this,i),this.sortUpdated=e(this,"six-table-header-cell-sort-updated",7),this.filterUpdated=e(this,"six-table-header-cell-filter-updated",7),this.handleSortNext=()=>{this.sortUpdated.emit({[this.name]:n(this.sort)})},this.handleFilterNext=()=>{this.filterUpdated.emit(c(this.name,d(this.filter),this.inputElement.value))},this.handleFilterChange=()=>{this.filterUpdated.emit(c(this.name,this.filter,this.inputElement.value))},this.handleFilterClear=()=>{this.filterUpdated.emit(c(this.name,this.filter,void 0)),this.filterRef.hide()}}render(){const t=this.sort&&i("six-icon",{filled:!0,class:{"header__trigger-icon":this.sort===o.None},onClick:this.handleSortNext,"data-testid":`table-sort-${this.name}`},b[this.sort]),e=this.filter&&i("six-dropdown",{ref:t=>this.filterRef=t,hoist:!0,"data-testid":`table-filter-${this.name}`},i("six-icon",{slot:"trigger",class:"header__trigger-icon"},"filter_alt"),i("six-input",{ref:t=>this.inputElement=t,value:this.value,"onSix-input-input":this.handleFilterChange},i("six-icon-button",{slot:"prefix",html:x[this.filter],onClick:this.handleFilterNext,"data-testid":`table-filter-prefix-${this.name}`}),i("six-icon-button",{slot:"suffix",name:"clear",label:"Clear",onClick:this.handleFilterClear,"data-testid":`table-filter-suffix-${this.name}`})));return i(s,null,i("div",{class:{header:!0,"header--selected":void 0!==this.value}},i("slot",null),i("div",{class:"header__trigger-icon-box"},t,e)))}};f.style=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}:host{display:table-cell;padding:var(--six-spacing-medium) var(--six-spacing-medium) var(--six-spacing-x-small);font-size:var(--six-font-size-small)}six-icon{vertical-align:text-top;width:1.5rem}.header:hover .header__trigger-icon,.header--selected .header__trigger-icon{opacity:1}.header__trigger-icon{color:var(--six-color-web-rock-600);opacity:0}.header__trigger-icon-box{float:right}[slot=prefix]{font-size:1.5em}six-dropdown::part(panel){overflow:inherit}";let p=class{constructor(i){t(this,i)}render(){return i(s,null,i("slot",null))}};p.style=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}:host{display:table-row;font-family:var(--six-font-family)}:host(:hover){background-color:var(--six-table-row-background-color-hover)}";export{a as six_table_cell,l as six_table_header,f as six_table_header_cell,p as six_table_row}
File without changes
@@ -1 +1 @@
1
- import{r as i,c as s,h as t}from"./p-30ebc1e7.js";import{s as e}from"./p-044c6bf9.js";const a=i=>"six-sidebar-item-group"===i.tagName.toLowerCase();let r=class{constructor(t){i(this,t),this.sixShow=s(this,"six-sidebar-show",7),this.sixAfterShow=s(this,"six-sidebar-after-show",7),this.sixHide=s(this,"six-sidebar-hide",7),this.sixAfterHide=s(this,"six-sidebar-after-hide",7),this.sixInitialFocus=s(this,"six-sidebar-initial-focus",7),this.willShow=!1,this.willHide=!1,this.isVisible=!1,this.position="left",this.open=!1,this.width="16rem",this.toggled=!1,this.handleTransitionEnd=i=>{"transitionend"===i.type&&i.target.classList.contains("sidebar__container")&&this.resetTransitionVariables()},this.closeSiblingDetailsOnShow=i=>{const s=i.target;e(s,this.sidebar);const t=i=>{let t=s;for(;null!==i(t);)t=i(t),a(t)&&(t.shadowRoot.querySelector("six-details").open=!1)};t((i=>i.previousElementSibling)),t((i=>i.nextElementSibling))}}handleOpenChange(){this.open?this.show():this.hide()}componentWillLoad(){this.open&&(this.show(),this.resetTransitionVariables())}componentDidRender(){this.setupTogglableMenuItems()}disconnectedCallback(){this.sidebar.removeEventListener("six-details-show",this.closeSiblingDetailsOnShow)}setupTogglableMenuItems(){this.toggled&&(this.markAllMenuItemsAsSelectableEmpty(),this.sidebar.addEventListener("six-details-show",this.closeSiblingDetailsOnShow))}markAllMenuItemsAsSelectableEmpty(){const i=this.sidebar.querySelector("slot").assignedElements(),s=[];for(;i.length>0;){const t=i.pop(),e=t.shadowRoot.querySelectorAll("six-details");s.push(...e);const r=Array.from(t.children).filter(a);i.push(...r)}s.forEach((i=>i.selectableEmpty=!0))}async toggle(){this.willShow||this.willHide||(this.open?await this.hide():await this.show())}async show(){this.willShow||(this.sixShow.emit().defaultPrevented?this.open=!1:(this.willShow=!0,this.isVisible=!0,this.open=!0))}async hide(){this.willHide||(this.sixHide.emit().defaultPrevented?this.open=!0:(this.willHide=!0,this.open=!1))}async selectItemByIndex(i){const s=this.sidebar.querySelector("slot").assignedElements().map((i=>i.shadowRoot.querySelector("six-details")));i<0||i>s.length-1?console.error(`Tried to access sidebar menu item by index, but provided index out of range. Provided index: ${i}`):await s[i].show()}async selectItemByName(i){const s=this.sidebar.querySelector("slot").assignedElements(),t=s.findIndex((s=>(null==s?void 0:s.name)===i)),e=s[t].shadowRoot.querySelector("six-details");await e.show()}resetTransitionVariables(){this.isVisible=this.open,this.willShow=!1,this.willHide=!1,this.open?this.sixAfterShow.emit():this.sixAfterHide.emit()}render(){return t("host",{class:"six-sidebar"},t("div",{class:{sidebar__container:!0,"sidebar--visible":this.isVisible,"sidebar--open":this.open,"sidebar--left":"left"===this.position,"sidebar--right":"right"===this.position},style:{width:this.width,[`margin-${this.position}`]:this.open?"0":`calc(1rem - ${this.width})`},ref:i=>this.sidebar=i,"aria-hidden":this.open?"false":"true",onTransitionEnd:this.handleTransitionEnd},t("slot",null)))}static get watchers(){return{open:["handleOpenChange"]}}};r.style=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}:host{display:block;height:100%}.sidebar__container{height:100%;overflow:auto}.sidebar__container.sidebar--open{box-shadow:var(--six-elevation-1dp)}.sidebar__container:not(.sidebar--visible){position:absolute;width:1px;height:1px;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;pointer-events:none;visibility:hidden}.sidebar--left{color:var(--six-sidebar-color);background-color:var(--six-sidebar-background-color);transition:var(--six-transition-medium) margin-left;background-size:300vw 70%;background-position:bottom;background-repeat:no-repeat}.sidebar--right{transition:var(--six-transition-medium) margin-right}.sidebar--open.sidebar--left{margin-right:2px}.sidebar--open.sidebar--right{margin-left:2px}";export{r as six_sidebar}
1
+ import{r as i,c as s,h as t}from"./p-30ebc1e7.js";import{s as e}from"./p-eb8f05a9.js";const a=i=>"six-sidebar-item-group"===i.tagName.toLowerCase();let r=class{constructor(t){i(this,t),this.sixShow=s(this,"six-sidebar-show",7),this.sixAfterShow=s(this,"six-sidebar-after-show",7),this.sixHide=s(this,"six-sidebar-hide",7),this.sixAfterHide=s(this,"six-sidebar-after-hide",7),this.sixInitialFocus=s(this,"six-sidebar-initial-focus",7),this.willShow=!1,this.willHide=!1,this.isVisible=!1,this.position="left",this.open=!1,this.width="16rem",this.toggled=!1,this.handleTransitionEnd=i=>{"transitionend"===i.type&&i.target.classList.contains("sidebar__container")&&this.resetTransitionVariables()},this.closeSiblingDetailsOnShow=i=>{const s=i.target;e(s,this.sidebar);const t=i=>{let t=s;for(;null!==i(t);)t=i(t),a(t)&&(t.shadowRoot.querySelector("six-details").open=!1)};t((i=>i.previousElementSibling)),t((i=>i.nextElementSibling))}}handleOpenChange(){this.open?this.show():this.hide()}componentWillLoad(){this.open&&(this.show(),this.resetTransitionVariables())}componentDidRender(){this.setupTogglableMenuItems()}disconnectedCallback(){this.sidebar.removeEventListener("six-details-show",this.closeSiblingDetailsOnShow)}setupTogglableMenuItems(){this.toggled&&(this.markAllMenuItemsAsSelectableEmpty(),this.sidebar.addEventListener("six-details-show",this.closeSiblingDetailsOnShow))}markAllMenuItemsAsSelectableEmpty(){const i=this.sidebar.querySelector("slot").assignedElements(),s=[];for(;i.length>0;){const t=i.pop(),e=t.shadowRoot.querySelectorAll("six-details");s.push(...e);const r=Array.from(t.children).filter(a);i.push(...r)}s.forEach((i=>i.selectableEmpty=!0))}async toggle(){this.willShow||this.willHide||(this.open?await this.hide():await this.show())}async show(){this.willShow||(this.sixShow.emit().defaultPrevented?this.open=!1:(this.willShow=!0,this.isVisible=!0,this.open=!0))}async hide(){this.willHide||(this.sixHide.emit().defaultPrevented?this.open=!0:(this.willHide=!0,this.open=!1))}async selectItemByIndex(i){const s=this.sidebar.querySelector("slot").assignedElements().map((i=>i.shadowRoot.querySelector("six-details")));i<0||i>s.length-1?console.error(`Tried to access sidebar menu item by index, but provided index out of range. Provided index: ${i}`):await s[i].show()}async selectItemByName(i){const s=this.sidebar.querySelector("slot").assignedElements(),t=s.findIndex((s=>(null==s?void 0:s.name)===i)),e=s[t].shadowRoot.querySelector("six-details");await e.show()}resetTransitionVariables(){this.isVisible=this.open,this.willShow=!1,this.willHide=!1,this.open?this.sixAfterShow.emit():this.sixAfterHide.emit()}render(){return t("host",{class:"six-sidebar"},t("div",{class:{sidebar__container:!0,"sidebar--visible":this.isVisible,"sidebar--open":this.open,"sidebar--left":"left"===this.position,"sidebar--right":"right"===this.position},style:{width:this.width,[`margin-${this.position}`]:this.open?"0":`calc(1rem - ${this.width})`},ref:i=>this.sidebar=i,"aria-hidden":this.open?"false":"true",onTransitionEnd:this.handleTransitionEnd},t("slot",null)))}static get watchers(){return{open:["handleOpenChange"]}}};r.style=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}:host{display:block;height:100%}.sidebar__container{height:100%;overflow:auto}.sidebar__container.sidebar--open{box-shadow:var(--six-elevation-1dp)}.sidebar__container:not(.sidebar--visible){position:absolute;width:1px;height:1px;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;pointer-events:none;visibility:hidden}.sidebar--left{color:var(--six-sidebar-color);background-color:var(--six-sidebar-background-color);transition:var(--six-transition-medium) margin-left;background-size:300vw 70%;background-position:bottom;background-repeat:no-repeat}.sidebar--right{transition:var(--six-transition-medium) margin-right}.sidebar--open.sidebar--left{margin-right:2px}.sidebar--open.sidebar--right{margin-left:2px}";export{r as six_sidebar}
File without changes
File without changes
@@ -1 +1 @@
1
- import{r as i,c as t,h as s,g as e}from"./p-30ebc1e7.js";import{s as n}from"./p-044c6bf9.js";import{P as o}from"./p-1c9f0dc6.js";import{E as h}from"./p-7735d99f.js";import{b as r,a as l}from"./p-c09dc3a9.js";import{D as a,a as d}from"./p-c733dead.js";function u(i){return i.tabIndex>-1}function c(i){if(u(i))return i;if(i.shadowRoot){const t=[...i.shadowRoot.children].find(u);if(t)return t}return i.children?[...i.children].map(c)[0]:null}const m=i=>t=>(null==t?void 0:t.tagName.toLowerCase())===i.toLowerCase(),p=m("six-menu"),f=m("six-menu-item");let v=0,g=class{constructor(e){i(this,e),this.sixShow=t(this,"six-dropdown-show",7),this.sixAfterShow=t(this,"six-dropdown-after-show",7),this.sixHide=t(this,"six-dropdown-hide",7),this.sixAfterHide=t(this,"six-dropdown-after-hide",7),this.sixAutoFilterFired=t(this,"six-dropdown-auto-filter-fired",7),this.sixAsyncFilterFired=t(this,"six-async-filter-fired",7),this.sixScroll=t(this,"six-dropdown-scroll",7),this.componentId="dropdown-"+ ++v,this.isVisible=!1,this.hasBeenInitialized=!1,this.open=!1,this.placement="bottom-start",this.closeOnSelect=!0,this.distance=0,this.skidding=0,this.hoist=!1,this.filter=!1,this.asyncFilter=!1,this.filterPlaceholder="Filter...",this.autofocusFilter=!0,this.filterDebounce=a,this.disableHideOnEnterAndSpace=!1,this.options=null,this.virtualScroll=!1,this.eventListeners=new h,this._options=null,this.getMenuItems=()=>{if(null!==this._options)return this._options.map((i=>s("six-menu-item",{value:i.value},i.label)));const[i]=r(this.panel);return r(i)||Array.from(i.querySelectorAll("six-menu-item"))},this.handleFilterInputChange=()=>{var i,t;const s=(null===(t=null===(i=this.filterInputElement.value)||void 0===i?void 0:i.toLowerCase())||void 0===t?void 0:t.trim())||"";this._options?this.handleFilteringForAttributeItems(s):this.handleFilteringForSlotItems(s),this.sixAutoFilterFired.emit({filterValue:s})}}get hasFilterEnabled(){return this.filter||this.asyncFilter}get container(){return this.containingElement||this.host}handleOpenChange(){this.open?this.show():this.hide(),this.updateAccessibleTrigger()}handlePopoverOptionsChange(){this.popover.setOptions({strategy:this.hoist?"fixed":"absolute",placement:this.placement,distance:this.distance,skidding:this.skidding})}handleOptionsChange(){this._options=[...this.options]}connectedCallback(){this.virtualScroll&&null===this.options&&console.error("Options must be defined when using virtual scrolling"),null!==this.options&&(this._options=[...this.options]),this.handleDocumentKeyDown=this.handleDocumentKeyDown.bind(this),this.handleDocumentMouseDown=this.handleDocumentMouseDown.bind(this),this.handleMenuItemActivate=this.handleMenuItemActivate.bind(this),this.handlePanelSelect=this.handlePanelSelect.bind(this),this.handleTriggerClick=this.handleTriggerClick.bind(this),this.handleTriggerKeyDown=this.handleTriggerKeyDown.bind(this),this.handleTriggerKeyUp=this.handleTriggerKeyUp.bind(this),this.handleTriggerSlotChange=this.handleTriggerSlotChange.bind(this),this.handleDropdownScroll=this.handleDropdownScroll.bind(this),this.hasBeenInitialized&&!this.popover&&this.initializePopover()}componentDidLoad(){this.hasBeenInitialized=!0,this.initializePopover(),this.open&&this.show(),this.filter?this.setupFiltering(this.handleFilterInputChange):this.asyncFilter&&this.setupFiltering((()=>this.sixAsyncFilterFired.emit({filterValue:this.filterInputElement.value})))}initializePopover(){this.popover=new o(this.trigger,this.positioner,{strategy:this.hoist?"fixed":"absolute",placement:this.placement,distance:this.distance,skidding:this.skidding,transitionElement:this.panel,onAfterHide:()=>{this.filter&&(this.filterInputElement.value="",null!==this._options?this._options=[...this.options]:this.getMenuItems().forEach((i=>i.style.display="unset"))),this.sixAfterHide.emit()},onAfterShow:async()=>{this.hasFilterEnabled&&this.autofocusFilter&&await this.filterInputElement.setFocus(),this.sixAfterShow.emit()},onTransitionEnd:()=>{this.open||(this.panel.scrollTop=0)}})}setupFiltering(i){this.eventListeners.add(this.filterInputElement,"six-input-input",d(i,this.filterDebounce))}handleFilteringForAttributeItems(i){this._options=""!==i?this.options.filter((t=>{var s,e,n,o;return t.label&&(null===(e=null===(s=String(t.label))||void 0===s?void 0:s.toLowerCase())||void 0===e?void 0:e.includes(i))||t.value&&(null===(o=null===(n=String(t.value))||void 0===n?void 0:n.toLowerCase())||void 0===o?void 0:o.includes(i))})):[...this.options]}handleFilteringForSlotItems(i){this.getMenuItems().forEach((t=>{var s,e;const n=null===(s=null==t?void 0:t.value)||void 0===s?void 0:s.toLowerCase(),o=null===(e=null==t?void 0:t.innerText)||void 0===e?void 0:e.toLowerCase(),h=(null==n?void 0:n.includes(i))||(null==o?void 0:o.includes(i));t.style.display=h?"unset":"none"}))}disconnectedCallback(){this.eventListeners.removeAll(),this.hide(),this.popover.destroy(),this.popover=null}async show(){this.isVisible||(this.sixShow.emit().defaultPrevented?this.open=!1:(this.eventListeners.add(this.panel,"six-menu-item-selected",this.handlePanelSelect),this.eventListeners.add(document,"keydown",this.handleDocumentKeyDown),this.eventListeners.add(document,"mousedown",this.handleDocumentMouseDown),this.isVisible=!0,this.open=!0,this.popover.show()))}async hide(){this.isVisible&&(this.sixHide.emit().defaultPrevented?this.open=!0:(this.eventListeners.remove(this.panel,"six-menu-item-selected",this.handlePanelSelect),this.eventListeners.remove(document,"keydown",this.handleDocumentKeyDown),this.eventListeners.remove(document,"mousedown",this.handleDocumentMouseDown),this.isVisible=!1,this.open=!1,this.popover.hide()))}focusOnTrigger(){const[i]=r(this.trigger);i&&("function"==typeof i.setFocus?i.setFocus():"function"==typeof i.focus&&i.focus())}getMenu(){const[i]=r(this.panel).filter(p);return i}async reposition(){this.open&&this.popover.reposition()}handleDocumentKeyDown(i){if("Escape"===i.key)return this.hide(),void this.focusOnTrigger();if(this.filterInputElement===this.host.shadowRoot.activeElement&&"ArrowDown"===i.key){const i=this.getMenuItems().find((i=>"none"!==i.style.display));i&&i.setFocus()}if("Tab"===i.key){if(this.open&&f(document.activeElement))return i.preventDefault(),this.hide(),void this.focusOnTrigger();setTimeout((()=>{var i;const t=this.container.getRootNode()instanceof ShadowRoot?null===(i=document.activeElement.shadowRoot)||void 0===i?void 0:i.activeElement:document.activeElement;(null==t?void 0:t.closest(this.container.tagName.toLowerCase()))===this.container||this.hide()}))}}handleDocumentMouseDown(i){i.composedPath().includes(this.container)||this.hide()}handleMenuItemActivate(i){n(i.target,this.panel)}handlePanelSelect(i){this.closeOnSelect&&p(i.target)&&(this.hide(),this.focusOnTrigger())}handleTriggerClick(){this.open?this.hide():this.show()}handleTriggerKeyDown(i){const t=this.getMenu(),s=t?[...t.querySelectorAll("six-menu-item")]:null,e=s[0],n=s[s.length-1];if("Escape"===i.key)return this.focusOnTrigger(),void this.hide();if(!this.disableHideOnEnterAndSpace&&[" ","Enter"].includes(i.key))return i.preventDefault(),void(this.open?this.hide():this.show());if(["ArrowDown","ArrowUp"].includes(i.key)){if(i.preventDefault(),this.open||this.show(),"ArrowDown"===i.key&&e)return void e.setFocus();if("ArrowUp"===i.key&&n)return void n.setFocus()}this.open&&t&&!["Tab","Shift","Meta","Ctrl","Alt"].includes(i.key)&&t.typeToSelect(i.key)}handleTriggerKeyUp(i){" "===i.key&&i.preventDefault()}handleTriggerSlotChange(){this.updateAccessibleTrigger()}handleDropdownScroll(){this.sixScroll.emit({scrollHeight:this.panel.scrollHeight,scrollTop:this.panel.scrollTop,scrollbarHeight:this.panel.offsetHeight*(this.panel.offsetHeight/this.panel.scrollHeight),scrollRatio:this.panel.scrollTop/(this.panel.scrollHeight-this.panel.clientHeight)})}updateAccessibleTrigger(){const[i]=r(this.trigger).map(c);i&&(i.setAttribute("aria-haspopup","true"),i.setAttribute("aria-expanded",this.open?"true":"false"))}render(){return s("div",{part:"base",id:this.componentId,class:{dropdown:!0,"dropdown--open":this.open}},s("span",{part:"trigger",class:"dropdown__trigger",ref:i=>this.trigger=i,onClick:this.handleTriggerClick,onKeyDown:this.handleTriggerKeyDown,onKeyUp:this.handleTriggerKeyUp},s("slot",{name:"trigger",onSlotchange:this.handleTriggerSlotChange})),s("div",{ref:i=>this.positioner=i,class:{dropdown__positioner:!0,dropdown__positioner__filtered:(this.filter||this.asyncFilter)&&!this.hoist}},this.hasFilterEnabled&&s("six-input",{class:{"filter-hidden":!this.open},"aria-hidden":this.open?"false":"true",ref:i=>this.filterInputElement=i,placeholder:this.filterPlaceholder}),s("div",{ref:i=>this.panel=i,part:"panel",class:"dropdown__panel",role:"menu","aria-hidden":this.open?"false":"true","aria-labelledby":this.componentId,onScroll:this.handleDropdownScroll},s("slot",null),this._options&&s("six-menu",{part:"menu",items:this._options,virtualScroll:this.virtualScroll}))))}get host(){return e(this)}static get watchers(){return{open:["handleOpenChange"],distance:["handlePopoverOptionsChange"],hoist:["handlePopoverOptionsChange"],placement:["handlePopoverOptionsChange"],skidding:["handlePopoverOptionsChange"],options:["handleOptionsChange"]}}};g.style=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}:host{display:inline-block}.dropdown{position:relative}.dropdown__trigger{display:block}.dropdown__positioner{position:absolute;z-index:var(--six-z-index-dropdown)}.dropdown__positioner__filtered{width:100%}.dropdown__panel{max-height:50vh;font-family:var(--six-font-sans);font-size:var(--six-font-size-small);font-weight:var(--six-font-weight-normal);color:var(--color);background-color:var(--six-panel-background-color);border-radius:var(--six-border-radius-medium);box-shadow:var(--six-elevation-2dp);opacity:0;overflow:auto;overscroll-behavior:none;pointer-events:none;transform:scale(0.9);transition:var(--six-transition-fast) opacity, var(--six-transition-fast) transform;scrollbar-width:thin}.filter-hidden{display:none}.dropdown__positioner[data-popper-placement^=top] .dropdown__panel{transform-origin:bottom}.dropdown__positioner[data-popper-placement^=bottom] .dropdown__panel{transform-origin:top}.dropdown__positioner[data-popper-placement^=left] .dropdown__panel{transform-origin:right}.dropdown__positioner[data-popper-placement^=right] .dropdown__panel{transform-origin:left}.dropdown__positioner.popover-visible .dropdown__panel{opacity:1;transform:none;pointer-events:all}";const x=i=>{var t,s,e;return null===(e=null===(s=null===(t=null==i?void 0:i.shadowRoot)||void 0===t?void 0:t.querySelector(".menu-item"))||void 0===s?void 0:s.classList)||void 0===e?void 0:e.contains("menu-item--focused")},w=({value:i,label:t})=>s("six-menu-item",{value:i},t);let b=class{constructor(s){i(this,s),this.sixMenuItemSelected=t(this,"six-menu-item-selected",7),this.eventListeners=new h,this.typeToSelectString="",this.removeBoxShadow=!1,this.items=null,this.itemsShown=void 0,this.virtualScroll=!1,this.itemSize=10,this.scrollingDebounce=15,this.scrollingIndex=0,this.sixMenuItemHeight=64,this.handleScrolling=()=>{this.scrollingIndex=Math.floor(this.menuWrapper.scrollTop/this.sixMenuItemHeight)}}connectedCallback(){this.handleClick=this.handleClick.bind(this),this.handleKeyDown=this.handleKeyDown.bind(this)}componentWillLoad(){}componentDidLoad(){this.setupForVirtualScrollingAfterRendering()}disconnectedCallback(){this.eventListeners.removeAll()}async typeToSelect(i){var t;clearTimeout(this.typeToSelectTimeout),this.typeToSelectTimeout=setTimeout((()=>this.typeToSelectString=""),750),this.typeToSelectString+=i.toLowerCase();const s=this.getItems();for(const i of s){const s=null===(t=i.shadowRoot)||void 0===t?void 0:t.querySelector("slot:not([name])");if(l(s).toLowerCase().trim().substring(0,this.typeToSelectString.length)===this.typeToSelectString){i.setFocus();break}}}getItemsShown(){var i;return null!==(i=this.itemsShown)&&void 0!==i?i:this.virtualScroll?5:void 0}setupForVirtualScrollingAfterRendering(){var i,t;if(!this.virtualScroll)return;this.eventListeners.add(this.menuWrapper,"scroll",d(this.handleScrolling,this.scrollingDebounce));const s=null===(t=null===(i=this.menu)||void 0===i?void 0:i.querySelector("six-menu-item"))||void 0===t?void 0:t.clientHeight;s&&s>0&&(this.sixMenuItemHeight=s)}getItems(){return null!=this.items?this.items.map(w):[...this.menu.querySelector("slot").assignedElements({flatten:!0})].filter((i=>(i=>"six-menu-item"===(null==i?void 0:i.tagName.toLowerCase()))(i)&&!i.disabled))}getActiveItemIndex(){const i=this.getItems(),t=this.getActiveItem(),s=i.indexOf(t);return s>-1?s:this.extractItemsFromDOM().findIndex(x)}getActiveItem(){var i;return this.getItems().find((i=>i===document.activeElement))||(null===(i=this.extractItemsFromDOM())||void 0===i?void 0:i.find(x))}extractItemsFromDOM(){var i,t;return Array.from(null===(t=null===(i=this.host)||void 0===i?void 0:i.shadowRoot)||void 0===t?void 0:t.querySelectorAll("six-menu-item"))}setActiveItem(i){i.setFocus()}handleClick(i){const t=i.target.closest("six-menu-item");t&&!t.disabled&&this.sixMenuItemSelected.emit({name:t.value,item:t})}handleKeyDown(i){if("Enter"===i.key){const t=this.getActiveItem();i.preventDefault(),t&&this.sixMenuItemSelected.emit({name:t.value,item:t})}if(" "===i.key&&i.preventDefault(),["ArrowDown","ArrowUp","Home","End"].includes(i.key)){const t=null===this.items?this.getItems():this.extractItemsFromDOM();let s=this.getActiveItemIndex();if(t.length)return i.preventDefault(),"ArrowDown"===i.key?s++:"ArrowUp"===i.key?s--:"Home"===i.key?s=0:"End"===i.key&&(s=t.length-1),s<0&&(s=0),s>t.length-1&&(s=t.length-1),void this.setActiveItem(t[s])}this.typeToSelect(i.key)}getMenuWrapperStyle(){const i={};return this.getItemsShown()>0&&(i.height=this.getItemsShown()*this.sixMenuItemHeight+"px"),Object.assign({},i)}getMenuContainerStyle(){const i={};return this.virtualScroll&&(i.transform=`translateY(${this.sixMenuItemHeight*this.scrollingIndex}px)`),Object.assign({},i)}getScrollbarGhostStyle(){const i={};return this.virtualScroll&&null!==this.items&&(i.height=this.items.length*this.sixMenuItemHeight-this.itemSize*this.sixMenuItemHeight+"px"),Object.assign({},i)}renderItems(){if(null!=this.items)return this.virtualScroll?this.items.slice(this.scrollingIndex,Math.min(this.items.length,this.itemSize+this.scrollingIndex)).map(w):this.items.map(w)}render(){return s("div",{ref:i=>this.menuWrapper=i,style:this.getMenuWrapperStyle(),part:"wrapper",class:{menu:!0,"menu--noshadow":this.removeBoxShadow,"menu__wrapper--scrollable":this.getItemsShown()>0}},s("div",{ref:i=>this.menu=i,part:"base",role:"menu",onClick:this.handleClick,onKeyDown:this.handleKeyDown,tabIndex:0,style:this.getMenuContainerStyle()},s("slot",null),this.renderItems()),this.virtualScroll&&s("div",{style:this.getScrollbarGhostStyle()}))}get host(){return e(this)}};b.style=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}:host{display:block}.menu{padding:0 0;border:none;box-shadow:var(--six-elevation-2dp)}.menu:focus{outline:none}.menu--noshadow{box-shadow:none}.menu__wrapper--scrollable{overflow-y:auto}";let _=class{constructor(t){i(this,t),this.hasFocus=!1,this.checked=!1,this.value="",this.disabled=!1}connectedCallback(){this.handleBlur=this.handleBlur.bind(this),this.handleFocus=this.handleFocus.bind(this),this.handleMouseEnter=this.handleMouseEnter.bind(this),this.handleMouseLeave=this.handleMouseLeave.bind(this)}async setFocus(i){this.menuItem.focus(i)}async removeFocus(){this.menuItem.blur()}handleBlur(){this.hasFocus=!1}handleFocus(){this.hasFocus=!0}handleMouseEnter(){this.setFocus()}handleMouseLeave(){this.removeFocus()}render(){return s("div",{ref:i=>this.menuItem=i,part:"base",class:{"menu-item":!0,"menu-item--checked":this.checked,"menu-item--disabled":this.disabled,"menu-item--focused":this.hasFocus},role:"menuitem","aria-disabled":this.disabled?"true":"false","aria-checked":this.checked?"true":"false",tabIndex:this.disabled?null:0,onFocus:this.handleFocus,onBlur:this.handleBlur,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave},s("span",{part:"prefix",class:"menu-item__prefix"},s("slot",{name:"prefix"})),s("span",{part:"label",class:"menu-item__label"},s("slot",null)),s("span",{part:"suffix",class:"menu-item__suffix"},s("slot",{name:"suffix"})),s("span",{part:"checked-icon",class:"menu-item__check"},s("six-icon",{size:"small","aria-hidden":"true"},"check")))}};_.style=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}:host{display:block}.menu-item{position:relative;display:flex;align-items:stretch;font-family:var(--six-font-sans);font-size:var(--six-font-size-small);font-weight:var(--six-font-weight-normal);line-height:var(--six-line-height-normal);letter-spacing:var(--six-letter-spacing-normal);text-align:left;color:var(--six-input-color);border-radius:var(--six-border-radius-medium);padding:var(--six-spacing-medium) var(--six-spacing-medium);transition:var(--six-transition-fast) fill;user-select:none;white-space:nowrap;cursor:pointer}.menu-item.menu-item--focused:not(.menu-item--disabled){outline:none;background-color:var(--six-menu-item-background-color)}.menu-item.menu-item--disabled{outline:none;color:var(--six-input-color-disabled);cursor:not-allowed}.menu-item .menu-item__label{flex:1 1 auto;align-self:center}.menu-item .menu-item__prefix{flex:0 0 auto;display:flex;align-items:center}.menu-item .menu-item__prefix ::slotted(:last-child){margin-right:0.5em}.menu-item .menu-item__suffix{flex:0 0 auto;display:flex;align-items:center}.menu-item .menu-item__suffix ::slotted(:first-child){margin-left:0.5em}.menu-item .menu-item__check{flex:0 0 auto;display:flex;align-items:center;margin-left:var(--six-spacing-small);visibility:hidden;font-size:inherit}.menu-item--checked .menu-item__check{visibility:visible}";export{g as six_dropdown,b as six_menu,_ as six_menu_item}
1
+ import{r as i,c as t,h as s,g as e}from"./p-30ebc1e7.js";import{s as n}from"./p-eb8f05a9.js";import{P as o}from"./p-5f1c6a5f.js";import{E as h}from"./p-9a860acc.js";import{b as r,a as l}from"./p-b4dfb7cf.js";import{D as a,a as d}from"./p-0786fa7c.js";function u(i){return i.tabIndex>-1}function c(i){if(u(i))return i;if(i.shadowRoot){const t=[...i.shadowRoot.children].find(u);if(t)return t}return i.children?[...i.children].map(c)[0]:null}const m=i=>t=>(null==t?void 0:t.tagName.toLowerCase())===i.toLowerCase(),p=m("six-menu"),f=m("six-menu-item");let v=0,g=class{constructor(e){i(this,e),this.sixShow=t(this,"six-dropdown-show",7),this.sixAfterShow=t(this,"six-dropdown-after-show",7),this.sixHide=t(this,"six-dropdown-hide",7),this.sixAfterHide=t(this,"six-dropdown-after-hide",7),this.sixAutoFilterFired=t(this,"six-dropdown-auto-filter-fired",7),this.sixAsyncFilterFired=t(this,"six-async-filter-fired",7),this.sixScroll=t(this,"six-dropdown-scroll",7),this.componentId="dropdown-"+ ++v,this.isVisible=!1,this.hasBeenInitialized=!1,this.open=!1,this.placement="bottom-start",this.closeOnSelect=!0,this.distance=0,this.skidding=0,this.hoist=!1,this.filter=!1,this.asyncFilter=!1,this.filterPlaceholder="Filter...",this.autofocusFilter=!0,this.filterDebounce=a,this.disableHideOnEnterAndSpace=!1,this.options=null,this.virtualScroll=!1,this.eventListeners=new h,this._options=null,this.getMenuItems=()=>{if(null!==this._options)return this._options.map((i=>s("six-menu-item",{value:i.value},i.label)));const[i]=r(this.panel);return r(i)||Array.from(i.querySelectorAll("six-menu-item"))},this.handleFilterInputChange=()=>{var i,t;const s=(null===(t=null===(i=this.filterInputElement.value)||void 0===i?void 0:i.toLowerCase())||void 0===t?void 0:t.trim())||"";this._options?this.handleFilteringForAttributeItems(s):this.handleFilteringForSlotItems(s),this.sixAutoFilterFired.emit({filterValue:s})}}get hasFilterEnabled(){return this.filter||this.asyncFilter}get container(){return this.containingElement||this.host}handleOpenChange(){this.open?this.show():this.hide(),this.updateAccessibleTrigger()}handlePopoverOptionsChange(){this.popover.setOptions({strategy:this.hoist?"fixed":"absolute",placement:this.placement,distance:this.distance,skidding:this.skidding})}handleOptionsChange(){this._options=[...this.options]}connectedCallback(){this.virtualScroll&&null===this.options&&console.error("Options must be defined when using virtual scrolling"),null!==this.options&&(this._options=[...this.options]),this.handleDocumentKeyDown=this.handleDocumentKeyDown.bind(this),this.handleDocumentMouseDown=this.handleDocumentMouseDown.bind(this),this.handleMenuItemActivate=this.handleMenuItemActivate.bind(this),this.handlePanelSelect=this.handlePanelSelect.bind(this),this.handleTriggerClick=this.handleTriggerClick.bind(this),this.handleTriggerKeyDown=this.handleTriggerKeyDown.bind(this),this.handleTriggerKeyUp=this.handleTriggerKeyUp.bind(this),this.handleTriggerSlotChange=this.handleTriggerSlotChange.bind(this),this.handleDropdownScroll=this.handleDropdownScroll.bind(this),this.hasBeenInitialized&&!this.popover&&this.initializePopover()}componentDidLoad(){this.hasBeenInitialized=!0,this.initializePopover(),this.open&&this.show(),this.filter?this.setupFiltering(this.handleFilterInputChange):this.asyncFilter&&this.setupFiltering((()=>this.sixAsyncFilterFired.emit({filterValue:this.filterInputElement.value})))}initializePopover(){this.popover=new o(this.trigger,this.positioner,{strategy:this.hoist?"fixed":"absolute",placement:this.placement,distance:this.distance,skidding:this.skidding,transitionElement:this.panel,onAfterHide:()=>{this.filter&&(this.filterInputElement.value="",null!==this._options?this._options=[...this.options]:this.getMenuItems().forEach((i=>i.style.display="unset"))),this.sixAfterHide.emit()},onAfterShow:async()=>{this.hasFilterEnabled&&this.autofocusFilter&&await this.filterInputElement.setFocus(),this.sixAfterShow.emit()},onTransitionEnd:()=>{this.open||(this.panel.scrollTop=0)}})}setupFiltering(i){this.eventListeners.add(this.filterInputElement,"six-input-input",d(i,this.filterDebounce))}handleFilteringForAttributeItems(i){this._options=""!==i?this.options.filter((t=>{var s,e,n,o;return t.label&&(null===(e=null===(s=String(t.label))||void 0===s?void 0:s.toLowerCase())||void 0===e?void 0:e.includes(i))||t.value&&(null===(o=null===(n=String(t.value))||void 0===n?void 0:n.toLowerCase())||void 0===o?void 0:o.includes(i))})):[...this.options]}handleFilteringForSlotItems(i){this.getMenuItems().forEach((t=>{var s,e;const n=null===(s=null==t?void 0:t.value)||void 0===s?void 0:s.toLowerCase(),o=null===(e=null==t?void 0:t.innerText)||void 0===e?void 0:e.toLowerCase(),h=(null==n?void 0:n.includes(i))||(null==o?void 0:o.includes(i));t.style.display=h?"unset":"none"}))}disconnectedCallback(){this.eventListeners.removeAll(),this.hide(),this.popover.destroy(),this.popover=null}async show(){this.isVisible||(this.sixShow.emit().defaultPrevented?this.open=!1:(this.eventListeners.add(this.panel,"six-menu-item-selected",this.handlePanelSelect),this.eventListeners.add(document,"keydown",this.handleDocumentKeyDown),this.eventListeners.add(document,"mousedown",this.handleDocumentMouseDown),this.isVisible=!0,this.open=!0,this.popover.show()))}async hide(){this.isVisible&&(this.sixHide.emit().defaultPrevented?this.open=!0:(this.eventListeners.remove(this.panel,"six-menu-item-selected",this.handlePanelSelect),this.eventListeners.remove(document,"keydown",this.handleDocumentKeyDown),this.eventListeners.remove(document,"mousedown",this.handleDocumentMouseDown),this.isVisible=!1,this.open=!1,this.popover.hide()))}focusOnTrigger(){const[i]=r(this.trigger);i&&("function"==typeof i.setFocus?i.setFocus():"function"==typeof i.focus&&i.focus())}getMenu(){const[i]=r(this.panel).filter(p);return i}async reposition(){this.open&&this.popover.reposition()}handleDocumentKeyDown(i){if("Escape"===i.key)return this.hide(),void this.focusOnTrigger();if(this.filterInputElement===this.host.shadowRoot.activeElement&&"ArrowDown"===i.key){const i=this.getMenuItems().find((i=>"none"!==i.style.display));i&&i.setFocus()}if("Tab"===i.key){if(this.open&&f(document.activeElement))return i.preventDefault(),this.hide(),void this.focusOnTrigger();setTimeout((()=>{var i;const t=this.container.getRootNode()instanceof ShadowRoot?null===(i=document.activeElement.shadowRoot)||void 0===i?void 0:i.activeElement:document.activeElement;(null==t?void 0:t.closest(this.container.tagName.toLowerCase()))===this.container||this.hide()}))}}handleDocumentMouseDown(i){i.composedPath().includes(this.container)||this.hide()}handleMenuItemActivate(i){n(i.target,this.panel)}handlePanelSelect(i){this.closeOnSelect&&p(i.target)&&(this.hide(),this.focusOnTrigger())}handleTriggerClick(){this.open?this.hide():this.show()}handleTriggerKeyDown(i){const t=this.getMenu(),s=t?[...t.querySelectorAll("six-menu-item")]:null,e=s[0],n=s[s.length-1];if("Escape"===i.key)return this.focusOnTrigger(),void this.hide();if(!this.disableHideOnEnterAndSpace&&[" ","Enter"].includes(i.key))return i.preventDefault(),void(this.open?this.hide():this.show());if(["ArrowDown","ArrowUp"].includes(i.key)){if(i.preventDefault(),this.open||this.show(),"ArrowDown"===i.key&&e)return void e.setFocus();if("ArrowUp"===i.key&&n)return void n.setFocus()}this.open&&t&&!["Tab","Shift","Meta","Ctrl","Alt"].includes(i.key)&&t.typeToSelect(i.key)}handleTriggerKeyUp(i){" "===i.key&&i.preventDefault()}handleTriggerSlotChange(){this.updateAccessibleTrigger()}handleDropdownScroll(){this.sixScroll.emit({scrollHeight:this.panel.scrollHeight,scrollTop:this.panel.scrollTop,scrollbarHeight:this.panel.offsetHeight*(this.panel.offsetHeight/this.panel.scrollHeight),scrollRatio:this.panel.scrollTop/(this.panel.scrollHeight-this.panel.clientHeight)})}updateAccessibleTrigger(){const[i]=r(this.trigger).map(c);i&&(i.setAttribute("aria-haspopup","true"),i.setAttribute("aria-expanded",this.open?"true":"false"))}render(){return s("div",{part:"base",id:this.componentId,class:{dropdown:!0,"dropdown--open":this.open}},s("span",{part:"trigger",class:"dropdown__trigger",ref:i=>this.trigger=i,onClick:this.handleTriggerClick,onKeyDown:this.handleTriggerKeyDown,onKeyUp:this.handleTriggerKeyUp},s("slot",{name:"trigger",onSlotchange:this.handleTriggerSlotChange})),s("div",{ref:i=>this.positioner=i,class:{dropdown__positioner:!0,dropdown__positioner__filtered:(this.filter||this.asyncFilter)&&!this.hoist}},this.hasFilterEnabled&&s("six-input",{class:{"filter-hidden":!this.open},"aria-hidden":this.open?"false":"true",ref:i=>this.filterInputElement=i,placeholder:this.filterPlaceholder}),s("div",{ref:i=>this.panel=i,part:"panel",class:"dropdown__panel",role:"menu","aria-hidden":this.open?"false":"true","aria-labelledby":this.componentId,onScroll:this.handleDropdownScroll},s("slot",null),this._options&&s("six-menu",{part:"menu",items:this._options,virtualScroll:this.virtualScroll}))))}get host(){return e(this)}static get watchers(){return{open:["handleOpenChange"],distance:["handlePopoverOptionsChange"],hoist:["handlePopoverOptionsChange"],placement:["handlePopoverOptionsChange"],skidding:["handlePopoverOptionsChange"],options:["handleOptionsChange"]}}};g.style=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}:host{display:inline-block}.dropdown{position:relative}.dropdown__trigger{display:block}.dropdown__positioner{position:absolute;z-index:var(--six-z-index-dropdown)}.dropdown__positioner__filtered{width:100%}.dropdown__panel{max-height:50vh;font-family:var(--six-font-sans);font-size:var(--six-font-size-small);font-weight:var(--six-font-weight-normal);color:var(--color);background-color:var(--six-panel-background-color);border-radius:var(--six-border-radius-medium);box-shadow:var(--six-elevation-2dp);opacity:0;overflow:auto;overscroll-behavior:none;pointer-events:none;transform:scale(0.9);transition:var(--six-transition-fast) opacity, var(--six-transition-fast) transform;scrollbar-width:thin}.filter-hidden{display:none}.dropdown__positioner[data-popper-placement^=top] .dropdown__panel{transform-origin:bottom}.dropdown__positioner[data-popper-placement^=bottom] .dropdown__panel{transform-origin:top}.dropdown__positioner[data-popper-placement^=left] .dropdown__panel{transform-origin:right}.dropdown__positioner[data-popper-placement^=right] .dropdown__panel{transform-origin:left}.dropdown__positioner.popover-visible .dropdown__panel{opacity:1;transform:none;pointer-events:all}";const x=i=>{var t,s,e;return null===(e=null===(s=null===(t=null==i?void 0:i.shadowRoot)||void 0===t?void 0:t.querySelector(".menu-item"))||void 0===s?void 0:s.classList)||void 0===e?void 0:e.contains("menu-item--focused")},w=({value:i,label:t})=>s("six-menu-item",{value:i},t);let b=class{constructor(s){i(this,s),this.sixMenuItemSelected=t(this,"six-menu-item-selected",7),this.eventListeners=new h,this.typeToSelectString="",this.removeBoxShadow=!1,this.items=null,this.itemsShown=void 0,this.virtualScroll=!1,this.itemSize=10,this.scrollingDebounce=15,this.scrollingIndex=0,this.sixMenuItemHeight=64,this.handleScrolling=()=>{this.scrollingIndex=Math.floor(this.menuWrapper.scrollTop/this.sixMenuItemHeight)}}connectedCallback(){this.handleClick=this.handleClick.bind(this),this.handleKeyDown=this.handleKeyDown.bind(this)}componentWillLoad(){}componentDidLoad(){this.setupForVirtualScrollingAfterRendering()}disconnectedCallback(){this.eventListeners.removeAll()}async typeToSelect(i){var t;clearTimeout(this.typeToSelectTimeout),this.typeToSelectTimeout=setTimeout((()=>this.typeToSelectString=""),750),this.typeToSelectString+=i.toLowerCase();const s=this.getItems();for(const i of s){const s=null===(t=i.shadowRoot)||void 0===t?void 0:t.querySelector("slot:not([name])");if(l(s).toLowerCase().trim().substring(0,this.typeToSelectString.length)===this.typeToSelectString){i.setFocus();break}}}getItemsShown(){var i;return null!==(i=this.itemsShown)&&void 0!==i?i:this.virtualScroll?5:void 0}setupForVirtualScrollingAfterRendering(){var i,t;if(!this.virtualScroll)return;this.eventListeners.add(this.menuWrapper,"scroll",d(this.handleScrolling,this.scrollingDebounce));const s=null===(t=null===(i=this.menu)||void 0===i?void 0:i.querySelector("six-menu-item"))||void 0===t?void 0:t.clientHeight;s&&s>0&&(this.sixMenuItemHeight=s)}getItems(){return null!=this.items?this.items.map(w):[...this.menu.querySelector("slot").assignedElements({flatten:!0})].filter((i=>(i=>"six-menu-item"===(null==i?void 0:i.tagName.toLowerCase()))(i)&&!i.disabled))}getActiveItemIndex(){const i=this.getItems(),t=this.getActiveItem(),s=i.indexOf(t);return s>-1?s:this.extractItemsFromDOM().findIndex(x)}getActiveItem(){var i;return this.getItems().find((i=>i===document.activeElement))||(null===(i=this.extractItemsFromDOM())||void 0===i?void 0:i.find(x))}extractItemsFromDOM(){var i,t;return Array.from(null===(t=null===(i=this.host)||void 0===i?void 0:i.shadowRoot)||void 0===t?void 0:t.querySelectorAll("six-menu-item"))}setActiveItem(i){i.setFocus()}handleClick(i){const t=i.target.closest("six-menu-item");t&&!t.disabled&&this.sixMenuItemSelected.emit({name:t.value,item:t})}handleKeyDown(i){if("Enter"===i.key){const t=this.getActiveItem();i.preventDefault(),t&&this.sixMenuItemSelected.emit({name:t.value,item:t})}if(" "===i.key&&i.preventDefault(),["ArrowDown","ArrowUp","Home","End"].includes(i.key)){const t=null===this.items?this.getItems():this.extractItemsFromDOM();let s=this.getActiveItemIndex();if(t.length)return i.preventDefault(),"ArrowDown"===i.key?s++:"ArrowUp"===i.key?s--:"Home"===i.key?s=0:"End"===i.key&&(s=t.length-1),s<0&&(s=0),s>t.length-1&&(s=t.length-1),void this.setActiveItem(t[s])}this.typeToSelect(i.key)}getMenuWrapperStyle(){const i={};return this.getItemsShown()>0&&(i.height=this.getItemsShown()*this.sixMenuItemHeight+"px"),Object.assign({},i)}getMenuContainerStyle(){const i={};return this.virtualScroll&&(i.transform=`translateY(${this.sixMenuItemHeight*this.scrollingIndex}px)`),Object.assign({},i)}getScrollbarGhostStyle(){const i={};return this.virtualScroll&&null!==this.items&&(i.height=this.items.length*this.sixMenuItemHeight-this.itemSize*this.sixMenuItemHeight+"px"),Object.assign({},i)}renderItems(){if(null!=this.items)return this.virtualScroll?this.items.slice(this.scrollingIndex,Math.min(this.items.length,this.itemSize+this.scrollingIndex)).map(w):this.items.map(w)}render(){return s("div",{ref:i=>this.menuWrapper=i,style:this.getMenuWrapperStyle(),part:"wrapper",class:{menu:!0,"menu--noshadow":this.removeBoxShadow,"menu__wrapper--scrollable":this.getItemsShown()>0}},s("div",{ref:i=>this.menu=i,part:"base",role:"menu",onClick:this.handleClick,onKeyDown:this.handleKeyDown,tabIndex:0,style:this.getMenuContainerStyle()},s("slot",null),this.renderItems()),this.virtualScroll&&s("div",{style:this.getScrollbarGhostStyle()}))}get host(){return e(this)}};b.style=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}:host{display:block}.menu{padding:0 0;border:none;box-shadow:var(--six-elevation-2dp)}.menu:focus{outline:none}.menu--noshadow{box-shadow:none}.menu__wrapper--scrollable{overflow-y:auto}";let _=class{constructor(t){i(this,t),this.hasFocus=!1,this.checked=!1,this.value="",this.disabled=!1}connectedCallback(){this.handleBlur=this.handleBlur.bind(this),this.handleFocus=this.handleFocus.bind(this),this.handleMouseEnter=this.handleMouseEnter.bind(this),this.handleMouseLeave=this.handleMouseLeave.bind(this)}async setFocus(i){this.menuItem.focus(i)}async removeFocus(){this.menuItem.blur()}handleBlur(){this.hasFocus=!1}handleFocus(){this.hasFocus=!0}handleMouseEnter(){this.setFocus()}handleMouseLeave(){this.removeFocus()}render(){return s("div",{ref:i=>this.menuItem=i,part:"base",class:{"menu-item":!0,"menu-item--checked":this.checked,"menu-item--disabled":this.disabled,"menu-item--focused":this.hasFocus},role:"menuitem","aria-disabled":this.disabled?"true":"false","aria-checked":this.checked?"true":"false",tabIndex:this.disabled?null:0,onFocus:this.handleFocus,onBlur:this.handleBlur,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave},s("span",{part:"prefix",class:"menu-item__prefix"},s("slot",{name:"prefix"})),s("span",{part:"label",class:"menu-item__label"},s("slot",null)),s("span",{part:"suffix",class:"menu-item__suffix"},s("slot",{name:"suffix"})),s("span",{part:"checked-icon",class:"menu-item__check"},s("six-icon",{size:"small","aria-hidden":"true"},"check")))}};_.style=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}:host{display:block}.menu-item{position:relative;display:flex;align-items:stretch;font-family:var(--six-font-sans);font-size:var(--six-font-size-small);font-weight:var(--six-font-weight-normal);line-height:var(--six-line-height-normal);letter-spacing:var(--six-letter-spacing-normal);text-align:left;color:var(--six-input-color);border-radius:var(--six-border-radius-medium);padding:var(--six-spacing-medium) var(--six-spacing-medium);transition:var(--six-transition-fast) fill;user-select:none;white-space:nowrap;cursor:pointer}.menu-item.menu-item--focused:not(.menu-item--disabled){outline:none;background-color:var(--six-menu-item-background-color)}.menu-item.menu-item--disabled{outline:none;color:var(--six-input-color-disabled);cursor:not-allowed}.menu-item .menu-item__label{flex:1 1 auto;align-self:center}.menu-item .menu-item__prefix{flex:0 0 auto;display:flex;align-items:center}.menu-item .menu-item__prefix ::slotted(:last-child){margin-right:0.5em}.menu-item .menu-item__suffix{flex:0 0 auto;display:flex;align-items:center}.menu-item .menu-item__suffix ::slotted(:first-child){margin-left:0.5em}.menu-item .menu-item__check{flex:0 0 auto;display:flex;align-items:center;margin-left:var(--six-spacing-small);visibility:hidden;font-size:inherit}.menu-item--checked .menu-item__check{visibility:visible}";export{g as six_dropdown,b as six_menu,_ as six_menu_item}
@@ -1 +1 @@
1
- import{r as t,c as e,h as r,g as o}from"./p-30ebc1e7.js";import{F as i}from"./p-572e3690.js";import{h as a}from"./p-c09dc3a9.js";import{E as s}from"./p-7735d99f.js";let l=0,n=class{constructor(r){t(this,r),this.sixChange=e(this,"six-textarea-change",7),this.sixInput=e(this,"six-textarea-input",7),this.sixFocus=e(this,"six-textarea-focus",7),this.sixBlur=e(this,"six-textarea-blur",7),this.sixValueChange=e(this,"six-textarea-value-change",7),this.inputId="textarea-"+ ++l,this.labelId=`textarea-label-${l}`,this.helpTextId=`textarea-help-text-${l}`,this.errorTextId=`input-error-text-${l}`,this.customErrorText="",this.customValidation=!1,this.eventListeners=new s,this.hasFocus=!1,this.hasHelpTextSlot=!1,this.hasErrorTextSlot=!1,this.hasLabelSlot=!1,this.size="medium",this.name="",this.value="",this.label="",this.helpText="",this.errorText="",this.rows=4,this.resize="vertical",this.disabled=!1,this.readonly=!1,this.invalid=!1,this.errorOnBlur=!1,this.defaultValue=""}handleLabelChange(){this.handleSlotChange()}handleRowsChange(){this.textarea&&this.setTextareaHeight()}handleValueChange(){this.textarea&&(this.textarea.value=this.value,this.invalid=!this.textarea.checkValidity(),this.sixValueChange.emit())}connectedCallback(){this.handleChange=this.handleChange.bind(this),this.handleInput=this.handleInput.bind(this),this.handleInvalid=this.handleInvalid.bind(this),this.handleBlur=this.handleBlur.bind(this),this.handleFocus=this.handleFocus.bind(this),this.handleSlotChange=this.handleSlotChange.bind(this),this.host.shadowRoot.addEventListener("slotchange",this.handleSlotChange)}componentWillLoad(){this.defaultValue=this.value||"",this.handleSlotChange()}componentDidLoad(){this.setTextareaHeight(),this.resizeObserver=new ResizeObserver((()=>this.setTextareaHeight())),this.resizeObserver.observe(this.textarea),this.eventListeners.add(this.textarea,"invalid",(t=>{!this.customValidation&&(this.hasErrorTextSlot||this.errorText||this.customErrorText)||(this.customErrorText=this.textarea.validationMessage),t.preventDefault()}))}disconnectedCallback(){this.resizeObserver.unobserve(this.textarea),this.host.shadowRoot.removeEventListener("slotchange",this.handleSlotChange),this.eventListeners.removeAll()}async setFocus(t){this.textarea.focus(t)}async removeFocus(){this.textarea.blur()}async select(){return this.textarea.select()}async setSelectionRange(t,e,r="none"){return this.textarea.setSelectionRange(t,e,r)}async setRangeText(t,e,r,o="preserve"){this.textarea.setRangeText(t,e,r,o),this.value!==this.textarea.value&&(this.value=this.textarea.value,this.setTextareaHeight(),this.sixChange.emit(),this.sixInput.emit())}async reportValidity(){return this.textarea.reportValidity()}async checkValidity(){return this.textarea.validity.valid}async setCustomValidity(t){this.customErrorText="",this.customValidation=""!==t,this.textarea.setCustomValidity(t),this.invalid=!this.textarea.checkValidity()}async reset(){this.value=this.defaultValue,this.customErrorText="",this.customValidation=!1,this.textarea.setCustomValidity(""),this.invalid=!1}handleChange(){this.sixChange.emit()}handleInput(){this.value=this.textarea.value,this.setTextareaHeight(),this.sixInput.emit()}handleInvalid(){this.invalid=!0}handleBlur(){this.hasFocus=!1,this.sixBlur.emit()}handleFocus(){this.hasFocus=!0,this.sixFocus.emit()}handleSlotChange(){this.hasLabelSlot=a(this.host,"label"),this.hasHelpTextSlot=a(this.host,"help-text"),this.hasErrorTextSlot=a(this.host,"error-text")}setTextareaHeight(){"auto"===this.resize?(this.textarea.style.height="auto",this.textarea.style.height=this.textarea.scrollHeight+"px"):this.textarea.style.height=void 0}displayError(){return this.invalid&&(!this.errorOnBlur||!this.hasFocus)}render(){var t;return r(i,{inputId:this.inputId,label:this.label,labelId:this.labelId,hasLabelSlot:this.hasLabelSlot,helpTextId:this.helpTextId,helpText:this.helpText,hasHelpTextSlot:this.hasHelpTextSlot,errorTextId:this.errorTextId,errorText:this.customErrorText?this.customErrorText:this.errorText,hasErrorTextSlot:this.hasErrorTextSlot,size:this.size,disabled:this.disabled,required:this.required,displayError:this.displayError()},r("div",{part:"base",class:{textarea:!0,"textarea--small":"small"===this.size,"textarea--medium":"medium"===this.size,"textarea--large":"large"===this.size,"textarea--disabled":this.disabled,"textarea--focused":this.hasFocus,"textarea--empty":0===(null===(t=this.value)||void 0===t?void 0:t.length),"textarea--invalid":this.invalid,"textarea--resize-none":"none"===this.resize,"textarea--resize-vertical":"vertical"===this.resize,"textarea--resize-auto":"auto"===this.resize}},r("textarea",{part:"textarea",ref:t=>this.textarea=t,id:this.inputId,class:"textarea__control",name:this.name,placeholder:this.placeholder,disabled:this.disabled,readOnly:this.readonly,rows:this.rows,minLength:this.minlength,maxLength:this.maxlength,value:this.value,autoCapitalize:this.autocapitalize,autoCorrect:this.autocorrect,autoFocus:this.autofocus,spellcheck:this.spellcheck,required:this.required,inputMode:this.inputmode,"aria-labelledby":this.labelId,onChange:this.handleChange,onInput:this.handleInput,onInvalid:this.handleInvalid,onFocus:this.handleFocus,onBlur:this.handleBlur})))}get host(){return o(this)}static get watchers(){return{helpText:["handleLabelChange"],errorText:["handleLabelChange"],label:["handleLabelChange"],rows:["handleRowsChange"],value:["handleValueChange"]}}};n.style=':host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}.form-control .form-control__label{display:none}.form-control .form-control__help-text{display:none}.form-control .form-control__error-text{display:none}.form-control--has-label .form-control__label{display:inline-block;color:var(--six-input-label-color);font-weight:var(--six-font-weight-bold);margin-bottom:var(--six-spacing-x-small)}.form-control--has-label .form-control__label__required::after{color:var(--six-color-danger-800);content:"*"}.form-control--has-label.form-control--small .form-control__label{font-size:var(--six-input-label-font-size-small)}.form-control--has-label.form-control--medium .form-control__label{font-size:var(--six-input-label-font-size-medium)}.form-control--has-label.form-control--large .form-control_label{font-size:var(--six-input-label-font-size-large)}.form-control--has-help-text .form-control__help-text{display:block;color:var(--six-input-help-text-color);margin-top:var(--six-spacing-x-small)}.form-control--has-help-text .form-control__help-text ::slotted(*){margin-top:var(--six-spacing-xxx-small)}.form-control--has-help-text.form-control--small .form-control__help-text{font-size:var(--six-input-help-text-font-size-small)}.form-control--has-help-text.form-control--medium .form-control__help-text{font-size:var(--six-input-help-text-font-size-medium)}.form-control--has-help-text.form-control--large .form-control__help-text{font-size:var(--six-input-help-text-font-size-large)}.form-control--has-error-text .form-control__error-text{display:block;color:var(--six-color-danger-800);margin-top:var(--six-spacing-xxx-small)}.form-control--has-error-text .form-control__error-text ::slotted(*){margin-top:var(--six-spacing-xxx-small)}.form-control--has-error-text.form-control--small .form-control__error-text{font-size:var(--six-input-help-text-font-size-small)}.form-control--has-error-text.form-control--medium .form-control__error-text{font-size:var(--six-input-help-text-font-size-medium)}.form-control--has-error-text.form-control--large .form-control__error-text{font-size:var(--six-input-help-text-font-size-large)}.form-control--disabled .form-control__help-text{color:var(--six-input-help-text-color-disabled)}.form-control--disabled .form-control__label{color:var(--six-input-label-color-disabled)}.form-control--invalid:not(.form-control--disabled) .form-control__label{color:var(--six-input-label-color)}:host{display:block}.textarea{display:flex;align-items:center;position:relative;width:100%;font-family:var(--six-font-family);font-weight:var(--six-input-font-weight);line-height:var(--six-line-height-normal);letter-spacing:var(--six-input-letter-spacing);background-color:var(--six-input-background-color);border:solid var(--six-border-width) var(--six-input-border-color);vertical-align:middle;transition:var(--six-transition-fast) color, var(--six-transition-fast) border, var(--six-transition-fast) box-shadow;cursor:text}.textarea:hover:not(.textarea--disabled){background-color:var(--six-input-background-color-hover);border-color:var(--six-input-border-color-hover)}.textarea:hover:not(.textarea--disabled) .textarea__control{color:var(--six-input-color-hover)}.textarea.textarea--focused:not(.textarea--disabled){background-color:var(--six-input-background-color-focus);box-shadow:var(--six-input-focus-shadow);border-color:var(--six-input-border-color-focus);color:var(--six-input-color-focus)}.textarea.textarea--focused:not(.textarea--disabled) .textarea__control{color:var(--six-input-color-focus)}.textarea.textarea--disabled{background-color:var(--six-input-background-color-disabled);border-color:var(--six-input-border-color-disabled);cursor:not-allowed}.textarea.textarea--disabled .textarea__control{color:var(--six-input-color-disabled)}.textarea.textarea--disabled .textarea__control::placeholder{color:var(--six-input-placeholder-color-disabled)}.textarea__control{flex:1 1 auto;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:1.4;color:var(--sl-input-color);border:none;background:none;box-shadow:none;cursor:inherit;-webkit-appearance:none}.textarea__control::-webkit-search-decoration,.textarea__control::-webkit-search-cancel-button,.textarea__control::-webkit-search-results-button,.textarea__control::-webkit-search-results-decoration{-webkit-appearance:none}.textarea__control::placeholder{color:var(--six-input-placeholder-color);user-select:none}.textarea__control:focus{outline:none}.textarea--invalid:not(.textarea--disabled):not(.textarea--focused){border-color:var(--six-input-border-color-danger)}.textarea--small{border-radius:var(--six-input-border-radius-small);font-size:var(--six-input-font-size-small)}.textarea--small .textarea__control{padding:0.5em var(--six-input-spacing-small)}.textarea--medium{border-radius:var(--six-input-border-radius-medium);font-size:var(--six-input-font-size-medium)}.textarea--medium .textarea__control{padding:0.5em var(--six-input-spacing-medium)}.textarea--large{border-radius:var(--six-input-border-radius-large);font-size:var(--six-input-font-size-large)}.textarea--large .textarea__control{padding:0.5em var(--six-input-spacing-large)}.textarea--resize-none .textarea__control{resize:none}.textarea--resize-vertical .textarea__control{resize:vertical}.textarea--resize-auto .textarea__control{height:auto;resize:none}';export{n as six_textarea}
1
+ import{r as t,c as e,h as r,g as o}from"./p-30ebc1e7.js";import{F as i}from"./p-75297ad7.js";import{h as a}from"./p-b4dfb7cf.js";import{E as s}from"./p-9a860acc.js";let l=0,n=class{constructor(r){t(this,r),this.sixChange=e(this,"six-textarea-change",7),this.sixInput=e(this,"six-textarea-input",7),this.sixFocus=e(this,"six-textarea-focus",7),this.sixBlur=e(this,"six-textarea-blur",7),this.sixValueChange=e(this,"six-textarea-value-change",7),this.inputId="textarea-"+ ++l,this.labelId=`textarea-label-${l}`,this.helpTextId=`textarea-help-text-${l}`,this.errorTextId=`input-error-text-${l}`,this.customErrorText="",this.customValidation=!1,this.eventListeners=new s,this.hasFocus=!1,this.hasHelpTextSlot=!1,this.hasErrorTextSlot=!1,this.hasLabelSlot=!1,this.size="medium",this.name="",this.value="",this.label="",this.helpText="",this.errorText="",this.rows=4,this.resize="vertical",this.disabled=!1,this.readonly=!1,this.invalid=!1,this.errorOnBlur=!1,this.defaultValue=""}handleLabelChange(){this.handleSlotChange()}handleRowsChange(){this.textarea&&this.setTextareaHeight()}handleValueChange(){this.textarea&&(this.textarea.value=this.value,this.invalid=!this.textarea.checkValidity(),this.sixValueChange.emit())}connectedCallback(){this.handleChange=this.handleChange.bind(this),this.handleInput=this.handleInput.bind(this),this.handleInvalid=this.handleInvalid.bind(this),this.handleBlur=this.handleBlur.bind(this),this.handleFocus=this.handleFocus.bind(this),this.handleSlotChange=this.handleSlotChange.bind(this),this.host.shadowRoot.addEventListener("slotchange",this.handleSlotChange)}componentWillLoad(){this.defaultValue=this.value||"",this.handleSlotChange()}componentDidLoad(){this.setTextareaHeight(),this.resizeObserver=new ResizeObserver((()=>this.setTextareaHeight())),this.resizeObserver.observe(this.textarea),this.eventListeners.add(this.textarea,"invalid",(t=>{!this.customValidation&&(this.hasErrorTextSlot||this.errorText||this.customErrorText)||(this.customErrorText=this.textarea.validationMessage),t.preventDefault()}))}disconnectedCallback(){this.resizeObserver.unobserve(this.textarea),this.host.shadowRoot.removeEventListener("slotchange",this.handleSlotChange),this.eventListeners.removeAll()}async setFocus(t){this.textarea.focus(t)}async removeFocus(){this.textarea.blur()}async select(){return this.textarea.select()}async setSelectionRange(t,e,r="none"){return this.textarea.setSelectionRange(t,e,r)}async setRangeText(t,e,r,o="preserve"){this.textarea.setRangeText(t,e,r,o),this.value!==this.textarea.value&&(this.value=this.textarea.value,this.setTextareaHeight(),this.sixChange.emit(),this.sixInput.emit())}async reportValidity(){return this.textarea.reportValidity()}async checkValidity(){return this.textarea.validity.valid}async setCustomValidity(t){this.customErrorText="",this.customValidation=""!==t,this.textarea.setCustomValidity(t),this.invalid=!this.textarea.checkValidity()}async reset(){this.value=this.defaultValue,this.customErrorText="",this.customValidation=!1,this.textarea.setCustomValidity(""),this.invalid=!1}handleChange(){this.sixChange.emit()}handleInput(){this.value=this.textarea.value,this.setTextareaHeight(),this.sixInput.emit()}handleInvalid(){this.invalid=!0}handleBlur(){this.hasFocus=!1,this.sixBlur.emit()}handleFocus(){this.hasFocus=!0,this.sixFocus.emit()}handleSlotChange(){this.hasLabelSlot=a(this.host,"label"),this.hasHelpTextSlot=a(this.host,"help-text"),this.hasErrorTextSlot=a(this.host,"error-text")}setTextareaHeight(){"auto"===this.resize?(this.textarea.style.height="auto",this.textarea.style.height=this.textarea.scrollHeight+"px"):this.textarea.style.height=void 0}displayError(){return this.invalid&&(!this.errorOnBlur||!this.hasFocus)}render(){var t;return r(i,{inputId:this.inputId,label:this.label,labelId:this.labelId,hasLabelSlot:this.hasLabelSlot,helpTextId:this.helpTextId,helpText:this.helpText,hasHelpTextSlot:this.hasHelpTextSlot,errorTextId:this.errorTextId,errorText:this.customErrorText?this.customErrorText:this.errorText,hasErrorTextSlot:this.hasErrorTextSlot,size:this.size,disabled:this.disabled,required:this.required,displayError:this.displayError()},r("div",{part:"base",class:{textarea:!0,"textarea--small":"small"===this.size,"textarea--medium":"medium"===this.size,"textarea--large":"large"===this.size,"textarea--disabled":this.disabled,"textarea--focused":this.hasFocus,"textarea--empty":0===(null===(t=this.value)||void 0===t?void 0:t.length),"textarea--invalid":this.invalid,"textarea--resize-none":"none"===this.resize,"textarea--resize-vertical":"vertical"===this.resize,"textarea--resize-auto":"auto"===this.resize}},r("textarea",{part:"textarea",ref:t=>this.textarea=t,id:this.inputId,class:"textarea__control",name:this.name,placeholder:this.placeholder,disabled:this.disabled,readOnly:this.readonly,rows:this.rows,minLength:this.minlength,maxLength:this.maxlength,value:this.value,autoCapitalize:this.autocapitalize,autoCorrect:this.autocorrect,autoFocus:this.autofocus,spellcheck:this.spellcheck,required:this.required,inputMode:this.inputmode,"aria-labelledby":this.labelId,onChange:this.handleChange,onInput:this.handleInput,onInvalid:this.handleInvalid,onFocus:this.handleFocus,onBlur:this.handleBlur})))}get host(){return o(this)}static get watchers(){return{helpText:["handleLabelChange"],errorText:["handleLabelChange"],label:["handleLabelChange"],rows:["handleRowsChange"],value:["handleValueChange"]}}};n.style=':host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}.form-control .form-control__label{display:none}.form-control .form-control__help-text{display:none}.form-control .form-control__error-text{display:none}.form-control--has-label .form-control__label{display:inline-block;color:var(--six-input-label-color);font-weight:var(--six-font-weight-bold);margin-bottom:var(--six-spacing-x-small)}.form-control--has-label .form-control__label__required::after{color:var(--six-color-danger-800);content:"*"}.form-control--has-label.form-control--small .form-control__label{font-size:var(--six-input-label-font-size-small)}.form-control--has-label.form-control--medium .form-control__label{font-size:var(--six-input-label-font-size-medium)}.form-control--has-label.form-control--large .form-control_label{font-size:var(--six-input-label-font-size-large)}.form-control--has-help-text .form-control__help-text{display:block;color:var(--six-input-help-text-color);margin-top:var(--six-spacing-x-small)}.form-control--has-help-text .form-control__help-text ::slotted(*){margin-top:var(--six-spacing-xxx-small)}.form-control--has-help-text.form-control--small .form-control__help-text{font-size:var(--six-input-help-text-font-size-small)}.form-control--has-help-text.form-control--medium .form-control__help-text{font-size:var(--six-input-help-text-font-size-medium)}.form-control--has-help-text.form-control--large .form-control__help-text{font-size:var(--six-input-help-text-font-size-large)}.form-control--has-error-text .form-control__error-text{display:block;color:var(--six-color-danger-800);margin-top:var(--six-spacing-xxx-small)}.form-control--has-error-text .form-control__error-text ::slotted(*){margin-top:var(--six-spacing-xxx-small)}.form-control--has-error-text.form-control--small .form-control__error-text{font-size:var(--six-input-help-text-font-size-small)}.form-control--has-error-text.form-control--medium .form-control__error-text{font-size:var(--six-input-help-text-font-size-medium)}.form-control--has-error-text.form-control--large .form-control__error-text{font-size:var(--six-input-help-text-font-size-large)}.form-control--disabled .form-control__help-text{color:var(--six-input-help-text-color-disabled)}.form-control--disabled .form-control__label{color:var(--six-input-label-color-disabled)}.form-control--invalid:not(.form-control--disabled) .form-control__label{color:var(--six-input-label-color)}:host{display:block}.textarea{display:flex;align-items:center;position:relative;width:100%;font-family:var(--six-font-family);font-weight:var(--six-input-font-weight);line-height:var(--six-line-height-normal);letter-spacing:var(--six-input-letter-spacing);background-color:var(--six-input-background-color);border:solid var(--six-border-width) var(--six-input-border-color);vertical-align:middle;transition:var(--six-transition-fast) color, var(--six-transition-fast) border, var(--six-transition-fast) box-shadow;cursor:text}.textarea:hover:not(.textarea--disabled){background-color:var(--six-input-background-color-hover);border-color:var(--six-input-border-color-hover)}.textarea:hover:not(.textarea--disabled) .textarea__control{color:var(--six-input-color-hover)}.textarea.textarea--focused:not(.textarea--disabled){background-color:var(--six-input-background-color-focus);box-shadow:var(--six-input-focus-shadow);border-color:var(--six-input-border-color-focus);color:var(--six-input-color-focus)}.textarea.textarea--focused:not(.textarea--disabled) .textarea__control{color:var(--six-input-color-focus)}.textarea.textarea--disabled{background-color:var(--six-input-background-color-disabled);border-color:var(--six-input-border-color-disabled);cursor:not-allowed}.textarea.textarea--disabled .textarea__control{color:var(--six-input-color-disabled)}.textarea.textarea--disabled .textarea__control::placeholder{color:var(--six-input-placeholder-color-disabled)}.textarea__control{flex:1 1 auto;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:1.4;color:var(--sl-input-color);border:none;background:none;box-shadow:none;cursor:inherit;-webkit-appearance:none}.textarea__control::-webkit-search-decoration,.textarea__control::-webkit-search-cancel-button,.textarea__control::-webkit-search-results-button,.textarea__control::-webkit-search-results-decoration{-webkit-appearance:none}.textarea__control::placeholder{color:var(--six-input-placeholder-color);user-select:none}.textarea__control:focus{outline:none}.textarea--invalid:not(.textarea--disabled):not(.textarea--focused){border-color:var(--six-input-border-color-danger)}.textarea--small{border-radius:var(--six-input-border-radius-small);font-size:var(--six-input-font-size-small)}.textarea--small .textarea__control{padding:0.5em var(--six-input-spacing-small)}.textarea--medium{border-radius:var(--six-input-border-radius-medium);font-size:var(--six-input-font-size-medium)}.textarea--medium .textarea__control{padding:0.5em var(--six-input-spacing-medium)}.textarea--large{border-radius:var(--six-input-border-radius-large);font-size:var(--six-input-font-size-large)}.textarea--large .textarea__control{padding:0.5em var(--six-input-spacing-large)}.textarea--resize-none .textarea__control{resize:none}.textarea--resize-vertical .textarea__control{resize:vertical}.textarea--resize-auto .textarea__control{height:auto;resize:none}';export{n as six_textarea}
File without changes
@@ -1 +1 @@
1
- import{r as i,c as t,h as s,g as e}from"./p-30ebc1e7.js";import{I as r}from"./p-68d31736.js";import{d as h,T as n,e as o,i as a,S as c}from"./p-34e6d8e8.js";import{D as p,b as l,a as m}from"./p-c733dead.js";import{E as u}from"./p-7735d99f.js";import{h as d}from"./p-c09dc3a9.js";var x;!function(i){i.HHmmss="HH:mm:ss",i.hhmmssaa="hh:mm:ss:aa",i.HHmmssms="HH:mm:ss:ms",i.hhmmssmsaa="hh:mm:ss:ms:aa",i.HHmm="HH:mm",i.hhmmaa="hh:mm:aa",i.HH="HH",i.hhaa="hh:aa",i.mm="mm",i.ss="ss",i.ms="ms"}(x||(x={}));const g=i=>i>12?i-12:i,f=(i,t)=>{const s=i.split(":"),e=t.split(":");return s.length===e.length},k=(i,t)=>{const s=i.split(":"),e=t.split(":");f(i,t)||console.error(`Timestring did not match expected format.\nExpected format: ${t}\nReceived timestring: ${i}`);const r={};return s.forEach(((i,t)=>{const s=e[t],a=o[s];void 0!==a&&(s===n.PERIOD?r.period=i.toUpperCase()===h.PM?h.PM:h.AM:r[a]=Number(i)),s===n.HOUR_24?r.has24Hours=!0:s===n.HOUR_12&&(r.has24Hours=!1)})),r},b=(i,t)=>t.split(":").map((t=>{const s=t===n.MILLISECOND?3:2;return String(i[o[t]]).padStart(s,"0")})).join(":");let v=class{constructor(s){i(this,s),this.sixChange=t(this,"six-timepicker-change",7),this.sixChangeDebounced=t(this,"six-timepicker-change-debounced",7),this.sixClear=t(this,"six-timepicker-clear",7),this.eventListeners=new u,this.format=x.HHmmss,this.separator=":",this.open=!1,this.inline=!1,this.readonly=!1,this.disabled=!1,this.size="medium",this.errorOnBlur=!1,this.errorText="",this.label="",this.name="",this.clearable=!1,this.iconPosition="left",this.hoist=!1,this.timeout=p,this.interval=l,this.debounce=p,this.isPopupContentUp=!1,this.isDropDownContentUp=!1,this.defaultValue=null,this.handleInputChange=i=>{i.stopPropagation();const t=this.inputElement.value;f(t,this.format)?(this.internalValue=k(t,this.format),this.sixChange.emit({value:this.internalValue,valueAsString:b(this.internalValue,this.format)})):this.sixChange.emit({value:{},valueAsString:""})},this.handleSixTimepickerChangeDebounced=({detail:i})=>{this.sixChangeDebounced.emit(i)},this.handleChange=(i,t)=>{i.stopPropagation(),this.internalValue[t]=i.detail;const s=b(this.internalValue,this.format);this.sixChange.emit({changedProperty:t,value:this.internalValue,valueAsString:s}),this.value=s},this.handleDocumentMouseDown=i=>{i.composedPath().includes(this.host)||this.closePopup()},this.handleClearClick=i=>{i.stopPropagation(),this.value=void 0,this.sixClear.emit()}}async resizeHandler(){this.calcIsPopupContentUp(),this.moveOpenHoistedPopup()}async scrollHandler(){this.calcIsPopupContentUp(),this.moveOpenHoistedPopup()}debounceChanged(){this.eventListeners.removeByIdentifier("debounced-timepicker"),this.eventListeners.add(this.host,"six-timepicker-change",m(this.handleSixTimepickerChangeDebounced,this.debounce),"debounced-timepicker")}valueChanged(i){this.value!==i&&(this.value=i),this.setupInternalTime(),this.sixChange.emit({value:this.internalValue,valueAsString:b(this.internalValue,this.format)})}async reportValidity(){return this.inputElement.reportValidity()}async checkValidity(){return this.inputElement.checkValidity()}async setCustomValidity(i){await this.inputElement.setCustomValidity(i)}async reset(){this.internalValue=this.defaultValue,this.inputElement.value=b(this.internalValue,this.format),await this.inputElement.reset()}componentWillLoad(){this.setupInternalTime(),this.inline&&(this.open=!0),this.open&&this.eventListeners.add(document,"mousedown",this.handleDocumentMouseDown)}componentDidLoad(){this.eventListeners.add(this.host,"six-timepicker-change",m(this.handleSixTimepickerChangeDebounced,this.debounce),"debounced-timepicker"),this.eventListeners.add(this.inputElement,"six-input-input",m(this.handleInputChange,this.debounce))}disconnectedCallback(){this.eventListeners.removeAll()}calcIsPopupContentUp(){if(!this.inputElement||!this.wrapper)return;const i=this.inputElement.getBoundingClientRect(),t=this.wrapper.getBoundingClientRect(),s=Math.max(t.height,145),e=i.y>window.innerHeight/2;this.isPopupContentUp=e&&window.innerHeight<i.bottom+s}moveOpenHoistedPopup(){if(!this.hoist||!this.open)return;const i=this.popup.getBoundingClientRect().height,t=this.inputElement.getBoundingClientRect(),s=t.top,e=t.height;this.calcIsPopupContentUp(),this.popup.style.top=this.isPopupContentUp?s-i+"px":`${s+e}px`}getSixTimeUnitPicker(i){return s("six-item-picker",{class:i.class,timeout:this.timeout,interval:this.interval,padded:!0,min:i.min,max:i.max,value:this.internalValue[i.propertyName],items:i.items,type:i.type||r.NUMBER,"padding-length":i.paddingLength,"onSix-item-picker-change":t=>this.handleChange(t,i.propertyName)})}setupInternalTime(){this.is12HourClock()&&!this.format.includes(n.PERIOD)&&console.error("[SIX-TIMEPICKER] You provided a 12-hour-clock format but are missing the period (am or pm) in the time-format-string!"),this.internalValue=null==this.value?a(this.defaultTime)?((i=!0)=>i?(()=>{const i=new Date;return{hours:i.getHours(),minutes:i.getMinutes(),seconds:i.getSeconds(),milliseconds:i.getMilliseconds(),has24Hours:!0}})():(()=>{const i=new Date,t=i.getHours();return{hours:g(t),minutes:i.getMinutes(),seconds:i.getSeconds(),milliseconds:i.getMilliseconds(),has24Hours:!1,period:t>=12?h.PM:h.AM}})())(this.is24HourClock()):k(this.defaultTime,this.format):k(this.value,this.format),this.defaultValue=this.internalValue}getHour24Picker(){if(this.is24HourClock())return this.getSixTimeUnitPicker({min:0,max:23,propertyName:c.HOURS})}is24HourClock(){return this.format.includes(n.HOUR_24)}getHour12Picker(){if(this.is12HourClock())return this.getSixTimeUnitPicker({min:0,max:11,propertyName:c.HOURS})}is12HourClock(){return this.format.includes(n.HOUR_12)}getAmPmPicker(){if(this.is12HourClock())return this.getSixTimeUnitPicker({items:["AM","PM"],type:r.CUSTOM,propertyName:c.PERIOD})}getMinutePicker(){if(this.format.includes(n.MINUTE))return this.getSixTimeUnitPicker({min:0,max:59,propertyName:c.MINUTES})}getSecondsPicker(){if(this.format.includes(n.SECOND))return this.getSixTimeUnitPicker({min:0,max:59,propertyName:c.SECONDS})}getMillisecondsPicker(){if(this.format.includes(n.MILLISECOND))return this.getSixTimeUnitPicker({min:0,max:999,class:"timepicker__item--wide",paddingLength:3,propertyName:c.MILLISECONDS})}getSeparator(){return s("div",{class:"timepicker__separator"},s("span",null,this.separator))}getContent(){const i=[this.getHour24Picker(),this.getHour12Picker(),this.getMinutePicker(),this.getSecondsPicker(),this.getMillisecondsPicker()].filter((i=>void 0!==i));return i.map(((t,s)=>s===i.length-1?[t]:[t,this.getSeparator()]))}openPopup(){this.open||this.disabled||(this.open=!0,this.eventListeners.add(document,"mousedown",this.handleDocumentMouseDown))}closePopup(){this.inline||(this.open=!1,this.eventListeners.remove(document,"mousedown",this.handleDocumentMouseDown))}renderClearable(){return this.clearable&&s("button",{slot:"suffix",class:{timepicker_clear:!0,"timepicker_clear--right":"left"===this.iconPosition,"timepicker_clear--left":"right"===this.iconPosition},type:"button",onClick:this.handleClearClick,tabindex:"-1"},s("six-icon",{size:"small"},"clear"))}renderCustomIcon(){const i=d(this.host,"custom-icon")?s("slot",{name:"custom-icon"}):s("six-icon",{size:"large"===this.size?"medium":this.size},"watch_later");return s("span",{slot:"prefix",part:"icon",class:{prefix:!0,"prefix--right":"right"===this.iconPosition}},i)}calcIsDropDownContentUp(){if(!this.inputElement||!this.wrapper)return;const i=this.inputElement.getBoundingClientRect(),t=this.wrapper.getBoundingClientRect(),s=Math.max(t.height,145),e=i.y>window.innerHeight/2;this.isDropDownContentUp=e&&window.innerHeight<i.bottom+s}adjustPopupForHoisting(){this.hoist&&setTimeout((()=>{if(!this.popup)return;const i=this.popup.getBoundingClientRect();this.popup.style.position="fixed",["top","left","width","height"].forEach((t=>{this.popup.style[t]=`${i[t]}px`}));const t=this.inputElement.getBoundingClientRect(),s=t.top,e=i.top;this.calcIsDropDownContentUp(),this.isDropDownContentUp&&s<e&&(this.popup.style.top=e-i.height-t.height+"px")}),0)}render(){return this.adjustPopupForHoisting(),s("div",{part:"container",ref:i=>this.wrapper=i,class:"timepicker__container"},s("six-input",{ref:i=>this.inputElement=i,part:"input",onClick:()=>this.openPopup(),value:this.value,placeholder:this.placeholder,readonly:this.readonly,disabled:this.disabled,size:this.size,name:this.name,label:this.label,required:this.required,"error-text":this.errorText,"error-on-blur":this.errorOnBlur,class:{"input--empty":!this.value,"input--hide":this.inline}},this.renderCustomIcon(),this.renderClearable(),d(this.host,"error-text")?s("span",{slot:"error-text"},s("slot",{name:"error-text"})):null,d(this.host,"label")?s("span",{slot:"label"},s("slot",{name:"label"})):null),this.open&&s("div",{ref:i=>this.popup=i,part:"popup",class:{timepicker__popup:!0,"timepicker__popup--is-up":this.placement?"top"===this.placement:this.isPopupContentUp,"timepicker__popup--is-inline":this.inline}},...this.getContent(),this.getAmPmPicker()))}get host(){return e(this)}static get watchers(){return{debounce:["debounceChanged"],value:["valueChanged"]}}};v.style=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}:host{display:block;font-family:var(--six-font-family)}.timepicker_clear{display:inline-flex;align-items:center;font-size:inherit;color:var(--six-input-icon-color);border:none;background:none;padding:0;transition:var(--six-transition-fast) color;cursor:pointer}.timepicker_clear:hover{color:var(--six-input-icon-color-hover)}.timepicker_clear:focus{outline:none}.timepicker_clear--right{right:0;position:absolute}.timepicker_clear--left{right:35px;position:absolute}.timepicker__container{position:relative}.timepicker__popup{display:flex;justify-content:center;min-width:min-content;min-height:145px;background-color:white;padding:0.5em 0.5em 1.5em;box-shadow:0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);user-select:none;position:absolute;z-index:var(--six-z-index-dropdown);right:0;left:0}.timepicker__popup--is-up{bottom:100%}.timepicker__popup--is-inline{position:initial;box-shadow:none;border:1px solid var(--six-color-web-rock-400)}.timepicker__separator{display:flex;align-items:center}.timepicker__item--wide{padding-left:0.5rem;padding-right:0.5rem}.input--empty .timepicker_clear{visibility:hidden}.input--hide{display:none}.prefix{cursor:pointer}.prefix--right{right:0;display:inline-flex;position:absolute;font-size:inherit;color:var(--six-input-icon-color);border:none;background:none;margin-right:var(--six-input-spacing-medium);transition:var(--six-transition-fast) color}";export{v as six_timepicker}
1
+ import{r as i,c as t,h as s,g as e}from"./p-30ebc1e7.js";import{I as r}from"./p-25a3bf57.js";import{d as h,T as n,e as o,i as a,S as c}from"./p-d12c6092.js";import{D as p,b as l,a as m}from"./p-0786fa7c.js";import{E as u}from"./p-9a860acc.js";import{h as d}from"./p-b4dfb7cf.js";var x;!function(i){i.HHmmss="HH:mm:ss",i.hhmmssaa="hh:mm:ss:aa",i.HHmmssms="HH:mm:ss:ms",i.hhmmssmsaa="hh:mm:ss:ms:aa",i.HHmm="HH:mm",i.hhmmaa="hh:mm:aa",i.HH="HH",i.hhaa="hh:aa",i.mm="mm",i.ss="ss",i.ms="ms"}(x||(x={}));const g=i=>i>12?i-12:i,f=(i,t)=>{const s=i.split(":"),e=t.split(":");return s.length===e.length},k=(i,t)=>{const s=i.split(":"),e=t.split(":");f(i,t)||console.error(`Timestring did not match expected format.\nExpected format: ${t}\nReceived timestring: ${i}`);const r={};return s.forEach(((i,t)=>{const s=e[t],a=o[s];void 0!==a&&(s===n.PERIOD?r.period=i.toUpperCase()===h.PM?h.PM:h.AM:r[a]=Number(i)),s===n.HOUR_24?r.has24Hours=!0:s===n.HOUR_12&&(r.has24Hours=!1)})),r},b=(i,t)=>t.split(":").map((t=>{const s=t===n.MILLISECOND?3:2;return String(i[o[t]]).padStart(s,"0")})).join(":");let v=class{constructor(s){i(this,s),this.sixChange=t(this,"six-timepicker-change",7),this.sixChangeDebounced=t(this,"six-timepicker-change-debounced",7),this.sixClear=t(this,"six-timepicker-clear",7),this.eventListeners=new u,this.format=x.HHmmss,this.separator=":",this.open=!1,this.inline=!1,this.readonly=!1,this.disabled=!1,this.size="medium",this.errorOnBlur=!1,this.errorText="",this.label="",this.name="",this.clearable=!1,this.iconPosition="left",this.hoist=!1,this.timeout=p,this.interval=l,this.debounce=p,this.isPopupContentUp=!1,this.isDropDownContentUp=!1,this.defaultValue=null,this.handleInputChange=i=>{i.stopPropagation();const t=this.inputElement.value;f(t,this.format)?(this.internalValue=k(t,this.format),this.sixChange.emit({value:this.internalValue,valueAsString:b(this.internalValue,this.format)})):this.sixChange.emit({value:{},valueAsString:""})},this.handleSixTimepickerChangeDebounced=({detail:i})=>{this.sixChangeDebounced.emit(i)},this.handleChange=(i,t)=>{i.stopPropagation(),this.internalValue[t]=i.detail;const s=b(this.internalValue,this.format);this.sixChange.emit({changedProperty:t,value:this.internalValue,valueAsString:s}),this.value=s},this.handleDocumentMouseDown=i=>{i.composedPath().includes(this.host)||this.closePopup()},this.handleClearClick=i=>{i.stopPropagation(),this.value=void 0,this.sixClear.emit()}}async resizeHandler(){this.calcIsPopupContentUp(),this.moveOpenHoistedPopup()}async scrollHandler(){this.calcIsPopupContentUp(),this.moveOpenHoistedPopup()}debounceChanged(){this.eventListeners.removeByIdentifier("debounced-timepicker"),this.eventListeners.add(this.host,"six-timepicker-change",m(this.handleSixTimepickerChangeDebounced,this.debounce),"debounced-timepicker")}valueChanged(i){this.value!==i&&(this.value=i),this.setupInternalTime(),this.sixChange.emit({value:this.internalValue,valueAsString:b(this.internalValue,this.format)})}async reportValidity(){return this.inputElement.reportValidity()}async checkValidity(){return this.inputElement.checkValidity()}async setCustomValidity(i){await this.inputElement.setCustomValidity(i)}async reset(){this.internalValue=this.defaultValue,this.inputElement.value=b(this.internalValue,this.format),await this.inputElement.reset()}componentWillLoad(){this.setupInternalTime(),this.inline&&(this.open=!0),this.open&&this.eventListeners.add(document,"mousedown",this.handleDocumentMouseDown)}componentDidLoad(){this.eventListeners.add(this.host,"six-timepicker-change",m(this.handleSixTimepickerChangeDebounced,this.debounce),"debounced-timepicker"),this.eventListeners.add(this.inputElement,"six-input-input",m(this.handleInputChange,this.debounce))}disconnectedCallback(){this.eventListeners.removeAll()}calcIsPopupContentUp(){if(!this.inputElement||!this.wrapper)return;const i=this.inputElement.getBoundingClientRect(),t=this.wrapper.getBoundingClientRect(),s=Math.max(t.height,145),e=i.y>window.innerHeight/2;this.isPopupContentUp=e&&window.innerHeight<i.bottom+s}moveOpenHoistedPopup(){if(!this.hoist||!this.open)return;const i=this.popup.getBoundingClientRect().height,t=this.inputElement.getBoundingClientRect(),s=t.top,e=t.height;this.calcIsPopupContentUp(),this.popup.style.top=this.isPopupContentUp?s-i+"px":`${s+e}px`}getSixTimeUnitPicker(i){return s("six-item-picker",{class:i.class,timeout:this.timeout,interval:this.interval,padded:!0,min:i.min,max:i.max,value:this.internalValue[i.propertyName],items:i.items,type:i.type||r.NUMBER,"padding-length":i.paddingLength,"onSix-item-picker-change":t=>this.handleChange(t,i.propertyName)})}setupInternalTime(){this.is12HourClock()&&!this.format.includes(n.PERIOD)&&console.error("[SIX-TIMEPICKER] You provided a 12-hour-clock format but are missing the period (am or pm) in the time-format-string!"),this.internalValue=null==this.value?a(this.defaultTime)?((i=!0)=>i?(()=>{const i=new Date;return{hours:i.getHours(),minutes:i.getMinutes(),seconds:i.getSeconds(),milliseconds:i.getMilliseconds(),has24Hours:!0}})():(()=>{const i=new Date,t=i.getHours();return{hours:g(t),minutes:i.getMinutes(),seconds:i.getSeconds(),milliseconds:i.getMilliseconds(),has24Hours:!1,period:t>=12?h.PM:h.AM}})())(this.is24HourClock()):k(this.defaultTime,this.format):k(this.value,this.format),this.defaultValue=this.internalValue}getHour24Picker(){if(this.is24HourClock())return this.getSixTimeUnitPicker({min:0,max:23,propertyName:c.HOURS})}is24HourClock(){return this.format.includes(n.HOUR_24)}getHour12Picker(){if(this.is12HourClock())return this.getSixTimeUnitPicker({min:0,max:11,propertyName:c.HOURS})}is12HourClock(){return this.format.includes(n.HOUR_12)}getAmPmPicker(){if(this.is12HourClock())return this.getSixTimeUnitPicker({items:["AM","PM"],type:r.CUSTOM,propertyName:c.PERIOD})}getMinutePicker(){if(this.format.includes(n.MINUTE))return this.getSixTimeUnitPicker({min:0,max:59,propertyName:c.MINUTES})}getSecondsPicker(){if(this.format.includes(n.SECOND))return this.getSixTimeUnitPicker({min:0,max:59,propertyName:c.SECONDS})}getMillisecondsPicker(){if(this.format.includes(n.MILLISECOND))return this.getSixTimeUnitPicker({min:0,max:999,class:"timepicker__item--wide",paddingLength:3,propertyName:c.MILLISECONDS})}getSeparator(){return s("div",{class:"timepicker__separator"},s("span",null,this.separator))}getContent(){const i=[this.getHour24Picker(),this.getHour12Picker(),this.getMinutePicker(),this.getSecondsPicker(),this.getMillisecondsPicker()].filter((i=>void 0!==i));return i.map(((t,s)=>s===i.length-1?[t]:[t,this.getSeparator()]))}openPopup(){this.open||this.disabled||(this.open=!0,this.eventListeners.add(document,"mousedown",this.handleDocumentMouseDown))}closePopup(){this.inline||(this.open=!1,this.eventListeners.remove(document,"mousedown",this.handleDocumentMouseDown))}renderClearable(){return this.clearable&&s("button",{slot:"suffix",class:{timepicker_clear:!0,"timepicker_clear--right":"left"===this.iconPosition,"timepicker_clear--left":"right"===this.iconPosition},type:"button",onClick:this.handleClearClick,tabindex:"-1"},s("six-icon",{size:"small"},"clear"))}renderCustomIcon(){const i=d(this.host,"custom-icon")?s("slot",{name:"custom-icon"}):s("six-icon",{size:"large"===this.size?"medium":this.size},"watch_later");return s("span",{slot:"prefix",part:"icon",class:{prefix:!0,"prefix--right":"right"===this.iconPosition}},i)}calcIsDropDownContentUp(){if(!this.inputElement||!this.wrapper)return;const i=this.inputElement.getBoundingClientRect(),t=this.wrapper.getBoundingClientRect(),s=Math.max(t.height,145),e=i.y>window.innerHeight/2;this.isDropDownContentUp=e&&window.innerHeight<i.bottom+s}adjustPopupForHoisting(){this.hoist&&setTimeout((()=>{if(!this.popup)return;const i=this.popup.getBoundingClientRect();this.popup.style.position="fixed",["top","left","width","height"].forEach((t=>{this.popup.style[t]=`${i[t]}px`}));const t=this.inputElement.getBoundingClientRect(),s=t.top,e=i.top;this.calcIsDropDownContentUp(),this.isDropDownContentUp&&s<e&&(this.popup.style.top=e-i.height-t.height+"px")}),0)}render(){return this.adjustPopupForHoisting(),s("div",{part:"container",ref:i=>this.wrapper=i,class:"timepicker__container"},s("six-input",{ref:i=>this.inputElement=i,part:"input",onClick:()=>this.openPopup(),value:this.value,placeholder:this.placeholder,readonly:this.readonly,disabled:this.disabled,size:this.size,name:this.name,label:this.label,required:this.required,"error-text":this.errorText,"error-on-blur":this.errorOnBlur,class:{"input--empty":!this.value,"input--hide":this.inline}},this.renderCustomIcon(),this.renderClearable(),d(this.host,"error-text")?s("span",{slot:"error-text"},s("slot",{name:"error-text"})):null,d(this.host,"label")?s("span",{slot:"label"},s("slot",{name:"label"})):null),this.open&&s("div",{ref:i=>this.popup=i,part:"popup",class:{timepicker__popup:!0,"timepicker__popup--is-up":this.placement?"top"===this.placement:this.isPopupContentUp,"timepicker__popup--is-inline":this.inline}},...this.getContent(),this.getAmPmPicker()))}get host(){return e(this)}static get watchers(){return{debounce:["debounceChanged"],value:["valueChanged"]}}};v.style=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}:host{display:block;font-family:var(--six-font-family)}.timepicker_clear{display:inline-flex;align-items:center;font-size:inherit;color:var(--six-input-icon-color);border:none;background:none;padding:0;transition:var(--six-transition-fast) color;cursor:pointer}.timepicker_clear:hover{color:var(--six-input-icon-color-hover)}.timepicker_clear:focus{outline:none}.timepicker_clear--right{right:0;position:absolute}.timepicker_clear--left{right:35px;position:absolute}.timepicker__container{position:relative}.timepicker__popup{display:flex;justify-content:center;min-width:min-content;min-height:145px;background-color:white;padding:0.5em 0.5em 1.5em;box-shadow:0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);user-select:none;position:absolute;z-index:var(--six-z-index-dropdown);right:0;left:0}.timepicker__popup--is-up{bottom:100%}.timepicker__popup--is-inline{position:initial;box-shadow:none;border:1px solid var(--six-color-web-rock-400)}.timepicker__separator{display:flex;align-items:center}.timepicker__item--wide{padding-left:0.5rem;padding-right:0.5rem}.input--empty .timepicker_clear{visibility:hidden}.input--hide{display:none}.prefix{cursor:pointer}.prefix--right{right:0;display:inline-flex;position:absolute;font-size:inherit;color:var(--six-input-icon-color);border:none;background:none;margin-right:var(--six-input-spacing-medium);transition:var(--six-transition-fast) color}";export{v as six_timepicker}