@nova-design-system/nova-webcomponents 3.27.0 → 3.29.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (494) hide show
  1. package/dist/cjs/{index-Cfkoz1kc.js → index-eLt3bBQs.js} +13 -1
  2. package/dist/cjs/index.cjs.js +6 -0
  3. package/dist/cjs/loader.cjs.js +2 -2
  4. package/dist/cjs/native.cjs.js +2 -2
  5. package/dist/cjs/nova-datetime-DOtVgYBB.js +10643 -0
  6. package/dist/cjs/nv-accordion-item.cjs.entry.js +3 -3
  7. package/dist/cjs/nv-accordion.cjs.entry.js +1 -1
  8. package/dist/cjs/nv-alert.cjs.entry.js +2 -2
  9. package/dist/cjs/nv-avatar.cjs.entry.js +1 -1
  10. package/dist/cjs/nv-badge_2.cjs.entry.js +8 -7
  11. package/dist/cjs/nv-breadcrumb.cjs.entry.js +1 -1
  12. package/dist/cjs/nv-breadcrumbs.cjs.entry.js +1 -1
  13. package/dist/cjs/nv-button.cjs.entry.js +1 -1
  14. package/dist/cjs/nv-buttongroup.cjs.entry.js +1 -1
  15. package/dist/cjs/nv-calendar.cjs.entry.js +1 -1
  16. package/dist/cjs/nv-col.cjs.entry.js +2 -2
  17. package/dist/cjs/nv-datagrid.cjs.entry.js +1 -1
  18. package/dist/cjs/nv-datagridcolumn.cjs.entry.js +1 -1
  19. package/dist/cjs/nv-datetest.cjs.entry.js +66 -0
  20. package/dist/cjs/nv-datetimetest.cjs.entry.js +54 -0
  21. package/dist/cjs/nv-dialog.cjs.entry.js +2 -2
  22. package/dist/cjs/nv-dialogfooter_2.cjs.entry.js +7 -5
  23. package/dist/cjs/nv-drawer.cjs.entry.js +2 -2
  24. package/dist/cjs/nv-drawerfooter_2.cjs.entry.js +5 -3
  25. package/dist/cjs/nv-fieldcheckbox.cjs.entry.js +5 -5
  26. package/dist/cjs/nv-fielddate.cjs.entry.js +8 -8
  27. package/dist/cjs/nv-fielddaterange.cjs.entry.js +8 -8
  28. package/dist/cjs/nv-fielddropdown.cjs.entry.js +6 -6
  29. package/dist/cjs/nv-fielddropdownitem.cjs.entry.js +2 -2
  30. package/dist/cjs/nv-fieldmultiselect.cjs.entry.js +115 -86
  31. package/dist/cjs/nv-fieldnumber.cjs.entry.js +6 -6
  32. package/dist/cjs/nv-fieldpassword.cjs.entry.js +6 -6
  33. package/dist/cjs/nv-fieldradio.cjs.entry.js +4 -4
  34. package/dist/cjs/nv-fieldselect.cjs.entry.js +7 -7
  35. package/dist/cjs/nv-fieldslider.cjs.entry.js +4 -4
  36. package/dist/cjs/nv-fieldtext.cjs.entry.js +6 -6
  37. package/dist/cjs/nv-fieldtextarea.cjs.entry.js +5 -5
  38. package/dist/cjs/nv-fieldtime.cjs.entry.js +15 -12
  39. package/dist/cjs/nv-icon.cjs.entry.js +3 -3
  40. package/dist/cjs/nv-iconbutton_2.cjs.entry.js +3 -3
  41. package/dist/cjs/nv-menu.cjs.entry.js +2 -2
  42. package/dist/cjs/nv-menuitem.cjs.entry.js +2 -2
  43. package/dist/cjs/nv-notification-bullet.cjs.entry.js +1 -1
  44. package/dist/cjs/nv-notification.cjs.entry.js +2 -2
  45. package/dist/cjs/nv-notificationcontainer.cjs.entry.js +2 -14
  46. package/dist/cjs/nv-pagination-nav.cjs.entry.js +2 -2
  47. package/dist/cjs/nv-paginationtable.cjs.entry.js +2 -2
  48. package/dist/cjs/nv-popover.cjs.entry.js +2 -2
  49. package/dist/cjs/nv-row.cjs.entry.js +2 -2
  50. package/dist/cjs/nv-sidebar.cjs.entry.js +2 -2
  51. package/dist/cjs/nv-sidebarcontent.cjs.entry.js +2 -2
  52. package/dist/cjs/nv-sidebardivider.cjs.entry.js +2 -2
  53. package/dist/cjs/nv-sidebarfooter.cjs.entry.js +2 -2
  54. package/dist/cjs/nv-sidebargroup.cjs.entry.js +2 -2
  55. package/dist/cjs/nv-sidebarheader.cjs.entry.js +2 -2
  56. package/dist/cjs/nv-sidebarlogo.cjs.entry.js +2 -2
  57. package/dist/cjs/nv-sidebarnavitem.cjs.entry.js +3 -3
  58. package/dist/cjs/nv-sidebarnavsubitem.cjs.entry.js +2 -2
  59. package/dist/cjs/nv-split.cjs.entry.js +2 -2
  60. package/dist/cjs/nv-stack.cjs.entry.js +2 -2
  61. package/dist/cjs/nv-table.cjs.entry.js +3 -3
  62. package/dist/cjs/nv-tableheader.cjs.entry.js +2 -2
  63. package/dist/cjs/nv-timetest.cjs.entry.js +72 -0
  64. package/dist/cjs/nv-toggle.cjs.entry.js +3 -3
  65. package/dist/cjs/nv-togglebutton.cjs.entry.js +2 -2
  66. package/dist/cjs/nv-togglebuttongroup.cjs.entry.js +2 -2
  67. package/dist/cjs/nv-tooltip.cjs.entry.js +9 -4
  68. package/dist/collection/collection-manifest.json +3 -0
  69. package/dist/collection/components/nv-accordion/nv-accordion.docs.js +1 -0
  70. package/dist/collection/components/nv-accordion-item/nv-accordion-item.docs.js +69 -1
  71. package/dist/collection/components/nv-accordion-item/nv-accordion-item.js +2 -2
  72. package/dist/collection/components/nv-alert/nv-alert.docs.js +1 -0
  73. package/dist/collection/components/nv-alert/nv-alert.js +15 -5
  74. package/dist/collection/components/nv-avatar/nv-avatar.docs.js +1 -0
  75. package/dist/collection/components/nv-badge/nv-badge.docs.js +1 -0
  76. package/dist/collection/components/nv-badge/nv-badge.js +32 -11
  77. package/dist/collection/components/nv-breadcrumb/nv-breadcrumb.docs.js +36 -1
  78. package/dist/collection/components/nv-breadcrumbs/nv-breadcrumbs.docs.js +1 -0
  79. package/dist/collection/components/nv-button/nv-button.docs.js +1 -0
  80. package/dist/collection/components/nv-buttongroup/nv-buttongroup.docs.js +1 -0
  81. package/dist/collection/components/nv-calendar/nv-calendar.docs.js +1 -0
  82. package/dist/collection/components/nv-col/nv-col.docs.js +2 -0
  83. package/dist/collection/components/nv-col/nv-col.js +2 -1
  84. package/dist/collection/components/nv-datagrid/nv-datagrid.docs.js +3 -2
  85. package/dist/collection/components/nv-datagridcolumn/nv-datagridcolumn.docs.js +25 -1
  86. package/dist/collection/components/nv-datetest/nv-datetest.css +15 -0
  87. package/dist/collection/components/nv-datetest/nv-datetest.docs.js +12 -0
  88. package/dist/collection/components/nv-datetest/nv-datetest.js +242 -0
  89. package/dist/collection/components/nv-datetimetest/nv-datetimetest.css +15 -0
  90. package/dist/collection/components/nv-datetimetest/nv-datetimetest.docs.js +5 -0
  91. package/dist/collection/components/nv-datetimetest/nv-datetimetest.js +197 -0
  92. package/dist/collection/components/nv-dialog/nv-dialog.docs.js +1 -0
  93. package/dist/collection/components/nv-dialog/nv-dialog.js +1 -1
  94. package/dist/collection/components/nv-dialogfooter/nv-dialogfooter.docs.js +9 -1
  95. package/dist/collection/components/nv-dialogfooter/nv-dialogfooter.js +35 -13
  96. package/dist/collection/components/nv-dialogheader/nv-dialogheader.docs.js +9 -1
  97. package/dist/collection/components/nv-dialogheader/nv-dialogheader.js +1 -1
  98. package/dist/collection/components/nv-drawer/nv-drawer.docs.js +1 -0
  99. package/dist/collection/components/nv-drawer/nv-drawer.js +1 -1
  100. package/dist/collection/components/nv-drawerfooter/nv-drawerfooter.docs.js +9 -1
  101. package/dist/collection/components/nv-drawerfooter/nv-drawerfooter.js +31 -9
  102. package/dist/collection/components/nv-drawerheader/nv-drawerheader.docs.js +9 -1
  103. package/dist/collection/components/nv-drawerheader/nv-drawerheader.js +1 -1
  104. package/dist/collection/components/nv-fieldcheckbox/nv-fieldcheckbox.docs.js +1 -0
  105. package/dist/collection/components/nv-fieldcheckbox/nv-fieldcheckbox.js +4 -4
  106. package/dist/collection/components/nv-fielddate/nv-fielddate.docs.js +1 -0
  107. package/dist/collection/components/nv-fielddate/nv-fielddate.js +6 -6
  108. package/dist/collection/components/nv-fielddate/styles/nv-fielddate.css +3 -0
  109. package/dist/collection/components/nv-fielddaterange/nv-fielddaterange.docs.js +1 -0
  110. package/dist/collection/components/nv-fielddaterange/nv-fielddaterange.js +6 -6
  111. package/dist/collection/components/nv-fielddaterange/styles/nv-fielddaterange.css +3 -0
  112. package/dist/collection/components/nv-fielddropdown/nv-fielddropdown.docs.js +1 -0
  113. package/dist/collection/components/nv-fielddropdown/nv-fielddropdown.js +4 -4
  114. package/dist/collection/components/nv-fielddropdown/styles/nv-fielddropdown.css +3 -0
  115. package/dist/collection/components/nv-fielddropdownitem/nv-fielddropdownitem.docs.js +54 -1
  116. package/dist/collection/components/nv-fielddropdownitem/nv-fielddropdownitem.js +1 -1
  117. package/dist/collection/components/nv-fielddropdownitemcheck/nv-fielddropdownitemcheck.css +1 -1
  118. package/dist/collection/components/nv-fielddropdownitemcheck/nv-fielddropdownitemcheck.docs.js +42 -1
  119. package/dist/collection/components/nv-fielddropdownitemcheck/nv-fielddropdownitemcheck.js +1 -1
  120. package/dist/collection/components/nv-fieldmultiselect/nv-fieldmultiselect.docs.js +1 -0
  121. package/dist/collection/components/nv-fieldmultiselect/nv-fieldmultiselect.js +119 -84
  122. package/dist/collection/components/nv-fieldmultiselect/styles/nv-fieldmultiselect.css +13 -2
  123. package/dist/collection/components/nv-fieldnumber/nv-fieldnumber.css +3 -0
  124. package/dist/collection/components/nv-fieldnumber/nv-fieldnumber.docs.js +1 -0
  125. package/dist/collection/components/nv-fieldnumber/nv-fieldnumber.js +4 -4
  126. package/dist/collection/components/nv-fieldpassword/nv-fieldpassword.css +3 -0
  127. package/dist/collection/components/nv-fieldpassword/nv-fieldpassword.docs.js +1 -0
  128. package/dist/collection/components/nv-fieldpassword/nv-fieldpassword.js +4 -4
  129. package/dist/collection/components/nv-fieldradio/nv-fieldradio.docs.js +1 -0
  130. package/dist/collection/components/nv-fieldradio/nv-fieldradio.js +3 -3
  131. package/dist/collection/components/nv-fieldselect/nv-fieldselect.docs.js +1 -0
  132. package/dist/collection/components/nv-fieldselect/nv-fieldselect.js +5 -5
  133. package/dist/collection/components/nv-fieldselect/styles/nv-fieldselect.css +3 -0
  134. package/dist/collection/components/nv-fieldslider/nv-fieldslider.docs.js +1 -0
  135. package/dist/collection/components/nv-fieldslider/nv-fieldslider.js +3 -3
  136. package/dist/collection/components/nv-fieldtext/nv-fieldtext.css +3 -0
  137. package/dist/collection/components/nv-fieldtext/nv-fieldtext.docs.js +3 -1
  138. package/dist/collection/components/nv-fieldtext/nv-fieldtext.js +4 -4
  139. package/dist/collection/components/nv-fieldtextarea/nv-fieldtextarea.css +3 -0
  140. package/dist/collection/components/nv-fieldtextarea/nv-fieldtextarea.docs.js +1 -0
  141. package/dist/collection/components/nv-fieldtextarea/nv-fieldtextarea.js +3 -3
  142. package/dist/collection/components/nv-fieldtime/nv-fieldtime.docs.js +1 -0
  143. package/dist/collection/components/nv-fieldtime/nv-fieldtime.js +13 -10
  144. package/dist/collection/components/nv-fieldtime/styles/nv-fieldtime.css +3 -0
  145. package/dist/collection/components/nv-icon/nv-icon.docs.js +1 -0
  146. package/dist/collection/components/nv-icon/nv-icon.js +7 -4
  147. package/dist/collection/components/nv-icon/nv-icons.js +4 -0
  148. package/dist/collection/components/nv-iconbutton/nv-iconbutton.docs.js +1 -0
  149. package/dist/collection/components/nv-iconbutton/nv-iconbutton.js +7 -4
  150. package/dist/collection/components/nv-loader/nv-loader.docs.js +1 -0
  151. package/dist/collection/components/nv-loader/nv-loader.js +1 -1
  152. package/dist/collection/components/nv-menu/nv-menu.docs.js +1 -0
  153. package/dist/collection/components/nv-menu/nv-menu.js +1 -1
  154. package/dist/collection/components/nv-menuitem/nv-menuitem.docs.js +20 -1
  155. package/dist/collection/components/nv-menuitem/nv-menuitem.js +6 -3
  156. package/dist/collection/components/nv-notification/nv-notification.docs.js +1 -0
  157. package/dist/collection/components/nv-notification/nv-notification.js +15 -5
  158. package/dist/collection/components/nv-notification-bullet/nv-notification-bullet.docs.js +1 -0
  159. package/dist/collection/components/nv-notificationcontainer/nv-notificationcontainer.docs.js +24 -1
  160. package/dist/collection/components/nv-notificationcontainer/nv-notificationcontainer.js +1 -15
  161. package/dist/collection/components/nv-pagination-nav/nv-pagination-nav.js +1 -1
  162. package/dist/collection/components/nv-paginationtable/nv-paginationtable.docs.js +1 -0
  163. package/dist/collection/components/nv-paginationtable/nv-paginationtable.js +1 -1
  164. package/dist/collection/components/nv-popover/nv-popover.docs.js +1 -0
  165. package/dist/collection/components/nv-popover/nv-popover.js +1 -1
  166. package/dist/collection/components/nv-row/nv-row.docs.js +2 -0
  167. package/dist/collection/components/nv-row/nv-row.js +2 -1
  168. package/dist/collection/components/nv-sidebar/nv-sidebar.docs.js +1 -0
  169. package/dist/collection/components/nv-sidebar/nv-sidebar.js +1 -1
  170. package/dist/collection/components/nv-sidebarcontent/nv-sidebarcontent.docs.js +14 -1
  171. package/dist/collection/components/nv-sidebarcontent/nv-sidebarcontent.js +1 -1
  172. package/dist/collection/components/nv-sidebardivider/nv-sidebardivider.docs.js +15 -1
  173. package/dist/collection/components/nv-sidebardivider/nv-sidebardivider.js +1 -1
  174. package/dist/collection/components/nv-sidebarfooter/nv-sidebarfooter.docs.js +9 -1
  175. package/dist/collection/components/nv-sidebarfooter/nv-sidebarfooter.js +1 -1
  176. package/dist/collection/components/nv-sidebargroup/nv-sidebargroup.docs.js +15 -1
  177. package/dist/collection/components/nv-sidebargroup/nv-sidebargroup.js +1 -1
  178. package/dist/collection/components/nv-sidebarheader/nv-sidebarheader.docs.js +9 -1
  179. package/dist/collection/components/nv-sidebarheader/nv-sidebarheader.js +1 -1
  180. package/dist/collection/components/nv-sidebarlogo/nv-sidebarlogo.docs.js +10 -1
  181. package/dist/collection/components/nv-sidebarlogo/nv-sidebarlogo.js +1 -1
  182. package/dist/collection/components/nv-sidebarnavitem/nv-sidebarnavitem.docs.js +16 -1
  183. package/dist/collection/components/nv-sidebarnavitem/nv-sidebarnavitem.js +8 -5
  184. package/dist/collection/components/nv-sidebarnavsubitem/nv-sidebarnavsubitem.docs.js +15 -1
  185. package/dist/collection/components/nv-sidebarnavsubitem/nv-sidebarnavsubitem.js +1 -1
  186. package/dist/collection/components/nv-split/nv-split.docs.js +1 -0
  187. package/dist/collection/components/nv-split/nv-split.js +1 -1
  188. package/dist/collection/components/nv-stack/nv-stack.docs.js +1 -0
  189. package/dist/collection/components/nv-stack/nv-stack.js +1 -1
  190. package/dist/collection/components/nv-table/nv-table.docs.js +1 -0
  191. package/dist/collection/components/nv-table/nv-table.js +1 -1
  192. package/dist/collection/components/nv-table/styles/nv-table.css +19 -2
  193. package/dist/collection/components/nv-tableheader/nv-tableheader.docs.js +1 -0
  194. package/dist/collection/components/nv-tableheader/nv-tableheader.js +1 -1
  195. package/dist/collection/components/nv-timetest/nv-timetest.css +15 -0
  196. package/dist/collection/components/nv-timetest/nv-timetest.docs.js +5 -0
  197. package/dist/collection/components/nv-timetest/nv-timetest.js +248 -0
  198. package/dist/collection/components/nv-toggle/nv-toggle.docs.js +1 -0
  199. package/dist/collection/components/nv-toggle/nv-toggle.js +2 -2
  200. package/dist/collection/components/nv-togglebutton/nv-togglebutton.docs.js +48 -1
  201. package/dist/collection/components/nv-togglebutton/nv-togglebutton.js +1 -1
  202. package/dist/collection/components/nv-togglebuttongroup/nv-togglebuttongroup.docs.js +1 -0
  203. package/dist/collection/components/nv-togglebuttongroup/nv-togglebuttongroup.js +1 -1
  204. package/dist/collection/components/nv-tooltip/nv-tooltip.docs.js +1 -0
  205. package/dist/collection/components/nv-tooltip/nv-tooltip.js +8 -3
  206. package/dist/collection/index.js +3 -0
  207. package/dist/collection/interfaces/dates.js +1 -0
  208. package/dist/collection/utils/nova-datetime.js +144 -0
  209. package/dist/collection/utils/test/nova-datetime.test.js +230 -0
  210. package/dist/components/index.js +1 -1
  211. package/dist/components/nv-accordion-item.js +1 -1
  212. package/dist/components/nv-accordion.js +1 -1
  213. package/dist/components/nv-alert.js +1 -1
  214. package/dist/components/nv-avatar.js +1 -1
  215. package/dist/components/nv-badge.js +1 -1
  216. package/dist/components/nv-breadcrumb.js +1 -1
  217. package/dist/components/nv-breadcrumbs.js +1 -1
  218. package/dist/components/nv-button.js +1 -1
  219. package/dist/components/nv-buttongroup.js +1 -1
  220. package/dist/components/nv-calendar.js +1 -1
  221. package/dist/components/nv-col.js +1 -1
  222. package/dist/components/nv-datagrid.js +1 -1
  223. package/dist/components/nv-datagridcolumn.js +1 -1
  224. package/dist/components/nv-datetest.d.ts +11 -0
  225. package/dist/components/nv-datetest.js +1 -0
  226. package/dist/components/nv-datetimetest.d.ts +11 -0
  227. package/dist/components/nv-datetimetest.js +1 -0
  228. package/dist/components/nv-dialog.js +1 -1
  229. package/dist/components/nv-dialogfooter.js +1 -1
  230. package/dist/components/nv-dialogheader.js +1 -1
  231. package/dist/components/nv-drawer.js +1 -1
  232. package/dist/components/nv-drawerfooter.js +1 -1
  233. package/dist/components/nv-drawerheader.js +1 -1
  234. package/dist/components/nv-fieldcheckbox.js +1 -1
  235. package/dist/components/nv-fielddate.js +1 -1
  236. package/dist/components/nv-fielddaterange.js +1 -1
  237. package/dist/components/nv-fielddropdown.js +1 -1
  238. package/dist/components/nv-fielddropdownitem.js +1 -1
  239. package/dist/components/nv-fielddropdownitemcheck.js +1 -1
  240. package/dist/components/nv-fieldmultiselect.js +1 -1
  241. package/dist/components/nv-fieldnumber.js +1 -1
  242. package/dist/components/nv-fieldpassword.js +1 -1
  243. package/dist/components/nv-fieldradio.js +1 -1
  244. package/dist/components/nv-fieldselect.js +1 -1
  245. package/dist/components/nv-fieldslider.js +1 -1
  246. package/dist/components/nv-fieldtext.js +1 -1
  247. package/dist/components/nv-fieldtextarea.js +1 -1
  248. package/dist/components/nv-fieldtime.js +1 -1
  249. package/dist/components/nv-icon.js +1 -1
  250. package/dist/components/nv-iconbutton.js +1 -1
  251. package/dist/components/nv-loader.js +1 -1
  252. package/dist/components/nv-menu.js +1 -1
  253. package/dist/components/nv-menuitem.js +1 -1
  254. package/dist/components/nv-notification-bullet.js +1 -1
  255. package/dist/components/nv-notification.js +1 -1
  256. package/dist/components/nv-notificationcontainer.js +1 -1
  257. package/dist/components/nv-pagination-nav.js +1 -1
  258. package/dist/components/nv-paginationtable.js +1 -1
  259. package/dist/components/nv-popover.js +1 -1
  260. package/dist/components/nv-row.js +1 -1
  261. package/dist/components/nv-sidebar.js +1 -1
  262. package/dist/components/nv-sidebarcontent.js +1 -1
  263. package/dist/components/nv-sidebardivider.js +1 -1
  264. package/dist/components/nv-sidebarfooter.js +1 -1
  265. package/dist/components/nv-sidebargroup.js +1 -1
  266. package/dist/components/nv-sidebarheader.js +1 -1
  267. package/dist/components/nv-sidebarlogo.js +1 -1
  268. package/dist/components/nv-sidebarnavitem.js +1 -1
  269. package/dist/components/nv-sidebarnavsubitem.js +1 -1
  270. package/dist/components/nv-split.js +1 -1
  271. package/dist/components/nv-stack.js +1 -1
  272. package/dist/components/nv-table.js +1 -1
  273. package/dist/components/nv-tableheader.js +1 -1
  274. package/dist/components/nv-timetest.d.ts +11 -0
  275. package/dist/components/nv-timetest.js +1 -0
  276. package/dist/components/nv-toggle.js +1 -1
  277. package/dist/components/nv-togglebutton.js +1 -1
  278. package/dist/components/nv-togglebuttongroup.js +1 -1
  279. package/dist/components/nv-tooltip.js +1 -1
  280. package/dist/components/{p-CAGzfU3O.js → p-Bl7rc9YV.js} +1 -1
  281. package/dist/components/{p-BBy1Mdgv.js → p-Bytxo1iR.js} +1 -1
  282. package/dist/components/p-C47vpaBp.js +1 -0
  283. package/dist/components/{p-BMpkyzCW.js → p-C99g_PrG.js} +1 -1
  284. package/dist/components/{p-BvxuoODv.js → p-CBlrNW6n.js} +1 -1
  285. package/dist/components/{p-DlOgBZa8.js → p-CD12QIMB.js} +2 -2
  286. package/dist/components/{p-Ho_7-x5W.js → p-CT782LKx.js} +1 -1
  287. package/dist/components/{p-D-MnI-R8.js → p-CUjRfVPl.js} +1 -1
  288. package/dist/components/{p-kMTGXpRx.js → p-CfOVizcp.js} +1 -1
  289. package/dist/components/{p-S18SgvAW.js → p-CgufQqes.js} +1 -1
  290. package/dist/components/p-ChVdX6FG.js +1 -0
  291. package/dist/components/{p-Ba1zVklG.js → p-Cnlbk416.js} +1 -1
  292. package/dist/components/p-Cr_-lRNo.js +1 -0
  293. package/dist/components/{p-BwYt1BAb.js → p-Cuq_uNwY.js} +1 -1
  294. package/dist/components/p-CyL2J6O4.js +74 -0
  295. package/dist/components/p-D1psKXwD.js +1 -0
  296. package/dist/components/{p-T-bBxAoT.js → p-D3JDACHw.js} +1 -1
  297. package/dist/components/p-DKgmDzJ1.js +1 -0
  298. package/dist/components/p-DdcXhR3I.js +1 -0
  299. package/dist/components/p-EV8CtE4q.js +1 -0
  300. package/dist/components/{p-DrgqO3gF.js → p-RYxAzR3m.js} +1 -1
  301. package/dist/components/{p-Db4JZxyy.js → p-_zOMJBOq.js} +1 -1
  302. package/dist/components/{p-6nAIGZFL.js → p-flcatmxD.js} +1 -1
  303. package/dist/components/p-p1ofW2Cs.js +1 -0
  304. package/dist/esm/{index-BCjiE1MF.js → index-DU3Vhh_k.js} +13 -1
  305. package/dist/esm/index.js +5 -0
  306. package/dist/esm/loader.js +3 -3
  307. package/dist/esm/native.js +3 -3
  308. package/dist/esm/nova-datetime-CyL2J6O4.js +10636 -0
  309. package/dist/esm/nv-accordion-item.entry.js +3 -3
  310. package/dist/esm/nv-accordion.entry.js +1 -1
  311. package/dist/esm/nv-alert.entry.js +2 -2
  312. package/dist/esm/nv-avatar.entry.js +1 -1
  313. package/dist/esm/nv-badge_2.entry.js +8 -7
  314. package/dist/esm/nv-breadcrumb.entry.js +1 -1
  315. package/dist/esm/nv-breadcrumbs.entry.js +1 -1
  316. package/dist/esm/nv-button.entry.js +1 -1
  317. package/dist/esm/nv-buttongroup.entry.js +1 -1
  318. package/dist/esm/nv-calendar.entry.js +1 -1
  319. package/dist/esm/nv-col.entry.js +2 -2
  320. package/dist/esm/nv-datagrid.entry.js +1 -1
  321. package/dist/esm/nv-datagridcolumn.entry.js +1 -1
  322. package/dist/esm/nv-datetest.entry.js +64 -0
  323. package/dist/esm/nv-datetimetest.entry.js +52 -0
  324. package/dist/esm/nv-dialog.entry.js +2 -2
  325. package/dist/esm/nv-dialogfooter_2.entry.js +7 -5
  326. package/dist/esm/nv-drawer.entry.js +2 -2
  327. package/dist/esm/nv-drawerfooter_2.entry.js +5 -3
  328. package/dist/esm/nv-fieldcheckbox.entry.js +5 -5
  329. package/dist/esm/nv-fielddate.entry.js +8 -8
  330. package/dist/esm/nv-fielddaterange.entry.js +8 -8
  331. package/dist/esm/nv-fielddropdown.entry.js +6 -6
  332. package/dist/esm/nv-fielddropdownitem.entry.js +2 -2
  333. package/dist/esm/nv-fieldmultiselect.entry.js +115 -86
  334. package/dist/esm/nv-fieldnumber.entry.js +6 -6
  335. package/dist/esm/nv-fieldpassword.entry.js +6 -6
  336. package/dist/esm/nv-fieldradio.entry.js +4 -4
  337. package/dist/esm/nv-fieldselect.entry.js +7 -7
  338. package/dist/esm/nv-fieldslider.entry.js +4 -4
  339. package/dist/esm/nv-fieldtext.entry.js +6 -6
  340. package/dist/esm/nv-fieldtextarea.entry.js +5 -5
  341. package/dist/esm/nv-fieldtime.entry.js +15 -12
  342. package/dist/esm/nv-icon.entry.js +3 -3
  343. package/dist/esm/nv-iconbutton_2.entry.js +3 -3
  344. package/dist/esm/nv-menu.entry.js +2 -2
  345. package/dist/esm/nv-menuitem.entry.js +2 -2
  346. package/dist/esm/nv-notification-bullet.entry.js +1 -1
  347. package/dist/esm/nv-notification.entry.js +2 -2
  348. package/dist/esm/nv-notificationcontainer.entry.js +2 -14
  349. package/dist/esm/nv-pagination-nav.entry.js +2 -2
  350. package/dist/esm/nv-paginationtable.entry.js +2 -2
  351. package/dist/esm/nv-popover.entry.js +2 -2
  352. package/dist/esm/nv-row.entry.js +2 -2
  353. package/dist/esm/nv-sidebar.entry.js +2 -2
  354. package/dist/esm/nv-sidebarcontent.entry.js +2 -2
  355. package/dist/esm/nv-sidebardivider.entry.js +2 -2
  356. package/dist/esm/nv-sidebarfooter.entry.js +2 -2
  357. package/dist/esm/nv-sidebargroup.entry.js +2 -2
  358. package/dist/esm/nv-sidebarheader.entry.js +2 -2
  359. package/dist/esm/nv-sidebarlogo.entry.js +2 -2
  360. package/dist/esm/nv-sidebarnavitem.entry.js +3 -3
  361. package/dist/esm/nv-sidebarnavsubitem.entry.js +2 -2
  362. package/dist/esm/nv-split.entry.js +2 -2
  363. package/dist/esm/nv-stack.entry.js +2 -2
  364. package/dist/esm/nv-table.entry.js +3 -3
  365. package/dist/esm/nv-tableheader.entry.js +2 -2
  366. package/dist/esm/nv-timetest.entry.js +70 -0
  367. package/dist/esm/nv-toggle.entry.js +3 -3
  368. package/dist/esm/nv-togglebutton.entry.js +2 -2
  369. package/dist/esm/nv-togglebuttongroup.entry.js +2 -2
  370. package/dist/esm/nv-tooltip.entry.js +9 -4
  371. package/dist/lib/generators/docs-blazor.js +11 -2
  372. package/dist/lib/utils/parseToCSharpTypes.js +114 -18
  373. package/dist/lib/utils/test/parseToCSharpTypes.test.js +95 -1
  374. package/dist/native/index.esm.js +1 -1
  375. package/dist/native/native.css +1 -1
  376. package/dist/native/native.esm.js +1 -1
  377. package/dist/native/p-04e40a1e.entry.js +1 -0
  378. package/dist/native/p-0770997b.entry.js +1 -0
  379. package/dist/native/p-07f3200b.entry.js +1 -0
  380. package/dist/native/{p-a6b3256b.entry.js → p-0a17050f.entry.js} +1 -1
  381. package/dist/native/{p-7d49e88d.entry.js → p-0d03b6ed.entry.js} +1 -1
  382. package/dist/native/p-0d3ab890.entry.js +1 -0
  383. package/dist/native/{p-b3964a1c.entry.js → p-0f59cb66.entry.js} +1 -1
  384. package/dist/native/{p-87758615.entry.js → p-0f9a284e.entry.js} +1 -1
  385. package/dist/native/{p-90b8b889.entry.js → p-12269ed5.entry.js} +1 -1
  386. package/dist/native/{p-fd5e27ae.entry.js → p-1450d746.entry.js} +1 -1
  387. package/dist/native/{p-f9612edf.entry.js → p-16600d93.entry.js} +1 -1
  388. package/dist/native/{p-1e0ca4df.entry.js → p-1bc76216.entry.js} +1 -1
  389. package/dist/native/p-1ea2a804.entry.js +1 -0
  390. package/dist/native/{p-24ce0c8d.entry.js → p-26c0c34b.entry.js} +1 -1
  391. package/dist/native/{p-9709c7d5.entry.js → p-27ecae3c.entry.js} +1 -1
  392. package/dist/native/{p-5a7e46ad.entry.js → p-2b1efb98.entry.js} +1 -1
  393. package/dist/native/{p-927b655d.entry.js → p-2d37df11.entry.js} +1 -1
  394. package/dist/native/{p-eb8ba7a2.entry.js → p-2d5189eb.entry.js} +1 -1
  395. package/dist/native/{p-157c5ac8.entry.js → p-2e40d5d9.entry.js} +1 -1
  396. package/dist/native/{p-0fe84123.entry.js → p-2e932ca4.entry.js} +1 -1
  397. package/dist/native/{p-5c003e50.entry.js → p-336d63c4.entry.js} +1 -1
  398. package/dist/native/p-3afa34d1.entry.js +1 -0
  399. package/dist/native/{p-24f69387.entry.js → p-3ddc967e.entry.js} +1 -1
  400. package/dist/native/p-48c1bab4.entry.js +1 -0
  401. package/dist/native/{p-6742f88f.entry.js → p-49c6d122.entry.js} +1 -1
  402. package/dist/native/{p-8a0dc37b.entry.js → p-4badca4e.entry.js} +1 -1
  403. package/dist/native/{p-bb43a3b4.entry.js → p-4bb9b387.entry.js} +1 -1
  404. package/dist/native/{p-39366f18.entry.js → p-568fbdac.entry.js} +1 -1
  405. package/dist/native/{p-8f76e030.entry.js → p-59ecaf60.entry.js} +1 -1
  406. package/dist/native/p-5cefca3c.entry.js +1 -0
  407. package/dist/native/{p-148c1d3e.entry.js → p-5f6e45ca.entry.js} +1 -1
  408. package/dist/native/{p-fb34fc7d.entry.js → p-6f1213fb.entry.js} +1 -1
  409. package/dist/native/{p-5ce3d30b.entry.js → p-6f91712c.entry.js} +1 -1
  410. package/dist/native/{p-1aea6fe0.entry.js → p-706eeea4.entry.js} +1 -1
  411. package/dist/native/{p-d6e2e120.entry.js → p-7126f67e.entry.js} +1 -1
  412. package/dist/native/{p-1f8cc03a.entry.js → p-748661f0.entry.js} +1 -1
  413. package/dist/native/{p-6f3c3e2a.entry.js → p-7b545176.entry.js} +1 -1
  414. package/dist/native/{p-ecce3e66.entry.js → p-7bb2536f.entry.js} +1 -1
  415. package/dist/native/{p-a16f8a14.entry.js → p-7fd6f0b0.entry.js} +1 -1
  416. package/dist/native/p-803759ef.entry.js +1 -0
  417. package/dist/native/{p-d12a2841.entry.js → p-8e05077a.entry.js} +1 -1
  418. package/dist/native/{p-25ef7329.entry.js → p-92539825.entry.js} +1 -1
  419. package/dist/native/p-943a4dfd.entry.js +1 -0
  420. package/dist/native/{p-7ec28d5d.entry.js → p-96078a63.entry.js} +1 -1
  421. package/dist/native/{p-56593bf0.entry.js → p-9a05395d.entry.js} +1 -1
  422. package/dist/native/{p-f9e4daf7.entry.js → p-9b8478a7.entry.js} +1 -1
  423. package/dist/native/p-CyL2J6O4.js +74 -0
  424. package/dist/native/{p-BCjiE1MF.js → p-DU3Vhh_k.js} +1 -1
  425. package/dist/native/{p-67e0680e.entry.js → p-a5e39524.entry.js} +1 -1
  426. package/dist/native/{p-31ba86b3.entry.js → p-b7436a14.entry.js} +1 -1
  427. package/dist/native/{p-9fda1976.entry.js → p-bff549dd.entry.js} +1 -1
  428. package/dist/native/p-c20e0b5f.entry.js +1 -0
  429. package/dist/native/p-ca4ab8a5.entry.js +1 -0
  430. package/dist/native/{p-591f3dcc.entry.js → p-d468c445.entry.js} +1 -1
  431. package/dist/native/p-d5060f92.entry.js +1 -0
  432. package/dist/native/{p-539c04ad.entry.js → p-d5e931c9.entry.js} +1 -1
  433. package/dist/native/p-dc647a64.entry.js +1 -0
  434. package/dist/native/p-df5c6b0c.entry.js +1 -0
  435. package/dist/native/p-e8569a99.entry.js +1 -0
  436. package/dist/native/p-eb737344.entry.js +1 -0
  437. package/dist/native/{p-ebff7ddb.entry.js → p-f078f10a.entry.js} +1 -1
  438. package/dist/native/p-f3756dfd.entry.js +1 -0
  439. package/dist/native/p-f3ded7e8.entry.js +1 -0
  440. package/dist/native/{p-3a35cf46.entry.js → p-f7fdca43.entry.js} +1 -1
  441. package/dist/types/components/nv-alert/nv-alert.d.ts +3 -1
  442. package/dist/types/components/nv-badge/nv-badge.d.ts +6 -3
  443. package/dist/types/components/nv-col/nv-col.d.ts +1 -0
  444. package/dist/types/components/nv-datetest/nv-datetest.d.ts +48 -0
  445. package/dist/types/components/nv-datetest/nv-datetest.docs.d.ts +4 -0
  446. package/dist/types/components/nv-datetimetest/nv-datetimetest.d.ts +44 -0
  447. package/dist/types/components/nv-datetimetest/nv-datetimetest.docs.d.ts +4 -0
  448. package/dist/types/components/nv-dialogfooter/nv-dialogfooter.d.ts +5 -2
  449. package/dist/types/components/nv-drawerfooter/nv-drawerfooter.d.ts +5 -2
  450. package/dist/types/components/nv-fieldmultiselect/nv-fieldmultiselect.d.ts +16 -11
  451. package/dist/types/components/nv-icon/nv-icon.d.ts +2 -1
  452. package/dist/types/components/nv-icon/nv-icons.d.ts +1 -1
  453. package/dist/types/components/nv-iconbutton/nv-iconbutton.d.ts +2 -1
  454. package/dist/types/components/nv-menuitem/nv-menuitem.d.ts +1 -0
  455. package/dist/types/components/nv-notification/nv-notification.d.ts +3 -1
  456. package/dist/types/components/nv-notificationcontainer/nv-notificationcontainer.d.ts +0 -6
  457. package/dist/types/components/nv-row/nv-row.d.ts +1 -0
  458. package/dist/types/components/nv-sidebarnavitem/nv-sidebarnavitem.d.ts +2 -1
  459. package/dist/types/components/nv-timetest/nv-timetest.d.ts +48 -0
  460. package/dist/types/components/nv-timetest/nv-timetest.docs.d.ts +4 -0
  461. package/dist/types/components.d.ts +349 -44
  462. package/dist/types/index.d.ts +2 -0
  463. package/dist/types/interfaces/dates.d.ts +8 -0
  464. package/dist/types/nova-docs.d.ts +8 -0
  465. package/dist/types/utils/nova-datetime.d.ts +79 -0
  466. package/dist/types/utils/test/nova-datetime.test.d.ts +1 -0
  467. package/dist/vscode-data.json +18259 -2581
  468. package/hydrate/index.js +11008 -219
  469. package/hydrate/index.mjs +11008 -219
  470. package/package.json +14 -1
  471. package/dist/components/p-CV12ukSl.js +0 -1
  472. package/dist/components/p-CZkFkVd8.js +0 -1
  473. package/dist/components/p-CcmfuwSa.js +0 -1
  474. package/dist/components/p-CqJqzGJS.js +0 -1
  475. package/dist/components/p-D0bGRzSN.js +0 -1
  476. package/dist/components/p-DC_2597n.js +0 -1
  477. package/dist/components/p-IzPWk8zx.js +0 -1
  478. package/dist/components/p-uAXqRBhx.js +0 -1
  479. package/dist/native/p-03cc1f2c.entry.js +0 -1
  480. package/dist/native/p-18bdc07a.entry.js +0 -1
  481. package/dist/native/p-1c97c353.entry.js +0 -1
  482. package/dist/native/p-23f0ca96.entry.js +0 -1
  483. package/dist/native/p-34e19b6e.entry.js +0 -1
  484. package/dist/native/p-46267895.entry.js +0 -1
  485. package/dist/native/p-597cac0f.entry.js +0 -1
  486. package/dist/native/p-5f42a7f1.entry.js +0 -1
  487. package/dist/native/p-7aac0b1a.entry.js +0 -1
  488. package/dist/native/p-855f7be1.entry.js +0 -1
  489. package/dist/native/p-99726dd4.entry.js +0 -1
  490. package/dist/native/p-c0b05d6f.entry.js +0 -1
  491. package/dist/native/p-c214e4af.entry.js +0 -1
  492. package/dist/native/p-c29dc907.entry.js +0 -1
  493. package/dist/native/p-d46bd21a.entry.js +0 -1
  494. package/dist/native/p-ddedc9c1.entry.js +0 -1
@@ -1 +1 @@
1
- import{h as e,r as i,a as r,d as t,e as a}from"./p-BCjiE1MF.js";import{c as n}from"./p-ChV9xqsO.js";import{v as s}from"./p-BdYh22OP.js";function o(e){if(Number.isInteger(e))return 0;const i=e.toString().split(".")[1];return i?i.length:0}function l(e,i,r){return Math.max(i,Math.min(r,e))}function d(e,i,r){return r===i?0:(e-i)/(r-i)*100}function c(e,i){const r=o(i);return r>0?e.toFixed(r):String(e)}const h=i=>{const{value:r,min:t,max:a,step:n,rawPosition:s,isDragging:o,snap:h,disabled:f,readonly:u,onKeyDown:v,labelBeforeValue:b,labelAfterValue:p}=i;let m=r;o&&!h&&(m=l(s,t,a));const k=d(m,t,a);return e("div",{class:"thumb",style:{left:`${k}%`},role:"slider","aria-valuemin":t,"aria-valuemax":a,"aria-valuenow":r,"aria-disabled":f?"true":void 0,"aria-readonly":u?"true":void 0,tabindex:f?-1:0,onKeyDown:v},e("div",{class:"thumb-tooltip"},b&&e("span",{class:"label-before"},b),c(r,n),p&&e("span",{class:"label-after"},p)))},f=i=>{const{rangeValue:r,rawRangePosition:t,activeDragThumb:a,isDragging:n,snap:s,min:o,max:h,step:f,disabled:u,readonly:v,onKeyDown:b,labelBeforeValue:p,labelAfterValue:m}=i,[k,g]=r;let y=k,x=g;if(n&&!s){const[e,i]=t;"left"===a?y=l(e,o,Math.min(g,h)):"right"===a&&(x=l(i,Math.max(k,o),h))}const w=d(y,o,h),V=d(x,o,h);return[e("div",{class:"track-range",style:{left:`${w}%`,width:V-w+"%"}}),e("div",{class:"thumb thumb-left",style:{left:`${w}%`},role:"slider","aria-valuemin":o,"aria-valuemax":h,"aria-valuenow":k,"aria-disabled":u?"true":void 0,"aria-readonly":v?"true":void 0,"data-thumb":"left",tabindex:u?-1:0,onKeyDown:b},e("div",{class:"thumb-tooltip"},p&&e("span",{class:"label-before"},p),c(k,f),m&&e("span",{class:"label-after"},m))),e("div",{class:"thumb thumb-right",style:{left:`${V}%`},role:"slider","aria-valuemin":o,"aria-valuemax":h,"aria-valuenow":g,"aria-disabled":u?"true":void 0,"aria-readonly":v?"true":void 0,"data-thumb":"right",tabindex:u?-1:0,onKeyDown:b},e("div",{class:"thumb-tooltip"},p&&e("span",{class:"label-before"},p),c(g,f),m&&e("span",{class:"label-after"},m)))]},u=i=>{const{ticks:r,min:t,max:a}=i;return 0===r.length?null:e("div",{class:"track-ticks"},r.map((i=>{const r=d(i.value,t,a);return e("div",{class:"track-tick",style:{left:`${r}%`}},i.label&&e("div",{class:"tick-label"},i.label))})))},v=i=>{const{range:r,hasField:t,value:a,rangeValue:s,index:o,inputId:l,min:d,max:c,step:h,disabled:f,readonly:u,onInput:v,labelBeforeValue:b,labelAfterValue:p,name:m,endName:k}=i,g=r?s[o]:a,y=r?{"data-index":o.toString()}:{};let x;return x=r?0===o?m||"":k||(m?`${m}-end`:""):m||"",t?e("div",{class:n(!t&&"hidden-input")},e("nv-fieldnumber",{id:l,value:g,min:d,max:c,step:h,disabled:f,readonly:u,name:x,...y,onInput:e=>e.stopPropagation(),onValueChanged:e=>{e.stopPropagation();const i=e.detail;"number"==typeof i&&Number.isNaN(i)||v({value:i,index:o})}},b&&e("span",{class:"label-before",slot:"leading-input"},b),p&&e("span",{class:"label-after",slot:"trailing-input"},p))):e("input",{id:l,type:"hidden",value:g,disabled:f,readonly:u,name:x})},b=class{constructor(e){i(this,e),this.valueChanged=r(this,"valueChanged",3),this.startInputId=s(),this.endInputId=s(),this.hideLabel=!1,this.hasField=!1,this.range=!1,this.disabled=!1,this.readonly=!1,this.error=!1,this.success=!1,this.value=[0],this.step=1,this.snap=!1,this.snapTicks=!1,this.min=0,this.max=100,this.showTicks=!1,this.fluid=!1,this.isDragging=!1,this.activeDragThumb="single",this.internalTicks=[],this.rawPosition=0,this.rawRangePosition=[0,0],this.valueInternal=0,this.rangeValueInternal=[0,0],this.parseValue=()=>{"string"!=typeof this.value?this.range&&2!==this.value.length?console.error("Range sliders require an array of two values to be passed in the value prop."):this.range||1===this.value.length?(this.valueInternal=this.value[0],this.rangeValueInternal=[this.value[0],this.value[1]]):console.error("Single sliders require a single value as an array to be passed in the value prop."):console.error("Sliders require a number or array of numbers to be passed in the value prop.")},this.onTrackInteraction=e=>{if(this.disabled||this.readonly)return;const i=e.currentTarget.getBoundingClientRect(),r=l((e.clientX-i.left)/i.width*100,0,100),t=this.min+r/100*(this.max-this.min);if(this.rawPosition=t,this.range){const e=d(this.rangeValueInternal[0],this.min,this.max),i=d(this.rangeValueInternal[1],this.min,this.max);Math.abs(r-e)<=Math.abs(r-i)?(this.activeDragThumb="left",this.rawRangePosition=[t,this.rawRangePosition[1]],this.handleValueChange([t,this.rangeValueInternal[1]])):(this.activeDragThumb="right",this.rawRangePosition=[this.rawRangePosition[0],t],this.handleValueChange([this.rangeValueInternal[0],t]))}else this.activeDragThumb="single",this.rawPosition=t,this.handleValueChange(t);this.isDragging=!0,this.registerGlobalEvents()},this.onPointerMove=e=>{if(!this.isDragging||this.disabled||this.readonly)return;const i=this.el.querySelector(".track");if(!i)return;const r=i.getBoundingClientRect(),t=l((e.clientX-r.left)/r.width*100,0,100),a=this.min+t/100*(this.max-this.min);this.range?"left"===this.activeDragThumb?(this.rawRangePosition=[a,this.rawRangePosition[1]],this.handleValueChange([a,this.rangeValueInternal[1]])):(this.rawRangePosition=[this.rawRangePosition[0],a],this.handleValueChange([this.rangeValueInternal[0],a])):(this.rawPosition=a,this.handleValueChange(a))},this.onPointerUp=()=>{this.isDragging=!1,this.removeGlobalEvents()},this.onKeyDown=e=>{if(this.disabled||this.readonly)return;let i;const r=this.step*(e.shiftKey?10:1);if(this.range){const t="left"===e.target.getAttribute("data-thumb")?0:1,a=[...this.rangeValueInternal];switch(e.key){case"ArrowRight":case"ArrowUp":a[t]+=r;break;case"ArrowLeft":case"ArrowDown":a[t]-=r;break;case"Home":a[t]=this.min;break;case"End":a[t]=this.max;break;case"PageUp":a[t]+=10*r;break;case"PageDown":a[t]-=10*r;break;default:return}i=a}else switch(e.key){case"ArrowRight":case"ArrowUp":i=this.valueInternal+r;break;case"ArrowLeft":case"ArrowDown":i=this.valueInternal-r;break;case"Home":i=this.min;break;case"End":i=this.max;break;case"PageUp":i=this.valueInternal+10*r;break;case"PageDown":i=this.valueInternal-10*r;break;default:return}e.preventDefault(),this.handleValueChange(i)},this.handleFieldChange=e=>{const i=e.value;if(!isNaN(i))if(this.range){const r=[...this.rangeValueInternal];r[0===e.index?0:1]=i,this.handleValueChange(r)}else this.handleValueChange(i)}}validateValue(e){const i=l(e,this.min,this.max);return this.snapTicks&&this.internalTicks&&this.internalTicks.length>0?function(e,i){if(!i||0===i.length)return e;let r=i[0].value,t=Math.abs(e-r);for(const a of i){const i=Math.abs(e-a.value);i<t&&(t=i,r=a.value)}return r}(i,this.internalTicks):function(e,i,r,t){const a=l(e,i,r),n=o(t);if(n>0){const e=Math.pow(10,n),s=Math.round((a-i)*e),o=Math.round(t*e),d=Math.round(s/o);return l(parseFloat((i+d*o/e).toFixed(n)),i,r)}return l(i+Math.round((a-i)/t)*t,i,r)}(i,this.min,this.max,this.step)}handleValueChange(e){if(!this.disabled&&!this.readonly)if(this.range){if(Array.isArray(e)&&2===e.length){const i=[Math.min(e[0],e[1]),Math.max(e[0],e[1])],r=[this.validateValue(i[0]),this.validateValue(i[1])];r[0]===this.rangeValueInternal[0]&&r[1]===this.rangeValueInternal[1]||(this.rangeValueInternal=r,this.value=this.rangeValueInternal,this.valueChanged.emit(this.rangeValueInternal))}}else if("number"==typeof e){const i=this.validateValue(e);i!==this.valueInternal&&(this.valueInternal=i,this.value=[this.valueInternal],this.valueChanged.emit([this.valueInternal]))}}generateDisplayTicks(){if(this.ticks&&this.ticks.length>0)return void(this.internalTicks=[...this.ticks].sort(((e,i)=>e.value-i.value)));if(!this.showTicks)return void(this.internalTicks=[]);const e=function(e,i,r){const t=[];for(let a=e;a<=i;a+=r)t.push(Number(a.toFixed(10)));return t[t.length-1]!==i&&t.push(i),t}(this.min,this.max,this.step);this.internalTicks=e.map((e=>({value:e})))}registerGlobalEvents(){document.addEventListener("pointermove",this.onPointerMove),document.addEventListener("pointerup",this.onPointerUp),document.addEventListener("pointercancel",this.onPointerUp)}removeGlobalEvents(){document.removeEventListener("pointermove",this.onPointerMove),document.removeEventListener("pointerup",this.onPointerUp),document.removeEventListener("pointercancel",this.onPointerUp)}onValueChange(){this.parseValue()}onConfigChange(){this.generateDisplayTicks(),this.handleValueChange(this.range?this.rangeValueInternal:this.valueInternal)}onRangeChange(e){e?this.rangeValueInternal=[this.min,this.valueInternal]:this.valueInternal=this.rangeValueInternal[1]}connectedCallback(){this.parseValue(),this.generateDisplayTicks(),this.range?(Array.isArray(this.rangeValueInternal)&&2===this.rangeValueInternal.length||(this.rangeValueInternal=[this.min,this.max]),this.handleValueChange(this.rangeValueInternal),this.rawRangePosition=[this.rangeValueInternal[0],this.rangeValueInternal[1]]):(this.handleValueChange(this.valueInternal),this.rawPosition=this.valueInternal)}componentWillLoad(){1===this.value.length&&this.range?this.value=[this.value[0],this.value[0]]:2!==this.value.length||this.range||(this.value=[this.value[0]])}disconnectedCallback(){this.removeGlobalEvents()}render(){return e(t,{key:"34ffffbcfefbeac4050ced2db000a32f67222376"},(this.label||this.el.querySelector('[slot="label"]'))&&e("label",{key:"b07225ad89ae0f85d3cd2b1ee203b30e6abd7e57",htmlFor:this.startInputId},e("slot",{key:"b1f39009872c4a38dae38286a036bb69f8ba6f62",name:"label"},this.label)),e("div",{key:"0013570dd6edbcb7c0f4a6ea32a550b6d9432271",class:"slider-container"},this.range?e(v,{range:this.range,hasField:this.hasField,value:this.valueInternal,rangeValue:this.rangeValueInternal,index:0,inputId:this.startInputId,min:this.min,max:this.max,step:this.step,disabled:this.disabled,readonly:this.readonly,onInput:this.handleFieldChange,labelBeforeValue:this.labelBeforeValue,labelAfterValue:this.labelAfterValue,name:this.name,endName:this.endName}):null,e("div",{key:"ca639497db1b588fcf0d4fad5f548a53ff1ee353",class:"track-container"},e("div",{key:"6a8d1eb4bddff4d5ca9760729cfa1ce27b887a65",class:"track",onPointerDown:this.onTrackInteraction},this.range?e(f,{rangeValue:this.rangeValueInternal,rawRangePosition:this.rawRangePosition,activeDragThumb:this.activeDragThumb,isDragging:this.isDragging,snap:this.snap,min:this.min,max:this.max,step:this.step,disabled:this.disabled,readonly:this.readonly,onKeyDown:this.onKeyDown,labelBeforeValue:this.labelBeforeValue,labelAfterValue:this.labelAfterValue}):e(h,{value:this.valueInternal,min:this.min,max:this.max,step:this.step,rawPosition:this.rawPosition,isDragging:this.isDragging,snap:this.snap,disabled:this.disabled,readonly:this.readonly,onKeyDown:this.onKeyDown,labelBeforeValue:this.labelBeforeValue,labelAfterValue:this.labelAfterValue})),e(u,{key:"134bf7de84a7572b1f033e4e17e0e435e841eb42",ticks:this.internalTicks,min:this.min,max:this.max})),e(v,this.range?{range:this.range,hasField:this.hasField,value:this.valueInternal,rangeValue:this.rangeValueInternal,index:1,inputId:this.endInputId,min:this.min,max:this.max,step:this.step,disabled:this.disabled,readonly:this.readonly,onInput:this.handleFieldChange,labelBeforeValue:this.labelBeforeValue,labelAfterValue:this.labelAfterValue,name:this.name,endName:this.endName}:{range:this.range,hasField:this.hasField,value:this.valueInternal,rangeValue:this.rangeValueInternal,inputId:this.startInputId,min:this.min,max:this.max,step:this.step,disabled:this.disabled,readonly:this.readonly,onInput:this.handleFieldChange,labelBeforeValue:this.labelBeforeValue,labelAfterValue:this.labelAfterValue,name:this.name})),(this.success||this.description||this.el.querySelector('[slot="description"]'))&&e("div",{key:"b0188dce4fe8718a90715049d2af71fff7e9c512",class:"description"},this.success&&e("nv-icon",{key:"cd2fd95080cd96ed516f9caa3b078ad481ee9912",name:"circle-check",class:"validation",size:"md"}),e("slot",{key:"d5dbc5f8bb6b66cef814a58e00aa07e7b9e07a23",name:"description"},this.description)),(this.error||this.errorDescription||this.el.querySelector('[slot="error-description"]'))&&e("div",{key:"67a78749af19d44d553581ff0042e40c067dd44c",class:"error-description",hidden:!this.error},this.error&&e("nv-icon",{key:"4aac6d31b273cee32d235b7c53fd4cac6af4c253",name:"alert-circle",class:"validation",size:"md"}),e("slot",{key:"9faa92d59e9fde524d1fb41e30b30178d9c12c4b",name:"error-description"},this.errorDescription)))}static get formAssociated(){return!0}get el(){return a(this)}static get watchers(){return{value:[{onValueChange:0}],min:[{onConfigChange:0}],max:[{onConfigChange:0}],step:[{onConfigChange:0}],ticks:[{onConfigChange:0}],showTicks:[{onConfigChange:0}],snap:[{onConfigChange:0}],snapTicks:[{onConfigChange:0}],range:[{onRangeChange:0}]}}};b.style='nv-fieldslider .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .track-range{background:var(--components-slider-track-filled-focus)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .thumb{border-color:var(--components-slider-track-filled-focus)}nv-fieldslider[error] .slider-container .track-container .track .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:hover{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-handler-background-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:focus{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldslider{--nv-field-border-default:var(--components-form-field-border-default);--nv-field-border-hover:var(--components-form-field-border-hover);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--components-form-field-border-default);--nv-field-border-readonly:var(--components-form-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-brand);--nv-field-background:var(--components-form-field-background-default);display:flex;flex-direction:column;align-items:flex-start;gap:var(--form-gap-y);box-sizing:border-box;max-width:480px}nv-fieldslider .slider-container{width:100%;display:flex;flex-direction:row;align-items:center;gap:var(--form-gap-x)}nv-fieldslider .slider-container .track-container{position:relative;flex:1;height:calc(var(--slider-handler-size-min) + 0.25rem);padding:calc(var(--slider-handler-size-min) / 2) 0}nv-fieldslider .slider-container .track-container .track{position:relative;height:var(--slider-track-height);background:var(--components-slider-track-background);border-radius:var(--slider-track-radius);cursor:pointer;touch-action:none;user-select:none}nv-fieldslider .slider-container .track-container .track::after{content:"";position:absolute;top:calc(-13px + var(--slider-track-height) / 2);left:0;width:100%;height:26px;background:rgba(255, 255, 255, 0)}nv-fieldslider .slider-container .track-container .track .track-range{position:absolute;top:0;height:var(--slider-track-height);background:var(--components-slider-track-filled-default);border-radius:var(--slider-track-radius);pointer-events:none}nv-fieldslider .slider-container .track-container .track .thumb{position:absolute;top:50%;width:var(--slider-handler-size-min);height:var(--slider-handler-size-min);background:#ffffff;border:var(--slider-handler-stroke) solid var(--components-slider-track-filled-default);border-radius:50%;transform:translate(-50%, -50%);z-index:1;cursor:grab;touch-action:none;user-select:none;transition:width 0.2s, height 0.2s, box-shadow 0.2s, background-color 0.2s}nv-fieldslider .slider-container .track-container .track .thumb:after{content:"";position:absolute;top:-7px;left:-7px;width:calc(100% + 14px);height:calc(100% + 14px);background:rgba(255, 255, 255, 0)}nv-fieldslider .slider-container .track-container .track .thumb:hover{width:var(--slider-handler-size-max);height:var(--slider-handler-size-max);border-color:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container .track .thumb:focus{width:var(--slider-handler-size-min);height:var(--slider-handler-size-min);border-color:var(--components-slider-track-filled-focus);outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1);transition:outline;background:var(--components-slider-handler-background-focus)}nv-fieldslider .slider-container .track-container .track .thumb:active{cursor:grabbing;background:var(--components-slider-handler-background-hover)}nv-fieldslider .slider-container .track-container .track .thumb .thumb-tooltip{position:absolute;top:25px;left:50%;background-color:var(--components-tooltip-background);color:var(--components-tooltip-text);padding:5px;border-radius:var(--tooltip-radius);font-size:var(--tooltip-font-size);z-index:10;pointer-events:none;user-select:none;opacity:0;transition:opacity 0.3s ease-in-out;transform:translateX(-50%);backface-visibility:hidden;-webkit-font-smoothing:antialiased;transform-style:preserve-3d}nv-fieldslider .slider-container .track-container .track .thumb .thumb-tooltip:after{content:"";background:var(--components-tooltip-background);box-shadow:none;border:none;position:absolute;border-bottom-color:transparent;border-right-color:transparent;width:6px;height:6px;transform:rotate(45deg);border-radius:1px;top:-3px;left:50%;margin-left:-3px;backface-visibility:hidden;will-change:transform, opacity}nv-fieldslider .slider-container .track-container .track .thumb:hover .thumb-tooltip,nv-fieldslider .slider-container .track-container .track .thumb:active .thumb-tooltip,nv-fieldslider .slider-container .track-container .track .thumb:focus .thumb-tooltip{opacity:1}nv-fieldslider .slider-container .track-container .track-ticks{position:relative;height:1rem;margin-top:0.25rem}nv-fieldslider .slider-container .track-container .track-ticks .track-tick{position:absolute;top:0;width:var(--slider-tick-height);height:var(--slider-tick-height);background:var(--components-form-field-border-default);border-radius:50%;transform:translate(-50%, 0);pointer-events:none}nv-fieldslider .slider-container .track-container .track-ticks .track-tick:first-of-type{transform:translate(0, 0)}nv-fieldslider .slider-container .track-container .track-ticks .track-tick:last-of-type{transform:translate(-100%, 0)}nv-fieldslider .slider-container .track-container .track-ticks .track-tick .tick-label{position:absolute;top:calc(var(--slider-tick-height) + 0.25rem);left:50%;color:var(--components-form-field-border-default);transform:translateX(-50%);white-space:nowrap}.track-tick-first nv-fieldslider .slider-container .track-container .track-ticks .track-tick .tick-label{left:0;transform:translateX(0)}.track-tick-last nv-fieldslider .slider-container .track-container .track-ticks .track-tick .tick-label{left:100%;transform:translateX(-100%)}nv-fieldslider .slider-container .input-container{display:flex;flex-grow:1;justify-content:center;align-items:center;align-self:stretch;border-radius:var(--form-field-radius);border-width:1px;border-style:solid;border-color:var(--nv-field-border-default);opacity:var(--components-form-opacity-default, 1);background:var(--nv-field-background);transition:all 150ms ease-out}nv-fieldslider .slider-container .input-container:hover{border-color:var(--nv-field-border-hover)}nv-fieldslider .slider-container .input-container:focus-within,nv-fieldslider .slider-container .input-container:focus-within:hover,nv-fieldslider .slider-container .input-container:focus,nv-fieldslider .slider-container .input-container:focus:hover{border-color:var(--nv-field-border-focus);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fieldslider .slider-container .input-container:has(input:read-only){background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fieldslider .slider-container .input-container:has(input:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fieldslider .slider-container .input-container{width:90px;flex-grow:unset}nv-fieldslider .slider-container .input-container input{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);padding:calc(var(--form-field-padding-y) - 1px) var(--form-field-padding-x);font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-field-line-height);width:100%}nv-fieldslider .slider-container .input-container input:focus{outline:none}nv-fieldslider .slider-container .input-container input::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--form-field-line-height)}nv-fieldslider .slider-container .input-container input{}nv-fieldslider .slider-container .input-container input[type=password]::-ms-clear,nv-fieldslider .slider-container .input-container input[type=password]::-ms-reveal{display:none;width:0;height:0}nv-fieldslider .slider-container .input-container .label-before{margin-left:var(--spacing-2);color:var(--components-form-field-icon-default)}nv-fieldslider .slider-container .input-container .label-after{margin-right:var(--spacing-2);color:var(--components-form-field-icon-default)}nv-fieldslider[fluid]:not([fluid=false]){max-width:unset}nv-fieldslider[error]:not([error=false]){--nv-field-border-default:var(--components-form-field-border-error);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-destructive-in-field)}nv-fieldslider[success]:not([success=false]){--nv-field-border-default:var(--components-form-field-border-success);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-success)}nv-fieldslider[readonly]:not([readonly=false]){--nv-field-border-default:var(--components-form-field-border-readonly);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-background:var(--components-form-field-background-readonly)}nv-fieldslider[readonly]:not([readonly=false]) .track,nv-fieldslider[readonly]:not([readonly=false]) .thumb{cursor:default}nv-fieldslider label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-label-line-height)}nv-fieldslider nv-icon.validation{color:var(--nv-field-border-default)}nv-fieldslider[hide-label]:not([hide-label=false]) label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}nv-fieldslider[has-field]:not([has-field=false]) .thumb-tooltip{display:none}nv-fieldslider>.description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fieldslider>.error-description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}nv-fieldslider>.error-description[hidden]{display:none}';export{b as nv_fieldslider}
1
+ import{h as e,r as i,a as r,d as t,e as a}from"./p-DU3Vhh_k.js";import{c as n}from"./p-ChV9xqsO.js";import{v as s}from"./p-BdYh22OP.js";function o(e){if(Number.isInteger(e))return 0;const i=e.toString().split(".")[1];return i?i.length:0}function l(e,i,r){return Math.max(i,Math.min(r,e))}function d(e,i,r){return r===i?0:(e-i)/(r-i)*100}function c(e,i){const r=o(i);return r>0?e.toFixed(r):String(e)}const h=i=>{const{value:r,min:t,max:a,step:n,rawPosition:s,isDragging:o,snap:h,disabled:f,readonly:u,onKeyDown:v,labelBeforeValue:b,labelAfterValue:p}=i;let m=r;o&&!h&&(m=l(s,t,a));const k=d(m,t,a);return e("div",{class:"thumb",style:{left:`${k}%`},role:"slider","aria-valuemin":t,"aria-valuemax":a,"aria-valuenow":r,"aria-disabled":f?"true":void 0,"aria-readonly":u?"true":void 0,tabindex:f?-1:0,onKeyDown:v},e("div",{class:"thumb-tooltip"},b&&e("span",{class:"label-before"},b),c(r,n),p&&e("span",{class:"label-after"},p)))},f=i=>{const{rangeValue:r,rawRangePosition:t,activeDragThumb:a,isDragging:n,snap:s,min:o,max:h,step:f,disabled:u,readonly:v,onKeyDown:b,labelBeforeValue:p,labelAfterValue:m}=i,[k,g]=r;let y=k,x=g;if(n&&!s){const[e,i]=t;"left"===a?y=l(e,o,Math.min(g,h)):"right"===a&&(x=l(i,Math.max(k,o),h))}const w=d(y,o,h),V=d(x,o,h);return[e("div",{class:"track-range",style:{left:`${w}%`,width:V-w+"%"}}),e("div",{class:"thumb thumb-left",style:{left:`${w}%`},role:"slider","aria-valuemin":o,"aria-valuemax":h,"aria-valuenow":k,"aria-disabled":u?"true":void 0,"aria-readonly":v?"true":void 0,"data-thumb":"left",tabindex:u?-1:0,onKeyDown:b},e("div",{class:"thumb-tooltip"},p&&e("span",{class:"label-before"},p),c(k,f),m&&e("span",{class:"label-after"},m))),e("div",{class:"thumb thumb-right",style:{left:`${V}%`},role:"slider","aria-valuemin":o,"aria-valuemax":h,"aria-valuenow":g,"aria-disabled":u?"true":void 0,"aria-readonly":v?"true":void 0,"data-thumb":"right",tabindex:u?-1:0,onKeyDown:b},e("div",{class:"thumb-tooltip"},p&&e("span",{class:"label-before"},p),c(g,f),m&&e("span",{class:"label-after"},m)))]},u=i=>{const{ticks:r,min:t,max:a}=i;return 0===r.length?null:e("div",{class:"track-ticks"},r.map((i=>{const r=d(i.value,t,a);return e("div",{class:"track-tick",style:{left:`${r}%`}},i.label&&e("div",{class:"tick-label"},i.label))})))},v=i=>{const{range:r,hasField:t,value:a,rangeValue:s,index:o,inputId:l,min:d,max:c,step:h,disabled:f,readonly:u,onInput:v,labelBeforeValue:b,labelAfterValue:p,name:m,endName:k}=i,g=r?s[o]:a,y=r?{"data-index":o.toString()}:{};let x;return x=r?0===o?m||"":k||(m?`${m}-end`:""):m||"",t?e("div",{class:n(!t&&"hidden-input")},e("nv-fieldnumber",{id:l,value:g,min:d,max:c,step:h,disabled:f,readonly:u,name:x,...y,onInput:e=>e.stopPropagation(),onValueChanged:e=>{e.stopPropagation();const i=e.detail;"number"==typeof i&&Number.isNaN(i)||v({value:i,index:o})}},b&&e("span",{class:"label-before",slot:"leading-input"},b),p&&e("span",{class:"label-after",slot:"trailing-input"},p))):e("input",{id:l,type:"hidden",value:g,disabled:f,readonly:u,name:x})},b=class{constructor(e){i(this,e),this.valueChanged=r(this,"valueChanged",3),this.startInputId=s(),this.endInputId=s(),this.hideLabel=!1,this.hasField=!1,this.range=!1,this.disabled=!1,this.readonly=!1,this.error=!1,this.success=!1,this.value=[0],this.step=1,this.snap=!1,this.snapTicks=!1,this.min=0,this.max=100,this.showTicks=!1,this.fluid=!1,this.isDragging=!1,this.activeDragThumb="single",this.internalTicks=[],this.rawPosition=0,this.rawRangePosition=[0,0],this.valueInternal=0,this.rangeValueInternal=[0,0],this.parseValue=()=>{"string"!=typeof this.value?this.range&&2!==this.value.length?console.error("Range sliders require an array of two values to be passed in the value prop."):this.range||1===this.value.length?(this.valueInternal=this.value[0],this.rangeValueInternal=[this.value[0],this.value[1]]):console.error("Single sliders require a single value as an array to be passed in the value prop."):console.error("Sliders require a number or array of numbers to be passed in the value prop.")},this.onTrackInteraction=e=>{if(this.disabled||this.readonly)return;const i=e.currentTarget.getBoundingClientRect(),r=l((e.clientX-i.left)/i.width*100,0,100),t=this.min+r/100*(this.max-this.min);if(this.rawPosition=t,this.range){const e=d(this.rangeValueInternal[0],this.min,this.max),i=d(this.rangeValueInternal[1],this.min,this.max);Math.abs(r-e)<=Math.abs(r-i)?(this.activeDragThumb="left",this.rawRangePosition=[t,this.rawRangePosition[1]],this.handleValueChange([t,this.rangeValueInternal[1]])):(this.activeDragThumb="right",this.rawRangePosition=[this.rawRangePosition[0],t],this.handleValueChange([this.rangeValueInternal[0],t]))}else this.activeDragThumb="single",this.rawPosition=t,this.handleValueChange(t);this.isDragging=!0,this.registerGlobalEvents()},this.onPointerMove=e=>{if(!this.isDragging||this.disabled||this.readonly)return;const i=this.el.querySelector(".track");if(!i)return;const r=i.getBoundingClientRect(),t=l((e.clientX-r.left)/r.width*100,0,100),a=this.min+t/100*(this.max-this.min);this.range?"left"===this.activeDragThumb?(this.rawRangePosition=[a,this.rawRangePosition[1]],this.handleValueChange([a,this.rangeValueInternal[1]])):(this.rawRangePosition=[this.rawRangePosition[0],a],this.handleValueChange([this.rangeValueInternal[0],a])):(this.rawPosition=a,this.handleValueChange(a))},this.onPointerUp=()=>{this.isDragging=!1,this.removeGlobalEvents()},this.onKeyDown=e=>{if(this.disabled||this.readonly)return;let i;const r=this.step*(e.shiftKey?10:1);if(this.range){const t="left"===e.target.getAttribute("data-thumb")?0:1,a=[...this.rangeValueInternal];switch(e.key){case"ArrowRight":case"ArrowUp":a[t]+=r;break;case"ArrowLeft":case"ArrowDown":a[t]-=r;break;case"Home":a[t]=this.min;break;case"End":a[t]=this.max;break;case"PageUp":a[t]+=10*r;break;case"PageDown":a[t]-=10*r;break;default:return}i=a}else switch(e.key){case"ArrowRight":case"ArrowUp":i=this.valueInternal+r;break;case"ArrowLeft":case"ArrowDown":i=this.valueInternal-r;break;case"Home":i=this.min;break;case"End":i=this.max;break;case"PageUp":i=this.valueInternal+10*r;break;case"PageDown":i=this.valueInternal-10*r;break;default:return}e.preventDefault(),this.handleValueChange(i)},this.handleFieldChange=e=>{const i=e.value;if(!isNaN(i))if(this.range){const r=[...this.rangeValueInternal];r[0===e.index?0:1]=i,this.handleValueChange(r)}else this.handleValueChange(i)}}validateValue(e){const i=l(e,this.min,this.max);return this.snapTicks&&this.internalTicks&&this.internalTicks.length>0?function(e,i){if(!i||0===i.length)return e;let r=i[0].value,t=Math.abs(e-r);for(const a of i){const i=Math.abs(e-a.value);i<t&&(t=i,r=a.value)}return r}(i,this.internalTicks):function(e,i,r,t){const a=l(e,i,r),n=o(t);if(n>0){const e=Math.pow(10,n),s=Math.round((a-i)*e),o=Math.round(t*e),d=Math.round(s/o);return l(parseFloat((i+d*o/e).toFixed(n)),i,r)}return l(i+Math.round((a-i)/t)*t,i,r)}(i,this.min,this.max,this.step)}handleValueChange(e){if(!this.disabled&&!this.readonly)if(this.range){if(Array.isArray(e)&&2===e.length){const i=[Math.min(e[0],e[1]),Math.max(e[0],e[1])],r=[this.validateValue(i[0]),this.validateValue(i[1])];r[0]===this.rangeValueInternal[0]&&r[1]===this.rangeValueInternal[1]||(this.rangeValueInternal=r,this.value=this.rangeValueInternal,this.valueChanged.emit(this.rangeValueInternal))}}else if("number"==typeof e){const i=this.validateValue(e);i!==this.valueInternal&&(this.valueInternal=i,this.value=[this.valueInternal],this.valueChanged.emit([this.valueInternal]))}}generateDisplayTicks(){if(this.ticks&&this.ticks.length>0)return void(this.internalTicks=[...this.ticks].sort(((e,i)=>e.value-i.value)));if(!this.showTicks)return void(this.internalTicks=[]);const e=function(e,i,r){const t=[];for(let a=e;a<=i;a+=r)t.push(Number(a.toFixed(10)));return t[t.length-1]!==i&&t.push(i),t}(this.min,this.max,this.step);this.internalTicks=e.map((e=>({value:e})))}registerGlobalEvents(){document.addEventListener("pointermove",this.onPointerMove),document.addEventListener("pointerup",this.onPointerUp),document.addEventListener("pointercancel",this.onPointerUp)}removeGlobalEvents(){document.removeEventListener("pointermove",this.onPointerMove),document.removeEventListener("pointerup",this.onPointerUp),document.removeEventListener("pointercancel",this.onPointerUp)}onValueChange(){this.parseValue()}onConfigChange(){this.generateDisplayTicks(),this.handleValueChange(this.range?this.rangeValueInternal:this.valueInternal)}onRangeChange(e){e?this.rangeValueInternal=[this.min,this.valueInternal]:this.valueInternal=this.rangeValueInternal[1]}connectedCallback(){this.parseValue(),this.generateDisplayTicks(),this.range?(Array.isArray(this.rangeValueInternal)&&2===this.rangeValueInternal.length||(this.rangeValueInternal=[this.min,this.max]),this.handleValueChange(this.rangeValueInternal),this.rawRangePosition=[this.rangeValueInternal[0],this.rangeValueInternal[1]]):(this.handleValueChange(this.valueInternal),this.rawPosition=this.valueInternal)}componentWillLoad(){1===this.value.length&&this.range?this.value=[this.value[0],this.value[0]]:2!==this.value.length||this.range||(this.value=[this.value[0]])}disconnectedCallback(){this.removeGlobalEvents()}render(){return e(t,{key:"99dc83ee04a8531714fc706204a8f0f7d041335d"},(this.label||this.el.querySelector('[slot="label"]'))&&e("label",{key:"4f2438a448fdf2b488bcd277bf40ff6645c6c526",htmlFor:this.startInputId},e("slot",{key:"d6a272526f313de63d39301a7e7b6fd0dd45bc98",name:"label"},this.label)),e("div",{key:"f95047b008d87f60eee6cac74447ae96bdb8a2e7",class:"slider-container"},this.range?e(v,{range:this.range,hasField:this.hasField,value:this.valueInternal,rangeValue:this.rangeValueInternal,index:0,inputId:this.startInputId,min:this.min,max:this.max,step:this.step,disabled:this.disabled,readonly:this.readonly,onInput:this.handleFieldChange,labelBeforeValue:this.labelBeforeValue,labelAfterValue:this.labelAfterValue,name:this.name,endName:this.endName}):null,e("div",{key:"087808de2ce793d7c2317cfecd1cd0382c4f58c7",class:"track-container"},e("div",{key:"ca08ad86d4b66e93fd4f1482c7a6ebbeafbff700",class:"track",onPointerDown:this.onTrackInteraction},this.range?e(f,{rangeValue:this.rangeValueInternal,rawRangePosition:this.rawRangePosition,activeDragThumb:this.activeDragThumb,isDragging:this.isDragging,snap:this.snap,min:this.min,max:this.max,step:this.step,disabled:this.disabled,readonly:this.readonly,onKeyDown:this.onKeyDown,labelBeforeValue:this.labelBeforeValue,labelAfterValue:this.labelAfterValue}):e(h,{value:this.valueInternal,min:this.min,max:this.max,step:this.step,rawPosition:this.rawPosition,isDragging:this.isDragging,snap:this.snap,disabled:this.disabled,readonly:this.readonly,onKeyDown:this.onKeyDown,labelBeforeValue:this.labelBeforeValue,labelAfterValue:this.labelAfterValue})),e(u,{key:"2bf097761208511839e3df0d37d0af9b21090e36",ticks:this.internalTicks,min:this.min,max:this.max})),e(v,this.range?{range:this.range,hasField:this.hasField,value:this.valueInternal,rangeValue:this.rangeValueInternal,index:1,inputId:this.endInputId,min:this.min,max:this.max,step:this.step,disabled:this.disabled,readonly:this.readonly,onInput:this.handleFieldChange,labelBeforeValue:this.labelBeforeValue,labelAfterValue:this.labelAfterValue,name:this.name,endName:this.endName}:{range:this.range,hasField:this.hasField,value:this.valueInternal,rangeValue:this.rangeValueInternal,inputId:this.startInputId,min:this.min,max:this.max,step:this.step,disabled:this.disabled,readonly:this.readonly,onInput:this.handleFieldChange,labelBeforeValue:this.labelBeforeValue,labelAfterValue:this.labelAfterValue,name:this.name})),(this.success||this.description||this.el.querySelector('[slot="description"]'))&&e("div",{key:"35d6a7f7d9331430504b264dd51c71c4c71e4c71",class:"description"},this.success&&e("nv-icon",{key:"60fe2a36eff25142617f79f54c719e1d7a001fcf",name:"circle-check",class:"validation",size:"md"}),e("slot",{key:"d494185a548c60b39e96accc41739cb77c5f40dc",name:"description"},this.description)),(this.error||this.errorDescription||this.el.querySelector('[slot="error-description"]'))&&e("div",{key:"a555a0e343e9f22b7a717afdbf3b7d7d6b965fcb",class:"error-description",hidden:!this.error},this.error&&e("nv-icon",{key:"a9221bda376b32b8031ff6da8677d04846e84451",name:"alert-circle",class:"validation",size:"md"}),e("slot",{key:"7133562b2734136cff58428d88a2ce899245487d",name:"error-description"},this.errorDescription)))}static get formAssociated(){return!0}get el(){return a(this)}static get watchers(){return{value:[{onValueChange:0}],min:[{onConfigChange:0}],max:[{onConfigChange:0}],step:[{onConfigChange:0}],ticks:[{onConfigChange:0}],showTicks:[{onConfigChange:0}],snap:[{onConfigChange:0}],snapTicks:[{onConfigChange:0}],range:[{onRangeChange:0}]}}};b.style='nv-fieldslider .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .track-range{background:var(--components-slider-track-filled-focus)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .thumb{border-color:var(--components-slider-track-filled-focus)}nv-fieldslider[error] .slider-container .track-container .track .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:hover{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-handler-background-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:focus{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldslider{--nv-field-border-default:var(--components-form-field-border-default);--nv-field-border-hover:var(--components-form-field-border-hover);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--components-form-field-border-default);--nv-field-border-readonly:var(--components-form-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-brand);--nv-field-background:var(--components-form-field-background-default);display:flex;flex-direction:column;align-items:flex-start;gap:var(--form-gap-y);box-sizing:border-box;max-width:480px}nv-fieldslider .slider-container{width:100%;display:flex;flex-direction:row;align-items:center;gap:var(--form-gap-x)}nv-fieldslider .slider-container .track-container{position:relative;flex:1;height:calc(var(--slider-handler-size-min) + 0.25rem);padding:calc(var(--slider-handler-size-min) / 2) 0}nv-fieldslider .slider-container .track-container .track{position:relative;height:var(--slider-track-height);background:var(--components-slider-track-background);border-radius:var(--slider-track-radius);cursor:pointer;touch-action:none;user-select:none}nv-fieldslider .slider-container .track-container .track::after{content:"";position:absolute;top:calc(-13px + var(--slider-track-height) / 2);left:0;width:100%;height:26px;background:rgba(255, 255, 255, 0)}nv-fieldslider .slider-container .track-container .track .track-range{position:absolute;top:0;height:var(--slider-track-height);background:var(--components-slider-track-filled-default);border-radius:var(--slider-track-radius);pointer-events:none}nv-fieldslider .slider-container .track-container .track .thumb{position:absolute;top:50%;width:var(--slider-handler-size-min);height:var(--slider-handler-size-min);background:#ffffff;border:var(--slider-handler-stroke) solid var(--components-slider-track-filled-default);border-radius:50%;transform:translate(-50%, -50%);z-index:1;cursor:grab;touch-action:none;user-select:none;transition:width 0.2s, height 0.2s, box-shadow 0.2s, background-color 0.2s}nv-fieldslider .slider-container .track-container .track .thumb:after{content:"";position:absolute;top:-7px;left:-7px;width:calc(100% + 14px);height:calc(100% + 14px);background:rgba(255, 255, 255, 0)}nv-fieldslider .slider-container .track-container .track .thumb:hover{width:var(--slider-handler-size-max);height:var(--slider-handler-size-max);border-color:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container .track .thumb:focus{width:var(--slider-handler-size-min);height:var(--slider-handler-size-min);border-color:var(--components-slider-track-filled-focus);outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1);transition:outline;background:var(--components-slider-handler-background-focus)}nv-fieldslider .slider-container .track-container .track .thumb:active{cursor:grabbing;background:var(--components-slider-handler-background-hover)}nv-fieldslider .slider-container .track-container .track .thumb .thumb-tooltip{position:absolute;top:25px;left:50%;background-color:var(--components-tooltip-background);color:var(--components-tooltip-text);padding:5px;border-radius:var(--tooltip-radius);font-size:var(--tooltip-font-size);z-index:10;pointer-events:none;user-select:none;opacity:0;transition:opacity 0.3s ease-in-out;transform:translateX(-50%);backface-visibility:hidden;-webkit-font-smoothing:antialiased;transform-style:preserve-3d}nv-fieldslider .slider-container .track-container .track .thumb .thumb-tooltip:after{content:"";background:var(--components-tooltip-background);box-shadow:none;border:none;position:absolute;border-bottom-color:transparent;border-right-color:transparent;width:6px;height:6px;transform:rotate(45deg);border-radius:1px;top:-3px;left:50%;margin-left:-3px;backface-visibility:hidden;will-change:transform, opacity}nv-fieldslider .slider-container .track-container .track .thumb:hover .thumb-tooltip,nv-fieldslider .slider-container .track-container .track .thumb:active .thumb-tooltip,nv-fieldslider .slider-container .track-container .track .thumb:focus .thumb-tooltip{opacity:1}nv-fieldslider .slider-container .track-container .track-ticks{position:relative;height:1rem;margin-top:0.25rem}nv-fieldslider .slider-container .track-container .track-ticks .track-tick{position:absolute;top:0;width:var(--slider-tick-height);height:var(--slider-tick-height);background:var(--components-form-field-border-default);border-radius:50%;transform:translate(-50%, 0);pointer-events:none}nv-fieldslider .slider-container .track-container .track-ticks .track-tick:first-of-type{transform:translate(0, 0)}nv-fieldslider .slider-container .track-container .track-ticks .track-tick:last-of-type{transform:translate(-100%, 0)}nv-fieldslider .slider-container .track-container .track-ticks .track-tick .tick-label{position:absolute;top:calc(var(--slider-tick-height) + 0.25rem);left:50%;color:var(--components-form-field-border-default);transform:translateX(-50%);white-space:nowrap}.track-tick-first nv-fieldslider .slider-container .track-container .track-ticks .track-tick .tick-label{left:0;transform:translateX(0)}.track-tick-last nv-fieldslider .slider-container .track-container .track-ticks .track-tick .tick-label{left:100%;transform:translateX(-100%)}nv-fieldslider .slider-container .input-container{display:flex;flex-grow:1;justify-content:center;align-items:center;align-self:stretch;border-radius:var(--form-field-radius);border-width:1px;border-style:solid;border-color:var(--nv-field-border-default);opacity:var(--components-form-opacity-default, 1);background:var(--nv-field-background);transition:all 150ms ease-out}nv-fieldslider .slider-container .input-container:hover{border-color:var(--nv-field-border-hover)}nv-fieldslider .slider-container .input-container:focus-within,nv-fieldslider .slider-container .input-container:focus-within:hover,nv-fieldslider .slider-container .input-container:focus,nv-fieldslider .slider-container .input-container:focus:hover{border-color:var(--nv-field-border-focus);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fieldslider .slider-container .input-container:has(input:read-only){background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fieldslider .slider-container .input-container:has(input:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fieldslider .slider-container .input-container{width:90px;flex-grow:unset}nv-fieldslider .slider-container .input-container input{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);padding:calc(var(--form-field-padding-y) - 1px) var(--form-field-padding-x);font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-field-line-height);width:100%}nv-fieldslider .slider-container .input-container input:focus{outline:none}nv-fieldslider .slider-container .input-container input::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--form-field-line-height)}nv-fieldslider .slider-container .input-container input{}nv-fieldslider .slider-container .input-container input[type=password]::-ms-clear,nv-fieldslider .slider-container .input-container input[type=password]::-ms-reveal{display:none;width:0;height:0}nv-fieldslider .slider-container .input-container .label-before{margin-left:var(--spacing-2);color:var(--components-form-field-icon-default)}nv-fieldslider .slider-container .input-container .label-after{margin-right:var(--spacing-2);color:var(--components-form-field-icon-default)}nv-fieldslider[fluid]:not([fluid=false]){max-width:unset}nv-fieldslider[error]:not([error=false]){--nv-field-border-default:var(--components-form-field-border-error);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-destructive-in-field)}nv-fieldslider[success]:not([success=false]){--nv-field-border-default:var(--components-form-field-border-success);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-success)}nv-fieldslider[readonly]:not([readonly=false]){--nv-field-border-default:var(--components-form-field-border-readonly);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-background:var(--components-form-field-background-readonly)}nv-fieldslider[readonly]:not([readonly=false]) .track,nv-fieldslider[readonly]:not([readonly=false]) .thumb{cursor:default}nv-fieldslider label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-label-line-height)}nv-fieldslider nv-icon.validation{color:var(--nv-field-border-default)}nv-fieldslider[hide-label]:not([hide-label=false]) label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}nv-fieldslider[has-field]:not([has-field=false]) .thumb-tooltip{display:none}nv-fieldslider>.description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fieldslider>.error-description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}nv-fieldslider>.error-description[hidden]{display:none}';export{b as nv_fieldslider}
@@ -0,0 +1 @@
1
+ import{r as t,a as s,h as e,d as i}from"./p-DU3Vhh_k.js";import{p as a,f as h}from"./p-CyL2J6O4.js";const d=class{constructor(e){t(this,e),this.valueChanged=s(this,"valueChanged",3),this.lastChanged=s(this,"lastChanged",3),this.historyChanged=s(this,"historyChanged",3),this.valueDateChanged=s(this,"valueDateChanged",3),this.handleStartChange=t=>{const s=a(t.target.value);if(!s)return;const e=h(s);this.value={start:e,end:this.value?.end},this.lastChange=e,this.history=[...this.history??[],e],this.valueChanged.emit(this.value),this.lastChanged.emit({date:this.lastChange}),this.historyChanged.emit({dates:this.history}),this.valueDateChanged.emit({start:this.value?.start?new Date(this.value.start+"T00:00:00"):void 0,end:this.value?.end?new Date(this.value.end+"T00:00:00"):void 0})},this.handleEndChange=t=>{const s=a(t.target.value);if(!s)return;const e=h(s);this.value={start:this.value?.start,end:e},this.lastChange=e,this.history=[...this.history??[],e],this.valueChanged.emit(this.value),this.lastChanged.emit({date:this.lastChange}),this.historyChanged.emit({dates:this.history}),this.valueDateChanged.emit({start:this.value?.start?new Date(this.value.start+"T00:00:00"):void 0,end:this.value?.end?new Date(this.value.end+"T00:00:00"):void 0})}}render(){return e(i,{key:"44e383a31e357a45c8ebe011c4ec14641ce43d74"},e("label",{key:"9be748d4fcbe74b81a7aa03f2a14c806c472f118"},"Start:",e("input",{key:"262ffa195b8dc8ecaaea00d12b6debe48b375cd1",type:"date",value:this.value?.start??"",onInput:this.handleStartChange})),e("label",{key:"d8934398264595a08eb75f241fd2c5bc50e9f0d2"},"End:",e("input",{key:"3fdb5b2e410706c6cfedf5244e674fd1dab361a9",type:"date",value:this.value?.end??"",onInput:this.handleEndChange})),e("slot",{key:"bb828cffcff4e2c69a48a314636470644c55d2cc"}))}};d.style="nv-datetest{display:flex}nv-datetest label{display:flex;flex-direction:column;margin-right:10px;font-weight:bold}nv-datetest input{font-weight:normal;padding:var(--spacing-2);border-radius:var(--spacing-1);border:1px solid #ccc}";export{d as nv_datetest}
@@ -1 +1 @@
1
- import{r as e,a as t,h as r,d as i,e as n}from"./p-BCjiE1MF.js";import{I as a}from"./p-Hfc8Oh0x.js";import{v as o}from"./p-BdYh22OP.js";import"./p-B85MJLTf.js";const d=class{constructor(r){e(this,r),this.dateRangeChange=t(this,"dateRangeChange",3),this.valueChanged=t(this,"valueChanged",3),this.popoverId=o(),this.startInputId=o(),this.endInputId=o(),this.disabled=!1,this.readonly=!1,this.required=!1,this.ariaRequiredAttr=!1,this.error=!1,this.success=!1,this.autofocus=!1,this.value="",this.startValue="",this.endValue="",this.open=!1,this.firstDayOfWeek=1,this.numberOfCalendars=2,this.min="",this.max="",this.locale="en-BE",this.dateFormat="YYYY-MM-DD",this.shortcutsPlacement="bottom",this.showActions=!1,this.fluid=!1,this.parseUnifiedValue=e=>{if(!e)return this.startValue="",void(this.endValue="");const t=e.split(",").map((e=>e.trim())).filter(Boolean);t.length>=2&&(this.startValue=t[0],this.endValue=t[1])},this.handleClickOutside=e=>{this.open&&this.el&&!this.el.contains(e.target)&&(this.open=!1)},this.handleStartInput=e=>{if(this.readonly||this.disabled)return void e.preventDefault();const t=e.target;if(this.startValue=t.value,this.calendarElement&&t.value){this.calendarElement.removeAttribute("data-prevent-navigation");const e=`${t.value},${this.endValue}`;this.calendarElement.value!==e&&(this.calendarElement.value=e),setTimeout((()=>{this.calendarElement&&this.calendarElement.setAttribute("data-prevent-navigation","true")}),100)}},this.handleEndInput=e=>{if(this.readonly||this.disabled)return void e.preventDefault();const t=e.target;if(this.endValue=t.value,this.calendarElement&&t.value){this.calendarElement.removeAttribute("data-prevent-navigation");const e=`${this.startValue},${t.value}`;this.calendarElement.value!==e&&(this.calendarElement.value=e),setTimeout((()=>{this.calendarElement&&this.calendarElement.setAttribute("data-prevent-navigation","true")}),100)}},this.handleFocus=e=>{if(this.readonly||this.disabled)return e.preventDefault(),void e.target.blur();this.calendarElement&&this.calendarElement.removeAttribute("data-prevent-navigation"),this.open=!0,setTimeout((()=>{this.calendarElement&&this.calendarElement.setAttribute("data-prevent-navigation","true")}),300)},this.toggleCalendar=()=>{this.readonly||this.disabled||(this.open=!this.open)}}convertToInputmaskFormat(e){return e&&{"YYYY-MM-DD":"yyyy-mm-dd","DD/MM/YYYY":"dd/mm/yyyy","MM/DD/YYYY":"mm/dd/yyyy","DD.MM.YYYY":"dd.mm.yyyy",YYYYMMDD:"yyyymmdd"}[e]||"dd/mm/yyyy"}async clear(){this.startValue="",this.endValue="",this.value="",this.el.querySelectorAll(".input-wrapper input").forEach((e=>{e.value="",e.inputmask&&e.inputmask.remove()})),this.valueChanged.emit(""),this.dateRangeChange.emit({start:"",end:""}),this.open=!1,this.calendarElement&&this.calendarElement.clear()}updateMask(){this.el.querySelectorAll(".input-wrapper input").forEach((e=>{e.inputmask?.remove?.();const t=new a({alias:"datetime",inputFormat:this.convertToInputmaskFormat(this.dateFormat),placeholder:this.convertToInputmaskFormat(this.dateFormat),clearIncomplete:!1,showMaskOnHover:!1,showMaskOnFocus:!0,clearMaskOnLostFocus:!this.open,postValidation:!0,oncleared:e=>{const t=e.target;t.id===this.startInputId&&(this.startValue=""),t.id===this.endInputId&&(this.endValue="")},oncomplete:e=>{const t=e.target;t.id===this.startInputId?this.startValue=t.value:t.id===this.endInputId&&(this.endValue=t.value);const r=`${this.startValue},${this.endValue}`;this.startValue&&this.endValue&&this.value!==r&&(this.value=r,this.valueChanged.emit(this.value),this.dateRangeChange.emit({start:this.startValue,end:this.endValue}))}});t.mask(e)}))}handleCancelDateChange(e){let t=!1,r=!1;"singleDateChange"===e.type&&""===e.detail&&(t=!0),"rangeDateChange"===e.type&&"object"==typeof e.detail&&""===e.detail.start&&""===e.detail.end&&(r=!0),(t||r)&&(this.startValue="",this.endValue="",this.value="",this.valueChanged.emit(""),this.el.querySelectorAll(".input-wrapper input").forEach((e=>{e.value=""})),this.dateRangeChange.emit({start:"",end:""}))}handleRangeDateChange(e){this.handleCancelDateChange(e);const{start:t,end:r}=e.detail||{};if(t&&r){this.startValue=t,this.endValue=r;const e=`${t},${r}`;this.value!==e&&(this.value=e,this.valueChanged.emit(this.value)),this.dateRangeChange.emit({start:this.startValue,end:this.endValue}),this.showActions||(this.open=!1)}}handleCalendarValueChanged(e){const t=e.detail||"";t!==this.value&&(this.value=t,this.valueChanged.emit(t),this.parseUnifiedValue(t),this.dateRangeChange.emit({start:this.startValue,end:this.endValue}))}connectedCallback(){document.addEventListener("click",this.handleClickOutside)}componentWillLoad(){this.value&&this.parseUnifiedValue(this.value)}componentDidLoad(){this.updateMask(),this.el.querySelectorAll(".input-wrapper input").forEach((e=>{e.name===this.startName&&this.startValue?requestAnimationFrame((()=>{e.value=this.startValue;const t=new CustomEvent("input",{bubbles:!0});e.dispatchEvent(t)})):e.name===this.endName&&this.endValue&&requestAnimationFrame((()=>{e.value=this.endValue;const t=new CustomEvent("input",{bubbles:!0});e.dispatchEvent(t)}))}))}componentDidRender(){this.el.querySelectorAll(".input-wrapper input").forEach((e=>{const t=e.name===this.startName?this.startValue:this.endName?this.endValue:"";t&&requestAnimationFrame((()=>{e.value=t,e.setAttribute("value",t)}))}))}disconnectedCallback(){document.removeEventListener("click",this.handleClickOutside)}handleClosePopover(e){e.stopPropagation(),this.open=!1}handleKeyDown(e){if("Escape"!==e.key)return this.open?void(this.popoverElement||console.warn("nv-fielddaterange -> Popover element is not defined")):"ArrowDown"===e.key?(this.open=!0,void e.preventDefault()):void 0;this.open=!1}handleValueChange(e){this.parseUnifiedValue(e)}onOpenChanged(e){this.updateMask(),this.contentRef&&(e?(this.contentRef.style.transition="none",this.contentRef.style.maxHeight="0px",requestAnimationFrame((()=>{this.contentRef.style.transition="max-height 0.18s cubic-bezier(0.4,0,0.2,1)",this.contentRef.style.maxHeight=this.contentRef.scrollHeight+"px"}))):(this.contentRef.style.transition="none",this.contentRef.style.maxHeight=this.contentRef.scrollHeight+"px",requestAnimationFrame((()=>{this.contentRef.style.transition="max-height 0.18s cubic-bezier(0.4,0,0.2,1)",this.contentRef.style.maxHeight="0px"}))))}render(){const e=this.el.hasAttribute("aria-required")||this.el.hasAttribute("aria-required-attr"),t=e?this.el.getAttribute("aria-required")||this.el.getAttribute("aria-required-attr"):null,n=e?t:null,a=e?"true"===n||""===n:void 0,o=this.required&&(!e||!0===a);return r(i,{key:"ff398fcfbbe95e5665b774fe43350acbbc348fe9"},(this.label&&this.label.length>0||this.el.querySelector('[slot="label"]'))&&r("label",{key:"2b1909b93047611192bb66f574bdda3b206e2385",htmlFor:this.startInputId},r("slot",{key:"8195acf71bec4897fca7c4617eb0de096e88b191",name:"label"},this.label)),r("nv-popover",{key:"ba36048cf5a34974f4f4deb66fb0d735988e5b53",ref:e=>this.popoverElement=e,id:this.popoverId,triggerMode:"controlled",placement:"bottom-start",open:this.open},r("div",{key:"14b6d78ac81001bd174bad38172a8a1a1f347731",slot:"trigger",class:"input-wrapper"},r("slot",{key:"fb016c89c6f8f99ae3c67917fc623bd5ebfd55fc",name:"before-input"}),r("div",{key:"ba782a5e283e468467ccdb9b571046cd2f4852e9",class:"input-container"},r("slot",{key:"2adfa150e03b07b3fc68dcf58e8033b7945161a0",name:"leading-input"}),r("div",{key:"0276764deeb85f4211ac741f3eb5fef2f9fbcb43",class:"range-inputs"},r("input",{key:"b752bb09fefcd173403cb11db40d0aabd25e1388",id:this.startInputId,type:"text",placeholder:this.startPlaceholder||this.convertToInputmaskFormat(this.dateFormat),name:this.startName,disabled:this.disabled,readOnly:this.readonly,required:o?this.required:void 0,...void 0!==a&&{"aria-required":String(a)},autofocus:this.autofocus,value:this.startValue,onInput:this.handleStartInput,onFocus:this.handleFocus,"data-scope":"date-range"}),r("div",{key:"d5be46903d09c3b189dc4e7ee8ddad170c0f6286",class:"range-separator"}),r("input",{key:"11b9a3838149854e68ae7c9d96aedbaaba84a90d",id:this.endInputId,type:"text",placeholder:this.endPlaceholder||this.convertToInputmaskFormat(this.dateFormat),name:this.endName,disabled:this.disabled,readOnly:this.readonly,required:o?this.required:void 0,...void 0!==a&&{"aria-required":String(a)},value:this.endValue,onInput:this.handleEndInput,onFocus:this.handleFocus,"data-scope":"date-range"})),this.error&&r("nv-icon",{key:"26b42abdeafd75930a5ca607d24337b6b3c10ac2",name:"alert-circle",class:"validation",size:"md"}),this.success&&r("nv-icon",{key:"1af99ccf21b9f8089204e9e97c2453b2bdeffd29",name:"circle-check",class:"validation",size:"md"}),r("nv-iconbutton",{key:"38b70d2b9f4ec16ff1707dc2b05ceae806646541",class:"toggle-calendar-icon",name:"calendar",size:"md",emphasis:"lower","aria-label":this.open?"Hide calendar":"Show calendar",onClick:this.toggleCalendar,tabIndex:this.disabled?-1:0})),r("slot",{key:"2ab6a03f44f04595763f4a6cbb8bc142578e1b3a",name:"after-input"})),r("div",{key:"1fc0213d712a8560dee995c4d26c7d9944af650b",slot:"content"},r("nv-calendar",{key:"d883272405391bec569516321fd2eae93dac817a",ref:e=>this.calendarElement=e,onRangeDateChange:this.handleRangeDateChange.bind(this),onValueChanged:this.handleCalendarValueChanged.bind(this),onSingleDateChange:this.handleCancelDateChange.bind(this),dateFormat:this.dateFormat,value:this.value,firstDayOfWeek:this.firstDayOfWeek,numberOfCalendars:this.numberOfCalendars,min:this.min,max:this.max,locale:this.locale,shortcutsPlacement:this.shortcutsPlacement,showActions:this.showActions,shortcuts:this.shortcuts,showWeekNumbers:this.showWeekNumbers,disabledDates:this.disabledDates,selectionType:"range","data-prevent-navigation":"true"}))),(this.description&&this.description.length>0||this.el.querySelector('[slot="description"]'))&&r("div",{key:"d0f9852ccd37202db9653b338cf850ba44365ddf",class:"description"},r("slot",{key:"cff092ce15f1f90f246de859fea30d3714fd4520",name:"description"},this.description)),(this.errorDescription||this.el.querySelector('[slot="error-description"]'))&&r("div",{key:"c9dfd25d6784cca037337e7ffe28fc4ac1d33fd5",hidden:!this.error,class:"error-description"},this.el.querySelector('[slot="error-description"]')?r("slot",{name:"error-description"}):this.errorDescription),r("slot",{key:"8123f07bf03ae219917f2e9f8146142bd8781bd4"}))}get el(){return n(this)}static get watchers(){return{value:[{handleValueChange:0}],open:[{onOpenChanged:0}]}}};d.style='nv-fieldslider .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .track-range{background:var(--components-slider-track-filled-focus)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .thumb{border-color:var(--components-slider-track-filled-focus)}nv-fieldslider[error] .slider-container .track-container .track .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:hover{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-handler-background-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:focus{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-error)}nv-fielddaterange{--nv-field-border-default:var(--components-form-field-border-default);--nv-field-border-hover:var(--components-form-field-border-hover);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--components-form-field-border-default);--nv-field-border-readonly:var(--components-form-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-brand);--nv-field-background:var(--components-form-field-background-default);display:flex;flex-direction:column;align-items:flex-start;gap:var(--form-gap-y);box-sizing:border-box;max-width:480px}nv-fielddaterange[fluid]:not([fluid=false]){max-width:unset}nv-fielddaterange[readonly]:not([readonly=false]){--nv-field-border-default:var(--components-form-field-border-readonly);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-background:var(--components-form-field-background-readonly)}nv-fielddaterange[error]:not([error=false]){--nv-field-border-default:var(--components-form-field-border-error);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-destructive-in-field)}nv-fielddaterange[success]:not([success=false]){--nv-field-border-default:var(--components-form-field-border-success);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-success)}nv-fielddaterange[required]:not([required=false]) label::after,nv-fielddaterange[aria-required=true] label::after{content:"*";color:var(--components-form-text-required);font-weight:var(--font-weight-high-emphasis)}nv-fielddaterange label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-label-line-height)}nv-fielddaterange nv-popover{width:100%;display:block}nv-fielddaterange nv-popover [data-scope=popover]{padding:0;background-color:var(--components-list-dropdown-background);border:1px solid var(--components-list-dropdown-border);width:auto;z-index:2}nv-fielddaterange nv-popover [slot=content]{display:block;width:100%}nv-fielddaterange .input-wrapper{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch;display:flex;align-items:center;gap:8px}nv-fielddaterange .input-wrapper .input-container{display:flex;flex-grow:1;justify-content:center;align-items:center;align-self:stretch;border-radius:var(--form-field-radius);border-width:1px;border-style:solid;border-color:var(--nv-field-border-default);opacity:var(--components-form-opacity-default, 1);background:var(--nv-field-background);transition:all 150ms ease-out}nv-fielddaterange .input-wrapper .input-container:hover{border-color:var(--nv-field-border-hover)}nv-fielddaterange .input-wrapper .input-container:focus-within,nv-fielddaterange .input-wrapper .input-container:focus-within:hover,nv-fielddaterange .input-wrapper .input-container:focus,nv-fielddaterange .input-wrapper .input-container:focus:hover{border-color:var(--nv-field-border-focus);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fielddaterange .input-wrapper .input-container:has(input:read-only){background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fielddaterange .input-wrapper .input-container:has(input:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fielddaterange .input-wrapper .input-container:focus-within,nv-fielddaterange .input-wrapper .input-container:focus-within:hover,nv-fielddaterange .input-wrapper .input-container:focus,nv-fielddaterange .input-wrapper .input-container:focus:hover{box-shadow:none;border-color:var(--nv-field-border-default)}nv-fielddaterange .input-wrapper .input-container input{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);padding:calc(var(--form-field-padding-y) - 1px) var(--form-field-padding-x);font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-field-line-height);width:100%}nv-fielddaterange .input-wrapper .input-container input:focus{outline:none}nv-fielddaterange .input-wrapper .input-container input::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--form-field-line-height)}nv-fielddaterange .input-wrapper .input-container input{}nv-fielddaterange .input-wrapper .input-container input[type=password]::-ms-clear,nv-fielddaterange .input-wrapper .input-container input[type=password]::-ms-reveal{display:none;width:0;height:0}nv-fielddaterange .input-wrapper .input-container input{width:100%}nv-fielddaterange .input-wrapper .input-container input:focus-within,nv-fielddaterange .input-wrapper .input-container input:focus-within:hover,nv-fielddaterange .input-wrapper .input-container input:focus,nv-fielddaterange .input-wrapper .input-container input:focus:hover{outline:var(--focus-outline-stroke) solid var(--nv-field-border-focus);outline-offset:0px}nv-fielddaterange .input-wrapper .input-container input:focus-within~.range-separator,nv-fielddaterange .input-wrapper .input-container input:focus-within:hover~.range-separator,nv-fielddaterange .input-wrapper .input-container input:focus~.range-separator,nv-fielddaterange .input-wrapper .input-container input:focus:hover~.range-separator{background-color:transparent}nv-fielddaterange .input-wrapper .input-container>nv-iconbutton{border:0px;border-radius:0px}nv-fielddaterange .input-wrapper .input-container>nv-iconbutton:focus-visible{border-radius:var(--button-md-border-radius);outline-offset:-3px}nv-fielddaterange .input-wrapper .input-container>nv-iconbutton:last-of-type{border-top-right-radius:var(--form-field-radius);border-bottom-right-radius:var(--form-field-radius)}nv-fielddaterange .input-wrapper .input-container nv-icon.validation{color:var(--nv-field-border-default)}nv-fielddaterange .description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fielddaterange .error-description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}nv-fielddaterange .range-inputs{display:flex;align-items:center;gap:0;width:100%}nv-fielddaterange .range-inputs:focus-within{z-index:1}nv-fielddaterange .range-inputs input{flex:1;border:none;outline:none;padding:0;font-size:var(--form-field-font-size);color:var(--components-form-field-content-text);background:transparent;min-width:0}nv-fielddaterange .range-inputs input::placeholder{color:var(--components-form-field-content-placeholder)}nv-fielddaterange .range-inputs input:disabled{cursor:not-allowed;color:var(--components-form-field-content-text);background-color:var(--components-form-field-background-disabled)}nv-fielddaterange .range-inputs .range-separator{width:1px;height:1.5rem;background-color:var(--color-content-medium-border)}';export{d as nv_fielddaterange}
1
+ import{r as e,a as t,h as r,d as i,e as n}from"./p-DU3Vhh_k.js";import{I as a}from"./p-Hfc8Oh0x.js";import{v as o}from"./p-BdYh22OP.js";import"./p-B85MJLTf.js";const s=class{constructor(r){e(this,r),this.dateRangeChange=t(this,"dateRangeChange",3),this.valueChanged=t(this,"valueChanged",3),this.popoverId=o(),this.startInputId=o(),this.endInputId=o(),this.disabled=!1,this.readonly=!1,this.required=!1,this.ariaRequiredAttr=!1,this.error=!1,this.success=!1,this.autofocus=!1,this.value="",this.startValue="",this.endValue="",this.open=!1,this.firstDayOfWeek=1,this.numberOfCalendars=2,this.min="",this.max="",this.locale="en-BE",this.dateFormat="YYYY-MM-DD",this.shortcutsPlacement="bottom",this.showActions=!1,this.fluid=!1,this.parseUnifiedValue=e=>{if(!e)return this.startValue="",void(this.endValue="");const t=e.split(",").map((e=>e.trim())).filter(Boolean);t.length>=2&&(this.startValue=t[0],this.endValue=t[1])},this.handleClickOutside=e=>{this.open&&this.el&&!this.el.contains(e.target)&&(this.open=!1)},this.handleStartInput=e=>{if(this.readonly||this.disabled)return void e.preventDefault();const t=e.target;if(this.startValue=t.value,this.calendarElement&&t.value){this.calendarElement.removeAttribute("data-prevent-navigation");const e=`${t.value},${this.endValue}`;this.calendarElement.value!==e&&(this.calendarElement.value=e),setTimeout((()=>{this.calendarElement&&this.calendarElement.setAttribute("data-prevent-navigation","true")}),100)}},this.handleEndInput=e=>{if(this.readonly||this.disabled)return void e.preventDefault();const t=e.target;if(this.endValue=t.value,this.calendarElement&&t.value){this.calendarElement.removeAttribute("data-prevent-navigation");const e=`${this.startValue},${t.value}`;this.calendarElement.value!==e&&(this.calendarElement.value=e),setTimeout((()=>{this.calendarElement&&this.calendarElement.setAttribute("data-prevent-navigation","true")}),100)}},this.handleFocus=e=>{if(this.readonly||this.disabled)return e.preventDefault(),void e.target.blur();this.calendarElement&&this.calendarElement.removeAttribute("data-prevent-navigation"),this.open=!0,setTimeout((()=>{this.calendarElement&&this.calendarElement.setAttribute("data-prevent-navigation","true")}),300)},this.toggleCalendar=()=>{this.readonly||this.disabled||(this.open=!this.open)}}convertToInputmaskFormat(e){return e&&{"YYYY-MM-DD":"yyyy-mm-dd","DD/MM/YYYY":"dd/mm/yyyy","MM/DD/YYYY":"mm/dd/yyyy","DD.MM.YYYY":"dd.mm.yyyy",YYYYMMDD:"yyyymmdd"}[e]||"dd/mm/yyyy"}async clear(){this.startValue="",this.endValue="",this.value="",this.el.querySelectorAll(".input-wrapper input").forEach((e=>{e.value="",e.inputmask&&e.inputmask.remove()})),this.valueChanged.emit(""),this.dateRangeChange.emit({start:"",end:""}),this.open=!1,this.calendarElement&&this.calendarElement.clear()}updateMask(){this.el.querySelectorAll(".input-wrapper input").forEach((e=>{e.inputmask?.remove?.();const t=new a({alias:"datetime",inputFormat:this.convertToInputmaskFormat(this.dateFormat),placeholder:this.convertToInputmaskFormat(this.dateFormat),clearIncomplete:!1,showMaskOnHover:!1,showMaskOnFocus:!0,clearMaskOnLostFocus:!this.open,postValidation:!0,oncleared:e=>{const t=e.target;t.id===this.startInputId&&(this.startValue=""),t.id===this.endInputId&&(this.endValue="")},oncomplete:e=>{const t=e.target;t.id===this.startInputId?this.startValue=t.value:t.id===this.endInputId&&(this.endValue=t.value);const r=`${this.startValue},${this.endValue}`;this.startValue&&this.endValue&&this.value!==r&&(this.value=r,this.valueChanged.emit(this.value),this.dateRangeChange.emit({start:this.startValue,end:this.endValue}))}});t.mask(e)}))}handleCancelDateChange(e){let t=!1,r=!1;"singleDateChange"===e.type&&""===e.detail&&(t=!0),"rangeDateChange"===e.type&&"object"==typeof e.detail&&""===e.detail.start&&""===e.detail.end&&(r=!0),(t||r)&&(this.startValue="",this.endValue="",this.value="",this.valueChanged.emit(""),this.el.querySelectorAll(".input-wrapper input").forEach((e=>{e.value=""})),this.dateRangeChange.emit({start:"",end:""}))}handleRangeDateChange(e){this.handleCancelDateChange(e);const{start:t,end:r}=e.detail||{};if(t&&r){this.startValue=t,this.endValue=r;const e=`${t},${r}`;this.value!==e&&(this.value=e,this.valueChanged.emit(this.value)),this.dateRangeChange.emit({start:this.startValue,end:this.endValue}),this.showActions||(this.open=!1)}}handleCalendarValueChanged(e){const t=e.detail||"";t!==this.value&&(this.value=t,this.valueChanged.emit(t),this.parseUnifiedValue(t),this.dateRangeChange.emit({start:this.startValue,end:this.endValue}))}connectedCallback(){document.addEventListener("click",this.handleClickOutside)}componentWillLoad(){this.value&&this.parseUnifiedValue(this.value)}componentDidLoad(){this.updateMask(),this.el.querySelectorAll(".input-wrapper input").forEach((e=>{e.name===this.startName&&this.startValue?requestAnimationFrame((()=>{e.value=this.startValue;const t=new CustomEvent("input",{bubbles:!0});e.dispatchEvent(t)})):e.name===this.endName&&this.endValue&&requestAnimationFrame((()=>{e.value=this.endValue;const t=new CustomEvent("input",{bubbles:!0});e.dispatchEvent(t)}))}))}componentDidRender(){this.el.querySelectorAll(".input-wrapper input").forEach((e=>{const t=e.name===this.startName?this.startValue:this.endName?this.endValue:"";t&&requestAnimationFrame((()=>{e.value=t,e.setAttribute("value",t)}))}))}disconnectedCallback(){document.removeEventListener("click",this.handleClickOutside)}handleClosePopover(e){e.stopPropagation(),this.open=!1}handleKeyDown(e){if("Escape"!==e.key)return this.open?void(this.popoverElement||console.warn("nv-fielddaterange -> Popover element is not defined")):"ArrowDown"===e.key?(this.open=!0,void e.preventDefault()):void 0;this.open=!1}handleValueChange(e){this.parseUnifiedValue(e)}onOpenChanged(e){this.updateMask(),this.contentRef&&(e?(this.contentRef.style.transition="none",this.contentRef.style.maxHeight="0px",requestAnimationFrame((()=>{this.contentRef.style.transition="max-height 0.18s cubic-bezier(0.4,0,0.2,1)",this.contentRef.style.maxHeight=this.contentRef.scrollHeight+"px"}))):(this.contentRef.style.transition="none",this.contentRef.style.maxHeight=this.contentRef.scrollHeight+"px",requestAnimationFrame((()=>{this.contentRef.style.transition="max-height 0.18s cubic-bezier(0.4,0,0.2,1)",this.contentRef.style.maxHeight="0px"}))))}render(){const e=this.el.hasAttribute("aria-required")||this.el.hasAttribute("aria-required-attr"),t=e?this.el.getAttribute("aria-required")||this.el.getAttribute("aria-required-attr"):null,n=e?t:null,a=e?"true"===n||""===n:void 0,o=this.required&&(!e||!0===a);return r(i,{key:"659fbd943d7f088b0dde4ad6ae9eac2fd719d58d"},(this.label&&this.label.length>0||this.el.querySelector('[slot="label"]'))&&r("label",{key:"5ec3a4df845c445ce2c4b45798677c9ba1c79f04",htmlFor:this.startInputId},r("slot",{key:"ac22f1a6d6f49a2feb2a92a1ff9045422785ef64",name:"label"},this.label)),r("nv-popover",{key:"d4ac345011bce61f263df887fa9eebc210659145",ref:e=>this.popoverElement=e,id:this.popoverId,triggerMode:"controlled",placement:"bottom-start",open:this.open},r("div",{key:"6f13372e3bea5b40ed7bc82ffea0fa4f85f6e450",slot:"trigger",class:"input-wrapper"},r("slot",{key:"4403b049058b231017eea3be6a1045312d805d75",name:"before-input"}),r("div",{key:"df2603a90a1e7740311c8a4b1a85a051ed8efff0",class:"input-container"},r("slot",{key:"37554324ba2bb1f25446c97db50546e0a33b5af8",name:"leading-input"}),r("div",{key:"0e99431473e98409bdf883acfd7e50823e6fc3c2",class:"range-inputs"},r("input",{key:"7077a4a95fd264466c44f4f96fd9b6236887b731",id:this.startInputId,type:"text",placeholder:this.startPlaceholder||this.convertToInputmaskFormat(this.dateFormat),name:this.startName,disabled:this.disabled,readOnly:this.readonly,required:o?this.required:void 0,...void 0!==a&&{"aria-required":String(a)},autofocus:this.autofocus,value:this.startValue,onInput:this.handleStartInput,onFocus:this.handleFocus,"data-scope":"date-range"}),r("div",{key:"8f84668eb682306ff6751044fb715dfbccc38e6b",class:"range-separator"}),r("input",{key:"1e7045f9501a04e14d4f726171abd07cbce0e004",id:this.endInputId,type:"text",placeholder:this.endPlaceholder||this.convertToInputmaskFormat(this.dateFormat),name:this.endName,disabled:this.disabled,readOnly:this.readonly,required:o?this.required:void 0,...void 0!==a&&{"aria-required":String(a)},value:this.endValue,onInput:this.handleEndInput,onFocus:this.handleFocus,"data-scope":"date-range"})),this.error&&r("nv-icon",{key:"a82a7ea123f900eda3eb82cb1a70796ffc0248da",name:"alert-circle",class:"validation",size:"md"}),this.success&&r("nv-icon",{key:"176e92373cb84d7cd873637818eba98b51a69646",name:"circle-check",class:"validation",size:"md"}),r("nv-iconbutton",{key:"d7069a77fa7fdca3b8202fed9fdfe8af082fdaf6",class:"toggle-calendar-icon",name:"calendar",size:"md",emphasis:"lower","aria-label":this.open?"Hide calendar":"Show calendar",onClick:this.toggleCalendar,tabIndex:this.disabled?-1:0})),r("slot",{key:"1ef543db2799a3242ed0a9ef8a5058b002fb885b",name:"after-input"})),r("div",{key:"b47f6bbc98772ba7b0aa680737bf278b716aa237",slot:"content"},r("nv-calendar",{key:"6008dda7daff3c40f20475996f8215ae8b6c457a",ref:e=>this.calendarElement=e,onRangeDateChange:this.handleRangeDateChange.bind(this),onValueChanged:this.handleCalendarValueChanged.bind(this),onSingleDateChange:this.handleCancelDateChange.bind(this),dateFormat:this.dateFormat,value:this.value,firstDayOfWeek:this.firstDayOfWeek,numberOfCalendars:this.numberOfCalendars,min:this.min,max:this.max,locale:this.locale,shortcutsPlacement:this.shortcutsPlacement,showActions:this.showActions,shortcuts:this.shortcuts,showWeekNumbers:this.showWeekNumbers,disabledDates:this.disabledDates,selectionType:"range","data-prevent-navigation":"true"}))),(this.description&&this.description.length>0||this.el.querySelector('[slot="description"]'))&&r("div",{key:"bd3c9e7650cea0ae6e30418c1ed15e2e21241576",class:"description"},r("slot",{key:"c87eb17e1b5624c7d3b5b31644919c4a473ea135",name:"description"},this.description)),(this.errorDescription||this.el.querySelector('[slot="error-description"]'))&&r("div",{key:"e9cb169a418080a3c374f5d36fdc7c09845a52f6",hidden:!this.error,class:"error-description"},this.el.querySelector('[slot="error-description"]')?r("slot",{name:"error-description"}):this.errorDescription),r("slot",{key:"ea7d3580a7007bcdc85eb096ccdbf683d7a1d906"}))}get el(){return n(this)}static get watchers(){return{value:[{handleValueChange:0}],open:[{onOpenChanged:0}]}}};s.style='nv-fieldslider .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .track-range{background:var(--components-slider-track-filled-focus)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .thumb{border-color:var(--components-slider-track-filled-focus)}nv-fieldslider[error] .slider-container .track-container .track .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:hover{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-handler-background-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:focus{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-error)}nv-fielddaterange{--nv-field-border-default:var(--components-form-field-border-default);--nv-field-border-hover:var(--components-form-field-border-hover);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--components-form-field-border-default);--nv-field-border-readonly:var(--components-form-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-brand);--nv-field-background:var(--components-form-field-background-default);display:flex;flex-direction:column;align-items:flex-start;gap:var(--form-gap-y);box-sizing:border-box;max-width:480px}nv-fielddaterange[fluid]:not([fluid=false]){max-width:unset}nv-fielddaterange[readonly]:not([readonly=false]){--nv-field-border-default:var(--components-form-field-border-readonly);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-background:var(--components-form-field-background-readonly)}nv-fielddaterange[error]:not([error=false]){--nv-field-border-default:var(--components-form-field-border-error);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-destructive-in-field)}nv-fielddaterange[success]:not([success=false]){--nv-field-border-default:var(--components-form-field-border-success);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-success)}nv-fielddaterange[required]:not([required=false]) label::after,nv-fielddaterange[aria-required=true] label::after{content:"*";color:var(--components-form-text-required);font-weight:var(--font-weight-high-emphasis)}nv-fielddaterange label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-label-line-height)}nv-fielddaterange nv-popover{width:100%;display:block}nv-fielddaterange nv-popover [data-scope=popover]{padding:0;background-color:var(--components-list-dropdown-background);border:1px solid var(--components-list-dropdown-border);width:auto;z-index:2}nv-fielddaterange nv-popover [slot=content]{display:block;width:100%}nv-fielddaterange .input-wrapper{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch;display:flex;align-items:center;gap:8px}nv-fielddaterange .input-wrapper .input-container{display:flex;flex-grow:1;justify-content:center;align-items:center;align-self:stretch;border-radius:var(--form-field-radius);border-width:1px;border-style:solid;border-color:var(--nv-field-border-default);opacity:var(--components-form-opacity-default, 1);background:var(--nv-field-background);transition:all 150ms ease-out}nv-fielddaterange .input-wrapper .input-container:hover{border-color:var(--nv-field-border-hover)}nv-fielddaterange .input-wrapper .input-container:focus-within,nv-fielddaterange .input-wrapper .input-container:focus-within:hover,nv-fielddaterange .input-wrapper .input-container:focus,nv-fielddaterange .input-wrapper .input-container:focus:hover{border-color:var(--nv-field-border-focus);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fielddaterange .input-wrapper .input-container:has(input:read-only){background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fielddaterange .input-wrapper .input-container:has(input:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fielddaterange .input-wrapper .input-container:focus-within,nv-fielddaterange .input-wrapper .input-container:focus-within:hover,nv-fielddaterange .input-wrapper .input-container:focus,nv-fielddaterange .input-wrapper .input-container:focus:hover{box-shadow:none;border-color:var(--nv-field-border-default)}nv-fielddaterange .input-wrapper .input-container input{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);padding:calc(var(--form-field-padding-y) - 1px) var(--form-field-padding-x);font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-field-line-height);width:100%}nv-fielddaterange .input-wrapper .input-container input:focus{outline:none}nv-fielddaterange .input-wrapper .input-container input::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--form-field-line-height)}nv-fielddaterange .input-wrapper .input-container input{}nv-fielddaterange .input-wrapper .input-container input[type=password]::-ms-clear,nv-fielddaterange .input-wrapper .input-container input[type=password]::-ms-reveal{display:none;width:0;height:0}nv-fielddaterange .input-wrapper .input-container input{width:100%}nv-fielddaterange .input-wrapper .input-container input:focus-within,nv-fielddaterange .input-wrapper .input-container input:focus-within:hover,nv-fielddaterange .input-wrapper .input-container input:focus,nv-fielddaterange .input-wrapper .input-container input:focus:hover{outline:var(--focus-outline-stroke) solid var(--nv-field-border-focus);outline-offset:0px}nv-fielddaterange .input-wrapper .input-container input:focus-within~.range-separator,nv-fielddaterange .input-wrapper .input-container input:focus-within:hover~.range-separator,nv-fielddaterange .input-wrapper .input-container input:focus~.range-separator,nv-fielddaterange .input-wrapper .input-container input:focus:hover~.range-separator{background-color:transparent}nv-fielddaterange .input-wrapper .input-container>nv-iconbutton{border:0px;border-radius:0px}nv-fielddaterange .input-wrapper .input-container>nv-iconbutton:focus-visible{border-radius:var(--button-md-border-radius);outline-offset:-3px}nv-fielddaterange .input-wrapper .input-container>nv-iconbutton:last-of-type{border-top-right-radius:var(--form-field-radius);border-bottom-right-radius:var(--form-field-radius)}nv-fielddaterange .input-wrapper .input-container nv-icon.validation{color:var(--nv-field-border-default)}nv-fielddaterange .description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fielddaterange .error-description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}nv-fielddaterange .error-description[hidden]{display:none}nv-fielddaterange .range-inputs{display:flex;align-items:center;gap:0;width:100%}nv-fielddaterange .range-inputs:focus-within{z-index:1}nv-fielddaterange .range-inputs input{flex:1;border:none;outline:none;padding:0;font-size:var(--form-field-font-size);color:var(--components-form-field-content-text);background:transparent;min-width:0}nv-fielddaterange .range-inputs input::placeholder{color:var(--components-form-field-content-placeholder)}nv-fielddaterange .range-inputs input:disabled{cursor:not-allowed;color:var(--components-form-field-content-text);background-color:var(--components-form-field-background-disabled)}nv-fielddaterange .range-inputs .range-separator{width:1px;height:1.5rem;background-color:var(--color-content-medium-border)}';export{s as nv_fielddaterange}
@@ -1 +1 @@
1
- import{r as g,a as t,h as e,d as o,e as s}from"./p-BCjiE1MF.js";const i=class{constructor(e){g(this,e),this.valueChanged=t(this,"valueChanged",3),this.exclusive=!1,this.enforceValue=!1,this.emphasis="high",this.size="md",this.setActiveToggleButtons=()=>{this.el.querySelectorAll("nv-togglebutton").forEach((g=>{const t=i.asToggleButton(g);t&&(t.active=(this.value??[]).includes(t.value))}))},this.setEmphasisToggleButtons=()=>{this.el.querySelectorAll("nv-togglebutton").forEach((g=>{const t=i.asToggleButton(g);t&&(t.emphasis=this.emphasis)}))},this.setSizeToggleButtons=()=>{this.el.querySelectorAll("nv-togglebutton").forEach((g=>{const t=i.asToggleButton(g);t&&(t.size=this.size)}))},this.setupMutationObserver=()=>{this.mutationObserver=new MutationObserver((g=>{g.forEach((g=>{"childList"===g.type&&g.addedNodes.length>0&&(this.setEmphasisToggleButtons(),this.setSizeToggleButtons())}))})),this.mutationObserver.observe(this.el,{childList:!0,subtree:!0})}}static asToggleButton(g){return g instanceof HTMLElement?g:null}onValueChanged(g){this.setActiveToggleButtons(),this.valueChanged.emit(g)}onEmphasisChanged(){this.setEmphasisToggleButtons()}onSizeChanged(){this.setSizeToggleButtons()}onToggled(g){g.stopPropagation();const t=new Set(this.value);if(this.exclusive&&this.enforceValue)this.value=[g.detail.value];else if(this.exclusive)this.value=t.has(g.detail.value)?[]:[g.detail.value];else{g:if(g.detail.active){if(this.enforceValue&&1===t.size)break g;t.delete(g.detail.value)}else t.add(g.detail.value);this.value=[...t]}}componentWillLoad(){this.setActiveToggleButtons(),this.setEmphasisToggleButtons(),this.setSizeToggleButtons(),this.setupMutationObserver()}disconnectedCallback(){this.mutationObserver&&this.mutationObserver.disconnect()}render(){return e(o,{key:"93a5693197f8b41b18ecef0132168e7f209ec86a"},e("slot",{key:"3085cde261575115286c295eb416063ef14a7bf2"}))}get el(){return s(this)}static get watchers(){return{value:[{onValueChanged:0}],emphasis:[{onEmphasisChanged:0}],size:[{onSizeChanged:0}]}}};i.style="nv-togglebuttongroup{display:flex;gap:var(--togglegroup-lg-gap);border-radius:var(--togglegroup-lg-radius);width:fit-content;padding:var(--togglegroup-lg-gap)}nv-togglebuttongroup[emphasis=high]{border:1px solid var(--components-togglegroup-high-border)}nv-togglebuttongroup[emphasis=low]{border:1px solid var(--components-togglegroup-low-border)}nv-togglebuttongroup[size=xs]{padding:calc(var(--togglegroup-xs-padding) - 1px);gap:var(--togglegroup-xs-gap);border-radius:var(--togglegroup-xs-radius);height:var(--togglegroup-xs-height)}nv-togglebuttongroup[size=sm]{padding:calc(var(--togglegroup-sm-padding) - 1px);gap:var(--togglegroup-sm-gap);border-radius:var(--togglegroup-sm-radius);height:var(--togglegroup-sm-height)}nv-togglebuttongroup[size=md]{padding:calc(var(--togglegroup-md-padding) - 1px);gap:var(--togglegroup-md-gap);border-radius:var(--togglegroup-md-radius);height:var(--togglegroup-md-height)}nv-togglebuttongroup[size=lg]{padding:calc(var(--togglegroup-lg-padding) - 1px);gap:var(--togglegroup-lg-gap);border-radius:var(--togglegroup-lg-radius);height:var(--togglegroup-lg-height)}";export{i as nv_togglebuttongroup}
1
+ import{r as g,a as t,h as o,d as e,e as s}from"./p-DU3Vhh_k.js";const i=class{constructor(o){g(this,o),this.valueChanged=t(this,"valueChanged",3),this.exclusive=!1,this.enforceValue=!1,this.emphasis="high",this.size="md",this.setActiveToggleButtons=()=>{this.el.querySelectorAll("nv-togglebutton").forEach((g=>{const t=i.asToggleButton(g);t&&(t.active=(this.value??[]).includes(t.value))}))},this.setEmphasisToggleButtons=()=>{this.el.querySelectorAll("nv-togglebutton").forEach((g=>{const t=i.asToggleButton(g);t&&(t.emphasis=this.emphasis)}))},this.setSizeToggleButtons=()=>{this.el.querySelectorAll("nv-togglebutton").forEach((g=>{const t=i.asToggleButton(g);t&&(t.size=this.size)}))},this.setupMutationObserver=()=>{this.mutationObserver=new MutationObserver((g=>{g.forEach((g=>{"childList"===g.type&&g.addedNodes.length>0&&(this.setEmphasisToggleButtons(),this.setSizeToggleButtons())}))})),this.mutationObserver.observe(this.el,{childList:!0,subtree:!0})}}static asToggleButton(g){return g instanceof HTMLElement?g:null}onValueChanged(g){this.setActiveToggleButtons(),this.valueChanged.emit(g)}onEmphasisChanged(){this.setEmphasisToggleButtons()}onSizeChanged(){this.setSizeToggleButtons()}onToggled(g){g.stopPropagation();const t=new Set(this.value);if(this.exclusive&&this.enforceValue)this.value=[g.detail.value];else if(this.exclusive)this.value=t.has(g.detail.value)?[]:[g.detail.value];else{g:if(g.detail.active){if(this.enforceValue&&1===t.size)break g;t.delete(g.detail.value)}else t.add(g.detail.value);this.value=[...t]}}componentWillLoad(){this.setActiveToggleButtons(),this.setEmphasisToggleButtons(),this.setSizeToggleButtons(),this.setupMutationObserver()}disconnectedCallback(){this.mutationObserver&&this.mutationObserver.disconnect()}render(){return o(e,{key:"2026cb95db8b57f2a1cd4ea53608f336843b63fe"},o("slot",{key:"5c06ab59d6c99e789c3a1c3a8a4842a0772ca3a2"}))}get el(){return s(this)}static get watchers(){return{value:[{onValueChanged:0}],emphasis:[{onEmphasisChanged:0}],size:[{onSizeChanged:0}]}}};i.style="nv-togglebuttongroup{display:flex;gap:var(--togglegroup-lg-gap);border-radius:var(--togglegroup-lg-radius);width:fit-content;padding:var(--togglegroup-lg-gap)}nv-togglebuttongroup[emphasis=high]{border:1px solid var(--components-togglegroup-high-border)}nv-togglebuttongroup[emphasis=low]{border:1px solid var(--components-togglegroup-low-border)}nv-togglebuttongroup[size=xs]{padding:calc(var(--togglegroup-xs-padding) - 1px);gap:var(--togglegroup-xs-gap);border-radius:var(--togglegroup-xs-radius);height:var(--togglegroup-xs-height)}nv-togglebuttongroup[size=sm]{padding:calc(var(--togglegroup-sm-padding) - 1px);gap:var(--togglegroup-sm-gap);border-radius:var(--togglegroup-sm-radius);height:var(--togglegroup-sm-height)}nv-togglebuttongroup[size=md]{padding:calc(var(--togglegroup-md-padding) - 1px);gap:var(--togglegroup-md-gap);border-radius:var(--togglegroup-md-radius);height:var(--togglegroup-md-height)}nv-togglebuttongroup[size=lg]{padding:calc(var(--togglegroup-lg-padding) - 1px);gap:var(--togglegroup-lg-gap);border-radius:var(--togglegroup-lg-radius);height:var(--togglegroup-lg-height)}";export{i as nv_togglebuttongroup}
@@ -1 +1 @@
1
- import{r as t,a as i,h as e,d as s,e as r}from"./p-BCjiE1MF.js";const n=class{constructor(e){t(this,e),this.sizesChanged=i(this,"sizesChanged",3),this.direction="horizontal",this.sizes=[],this.gutterSize=24,this.isDragging=!1,this.dragIndex=-1,this.startPos=0,this.startSizes=[],this.onDocMove=t=>this.handleMouseMove(t),this.onDocUp=()=>this.stopDragging()}onSizesChanged(){this.applySizes()}onDirectionChanged(){this.ensureGutters(),this.applySizes()}componentDidLoad(){this.ensureGutters(),requestAnimationFrame((()=>{this.applySizes(),this.positionGutters()})),this.ro=new ResizeObserver((()=>this.positionGutters())),this.ro.observe(this.el),window.addEventListener("resize",(()=>this.positionGutters()))}disconnectedCallback(){this.detachDocumentListeners(),this.ro?.disconnect(),this.ro=void 0}async setSizes(t){this.sizes=[...t],this.applySizes(),this.sizesChanged.emit([...this.sizes]),this.positionGutters()}async getSizes(){return[...this.sizes]}async collapse(t){const i=this.getPanes();if(t<0||t>=i.length)return;const e=new Array(i.length).fill(0),s=t<i.length-1?t+1:t-1;s>=0&&(e[s]=100),this.sizes=e,this.applySizes(),this.sizesChanged.emit([...this.sizes]),this.positionGutters()}async destroy(){this.sizes=[],this.isDragging=!1,this.dragIndex=-1,this.removeOwnGutters(),this.detachDocumentListeners(),this.ro?.disconnect()}getPanes(){return Array.from(this.el.querySelectorAll(':scope > [slot="pane"]'))}getOwnGutters(){return Array.from(this.el.querySelectorAll(':scope > .nv-split-gutter[data-auto="true"]'))}removeOwnGutters(){this.getOwnGutters().forEach((t=>t.remove()))}ensureGutters(){const t=this.getPanes();this.removeOwnGutters(),t.length<=1||(t.forEach(((i,e)=>{if(e>=t.length-1)return;const s=document.createElement("div");s.className="nv-split-gutter",s.setAttribute("data-auto","true"),"horizontal"===this.direction?(s.style.width=`${this.gutterSize}px`,s.style.cursor="col-resize"):(s.style.height=`${this.gutterSize}px`,s.style.cursor="row-resize");const r=document.createElement("slot");r.name="gutter",s.appendChild(r),s.addEventListener("mousedown",(t=>this.startDragging(t,e))),i.insertAdjacentElement("afterend",s)})),this.positionGutters())}applySizes(){const t=this.getPanes(),i=t.length;0!==i&&(this.sizes&&this.sizes.length===i||(this.sizes=Array(i).fill(100/i)),t.forEach(((t,e)=>{const s=Math.max(0,this.sizes[e]??100/i);t.style.flex=`0 0 ${s}%`,t.style.minWidth="0",t.style.minHeight="0",t.style.overflow="hidden",t.style.display="flex",t.style.flexDirection="column",t.style.boxSizing="border-box"})),this.positionGutters())}attachDocumentListeners(){document.addEventListener("mousemove",this.onDocMove),document.addEventListener("mouseup",this.onDocUp)}detachDocumentListeners(){document.removeEventListener("mousemove",this.onDocMove),document.removeEventListener("mouseup",this.onDocUp)}positionGutters(){const t=this.getPanes(),i=this.getOwnGutters();if(t.length<=1||0===i.length)return;const e="horizontal"===this.direction;let s=0;for(let r=0;r<i.length;r++){s+=this.sizes?.[r]??100/t.length;const n=i[r];n.style.position="absolute",e?(n.style.left=`${s}%`,n.style.top="0",n.style.bottom="0",n.style.height="100%",n.style.transform="translateX(-50%)"):(n.style.top=`${s}%`,n.style.left="0",n.style.right="0",n.style.width="100%",n.style.transform="translateY(-50%)")}}startDragging(t,i){t.preventDefault(),this.isDragging=!0,this.dragIndex=i,this.startPos="horizontal"===this.direction?t.clientX:t.clientY,this.startSizes=[...this.sizes],this.attachDocumentListeners(),this.sizesChanged.emit([...this.sizes])}handleMouseMove(t){if(!this.isDragging||this.dragIndex<0)return;if(this.getPanes().length<2)return;const i=this.el.getBoundingClientRect(),e="horizontal"===this.direction,s=Math.max(e?i.width:i.height,1),r=((e?t.clientX:t.clientY)-this.startPos)/s*100,n=this.dragIndex,o=n+1,a=this.startSizes[n],l=this.startSizes[o];let h=(this.minSizes?.[n]??0)/s*100,c=(this.minSizes?.[o]??0)/s*100;const d=h+c,p=a+l;if(d>p){const t=p/d;h*=t,c*=t}const u=l-c,v=Math.min(Math.max(r,h-a),u),g=l-v,b=[...this.startSizes];b[n]=a+v,b[o]=g,this.sizes=b,this.applySizes(),this.positionGutters()}stopDragging(){this.isDragging&&(this.isDragging=!1,this.dragIndex=-1,this.detachDocumentListeners(),this.sizesChanged.emit([...this.sizes]))}render(){return e(s,{key:"ab5109b9c1c1e59f794029899855d7ddfba304f1","data-dragging":this.isDragging.toString()},e("slot",{key:"d7587efb2e4799f102baaa624555e250fe3746a8",name:"pane"}),e("slot",{key:"af615e7e74a99db838e3d71334b20ed2e77994f9",name:"gutter"}))}get el(){return r(this)}static get watchers(){return{sizes:[{onSizesChanged:0}],direction:[{onDirectionChanged:0}]}}};n.style='nv-split{display:flex;width:100%;height:100%;position:relative}nv-split[direction=horizontal]{flex-direction:row}nv-split[direction=vertical]{flex-direction:column}nv-split .nv-split-gutter{position:absolute;z-index:10;background:transparent;display:flex;align-items:center;justify-content:center;flex:0 0 auto;transition:background-color 0.2s ease}nv-split .nv-split-gutter::after{content:"";position:absolute;background:var(--components-splitter-line-background);transition:background-color 0.2s ease}nv-split .nv-split-gutter:hover::after{background:var(--components-splitter-line-background-hover)}nv-split .nv-split-gutter::before{content:"";background:var(--components-splitter-handle-background);position:absolute;background-repeat:no-repeat;background-position:center;transition:all 0.2s ease;pointer-events:none}nv-split[direction=horizontal]>.nv-split-gutter{width:var(--splitter-gutter);top:0;bottom:0;transform:translateX(-50%);cursor:col-resize}nv-split[direction=horizontal]>.nv-split-gutter::after{width:var(--splitter-line-width);background-color:var(--components-splitter-line-background);height:100%;left:50%;top:0%;transform:translateX(-50%)}nv-split[direction=horizontal]>.nv-split-gutter:hover::after{background-color:var(--components-splitter-line-background-hover)}nv-split[direction=horizontal]>.nv-split-gutter:active::after{background-color:var(--components-splitter-line-background-active)}nv-split[direction=horizontal]>.nv-split-gutter::before{background-color:var(--components-splitter-handle-background);width:var(--splitter-handle-wide);height:var(--splitter-handle-long);border-radius:var(--splitter-handle-radius);z-index:11;transition:all 0.2s ease}nv-split[direction=horizontal]>.nv-split-gutter:hover::before{background-color:var(--components-splitter-handle-background-hover)}nv-split[direction=horizontal]>.nv-split-gutter:active::before{background-color:var(--components-splitter-handle-background-active)}nv-split[direction=vertical]>.nv-split-gutter{height:var(--splitter-gutter);left:0;right:0;transform:translateY(-50%);cursor:row-resize}nv-split[direction=vertical]>.nv-split-gutter::after{height:var(--splitter-line-width);background-color:var(--components-splitter-line-background);width:100%;top:50%;left:0%;transform:translateY(-50%)}nv-split[direction=vertical]>.nv-split-gutter:hover::after{background-color:var(--components-splitter-line-background-hover)}nv-split[direction=vertical]>.nv-split-gutter:active::after{background-color:var(--components-splitter-line-background-active)}nv-split[direction=vertical]>.nv-split-gutter::before{background-color:var(--components-splitter-handle-background);width:var(--splitter-handle-long);height:var(--splitter-handle-wide);border-radius:var(--splitter-handle-radius);z-index:11;transition:all 0.2s ease}nv-split[direction=vertical]>.nv-split-gutter:hover::before{background-color:var(--components-splitter-handle-background-hover)}nv-split[direction=vertical]>.nv-split-gutter:active::before{background-color:var(--components-splitter-handle-background-active)}nv-split[data-dragging=true]>.nv-split-gutter::after{background:var(--components-splitter-line-background-active)}nv-split>[slot=pane]{box-sizing:border-box;flex:1 1 auto;overflow:hidden;min-width:0;min-height:0;display:flex;flex-direction:column;margin:0 !important}nv-split>[slot=pane]>nv-split{flex:1 1 auto;width:100%;height:100%}';export{n as nv_split}
1
+ import{r as t,a as i,h as e,d as s,e as r}from"./p-DU3Vhh_k.js";const n=class{constructor(e){t(this,e),this.sizesChanged=i(this,"sizesChanged",3),this.direction="horizontal",this.sizes=[],this.gutterSize=24,this.isDragging=!1,this.dragIndex=-1,this.startPos=0,this.startSizes=[],this.onDocMove=t=>this.handleMouseMove(t),this.onDocUp=()=>this.stopDragging()}onSizesChanged(){this.applySizes()}onDirectionChanged(){this.ensureGutters(),this.applySizes()}componentDidLoad(){this.ensureGutters(),requestAnimationFrame((()=>{this.applySizes(),this.positionGutters()})),this.ro=new ResizeObserver((()=>this.positionGutters())),this.ro.observe(this.el),window.addEventListener("resize",(()=>this.positionGutters()))}disconnectedCallback(){this.detachDocumentListeners(),this.ro?.disconnect(),this.ro=void 0}async setSizes(t){this.sizes=[...t],this.applySizes(),this.sizesChanged.emit([...this.sizes]),this.positionGutters()}async getSizes(){return[...this.sizes]}async collapse(t){const i=this.getPanes();if(t<0||t>=i.length)return;const e=new Array(i.length).fill(0),s=t<i.length-1?t+1:t-1;s>=0&&(e[s]=100),this.sizes=e,this.applySizes(),this.sizesChanged.emit([...this.sizes]),this.positionGutters()}async destroy(){this.sizes=[],this.isDragging=!1,this.dragIndex=-1,this.removeOwnGutters(),this.detachDocumentListeners(),this.ro?.disconnect()}getPanes(){return Array.from(this.el.querySelectorAll(':scope > [slot="pane"]'))}getOwnGutters(){return Array.from(this.el.querySelectorAll(':scope > .nv-split-gutter[data-auto="true"]'))}removeOwnGutters(){this.getOwnGutters().forEach((t=>t.remove()))}ensureGutters(){const t=this.getPanes();this.removeOwnGutters(),t.length<=1||(t.forEach(((i,e)=>{if(e>=t.length-1)return;const s=document.createElement("div");s.className="nv-split-gutter",s.setAttribute("data-auto","true"),"horizontal"===this.direction?(s.style.width=`${this.gutterSize}px`,s.style.cursor="col-resize"):(s.style.height=`${this.gutterSize}px`,s.style.cursor="row-resize");const r=document.createElement("slot");r.name="gutter",s.appendChild(r),s.addEventListener("mousedown",(t=>this.startDragging(t,e))),i.insertAdjacentElement("afterend",s)})),this.positionGutters())}applySizes(){const t=this.getPanes(),i=t.length;0!==i&&(this.sizes&&this.sizes.length===i||(this.sizes=Array(i).fill(100/i)),t.forEach(((t,e)=>{const s=Math.max(0,this.sizes[e]??100/i);t.style.flex=`0 0 ${s}%`,t.style.minWidth="0",t.style.minHeight="0",t.style.overflow="hidden",t.style.display="flex",t.style.flexDirection="column",t.style.boxSizing="border-box"})),this.positionGutters())}attachDocumentListeners(){document.addEventListener("mousemove",this.onDocMove),document.addEventListener("mouseup",this.onDocUp)}detachDocumentListeners(){document.removeEventListener("mousemove",this.onDocMove),document.removeEventListener("mouseup",this.onDocUp)}positionGutters(){const t=this.getPanes(),i=this.getOwnGutters();if(t.length<=1||0===i.length)return;const e="horizontal"===this.direction;let s=0;for(let r=0;r<i.length;r++){s+=this.sizes?.[r]??100/t.length;const n=i[r];n.style.position="absolute",e?(n.style.left=`${s}%`,n.style.top="0",n.style.bottom="0",n.style.height="100%",n.style.transform="translateX(-50%)"):(n.style.top=`${s}%`,n.style.left="0",n.style.right="0",n.style.width="100%",n.style.transform="translateY(-50%)")}}startDragging(t,i){t.preventDefault(),this.isDragging=!0,this.dragIndex=i,this.startPos="horizontal"===this.direction?t.clientX:t.clientY,this.startSizes=[...this.sizes],this.attachDocumentListeners(),this.sizesChanged.emit([...this.sizes])}handleMouseMove(t){if(!this.isDragging||this.dragIndex<0)return;if(this.getPanes().length<2)return;const i=this.el.getBoundingClientRect(),e="horizontal"===this.direction,s=Math.max(e?i.width:i.height,1),r=((e?t.clientX:t.clientY)-this.startPos)/s*100,n=this.dragIndex,o=n+1,a=this.startSizes[n],l=this.startSizes[o];let h=(this.minSizes?.[n]??0)/s*100,c=(this.minSizes?.[o]??0)/s*100;const d=h+c,p=a+l;if(d>p){const t=p/d;h*=t,c*=t}const u=l-c,v=Math.min(Math.max(r,h-a),u),g=l-v,b=[...this.startSizes];b[n]=a+v,b[o]=g,this.sizes=b,this.applySizes(),this.positionGutters()}stopDragging(){this.isDragging&&(this.isDragging=!1,this.dragIndex=-1,this.detachDocumentListeners(),this.sizesChanged.emit([...this.sizes]))}render(){return e(s,{key:"8ad8bebda77f9868b9715280c0157f247057026d","data-dragging":this.isDragging.toString()},e("slot",{key:"8ca002feab0c3cd7755a5f1f53864e4e20585420",name:"pane"}),e("slot",{key:"f7f7352ed8c326ec263f6d617bcd84fea02689ea",name:"gutter"}))}get el(){return r(this)}static get watchers(){return{sizes:[{onSizesChanged:0}],direction:[{onDirectionChanged:0}]}}};n.style='nv-split{display:flex;width:100%;height:100%;position:relative}nv-split[direction=horizontal]{flex-direction:row}nv-split[direction=vertical]{flex-direction:column}nv-split .nv-split-gutter{position:absolute;z-index:10;background:transparent;display:flex;align-items:center;justify-content:center;flex:0 0 auto;transition:background-color 0.2s ease}nv-split .nv-split-gutter::after{content:"";position:absolute;background:var(--components-splitter-line-background);transition:background-color 0.2s ease}nv-split .nv-split-gutter:hover::after{background:var(--components-splitter-line-background-hover)}nv-split .nv-split-gutter::before{content:"";background:var(--components-splitter-handle-background);position:absolute;background-repeat:no-repeat;background-position:center;transition:all 0.2s ease;pointer-events:none}nv-split[direction=horizontal]>.nv-split-gutter{width:var(--splitter-gutter);top:0;bottom:0;transform:translateX(-50%);cursor:col-resize}nv-split[direction=horizontal]>.nv-split-gutter::after{width:var(--splitter-line-width);background-color:var(--components-splitter-line-background);height:100%;left:50%;top:0%;transform:translateX(-50%)}nv-split[direction=horizontal]>.nv-split-gutter:hover::after{background-color:var(--components-splitter-line-background-hover)}nv-split[direction=horizontal]>.nv-split-gutter:active::after{background-color:var(--components-splitter-line-background-active)}nv-split[direction=horizontal]>.nv-split-gutter::before{background-color:var(--components-splitter-handle-background);width:var(--splitter-handle-wide);height:var(--splitter-handle-long);border-radius:var(--splitter-handle-radius);z-index:11;transition:all 0.2s ease}nv-split[direction=horizontal]>.nv-split-gutter:hover::before{background-color:var(--components-splitter-handle-background-hover)}nv-split[direction=horizontal]>.nv-split-gutter:active::before{background-color:var(--components-splitter-handle-background-active)}nv-split[direction=vertical]>.nv-split-gutter{height:var(--splitter-gutter);left:0;right:0;transform:translateY(-50%);cursor:row-resize}nv-split[direction=vertical]>.nv-split-gutter::after{height:var(--splitter-line-width);background-color:var(--components-splitter-line-background);width:100%;top:50%;left:0%;transform:translateY(-50%)}nv-split[direction=vertical]>.nv-split-gutter:hover::after{background-color:var(--components-splitter-line-background-hover)}nv-split[direction=vertical]>.nv-split-gutter:active::after{background-color:var(--components-splitter-line-background-active)}nv-split[direction=vertical]>.nv-split-gutter::before{background-color:var(--components-splitter-handle-background);width:var(--splitter-handle-long);height:var(--splitter-handle-wide);border-radius:var(--splitter-handle-radius);z-index:11;transition:all 0.2s ease}nv-split[direction=vertical]>.nv-split-gutter:hover::before{background-color:var(--components-splitter-handle-background-hover)}nv-split[direction=vertical]>.nv-split-gutter:active::before{background-color:var(--components-splitter-handle-background-active)}nv-split[data-dragging=true]>.nv-split-gutter::after{background:var(--components-splitter-line-background-active)}nv-split>[slot=pane]{box-sizing:border-box;flex:1 1 auto;overflow:hidden;min-width:0;min-height:0;display:flex;flex-direction:column;margin:0 !important}nv-split>[slot=pane]>nv-split{flex:1 1 auto;width:100%;height:100%}';export{n as nv_split}
@@ -1 +1 @@
1
- import{r as o,a as i,h as t,d as a,e as n}from"./p-BCjiE1MF.js";import{F as e,N as c}from"./p-BReL3Lsa.js";import{u as s}from"./p-sqVK8yoD.js";import{u as r}from"./p-13YSIyGW.js";import"./p-xlgmw4x8.js";import{u as d}from"./p-DmUOtOcY.js";import{p as f}from"./p-CgHCo_Ho.js";import{v as l}from"./p-BdYh22OP.js";const p=class{constructor(t){o(this,t),this.hiddenChanged=i(this,"hiddenChanged",3),this.uid=l(),this.feedback="information",this.emphasis="medium",this.dismissible=!1,this.hidden=!1,this.initiallyHidden=!1,this.iconByFeedback={[e.Warning]:"alert-circle",[e.Information]:"info-circle",[e.Success]:"circle-check",[e.Error]:"alert-triangle",[e.Neutral]:"help"},this.roleByFeedback={[e.Error]:"alert",[e.Warning]:"alert",[e.Information]:"status",[e.Success]:"status",[e.Neutral]:"status"}}async dismiss(){await this.dismissAnimation()}async show(){await this.showAnimation()}getDefaultIcon(){return this.iconByFeedback[this.feedback]??"info-circle"}getAriaRole(){return this.roleByFeedback[this.feedback]??"status"}getAriaLive(){return"alert"===this.getAriaRole()?"assertive":"polite"}getHeadingId(){return this.heading?`nv-notification-${this.uid}-heading`:null}getMessageId(){return this.message?`nv-notification-${this.uid}-message`:null}async showAnimation(){this.hidden=!1;const{setFadeIn:o}=r(this.container),{expand:i}=s(this.el,{duration:300,overflow:"visible"}),{slideY:t,setSlideY:a}=d(this.container,{duration:300});a(-100),o(),await f(t({from:-100,to:0}),i).start(),this.hiddenChanged.emit(!1)}getSlideDestination(o){switch(o){case c.TopRight:case c.BottomRight:return{axis:"x",to:100};case c.TopLeft:case c.BottomLeft:return{axis:"x",to:-100};case c.TopCenter:return{axis:"y",to:-100};case c.BottomCenter:return{axis:"y",to:100};default:return{axis:"x",to:100}}}async dismissAnimation(){const o=this.el.closest("nv-notificationcontainer")?.getAttribute("position"),i=this.getSlideDestination(o),{fadeOut:t}=r(this.container,{duration:300}),{slideX:a,slideY:n,setSlideReset:e}=d(this.container,{duration:500}),{collapse:c}=s(this.el,{duration:500,overflow:"visible"}),l="x"===i.axis?a({from:0,to:i.to}):n({from:0,to:i.to});e(),await f(t,l,c).start(),this.hidden=!0,this.hiddenChanged.emit(!0)}componentWillLoad(){this.headingSlot=this.el.querySelector('[slot="heading"]'),this.messageSlot=this.el.querySelector('[slot="content"]'),this.actionsSlot=this.el.querySelector('[slot="actions"]'),this.initiallyHidden&&(this.hidden=!0)}render(){return t(a,{key:"3c5025f664fcfc1e68856c003cd31ff10b8efdd9",role:this.getAriaRole(),"aria-live":this.getAriaLive(),"aria-atomic":!0,"aria-labelledby":this.getHeadingId()??null,"aria-describedby":this.getMessageId()??null,tabindex:"-1"},t("div",{key:"a26032a0b0ac9818b5da1f6e815a8c96f096ed46","data-scope":"container",ref:o=>this.container=o},this.dismissible&&t("button",{key:"f660bc8b5e5d8df073b69fb60d1ed0b11ec75c6f","data-scope":"dismiss",type:"button",onClick:this.dismiss.bind(this)},t("nv-icon",{key:"dbeea84ab7f1c965eae3a8ae74b7afca98453705",name:"x",size:"sm"})),t("nv-icon",{key:"0cbcee4f8667579b38ea205bdd747aabf6bdca8c",name:this.icon??this.getDefaultIcon(),size:"md","data-scope":"icon"}),t("div",{key:"aed13fae98256180ff8d453c9f9d108eab429952","data-scope":"content"},(this.heading||this.headingSlot)&&t("p",{key:"a2964d1c4dc744765ed916fe74d6cc167164eaf4",id:this.getHeadingId(),"data-scope":"heading"},t("slot",{key:"2eee0bd4a73fd92ea283ae6cd50af2d1edc01f0c",name:"heading"},this.heading)),(this.message||this.messageSlot)&&t("p",{key:"2f7e9b5429b9fa27bc4088b5d26955b8360695c1",id:this.getMessageId(),"data-scope":"message"},t("slot",{key:"f1b3dbe8722c8750231b4fb18fdc120ecfd04c54",name:"content"},this.message)),this.actionsSlot&&t("div",{key:"56a881b3a53bb68a214f8db560805c726930b8d4","data-scope":"actions"},t("slot",{key:"ece50671721f12e58dfd03df09545cb456d00a9c",name:"actions"})))))}get el(){return n(this)}};p.style="nv-notification{display:block}nv-notification [data-scope=container]{display:flex;position:relative;max-width:512px;width:100%;padding:var(--notification-padding);align-items:flex-start;gap:var(--notification-gap-x);border-radius:var(--notification-radius);border-style:solid;box-shadow:0 var(--shadow-y-axis-lg-1, 4px) var(--shadow-blur-lg-1, 6px) var(--shadow-spread-lg-1, -2px) var(--shadow-color-opacity-1, rgba(14, 14, 14, 0.06)), 0 var(--shadow-y-axis-lg-2, 10px) var(--shadow-blur-lg-2, 15px) var(--shadow-spread-lg-2, -3px) var(--shadow-color-opacity-2, rgba(14, 14, 14, 0.1))}nv-notification [data-scope=container] [data-scope=icon]{flex-shrink:0}nv-notification [data-scope=container] [data-scope=dismiss]{padding:var(--button-sm-icon-button-padding, 8px);justify-content:center;align-items:center;gap:var(--button-sm-gap, 6px);display:flex;position:absolute;right:8px;top:8px;border-radius:var(--button-sm-border-radius, 4px);background:var(--components-button-lower-background, rgba(255, 255, 255, 0));color:var(--components-button-lower-icon)}nv-notification [data-scope=container] [data-scope=content]{display:flex;padding-right:var(--notification-padding-right);flex-direction:column;align-items:flex-start;gap:var(--notification-gap-y);flex:1 0 0}nv-notification [data-scope=container] [data-scope=content] [data-scope=heading]{display:flex;align-items:flex-start;gap:var(--notification-gap-x);align-self:stretch;color:var(--components-notification-content-title);font-size:var(--notification-title-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:20px;}nv-notification [data-scope=container] [data-scope=content] [data-scope=message]{display:flex;flex-direction:column;align-items:flex-start;gap:var(--notification-gap-y);align-self:stretch;color:var(--components-notification-content-description);font-variant-numeric:lining-nums tabular-nums slashed-zero;font-size:var(--font-size-sm, 14px);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--line-height-sm, 20px)}nv-notification [data-scope=container] [data-scope=content] [data-scope=actions]{display:flex;padding:var(--spacing-2, 8px) 0;padding-bottom:0px;align-items:flex-start;gap:var(--notification-gap-x);align-self:stretch;margin-left:calc(-1 * var(--button-sm-padding-x))}nv-notification[feedback=information] [data-scope=container]{background-color:var(--components-notification-information-background);border-color:var(--components-notification-information-border)}nv-notification[feedback=information] [data-scope=container] [data-scope=icon]{color:var(--components-notification-information-icon)}nv-notification[feedback=information]>[data-scope=close]:focus,nv-notification[feedback=information]>[data-scope=close]:focus-within{outline:none}nv-notification[feedback=information]>[data-scope=close]:focus-visible,nv-notification[feedback=information]>[data-scope=close]:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-notification-information-border);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-notification[feedback=warning] [data-scope=container]{background-color:var(--components-notification-warning-background);border-color:var(--components-notification-warning-border)}nv-notification[feedback=warning] [data-scope=container] [data-scope=icon]{color:var(--components-notification-warning-icon)}nv-notification[feedback=warning]>[data-scope=close]:focus,nv-notification[feedback=warning]>[data-scope=close]:focus-within{outline:none}nv-notification[feedback=warning]>[data-scope=close]:focus-visible,nv-notification[feedback=warning]>[data-scope=close]:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-notification-warning-border);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-notification[feedback=error] [data-scope=container]{background-color:var(--components-notification-error-background);border-color:var(--components-notification-error-border)}nv-notification[feedback=error] [data-scope=container] [data-scope=icon]{color:var(--components-notification-error-icon)}nv-notification[feedback=error]>[data-scope=close]:focus,nv-notification[feedback=error]>[data-scope=close]:focus-within{outline:none}nv-notification[feedback=error]>[data-scope=close]:focus-visible,nv-notification[feedback=error]>[data-scope=close]:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-notification-error-border);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-notification[feedback=success] [data-scope=container]{background-color:var(--components-notification-success-background);border-color:var(--components-notification-success-border)}nv-notification[feedback=success] [data-scope=container] [data-scope=icon]{color:var(--components-notification-success-icon)}nv-notification[feedback=success]>[data-scope=close]:focus,nv-notification[feedback=success]>[data-scope=close]:focus-within{outline:none}nv-notification[feedback=success]>[data-scope=close]:focus-visible,nv-notification[feedback=success]>[data-scope=close]:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-notification-success-border);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-notification[feedback=neutral] [data-scope=container]{background-color:var(--components-notification-neutral-background);border-color:var(--components-notification-neutral-border)}nv-notification[feedback=neutral] [data-scope=container] [data-scope=icon]{color:var(--components-notification-neutral-icon)}nv-notification[feedback=neutral]>[data-scope=close]:focus,nv-notification[feedback=neutral]>[data-scope=close]:focus-within{outline:none}nv-notification[feedback=neutral]>[data-scope=close]:focus-visible,nv-notification[feedback=neutral]>[data-scope=close]:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-notification-neutral-border);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-notification[emphasis=high] [data-scope=container]{border-width:1px;border-left-width:var(--notification-border-width-high-emphasis);padding-left:calc(var(--notification-padding) - var(--notification-border-width-high-emphasis) + 1px)}nv-notification[emphasis=medium] [data-scope=container]{border-width:var(--notification-border-width-low-emphasis);border-color:var(--color-content-low-border, #E3E3E3)}";export{p as nv_notification}
1
+ import{r as o,a as i,h as t,d as a,e as n}from"./p-DU3Vhh_k.js";import{F as e,N as c}from"./p-BReL3Lsa.js";import{u as s}from"./p-sqVK8yoD.js";import{u as r}from"./p-13YSIyGW.js";import"./p-xlgmw4x8.js";import{u as d}from"./p-DmUOtOcY.js";import{p as f}from"./p-CgHCo_Ho.js";import{v as l}from"./p-BdYh22OP.js";const p=class{constructor(t){o(this,t),this.hiddenChanged=i(this,"hiddenChanged",3),this.uid=l(),this.feedback="information",this.emphasis="medium",this.dismissible=!1,this.hidden=!1,this.initiallyHidden=!1,this.iconByFeedback={[e.Warning]:"alert-circle",[e.Information]:"info-circle",[e.Success]:"circle-check",[e.Error]:"alert-triangle",[e.Neutral]:"help"},this.roleByFeedback={[e.Error]:"alert",[e.Warning]:"alert",[e.Information]:"status",[e.Success]:"status",[e.Neutral]:"status"}}async dismiss(){await this.dismissAnimation()}async show(){await this.showAnimation()}getDefaultIcon(){return this.iconByFeedback[this.feedback]??"info-circle"}getAriaRole(){return this.roleByFeedback[this.feedback]??"status"}getAriaLive(){return"alert"===this.getAriaRole()?"assertive":"polite"}getHeadingId(){return this.heading?`nv-notification-${this.uid}-heading`:null}getMessageId(){return this.message?`nv-notification-${this.uid}-message`:null}async showAnimation(){this.hidden=!1;const{setFadeIn:o}=r(this.container),{expand:i}=s(this.el,{duration:300,overflow:"visible"}),{slideY:t,setSlideY:a}=d(this.container,{duration:300});a(-100),o(),await f(t({from:-100,to:0}),i).start(),this.hiddenChanged.emit(!1)}getSlideDestination(o){switch(o){case c.TopRight:case c.BottomRight:return{axis:"x",to:100};case c.TopLeft:case c.BottomLeft:return{axis:"x",to:-100};case c.TopCenter:return{axis:"y",to:-100};case c.BottomCenter:return{axis:"y",to:100};default:return{axis:"x",to:100}}}async dismissAnimation(){const o=this.el.closest("nv-notificationcontainer")?.getAttribute("position"),i=this.getSlideDestination(o),{fadeOut:t}=r(this.container,{duration:300}),{slideX:a,slideY:n,setSlideReset:e}=d(this.container,{duration:500}),{collapse:c}=s(this.el,{duration:500,overflow:"visible"}),l="x"===i.axis?a({from:0,to:i.to}):n({from:0,to:i.to});e(),await f(t,l,c).start(),this.hidden=!0,this.hiddenChanged.emit(!0)}componentWillLoad(){this.headingSlot=this.el.querySelector('[slot="heading"]'),this.messageSlot=this.el.querySelector('[slot="content"]'),this.actionsSlot=this.el.querySelector('[slot="actions"]'),this.initiallyHidden&&(this.hidden=!0)}render(){return t(a,{key:"e3f03dd6b580e9f19ac6908fc7d417c148317538",role:this.getAriaRole(),"aria-live":this.getAriaLive(),"aria-atomic":!0,"aria-labelledby":this.getHeadingId()??null,"aria-describedby":this.getMessageId()??null,tabindex:"-1"},t("div",{key:"42d46d24c47909e381482aeb66e6aa5d2f1fcc92","data-scope":"container",ref:o=>this.container=o},this.dismissible&&t("button",{key:"dc47d41d40988dab9e63c6c5e794940826233400","data-scope":"dismiss",type:"button",onClick:this.dismiss.bind(this)},t("nv-icon",{key:"f1f83c98845ed3df1a85c03c8262f15d2148131b",name:"x",size:"sm"})),t("nv-icon",{key:"adf0fe6170343387ce6316e17f0ef614f44130e1",name:this.icon??this.getDefaultIcon(),size:"md","data-scope":"icon"}),t("div",{key:"7e16202e3f42cf3abd47ac9e58812bd8de829fbd","data-scope":"content"},(this.heading||this.headingSlot)&&t("p",{key:"f0e80aae320de33fe91e5fb4e573c6eacdaafa8c",id:this.getHeadingId(),"data-scope":"heading"},t("slot",{key:"54007f5cf01b74bb04bb2f48a0e482aa4c0522a5",name:"heading"},this.heading)),(this.message||this.messageSlot)&&t("p",{key:"249324e6ea951587ace619d6df0fff422e6eee40",id:this.getMessageId(),"data-scope":"message"},t("slot",{key:"2ae08bc1526aaf12b26a2202d33b85f9cfa69f74",name:"content"},this.message)),this.actionsSlot&&t("div",{key:"36e930834c39b0552d203630baffa593542ff631","data-scope":"actions"},t("slot",{key:"15c1fa42b17f907962c6b6396afe384ba5e1c98f",name:"actions"})))))}get el(){return n(this)}};p.style="nv-notification{display:block}nv-notification [data-scope=container]{display:flex;position:relative;max-width:512px;width:100%;padding:var(--notification-padding);align-items:flex-start;gap:var(--notification-gap-x);border-radius:var(--notification-radius);border-style:solid;box-shadow:0 var(--shadow-y-axis-lg-1, 4px) var(--shadow-blur-lg-1, 6px) var(--shadow-spread-lg-1, -2px) var(--shadow-color-opacity-1, rgba(14, 14, 14, 0.06)), 0 var(--shadow-y-axis-lg-2, 10px) var(--shadow-blur-lg-2, 15px) var(--shadow-spread-lg-2, -3px) var(--shadow-color-opacity-2, rgba(14, 14, 14, 0.1))}nv-notification [data-scope=container] [data-scope=icon]{flex-shrink:0}nv-notification [data-scope=container] [data-scope=dismiss]{padding:var(--button-sm-icon-button-padding, 8px);justify-content:center;align-items:center;gap:var(--button-sm-gap, 6px);display:flex;position:absolute;right:8px;top:8px;border-radius:var(--button-sm-border-radius, 4px);background:var(--components-button-lower-background, rgba(255, 255, 255, 0));color:var(--components-button-lower-icon)}nv-notification [data-scope=container] [data-scope=content]{display:flex;padding-right:var(--notification-padding-right);flex-direction:column;align-items:flex-start;gap:var(--notification-gap-y);flex:1 0 0}nv-notification [data-scope=container] [data-scope=content] [data-scope=heading]{display:flex;align-items:flex-start;gap:var(--notification-gap-x);align-self:stretch;color:var(--components-notification-content-title);font-size:var(--notification-title-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:20px;}nv-notification [data-scope=container] [data-scope=content] [data-scope=message]{display:flex;flex-direction:column;align-items:flex-start;gap:var(--notification-gap-y);align-self:stretch;color:var(--components-notification-content-description);font-variant-numeric:lining-nums tabular-nums slashed-zero;font-size:var(--font-size-sm, 14px);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--line-height-sm, 20px)}nv-notification [data-scope=container] [data-scope=content] [data-scope=actions]{display:flex;padding:var(--spacing-2, 8px) 0;padding-bottom:0px;align-items:flex-start;gap:var(--notification-gap-x);align-self:stretch;margin-left:calc(-1 * var(--button-sm-padding-x))}nv-notification[feedback=information] [data-scope=container]{background-color:var(--components-notification-information-background);border-color:var(--components-notification-information-border)}nv-notification[feedback=information] [data-scope=container] [data-scope=icon]{color:var(--components-notification-information-icon)}nv-notification[feedback=information]>[data-scope=close]:focus,nv-notification[feedback=information]>[data-scope=close]:focus-within{outline:none}nv-notification[feedback=information]>[data-scope=close]:focus-visible,nv-notification[feedback=information]>[data-scope=close]:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-notification-information-border);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-notification[feedback=warning] [data-scope=container]{background-color:var(--components-notification-warning-background);border-color:var(--components-notification-warning-border)}nv-notification[feedback=warning] [data-scope=container] [data-scope=icon]{color:var(--components-notification-warning-icon)}nv-notification[feedback=warning]>[data-scope=close]:focus,nv-notification[feedback=warning]>[data-scope=close]:focus-within{outline:none}nv-notification[feedback=warning]>[data-scope=close]:focus-visible,nv-notification[feedback=warning]>[data-scope=close]:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-notification-warning-border);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-notification[feedback=error] [data-scope=container]{background-color:var(--components-notification-error-background);border-color:var(--components-notification-error-border)}nv-notification[feedback=error] [data-scope=container] [data-scope=icon]{color:var(--components-notification-error-icon)}nv-notification[feedback=error]>[data-scope=close]:focus,nv-notification[feedback=error]>[data-scope=close]:focus-within{outline:none}nv-notification[feedback=error]>[data-scope=close]:focus-visible,nv-notification[feedback=error]>[data-scope=close]:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-notification-error-border);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-notification[feedback=success] [data-scope=container]{background-color:var(--components-notification-success-background);border-color:var(--components-notification-success-border)}nv-notification[feedback=success] [data-scope=container] [data-scope=icon]{color:var(--components-notification-success-icon)}nv-notification[feedback=success]>[data-scope=close]:focus,nv-notification[feedback=success]>[data-scope=close]:focus-within{outline:none}nv-notification[feedback=success]>[data-scope=close]:focus-visible,nv-notification[feedback=success]>[data-scope=close]:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-notification-success-border);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-notification[feedback=neutral] [data-scope=container]{background-color:var(--components-notification-neutral-background);border-color:var(--components-notification-neutral-border)}nv-notification[feedback=neutral] [data-scope=container] [data-scope=icon]{color:var(--components-notification-neutral-icon)}nv-notification[feedback=neutral]>[data-scope=close]:focus,nv-notification[feedback=neutral]>[data-scope=close]:focus-within{outline:none}nv-notification[feedback=neutral]>[data-scope=close]:focus-visible,nv-notification[feedback=neutral]>[data-scope=close]:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-notification-neutral-border);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-notification[emphasis=high] [data-scope=container]{border-width:1px;border-left-width:var(--notification-border-width-high-emphasis);padding-left:calc(var(--notification-padding) - var(--notification-border-width-high-emphasis) + 1px)}nv-notification[emphasis=medium] [data-scope=container]{border-width:var(--notification-border-width-low-emphasis);border-color:var(--color-content-low-border, #E3E3E3)}";export{p as nv_notification}
@@ -1 +1 @@
1
- import{r as e,a as r,h as o,d as i,e as a}from"./p-BCjiE1MF.js";import{v as t}from"./p-BdYh22OP.js";const n=class{constructor(o){e(this,o),this.valueChanged=r(this,"valueChanged",3),this.inputId=t(),this.disabled=!1,this.readonly=!1,this.required=!1,this.ariaRequiredAttr=!1,this.error=!1,this.success=!1,this.mode="text",this.autocomplete="off",this.hidePasswordIcon=!1,this.showPassword=!1,this.autofocus=!1,this.fluid=!1,this.handleInputContainerClick=()=>{this.inputElement.focus()},this.togglePasswordVisibility=()=>{this.showPasswordState=!this.showPasswordState},this.handleInput=e=>{const r=e.target;this.value=r.value,this.valueChanged.emit(r.value)}}handleShowPasswordChange(e){this.showPasswordState=e}componentWillLoad(){this.showPasswordState=this.showPassword}render(){const e=this.el.hasAttribute("aria-required")||this.el.hasAttribute("aria-required-attr"),r=e?this.el.getAttribute("aria-required")||this.el.getAttribute("aria-required-attr"):null,a=e?r:null,t=e?"true"===a||""===a:void 0,n=this.required&&(!e||!0===t);return o(i,{key:"0022e7c0b9529f4cd6840732a12bdfd7af178c4d"},(this.label||this.el.querySelector('[slot="label"]'))&&o("label",{key:"ac8eebc87258b3ff220809e1304c69c657d91a6e",htmlFor:this.inputId},o("slot",{key:"0385f62cef83b64170ffbe796163407e7f5a5ab5",name:"label"},this.label)),o("div",{key:"a4b02b838c72a5f5c263919bb56ec2f601f9b2af",class:"input-wrapper"},o("slot",{key:"fbcfea7b266fc54c29583ada4f0007984a2c4e05",name:"before-input"}),o("div",{key:"83ca16802319a42e59718c1836b9692da0f34fc9",class:"input-container",onClick:this.handleInputContainerClick},o("slot",{key:"996aceac450cf9ab7e0c0a96061b06212ed95ca0",name:"leading-input"}),o("input",{key:"2d23175d6a47ee52e2a3dbae88a989e13fe5ea02",id:this.inputId,ref:e=>this.inputElement=e,autofocus:this.autofocus,autocomplete:this.autocomplete,placeholder:this.placeholder,name:this.name,type:this.showPasswordState?"text":"password",inputMode:this.mode,value:this.value,required:n?this.required:void 0,...void 0!==t&&{"aria-required":String(t)},maxlength:this.maxlength,minlength:this.minlength,pattern:this.pattern,disabled:this.disabled,readOnly:this.readonly,onInput:this.handleInput}),(this.success||this.error)&&o("nv-icon",{key:"388170ed995039b69b2b3db523b2c7ba33e8fd87",name:this.success?"circle-check":"alert-circle",class:"validation",size:"md"}),!this.hidePasswordIcon&&o("nv-iconbutton",{key:"92567a64f653423e351bb558456233318461a0e0",name:this.showPasswordState?"eye":"eye-off",size:"md",emphasis:"lower",onClick:this.togglePasswordVisibility,"aria-label":this.showPasswordState?"Hide password":"Show password","aria-pressed":this.showPasswordState.toString()})),o("slot",{key:"929d2faa36c128bd5d163beb8a06f40c008981e9",name:"after-input"})),(this.description||this.el.querySelector('[slot="description"]'))&&o("div",{key:"ddd0ed40de645fae289d3e1b60db0067e219fd78",class:"description"},o("slot",{key:"17122748a9a401a50d43d3fd556c20809dfb9bc2",name:"description"},this.description)),(this.errorDescription||this.el.querySelector('[slot="error-description"]'))&&o("div",{key:"1ef139333591257d3a13e9506be0721cee1fd4f1",hidden:!this.error,class:"error-description"},o("slot",{key:"631bf31a710d0ace20cd7d631d6218101ac896b0",name:"error-description"},this.errorDescription)))}static get formAssociated(){return!0}get el(){return a(this)}static get watchers(){return{showPassword:[{handleShowPasswordChange:0}]}}};n.style='nv-fieldslider .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .track-range{background:var(--components-slider-track-filled-focus)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .thumb{border-color:var(--components-slider-track-filled-focus)}nv-fieldslider[error] .slider-container .track-container .track .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:hover{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-handler-background-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:focus{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldpassword{--nv-field-border-default:var(--components-form-field-border-default);--nv-field-border-hover:var(--components-form-field-border-hover);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--components-form-field-border-default);--nv-field-border-readonly:var(--components-form-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-brand);--nv-field-background:var(--components-form-field-background-default);display:flex;flex-direction:column;align-items:flex-start;gap:var(--form-gap-y);box-sizing:border-box;max-width:480px}nv-fieldpassword[fluid]:not([fluid=false]){max-width:unset}nv-fieldpassword[readonly]:not([readonly=false]){--nv-field-border-default:var(--components-form-field-border-readonly);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-background:var(--components-form-field-background-readonly)}nv-fieldpassword[error]:not([error=false]){--nv-field-border-default:var(--components-form-field-border-error);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-destructive-in-field)}nv-fieldpassword[success]:not([success=false]){--nv-field-border-default:var(--components-form-field-border-success);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-success)}nv-fieldpassword[required]:not([required=false]) label::after,nv-fieldpassword[aria-required=true] label::after{content:"*";color:var(--components-form-text-required);font-weight:var(--font-weight-high-emphasis)}nv-fieldpassword label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-label-line-height)}nv-fieldpassword .input-wrapper{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch}nv-fieldpassword .input-wrapper .input-container{display:flex;flex-grow:1;justify-content:center;align-items:center;align-self:stretch;border-radius:var(--form-field-radius);border-width:1px;border-style:solid;border-color:var(--nv-field-border-default);opacity:var(--components-form-opacity-default, 1);background:var(--nv-field-background);transition:all 150ms ease-out}nv-fieldpassword .input-wrapper .input-container:hover{border-color:var(--nv-field-border-hover)}nv-fieldpassword .input-wrapper .input-container:focus-within,nv-fieldpassword .input-wrapper .input-container:focus-within:hover,nv-fieldpassword .input-wrapper .input-container:focus,nv-fieldpassword .input-wrapper .input-container:focus:hover{border-color:var(--nv-field-border-focus);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fieldpassword .input-wrapper .input-container:has(input:read-only){background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fieldpassword .input-wrapper .input-container:has(input:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fieldpassword .input-wrapper .input-container{position:relative}nv-fieldpassword .input-wrapper .input-container input{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);padding:calc(var(--form-field-padding-y) - 1px) var(--form-field-padding-x);font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-field-line-height);width:100%}nv-fieldpassword .input-wrapper .input-container input:focus{outline:none}nv-fieldpassword .input-wrapper .input-container input::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--form-field-line-height)}nv-fieldpassword .input-wrapper .input-container input{}nv-fieldpassword .input-wrapper .input-container input[type=password]::-ms-clear,nv-fieldpassword .input-wrapper .input-container input[type=password]::-ms-reveal{display:none;width:0;height:0}nv-fieldpassword .input-wrapper .input-container>nv-iconbutton{border:0px;border-radius:0px}nv-fieldpassword .input-wrapper .input-container>nv-iconbutton:focus-visible{border-radius:var(--button-md-border-radius);outline-offset:-3px}nv-fieldpassword .input-wrapper .input-container>nv-iconbutton:last-of-type{border-top-right-radius:var(--form-field-radius);border-bottom-right-radius:var(--form-field-radius)}nv-fieldpassword .input-wrapper .input-container nv-icon.validation{color:var(--nv-field-border-default)}nv-fieldpassword .description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fieldpassword .error-description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}';export{n as nv_fieldpassword}
1
+ import{r as e,a as r,h as o,d as i,e as a}from"./p-DU3Vhh_k.js";import{v as n}from"./p-BdYh22OP.js";const t=class{constructor(o){e(this,o),this.valueChanged=r(this,"valueChanged",3),this.inputId=n(),this.disabled=!1,this.readonly=!1,this.required=!1,this.ariaRequiredAttr=!1,this.error=!1,this.success=!1,this.mode="text",this.autocomplete="off",this.hidePasswordIcon=!1,this.showPassword=!1,this.autofocus=!1,this.fluid=!1,this.handleInputContainerClick=()=>{this.inputElement.focus()},this.togglePasswordVisibility=()=>{this.showPasswordState=!this.showPasswordState},this.handleInput=e=>{const r=e.target;this.value=r.value,this.valueChanged.emit(r.value)}}handleShowPasswordChange(e){this.showPasswordState=e}componentWillLoad(){this.showPasswordState=this.showPassword}render(){const e=this.el.hasAttribute("aria-required")||this.el.hasAttribute("aria-required-attr"),r=e?this.el.getAttribute("aria-required")||this.el.getAttribute("aria-required-attr"):null,a=e?r:null,n=e?"true"===a||""===a:void 0,t=this.required&&(!e||!0===n);return o(i,{key:"30f853d7d12cd12f4093c3a185e497eb5374fecd"},(this.label||this.el.querySelector('[slot="label"]'))&&o("label",{key:"a0a4557d38448ea9101f255b8080eb298107906e",htmlFor:this.inputId},o("slot",{key:"76eccd0d2ef97d4a714f9d72f736e7b8a3b1ac9d",name:"label"},this.label)),o("div",{key:"d1042d63c628c26614aabe08155848f265dd67d1",class:"input-wrapper"},o("slot",{key:"1412d40db63a8a1bcea9a941ca0c263d3227cbbc",name:"before-input"}),o("div",{key:"683b678a05a524258ee6924148c2bea9be68690a",class:"input-container",onClick:this.handleInputContainerClick},o("slot",{key:"34f2878c425e6544ab7862cb1e3e892da399c23f",name:"leading-input"}),o("input",{key:"153fa6a7aac31180e6355dcf7a0b3e2fbaa75ce0",id:this.inputId,ref:e=>this.inputElement=e,autofocus:this.autofocus,autocomplete:this.autocomplete,placeholder:this.placeholder,name:this.name,type:this.showPasswordState?"text":"password",inputMode:this.mode,value:this.value,required:t?this.required:void 0,...void 0!==n&&{"aria-required":String(n)},maxlength:this.maxlength,minlength:this.minlength,pattern:this.pattern,disabled:this.disabled,readOnly:this.readonly,onInput:this.handleInput}),(this.success||this.error)&&o("nv-icon",{key:"3b024daa690eb7ff8d34da6000d37ce6ae182112",name:this.success?"circle-check":"alert-circle",class:"validation",size:"md"}),!this.hidePasswordIcon&&o("nv-iconbutton",{key:"c8877e4d7d2c106161bfd1b27e3e3dc664cec313",name:this.showPasswordState?"eye":"eye-off",size:"md",emphasis:"lower",onClick:this.togglePasswordVisibility,"aria-label":this.showPasswordState?"Hide password":"Show password","aria-pressed":this.showPasswordState.toString()})),o("slot",{key:"c3b428593383be23101c2dead68421f620e25d38",name:"after-input"})),(this.description||this.el.querySelector('[slot="description"]'))&&o("div",{key:"56a5ebc137e6864570626e0ce75aca0fff6314d3",class:"description"},o("slot",{key:"eb8c5141c3a79359ca606defea0c0b7dbc0f5bd6",name:"description"},this.description)),(this.errorDescription||this.el.querySelector('[slot="error-description"]'))&&o("div",{key:"4aaf597ca070227517d231b7e673e0db280ccab1",hidden:!this.error,class:"error-description"},o("slot",{key:"6815df2fc9b2ec36cfe1f88cebaeaf88e11ec882",name:"error-description"},this.errorDescription)))}static get formAssociated(){return!0}get el(){return a(this)}static get watchers(){return{showPassword:[{handleShowPasswordChange:0}]}}};t.style='nv-fieldslider .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .track-range{background:var(--components-slider-track-filled-focus)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .thumb{border-color:var(--components-slider-track-filled-focus)}nv-fieldslider[error] .slider-container .track-container .track .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:hover{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-handler-background-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:focus{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldpassword{--nv-field-border-default:var(--components-form-field-border-default);--nv-field-border-hover:var(--components-form-field-border-hover);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--components-form-field-border-default);--nv-field-border-readonly:var(--components-form-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-brand);--nv-field-background:var(--components-form-field-background-default);display:flex;flex-direction:column;align-items:flex-start;gap:var(--form-gap-y);box-sizing:border-box;max-width:480px}nv-fieldpassword[fluid]:not([fluid=false]){max-width:unset}nv-fieldpassword[readonly]:not([readonly=false]){--nv-field-border-default:var(--components-form-field-border-readonly);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-background:var(--components-form-field-background-readonly)}nv-fieldpassword[error]:not([error=false]){--nv-field-border-default:var(--components-form-field-border-error);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-destructive-in-field)}nv-fieldpassword[success]:not([success=false]){--nv-field-border-default:var(--components-form-field-border-success);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-success)}nv-fieldpassword[required]:not([required=false]) label::after,nv-fieldpassword[aria-required=true] label::after{content:"*";color:var(--components-form-text-required);font-weight:var(--font-weight-high-emphasis)}nv-fieldpassword label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-label-line-height)}nv-fieldpassword .input-wrapper{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch}nv-fieldpassword .input-wrapper .input-container{display:flex;flex-grow:1;justify-content:center;align-items:center;align-self:stretch;border-radius:var(--form-field-radius);border-width:1px;border-style:solid;border-color:var(--nv-field-border-default);opacity:var(--components-form-opacity-default, 1);background:var(--nv-field-background);transition:all 150ms ease-out}nv-fieldpassword .input-wrapper .input-container:hover{border-color:var(--nv-field-border-hover)}nv-fieldpassword .input-wrapper .input-container:focus-within,nv-fieldpassword .input-wrapper .input-container:focus-within:hover,nv-fieldpassword .input-wrapper .input-container:focus,nv-fieldpassword .input-wrapper .input-container:focus:hover{border-color:var(--nv-field-border-focus);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fieldpassword .input-wrapper .input-container:has(input:read-only){background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fieldpassword .input-wrapper .input-container:has(input:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fieldpassword .input-wrapper .input-container{position:relative}nv-fieldpassword .input-wrapper .input-container input{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);padding:calc(var(--form-field-padding-y) - 1px) var(--form-field-padding-x);font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-field-line-height);width:100%}nv-fieldpassword .input-wrapper .input-container input:focus{outline:none}nv-fieldpassword .input-wrapper .input-container input::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--form-field-line-height)}nv-fieldpassword .input-wrapper .input-container input{}nv-fieldpassword .input-wrapper .input-container input[type=password]::-ms-clear,nv-fieldpassword .input-wrapper .input-container input[type=password]::-ms-reveal{display:none;width:0;height:0}nv-fieldpassword .input-wrapper .input-container>nv-iconbutton{border:0px;border-radius:0px}nv-fieldpassword .input-wrapper .input-container>nv-iconbutton:focus-visible{border-radius:var(--button-md-border-radius);outline-offset:-3px}nv-fieldpassword .input-wrapper .input-container>nv-iconbutton:last-of-type{border-top-right-radius:var(--form-field-radius);border-bottom-right-radius:var(--form-field-radius)}nv-fieldpassword .input-wrapper .input-container nv-icon.validation{color:var(--nv-field-border-default)}nv-fieldpassword .description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fieldpassword .error-description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}nv-fieldpassword .error-description[hidden]{display:none}';export{t as nv_fieldpassword}
@@ -0,0 +1 @@
1
+ import{r as e,a as t,f as i,h as r,d as n,e as o}from"./p-DU3Vhh_k.js";import{g as s}from"./p-BReL3Lsa.js";import{v as a}from"./p-BdYh22OP.js";const l={HH:{pattern:/^([0-1]?[0-9]|2[0-3])$/,parts:[s.Hours],defaultValue:"00",maxLength:2},"HH:mm":{pattern:/^([0-1]?[0-9]|2[0-3]):([0-5]?[0-9])$/,parts:[s.Hours,s.Minutes],defaultValue:"00:00",maxLength:5},"HH:mm:ss":{pattern:/^([0-1]?[0-9]|2[0-3]):([0-5]?[0-9]):([0-5]?[0-9])$/,parts:[s.Hours,s.Minutes,s.Seconds],defaultValue:"00:00:00",maxLength:8},hh:{pattern:/^(0?[1-9]|1[0-2])$/,parts:[s.Hours],defaultValue:"01",maxLength:2},"hh:mm":{pattern:/^(0?[1-9]|1[0-2]):([0-5]?[0-9])$/,parts:[s.Hours,s.Minutes],defaultValue:"01:00",maxLength:5},"hh:mm:ss":{pattern:/^(0?[1-9]|1[0-2]):([0-5]?[0-9]):([0-5]?[0-9])$/,parts:[s.Hours,s.Minutes,s.Seconds],defaultValue:"01:00:00",maxLength:8}};function d(e){const t=l[e];return t?t.parts:[s.Hours,s.Minutes,s.Seconds]}function c(e,t){const i=l[t],r={hours:t.startsWith("hh")?"01":"00",minutes:"00",seconds:"00"};if(!e||!i)return r;const n=e.replace(/[^0-9:]/g,""),o=n.match(i.pattern);if(o)return f(o,t);const a=n.match(/^([0-1]?[0-9]|2[0-3]):([0-5]?[0-9]):([0-5]?[0-9])$/);if(a)return function(e,t){const i=l[t],r={hours:t.startsWith("hh")?"01":"00",minutes:"00",seconds:"00"};if(i.parts.includes(s.Hours)){const i=parseInt(e.hours,10);t.startsWith("hh")?i>=1&&i<=12&&(r.hours=e.hours):i>=0&&i<=23&&(r.hours=e.hours)}return i.parts.includes(s.Minutes)&&(r.minutes=e.minutes),i.parts.includes(s.Seconds)&&(r.seconds=e.seconds),r}(f(a,"HH:mm:ss"),t);const d=n.split(":"),c={...r};if(d.length>=1&&d[0]){const e=parseInt(d[0],10);isNaN(e)||(c.hours=t.startsWith("hh")?e>=1&&e<=12?e.toString().padStart(2,"0"):r.hours:e>=0&&e<=23?e.toString().padStart(2,"0"):r.hours)}if(d.length>=2&&d[1]&&i.parts.includes(s.Minutes)){const e=parseInt(d[1],10);!isNaN(e)&&e>=0&&e<=59&&(c.minutes=e.toString().padStart(2,"0"))}if(d.length>=3&&d[2]&&i.parts.includes(s.Seconds)){const e=parseInt(d[2],10);!isNaN(e)&&e>=0&&e<=59&&(c.seconds=e.toString().padStart(2,"0"))}return c}function f(e,t){const i={hours:t.startsWith("hh")?"01":"00",minutes:"00",seconds:"00"};return e[1]&&(i.hours=parseInt(e[1],10).toString().padStart(2,"0")),e[2]&&(i.minutes=parseInt(e[2],10).toString().padStart(2,"0")),e[3]&&(i.seconds=parseInt(e[3],10).toString().padStart(2,"0")),i}function h(e,t){if(!l[t])return`${e.hours}:${e.minutes}:${e.seconds}`;switch(t){case"HH":case"hh":return e.hours;case"HH:mm":case"hh:mm":return`${e.hours}:${e.minutes}`;default:return`${e.hours}:${e.minutes}:${e.seconds}`}}const u=class{constructor(i){e(this,i),this.valueChanged=t(this,"valueChanged",3),this.inputElements={},this.inputZeroAdded={},this.typeFocused=s.Hours,this.hours="00",this.minutes="00",this.seconds="00",this.inputId=a(),this.readonly=!1,this.disabled=!1,this.required=!1,this.ariaRequiredAttr=!1,this.success=!1,this.error=!1,this.format="HH:mm:ss",this.open=!1,this.step=6e4,this.autofocus=!1}handleKeyDown(e){if(!this.open)return"ArrowDown"===e.key?(this.open=!0,void e.preventDefault()):void 0;if(!this.popoverElement)return void console.warn("nv-fieldtime -> Popover element is not defined");const t=Array.from(this.el.querySelectorAll(`.time-column.time-column-${this.typeFocused} div`));if(0===t.length)return void console.warn("nv-fieldtime -> No dropdown items found to navigate");let i=t.findIndex((e=>e.classList.contains("highlighted")));if("ArrowDown"===e.key)e.preventDefault(),i=(i+1)%t.length,this.updateHighlightedItem(t,i);else if("ArrowUp"===e.key)e.preventDefault(),i=(i-1+t.length)%t.length,this.updateHighlightedItem(t,i);else if("Enter"===e.key&&i>=0){e.preventDefault(),t[i].click();const r=d(this.format),n=r.indexOf(this.typeFocused)+1;if(n<r.length){const e=r[n];this.inputElements[e]?.focus(),this.inputElements[e]?.select()}}else if("Escape"===e.key){e.preventDefault();const t=d(this.format)[0];t&&this.inputElements[t]&&this.inputElements[t].blur(),this.open=!1}}handleValueChange(e){if(e){const t=c(e,this.format),i=h(t,this.format);this.hours=t.hours,this.minutes=t.minutes,this.seconds=t.seconds,i!==e&&(this.value=i)}}handleOpenChange(e){e&&(this.updateColumnHighlight(`.time-column.time-column-${s.Hours} div`,this.hours),this.updateColumnHighlight(`.time-column.time-column-${s.Minutes} div`,this.minutes),this.updateColumnHighlight(`.time-column.time-column-${s.Seconds} div`,this.seconds))}handleFormatChange(e,t){if(e===t)return;const r=c(this.value||this.reconstructTime(),t||"HH:mm:ss");this.hours=r.hours,this.minutes=r.minutes,this.seconds=r.seconds;const n=h(r,e);this.value=n,i(this.el)}handleInputChange(e,t){const i=e.target.value.replace(/[^0-9]/g,"");if(!d(this.format).includes(t))return;switch(t){case s.Hours:this.handleHoursChange(i,t);break;case s.Minutes:this.handleMinutesChange(i,t);break;case s.Seconds:this.handleSecondsChange(i,t)}const r=this.reconstructTime();this.value=r,this.valueChanged.emit(this.value)}handleHoursChange(e,t){const i=this.format.startsWith("HH")?24:12;if(0!==e.length){if(1===e.length){this.inputZeroAdded[t]=!0;const i=e.padStart(2,"0");this.hours=i}else if(this.inputZeroAdded[t]){this.inputZeroAdded[t]=!1;const r=e.slice(1,3).padStart(2,"0"),n=parseInt(r,10)||0;this.hours=n>=i?"00":r}else if(e.length>2)if(e.startsWith("00")){this.inputZeroAdded[t]=!0;const i=e.slice(1,3).padStart(2,"0");this.hours=i}else{const t=e.slice(1,3).padStart(2,"0"),r=parseInt(t,10)||0;this.hours=r>=i?"00":r.toString()}else{const t=parseInt(e,10)||0;this.hours=t>=i?"00":t.toString()}if(this.hours.length>=1&&!this.inputZeroAdded[t]){const e=d(this.format),t=e.indexOf(s.Hours)+1;if(t<e.length){const i=e[t];this.inputElements[i]?.focus(),this.inputElements[i]?.select()}}}else this.hours="00"}handleMinutesChange(e,t){if(0!==e.length){if(1===e.length){this.inputZeroAdded[t]=!0;const i=e.padStart(2,"0");this.minutes=i}else if(this.inputZeroAdded[t]){this.inputZeroAdded[t]=!1;const i=e.slice(1,3).padStart(2,"0"),r=parseInt(i,10)||0;this.minutes=r>=60?"00":i}else if(e.length>2)if(e.startsWith("00")){this.inputZeroAdded[t]=!0;const i=e.slice(1,3).padStart(2,"0");this.minutes=i}else{const t=e.slice(1,3).padStart(2,"0"),i=parseInt(t,10)||0;this.minutes=i>=60?"00":i.toString()}else{const t=parseInt(e,10)||0;this.minutes=t>=60?"00":t.toString()}if(this.minutes.length>=1&&!this.inputZeroAdded[t]){const e=d(this.format),t=e.indexOf(s.Minutes)+1;if(t<e.length){const i=e[t];this.inputElements[i]?.focus(),this.inputElements[i]?.select()}}}else this.minutes="00"}handleSecondsChange(e,t){if(0!==e.length)if(1===e.length){this.inputZeroAdded[t]=!0;const i=e.padStart(2,"0");this.seconds=i}else if(this.inputZeroAdded[t]){this.inputZeroAdded[t]=!1;const i=e.slice(1,3).padStart(2,"0"),r=parseInt(i,10)||0;this.seconds=r>=60?"00":i}else if(e.length>2){const t=e.slice(1,3).padStart(2,"0"),i=parseInt(t,10)||0;this.seconds=i>=60?"00":i.toString()}else{const t=parseInt(e,10)||0;this.seconds=t>=60?"00":t.toString()}else this.seconds="00"}parseTime(e){if(!e)return;const t=c(e,this.format);this.hours=t.hours,this.minutes=t.minutes,this.seconds=t.seconds}reconstructTime(){const e=h({hours:this.hours,minutes:this.minutes,seconds:this.seconds},this.format);if(!function(e,t){if(!e||!t)return!1;const i=l[t];return!!i&&i.pattern.test(e)}(e,this.format)){const t=l[this.format];return t?t.defaultValue:e}return e}handleFocus(e){this.readonly||this.disabled||d(this.format).includes(e)&&(this.open||(this.open=!0),0!==this.inputElements[e]?.value.length&&"00"!==this.inputElements[e]?.value||(this.inputElements[e]?.focus(),this.inputElements[e]?.select()),this.typeFocused=e)}HandleDropdownIconClick(){if(this.disabled||this.readonly)return;const e=d(this.format)[0];this.open?this.open=!1:!this.open&&e&&this.inputElements[e]?(this.inputElements[e]?.focus(),this.inputElements[e]?.select()):console.warn("nv-fieldtime -> No visible input elements found to focus")}updateHighlightedItem(e,t){e.forEach(((e,i)=>{i===t?(e.classList.add("highlighted"),e.setAttribute("tabindex","0"),e.focus(),e.scrollIntoView({block:"nearest"})):(e.classList.remove("highlighted"),e.setAttribute("tabindex","-1"))}))}handleTimeOptionClick(e,t){const i=parseInt(e.target.textContent||"0",10);t===s.Hours?this.hours=i.toString().padStart(2,"0"):t===s.Minutes?this.minutes=i.toString().padStart(2,"0"):t===s.Seconds&&(this.seconds=i.toString().padStart(2,"0"));const r=this.reconstructTime();this.value=r,this.valueChanged.emit(this.value)}handleInputBlur(){setTimeout((()=>{this.el.contains(document.activeElement)||this.open&&(this.open=!1)}),150)}handleClickOutside(e){const t=e.target;this.el.contains(t)||Object.values(this.inputElements).some((e=>e.contains(t)))||this.open&&(this.open=!1)}handleScroll(e,t){const i=e.target,r=i.scrollTop,n=i.clientHeight,o=i.scrollHeight,s=this.generateTimeOptions(t);(r+n>=o-40||r<=0)&&(i.scrollTop=40*s.length)}generateTimeOptions(e){const t=this.step/1e3;if(0===t)return["00"];switch(e){case s.Hours:return this.generateHourOptions(t);case s.Minutes:return this.generateMinuteOptions(t);case s.Seconds:return this.generateSecondOptions(t);default:return[]}}generateHourOptions(e){const t=Math.max(1,Math.floor(e/3600)),i=this.format.startsWith("hh"),r=i?12:23,n=i?1:0,o=this.parseHour(this.max,this.format),s=this.parseHour(this.min,this.format),a=o?parseInt(o,10):r,l=[];for(let e=s?parseInt(s,10):n;e<=a;e+=t){const t=e.toString().padStart(2,"0");l.push(t)}return l}parseHour(e,t){if(!e)return null;const[i]=e.split(":"),r=parseInt(i,10);return isNaN(r)?null:t.startsWith("hh")?r>0&&r<=12?i.padStart(2,"0"):null:r>=0&&r<=24?i.padStart(2,"0"):null}generateMinuteOptions(e){const t=Math.max(1,Math.floor(e%3600/60)),i=this.parseMinute(this.min)??0,r=this.parseMinute(this.max)??59;if(0===i&&0===r)return["00"];const n=[];for(let e=i;e<=r;e+=t){const t=e.toString().padStart(2,"0");n.push(t)}return n}parseMinute(e){if(!e)return null;const t=e.split(":");if(t.length<2)return null;const i=parseInt(t[1],10);return isNaN(i)||i<0||i>=60?null:i}generateSecondOptions(e){const t=Math.max(1,e%60),i=this.parseSecond(this.min)??0,r=this.parseSecond(this.max)??59;if(0===i&&0===r)return["00"];const n=[];for(let e=i;e<=r;e+=t){const t=e.toString().padStart(2,"0");n.push(t)}return n}parseSecond(e){if(!e)return null;const t=e.split(":");if(t.length<3)return null;const i=parseInt(t[2],10);return isNaN(i)||i<0||i>=60?null:i}generateInfiniteTimeOptions(e){const t=this.generateTimeOptions(e),i=Math.ceil(300/t.length);return Array(i).fill(t).flat()}updateColumnHighlight(e,t){const i=Array.from(this.el.querySelectorAll(e)),r=i.findIndex((e=>e.textContent===t));this.updateHighlightedItem(i,r)}handleHostClick(e){if(!(this.disabled||this.readonly||e.target.closest("nv-iconbutton")||this.open)){if(this.inputElements){const e=d(this.format)[0];e&&this.inputElements[e]&&(this.inputElements[e]?.focus(),this.inputElements[e]?.select())}e.preventDefault()}}handleOpenChanged(e){this.open=e.detail}componentWillLoad(){if(document.addEventListener("click",this.handleClickOutside.bind(this)),this.value)this.parseTime(this.value);else{const e=c("",this.format);this.hours=e.hours,this.minutes=e.minutes,this.seconds=e.seconds;const t=h(e,this.format);this.value=t}}connectedCallback(){document.addEventListener("click",this.handleClickOutside.bind(this))}disconnectedCallback(){document.removeEventListener("click",this.handleClickOutside.bind(this))}componentDidLoad(){this.updateColumnHighlight(".time-column.time-column-hours div",this.hours),this.updateColumnHighlight(".time-column.time-column-minutes div",this.minutes),this.updateColumnHighlight(".time-column.time-column-seconds div",this.seconds)}getRequiredAttributes(){const e=this.el.hasAttribute("aria-required")||this.el.hasAttribute("aria-required-attr"),t=e?this.el.getAttribute("aria-required")||this.el.getAttribute("aria-required-attr"):null,i=e?t:null,r=e?"true"===i||""===i:void 0;return{ariaRequiredValue:r,useNativeRequired:this.required&&(!e||!0===r)}}renderTimeInputFields(){const e=d(this.format),t=[];return e.forEach(((e,i)=>{i>0&&t.push(r("span",null,":")),t.push(this.renderTimeInputField(e))})),t}renderTimeInputField(e){return r("input",{ref:t=>this.inputElements[e]=t,type:"number",autofocus:this.autofocus&&e===d(this.format)[0],class:"time-input",pattern:"[0-9]*",maxlength:"3",value:(()=>{switch(e){case s.Hours:return this.hours;case s.Minutes:return this.minutes;case s.Seconds:return this.seconds;default:return"00"}})(),onInput:t=>this.handleInputChange(t,e),placeholder:(()=>{switch(e){case s.Hours:return this.format.includes("hh")?"hh":"HH";case s.Minutes:return"mm";case s.Seconds:return"ss";default:return""}})(),inputMode:"numeric",onFocus:()=>this.handleFocus(e),name:this.name?`${e}-${this.name}`:e,id:(()=>{switch(e){case s.Hours:return this.inputId;case s.Minutes:return`${this.inputId}-minutes`;case s.Seconds:return`${this.inputId}-seconds`;default:return this.inputId}})(),readonly:this.readonly,disabled:this.disabled,required:this.getRequiredAttributes().useNativeRequired?this.required:void 0,...void 0!==this.getRequiredAttributes().ariaRequiredValue&&{"aria-required":String(this.getRequiredAttributes().ariaRequiredValue)},onKeyDown:e=>this.handleKeyDown(e),onBlur:()=>this.handleInputBlur()})}renderTimeDropdownColumns(){return d(this.format).map((e=>this.RenderTimeOptionsColumn(e)))}RenderTimeOptionsColumn(e){return r("div",{class:`time-column time-column-${e}`,onScroll:t=>this.handleScroll(t,e)},this.generateInfiniteTimeOptions(e).map(((t,i)=>r("div",{class:{"time-option":!0,selected:e===s.Hours&&t===this.hours||e===s.Minutes&&t===this.minutes||e===s.Seconds&&t===this.seconds},key:`${t}-${i}`,onClick:t=>this.handleTimeOptionClick(t,e)},t))))}render(){return r(n,{key:"59c076ed360d59fe366374d22d05f7c30fdd4efd",onclick:e=>this.handleHostClick(e),"aria-expanded":this.open?"true":"false"},(this.label||this.el.querySelector('[slot="label"]'))&&r("label",{key:"7cae0b1839180516de2ba8339503f4e5b19178b1",htmlFor:this.inputId},r("slot",{key:"029688233c5a436191f767921f3c1e127e7786af",name:"label"},this.label)),r("nv-popover",{key:"98c5ff80b83ac3cba41d57f4fc1c1d14dcc587d6",ref:e=>this.popoverElement=e,triggerMode:"controlled",placement:"bottom-start",open:this.open,onOpenChanged:this.handleOpenChanged},r("div",{key:"d313a5cde67d348b0f657f9cc6aedb8013ab606d",class:"input-wrapper",slot:"trigger"},r("slot",{key:"ada8a25275a2549048055528db4d24a258079147",name:"before-input"}),r("div",{key:"c397cf2d2d73ffc0f481808a536b016d4bac891d",class:"input-container"},r("slot",{key:"e42c36e64a027a87db5f2b641daa063d8b81dac6",name:"leading-input"}),this.renderTimeInputFields(),r("nv-iconbutton",{key:"81d8f917c49209dfe4fb7b1322855cff67e0f417",name:"clock",size:"md",emphasis:"lower","aria-label":this.open?"Hide time picker":"Show time picker",onClick:()=>this.HandleDropdownIconClick()}),this.error&&r("nv-icon",{key:"075775e8912d1027f0c404523bff3f18dd521dbf",name:"alert-circle",class:"validation",size:"sm"}),this.success&&r("nv-icon",{key:"ae6c334e9900ff4e0d95276911d93ba5b235c513",name:"circle-check",class:"validation",size:"sm"})),r("slot",{key:"293dadc5492be6a9b45d1f91d1b46dff34e76167",name:"after-input"})),r("div",{key:"35f18e81eebc1c58900a15d3f1054e91205173b4",class:"time-dropdown",slot:"content"},r("div",{key:"aacd26f7556d59f483c471648199d81dda8f215e",class:"time-columns"},this.renderTimeDropdownColumns()))),(this.description||this.el.querySelector('[slot="description"]'))&&r("div",{key:"9a5d4692f22002666cf94145e9627ecbb60e33c8",class:"description"},r("slot",{key:"9aa402c8732e6cf18990acf6a89e79935a3e30d6",name:"description"},this.description)),(this.errorDescription||this.el.querySelector('[slot="error-description"]'))&&r("div",{key:"76254a0fd326a71f69ad23f61e9cc4fdc545bbe1",hidden:!this.error,class:"error-description"},r("slot",{key:"4c813cb95e17e4d8280edef288a6e1a35119c0c4",name:"error-description"},this.errorDescription)))}static get formAssociated(){return!0}get el(){return o(this)}static get watchers(){return{value:[{handleValueChange:0}],open:[{handleOpenChange:0}],format:[{handleFormatChange:0}]}}};u.style='nv-fieldslider .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .track-range{background:var(--components-slider-track-filled-focus)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .thumb{border-color:var(--components-slider-track-filled-focus)}nv-fieldslider[error] .slider-container .track-container .track .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:hover{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-handler-background-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:focus{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldtime{--nv-field-border-default:var(--components-form-field-border-default);--nv-field-border-hover:var(--components-form-field-border-hover);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--components-form-field-border-default);--nv-field-border-readonly:var(--components-form-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-brand);--nv-field-background:var(--components-form-field-background-default);display:flex;flex-direction:column;align-items:flex-start;gap:var(--form-gap-y);box-sizing:border-box;max-width:480px}nv-fieldtime[readonly]:not([readonly=false]){--nv-field-border-default:var(--components-form-field-border-readonly);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-background:var(--components-form-field-background-readonly)}nv-fieldtime[error]:not([error=false]){--nv-field-border-default:var(--components-form-field-border-error);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-destructive-in-field)}nv-fieldtime[success]:not([success=false]){--nv-field-border-default:var(--components-form-field-border-success);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-success)}nv-fieldtime[required]:not([required=false]) label::after,nv-fieldtime[aria-required=true] label::after{content:"*";color:var(--components-form-text-required);font-weight:var(--font-weight-high-emphasis)}nv-fieldtime label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-label-line-height)}nv-fieldtime nv-popover{width:100%;display:block}nv-fieldtime nv-popover [data-scope=popover]{padding:var(--list-dropdown-padding);background-color:var(--components-list-dropdown-background);border:1px solid var(--components-list-dropdown-border);width:100%}nv-fieldtime nv-popover{z-index:9999}nv-fieldtime .input-wrapper{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch;width:100%}nv-fieldtime .input-container{display:flex;flex-grow:1;justify-content:center;align-items:center;align-self:stretch;border-radius:var(--form-field-radius);border-width:1px;border-style:solid;border-color:var(--nv-field-border-default);opacity:var(--components-form-opacity-default, 1);background:var(--nv-field-background);transition:all 150ms ease-out}nv-fieldtime .input-container:hover{border-color:var(--nv-field-border-hover)}nv-fieldtime .input-container:focus-within,nv-fieldtime .input-container:focus-within:hover,nv-fieldtime .input-container:focus,nv-fieldtime .input-container:focus:hover{border-color:var(--nv-field-border-focus);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fieldtime .input-container:has(input:read-only){background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fieldtime .input-container:has(input:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fieldtime .input-container{display:flex;justify-content:flex-start;align-items:center;position:relative;width:100%;min-height:40px;gap:0;padding-left:var(--form-field-padding-x)}nv-fieldtime .input-container input.time-input{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);padding:calc(var(--form-field-padding-y) - 1px) var(--form-field-padding-x);font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-field-line-height);width:100%}nv-fieldtime .input-container input.time-input:focus{outline:none}nv-fieldtime .input-container input.time-input::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--form-field-line-height)}nv-fieldtime .input-container input.time-input{}nv-fieldtime .input-container input.time-input[type=password]::-ms-clear,nv-fieldtime .input-container input.time-input[type=password]::-ms-reveal{display:none;width:0;height:0}nv-fieldtime .input-container input.time-input{width:100%;min-width:24px;flex:0 0 24px;text-align:center;padding:0;margin:0}nv-fieldtime .input-container input.time-input::-webkit-inner-spin-button,nv-fieldtime .input-container input.time-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}nv-fieldtime .input-container span{width:100%;text-align:center;min-width:24px;flex:0 0 24px;padding:0 4px;color:var(--components-form-field-content-text)}nv-fieldtime .input-container>nv-iconbutton{border:0px;border-radius:0px}nv-fieldtime .input-container>nv-iconbutton:focus-visible{border-radius:var(--button-md-border-radius);outline-offset:-3px}nv-fieldtime .input-container>nv-iconbutton:last-of-type{border-top-right-radius:var(--form-field-radius);border-bottom-right-radius:var(--form-field-radius)}nv-fieldtime .input-container>nv-iconbutton{margin-left:auto}nv-fieldtime .input-container nv-icon.validation{color:var(--nv-field-border-default);position:absolute;right:50px;top:50%;transform:translateY(-50%)}nv-fieldtime .input-container:focus,nv-fieldtime .input-container:focus-within{border-color:var(--color-focus-brand);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--color-focus-brand)}nv-fieldtime .description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fieldtime .error-description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}nv-fieldtime .error-description[hidden]{display:none}nv-fieldtime hr{border:none;border-top:1px solid var(--dropdown-divider-color, #ccc);margin:0.5rem 0}nv-fieldtime .time-dropdown{width:100%}nv-fieldtime .time-dropdown .time-columns{display:flex;justify-content:flex-start;align-items:center}nv-fieldtime .time-dropdown .time-columns .time-column{flex:1;text-align:center}nv-fieldtime .time-dropdown .time-columns .time-column::-webkit-scrollbar{width:6px;height:6px}nv-fieldtime .time-dropdown .time-columns .time-column::-webkit-scrollbar-track{background-color:var(--color-level-10-background);border-radius:9999px}nv-fieldtime .time-dropdown .time-columns .time-column::-webkit-scrollbar-thumb{background-color:var(--color-gray-200);border-radius:9999px}nv-fieldtime .time-dropdown .time-columns .time-column{max-height:200px;overflow-y:auto;scroll-behavior:smooth;scrollbar-gutter:stable both-edges;scrollbar-gutter:auto}nv-fieldtime .time-dropdown .time-columns .time-column:last-child{border-right:none}nv-fieldtime .time-dropdown .time-columns .time-column .time-option{padding:var(--calendar-padding);text-align:center;cursor:pointer;transition:background-color 0.2s;border-radius:var(--list-dropdown-item-radius);color:var(--components-calendar-cell-text);font-size:var(--font-size-sm);display:flex;justify-content:center;align-items:center}nv-fieldtime .time-dropdown .time-columns .time-column .time-option:hover{background-color:var(--components-calendar-cell-background-hover);color:var(--components-calendar-cell-text-hover)}nv-fieldtime .time-dropdown .time-columns .time-column .time-option:focus,nv-fieldtime .time-dropdown .time-columns .time-column .time-option:focus-within{background-color:var(--components-calendar-cell-background-hover);color:var(--components-calendar-cell-text-hover)}nv-fieldtime .time-dropdown .time-columns .time-column .time-option.selected{background-color:var(--components-calendar-cell-background-selected);color:var(--components-calendar-cell-text-selected)}nv-fieldtime .time-dropdown .time-columns .time-column .time-option.highlighted{background-color:var(--components-calendar-cell-background-hover);color:var(--components-menu-contextual-item-content-hover)}';export{u as nv_fieldtime}