@nova-design-system/nova-webcomponents 3.27.0 → 3.28.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.
- package/dist/cjs/index-Cfkoz1kc.js +12 -0
- package/dist/cjs/index.cjs.js +6 -0
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/native.cjs.js +1 -1
- package/dist/cjs/nova-datetime-DOtVgYBB.js +10643 -0
- package/dist/cjs/nv-badge_2.cjs.entry.js +1 -1
- package/dist/cjs/nv-datetest.cjs.entry.js +66 -0
- package/dist/cjs/nv-datetimetest.cjs.entry.js +54 -0
- package/dist/cjs/nv-dialog.cjs.entry.js +1 -1
- package/dist/cjs/nv-dialogfooter_2.cjs.entry.js +2 -2
- package/dist/cjs/nv-drawer.cjs.entry.js +1 -1
- package/dist/cjs/nv-drawerfooter_2.cjs.entry.js +2 -2
- package/dist/cjs/nv-fieldcheckbox.cjs.entry.js +4 -4
- package/dist/cjs/nv-fielddate.cjs.entry.js +6 -6
- package/dist/cjs/nv-fielddaterange.cjs.entry.js +6 -6
- package/dist/cjs/nv-fielddropdown.cjs.entry.js +4 -4
- package/dist/cjs/nv-fielddropdownitem.cjs.entry.js +1 -1
- package/dist/cjs/nv-fieldnumber.cjs.entry.js +4 -4
- package/dist/cjs/nv-fieldpassword.cjs.entry.js +4 -4
- package/dist/cjs/nv-fieldradio.cjs.entry.js +3 -3
- package/dist/cjs/nv-fieldselect.cjs.entry.js +5 -5
- package/dist/cjs/nv-fieldslider.cjs.entry.js +3 -3
- package/dist/cjs/nv-fieldtext.cjs.entry.js +4 -4
- package/dist/cjs/nv-fieldtextarea.cjs.entry.js +3 -3
- package/dist/cjs/nv-fieldtime.cjs.entry.js +3 -3
- package/dist/cjs/nv-icon.cjs.entry.js +2 -2
- package/dist/cjs/nv-iconbutton_2.cjs.entry.js +2 -2
- package/dist/cjs/nv-menu.cjs.entry.js +1 -1
- package/dist/cjs/nv-menuitem.cjs.entry.js +1 -1
- package/dist/cjs/nv-notification.cjs.entry.js +1 -1
- package/dist/cjs/nv-notificationcontainer.cjs.entry.js +1 -13
- package/dist/cjs/nv-pagination-nav.cjs.entry.js +1 -1
- package/dist/cjs/nv-paginationtable.cjs.entry.js +1 -1
- package/dist/cjs/nv-popover.cjs.entry.js +1 -1
- package/dist/cjs/nv-row.cjs.entry.js +1 -1
- package/dist/cjs/nv-sidebar.cjs.entry.js +1 -1
- package/dist/cjs/nv-sidebarcontent.cjs.entry.js +1 -1
- package/dist/cjs/nv-sidebardivider.cjs.entry.js +1 -1
- package/dist/cjs/nv-sidebarfooter.cjs.entry.js +1 -1
- package/dist/cjs/nv-sidebargroup.cjs.entry.js +1 -1
- package/dist/cjs/nv-sidebarheader.cjs.entry.js +1 -1
- package/dist/cjs/nv-sidebarlogo.cjs.entry.js +1 -1
- package/dist/cjs/nv-sidebarnavitem.cjs.entry.js +2 -2
- package/dist/cjs/nv-sidebarnavsubitem.cjs.entry.js +1 -1
- package/dist/cjs/nv-split.cjs.entry.js +1 -1
- package/dist/cjs/nv-stack.cjs.entry.js +1 -1
- package/dist/cjs/nv-table.cjs.entry.js +1 -1
- package/dist/cjs/nv-tableheader.cjs.entry.js +1 -1
- package/dist/cjs/nv-timetest.cjs.entry.js +72 -0
- package/dist/cjs/nv-toggle.cjs.entry.js +2 -2
- package/dist/cjs/nv-togglebutton.cjs.entry.js +1 -1
- package/dist/cjs/nv-togglebuttongroup.cjs.entry.js +1 -1
- package/dist/cjs/nv-tooltip.cjs.entry.js +8 -3
- package/dist/collection/collection-manifest.json +3 -0
- package/dist/collection/components/nv-accordion/nv-accordion.docs.js +1 -0
- package/dist/collection/components/nv-accordion-item/nv-accordion-item.docs.js +69 -1
- package/dist/collection/components/nv-alert/nv-alert.docs.js +1 -0
- package/dist/collection/components/nv-avatar/nv-avatar.docs.js +1 -0
- package/dist/collection/components/nv-badge/nv-badge.docs.js +1 -0
- package/dist/collection/components/nv-breadcrumb/nv-breadcrumb.docs.js +36 -1
- package/dist/collection/components/nv-breadcrumbs/nv-breadcrumbs.docs.js +1 -0
- package/dist/collection/components/nv-button/nv-button.docs.js +1 -0
- package/dist/collection/components/nv-buttongroup/nv-buttongroup.docs.js +1 -0
- package/dist/collection/components/nv-calendar/nv-calendar.docs.js +1 -0
- package/dist/collection/components/nv-col/nv-col.docs.js +1 -0
- package/dist/collection/components/nv-datagrid/nv-datagrid.docs.js +1 -0
- package/dist/collection/components/nv-datagridcolumn/nv-datagridcolumn.docs.js +25 -1
- package/dist/collection/components/nv-datetest/nv-datetest.css +15 -0
- package/dist/collection/components/nv-datetest/nv-datetest.docs.js +12 -0
- package/dist/collection/components/nv-datetest/nv-datetest.js +242 -0
- package/dist/collection/components/nv-datetimetest/nv-datetimetest.css +15 -0
- package/dist/collection/components/nv-datetimetest/nv-datetimetest.docs.js +5 -0
- package/dist/collection/components/nv-datetimetest/nv-datetimetest.js +197 -0
- package/dist/collection/components/nv-dialog/nv-dialog.docs.js +1 -0
- package/dist/collection/components/nv-dialog/nv-dialog.js +1 -1
- package/dist/collection/components/nv-dialogfooter/nv-dialogfooter.docs.js +9 -1
- package/dist/collection/components/nv-dialogfooter/nv-dialogfooter.js +1 -1
- package/dist/collection/components/nv-dialogheader/nv-dialogheader.docs.js +9 -1
- package/dist/collection/components/nv-dialogheader/nv-dialogheader.js +1 -1
- package/dist/collection/components/nv-drawer/nv-drawer.docs.js +1 -0
- package/dist/collection/components/nv-drawer/nv-drawer.js +1 -1
- package/dist/collection/components/nv-drawerfooter/nv-drawerfooter.docs.js +9 -1
- package/dist/collection/components/nv-drawerfooter/nv-drawerfooter.js +1 -1
- package/dist/collection/components/nv-drawerheader/nv-drawerheader.docs.js +9 -1
- package/dist/collection/components/nv-drawerheader/nv-drawerheader.js +1 -1
- package/dist/collection/components/nv-fieldcheckbox/nv-fieldcheckbox.docs.js +1 -0
- package/dist/collection/components/nv-fieldcheckbox/nv-fieldcheckbox.js +4 -4
- package/dist/collection/components/nv-fielddate/nv-fielddate.docs.js +1 -0
- package/dist/collection/components/nv-fielddate/nv-fielddate.js +6 -6
- package/dist/collection/components/nv-fielddaterange/nv-fielddaterange.docs.js +1 -0
- package/dist/collection/components/nv-fielddaterange/nv-fielddaterange.js +6 -6
- package/dist/collection/components/nv-fielddropdown/nv-fielddropdown.docs.js +1 -0
- package/dist/collection/components/nv-fielddropdown/nv-fielddropdown.js +4 -4
- package/dist/collection/components/nv-fielddropdownitem/nv-fielddropdownitem.docs.js +54 -1
- package/dist/collection/components/nv-fielddropdownitem/nv-fielddropdownitem.js +1 -1
- package/dist/collection/components/nv-fielddropdownitemcheck/nv-fielddropdownitemcheck.docs.js +42 -1
- package/dist/collection/components/nv-fielddropdownitemcheck/nv-fielddropdownitemcheck.js +1 -1
- package/dist/collection/components/nv-fieldmultiselect/nv-fieldmultiselect.docs.js +1 -0
- package/dist/collection/components/nv-fieldnumber/nv-fieldnumber.docs.js +1 -0
- package/dist/collection/components/nv-fieldnumber/nv-fieldnumber.js +4 -4
- package/dist/collection/components/nv-fieldpassword/nv-fieldpassword.docs.js +1 -0
- package/dist/collection/components/nv-fieldpassword/nv-fieldpassword.js +4 -4
- package/dist/collection/components/nv-fieldradio/nv-fieldradio.docs.js +1 -0
- package/dist/collection/components/nv-fieldradio/nv-fieldradio.js +3 -3
- package/dist/collection/components/nv-fieldselect/nv-fieldselect.docs.js +1 -0
- package/dist/collection/components/nv-fieldselect/nv-fieldselect.js +5 -5
- package/dist/collection/components/nv-fieldslider/nv-fieldslider.docs.js +1 -0
- package/dist/collection/components/nv-fieldslider/nv-fieldslider.js +3 -3
- package/dist/collection/components/nv-fieldtext/nv-fieldtext.docs.js +1 -0
- package/dist/collection/components/nv-fieldtext/nv-fieldtext.js +4 -4
- package/dist/collection/components/nv-fieldtextarea/nv-fieldtextarea.docs.js +1 -0
- package/dist/collection/components/nv-fieldtextarea/nv-fieldtextarea.js +3 -3
- package/dist/collection/components/nv-fieldtime/nv-fieldtime.docs.js +1 -0
- package/dist/collection/components/nv-fieldtime/nv-fieldtime.js +3 -3
- package/dist/collection/components/nv-icon/nv-icon.docs.js +1 -0
- package/dist/collection/components/nv-icon/nv-icon.js +1 -1
- package/dist/collection/components/nv-icon/nv-icons.js +4 -0
- package/dist/collection/components/nv-iconbutton/nv-iconbutton.docs.js +1 -0
- package/dist/collection/components/nv-iconbutton/nv-iconbutton.js +1 -1
- package/dist/collection/components/nv-loader/nv-loader.docs.js +1 -0
- package/dist/collection/components/nv-loader/nv-loader.js +1 -1
- package/dist/collection/components/nv-menu/nv-menu.docs.js +1 -0
- package/dist/collection/components/nv-menu/nv-menu.js +1 -1
- package/dist/collection/components/nv-menuitem/nv-menuitem.docs.js +20 -1
- package/dist/collection/components/nv-menuitem/nv-menuitem.js +2 -2
- package/dist/collection/components/nv-notification/nv-notification.docs.js +1 -0
- package/dist/collection/components/nv-notification/nv-notification.js +1 -1
- package/dist/collection/components/nv-notification-bullet/nv-notification-bullet.docs.js +1 -0
- package/dist/collection/components/nv-notificationcontainer/nv-notificationcontainer.docs.js +24 -1
- package/dist/collection/components/nv-notificationcontainer/nv-notificationcontainer.js +1 -15
- package/dist/collection/components/nv-pagination-nav/nv-pagination-nav.js +1 -1
- package/dist/collection/components/nv-paginationtable/nv-paginationtable.docs.js +1 -0
- package/dist/collection/components/nv-paginationtable/nv-paginationtable.js +1 -1
- package/dist/collection/components/nv-popover/nv-popover.docs.js +1 -0
- package/dist/collection/components/nv-popover/nv-popover.js +1 -1
- package/dist/collection/components/nv-row/nv-row.docs.js +1 -0
- package/dist/collection/components/nv-row/nv-row.js +1 -1
- package/dist/collection/components/nv-sidebar/nv-sidebar.docs.js +1 -0
- package/dist/collection/components/nv-sidebar/nv-sidebar.js +1 -1
- package/dist/collection/components/nv-sidebarcontent/nv-sidebarcontent.docs.js +14 -1
- package/dist/collection/components/nv-sidebarcontent/nv-sidebarcontent.js +1 -1
- package/dist/collection/components/nv-sidebardivider/nv-sidebardivider.docs.js +15 -1
- package/dist/collection/components/nv-sidebardivider/nv-sidebardivider.js +1 -1
- package/dist/collection/components/nv-sidebarfooter/nv-sidebarfooter.docs.js +9 -1
- package/dist/collection/components/nv-sidebarfooter/nv-sidebarfooter.js +1 -1
- package/dist/collection/components/nv-sidebargroup/nv-sidebargroup.docs.js +15 -1
- package/dist/collection/components/nv-sidebargroup/nv-sidebargroup.js +1 -1
- package/dist/collection/components/nv-sidebarheader/nv-sidebarheader.docs.js +9 -1
- package/dist/collection/components/nv-sidebarheader/nv-sidebarheader.js +1 -1
- package/dist/collection/components/nv-sidebarlogo/nv-sidebarlogo.docs.js +10 -1
- package/dist/collection/components/nv-sidebarlogo/nv-sidebarlogo.js +1 -1
- package/dist/collection/components/nv-sidebarnavitem/nv-sidebarnavitem.docs.js +16 -1
- package/dist/collection/components/nv-sidebarnavitem/nv-sidebarnavitem.js +3 -3
- package/dist/collection/components/nv-sidebarnavsubitem/nv-sidebarnavsubitem.docs.js +15 -1
- package/dist/collection/components/nv-sidebarnavsubitem/nv-sidebarnavsubitem.js +1 -1
- package/dist/collection/components/nv-split/nv-split.docs.js +1 -0
- package/dist/collection/components/nv-split/nv-split.js +1 -1
- package/dist/collection/components/nv-stack/nv-stack.docs.js +1 -0
- package/dist/collection/components/nv-stack/nv-stack.js +1 -1
- package/dist/collection/components/nv-table/nv-table.docs.js +1 -0
- package/dist/collection/components/nv-table/nv-table.js +1 -1
- package/dist/collection/components/nv-tableheader/nv-tableheader.docs.js +1 -0
- package/dist/collection/components/nv-tableheader/nv-tableheader.js +1 -1
- package/dist/collection/components/nv-timetest/nv-timetest.css +15 -0
- package/dist/collection/components/nv-timetest/nv-timetest.docs.js +5 -0
- package/dist/collection/components/nv-timetest/nv-timetest.js +248 -0
- package/dist/collection/components/nv-toggle/nv-toggle.docs.js +1 -0
- package/dist/collection/components/nv-toggle/nv-toggle.js +2 -2
- package/dist/collection/components/nv-togglebutton/nv-togglebutton.docs.js +48 -1
- package/dist/collection/components/nv-togglebutton/nv-togglebutton.js +1 -1
- package/dist/collection/components/nv-togglebuttongroup/nv-togglebuttongroup.docs.js +1 -0
- package/dist/collection/components/nv-togglebuttongroup/nv-togglebuttongroup.js +1 -1
- package/dist/collection/components/nv-tooltip/nv-tooltip.docs.js +1 -0
- package/dist/collection/components/nv-tooltip/nv-tooltip.js +8 -3
- package/dist/collection/index.js +3 -0
- package/dist/collection/interfaces/dates.js +1 -0
- package/dist/collection/utils/nova-datetime.js +144 -0
- package/dist/collection/utils/test/nova-datetime.test.js +230 -0
- package/dist/components/index.js +1 -1
- package/dist/components/nv-accordion-item.js +1 -1
- package/dist/components/nv-accordion.js +1 -1
- package/dist/components/nv-alert.js +1 -1
- package/dist/components/nv-avatar.js +1 -1
- package/dist/components/nv-badge.js +1 -1
- package/dist/components/nv-breadcrumb.js +1 -1
- package/dist/components/nv-button.js +1 -1
- package/dist/components/nv-datagrid.js +1 -1
- package/dist/components/nv-datetest.d.ts +11 -0
- package/dist/components/nv-datetest.js +1 -0
- package/dist/components/nv-datetimetest.d.ts +11 -0
- package/dist/components/nv-datetimetest.js +1 -0
- package/dist/components/nv-dialog.js +1 -1
- package/dist/components/nv-dialogfooter.js +1 -1
- package/dist/components/nv-dialogheader.js +1 -1
- package/dist/components/nv-drawer.js +1 -1
- package/dist/components/nv-drawerfooter.js +1 -1
- package/dist/components/nv-drawerheader.js +1 -1
- package/dist/components/nv-fieldcheckbox.js +1 -1
- package/dist/components/nv-fielddate.js +1 -1
- package/dist/components/nv-fielddaterange.js +1 -1
- package/dist/components/nv-fielddropdown.js +1 -1
- package/dist/components/nv-fielddropdownitem.js +1 -1
- package/dist/components/nv-fielddropdownitemcheck.js +1 -1
- package/dist/components/nv-fieldmultiselect.js +1 -1
- package/dist/components/nv-fieldnumber.js +1 -1
- package/dist/components/nv-fieldpassword.js +1 -1
- package/dist/components/nv-fieldradio.js +1 -1
- package/dist/components/nv-fieldselect.js +1 -1
- package/dist/components/nv-fieldslider.js +1 -1
- package/dist/components/nv-fieldtext.js +1 -1
- package/dist/components/nv-fieldtextarea.js +1 -1
- package/dist/components/nv-fieldtime.js +1 -1
- package/dist/components/nv-icon.js +1 -1
- package/dist/components/nv-iconbutton.js +1 -1
- package/dist/components/nv-loader.js +1 -1
- package/dist/components/nv-menu.js +1 -1
- package/dist/components/nv-menuitem.js +1 -1
- package/dist/components/nv-notification.js +1 -1
- package/dist/components/nv-notificationcontainer.js +1 -1
- package/dist/components/nv-pagination-nav.js +1 -1
- package/dist/components/nv-paginationtable.js +1 -1
- package/dist/components/nv-popover.js +1 -1
- package/dist/components/nv-row.js +1 -1
- package/dist/components/nv-sidebar.js +1 -1
- package/dist/components/nv-sidebarcontent.js +1 -1
- package/dist/components/nv-sidebardivider.js +1 -1
- package/dist/components/nv-sidebarfooter.js +1 -1
- package/dist/components/nv-sidebargroup.js +1 -1
- package/dist/components/nv-sidebarheader.js +1 -1
- package/dist/components/nv-sidebarlogo.js +1 -1
- package/dist/components/nv-sidebarnavitem.js +1 -1
- package/dist/components/nv-sidebarnavsubitem.js +1 -1
- package/dist/components/nv-split.js +1 -1
- package/dist/components/nv-stack.js +1 -1
- package/dist/components/nv-table.js +1 -1
- package/dist/components/nv-tableheader.js +1 -1
- package/dist/components/nv-timetest.d.ts +11 -0
- package/dist/components/nv-timetest.js +1 -0
- package/dist/components/nv-toggle.js +1 -1
- package/dist/components/nv-togglebutton.js +1 -1
- package/dist/components/nv-togglebuttongroup.js +1 -1
- package/dist/components/nv-tooltip.js +1 -1
- package/dist/components/{p-Ho_7-x5W.js → p-C5J7jtrC.js} +1 -1
- package/dist/components/{p-S18SgvAW.js → p-CKFXHAaU.js} +1 -1
- package/dist/components/{p-DrgqO3gF.js → p-CLzCfsnq.js} +1 -1
- package/dist/components/{p-D0bGRzSN.js → p-CnkB4kvn.js} +1 -1
- package/dist/components/{p-Db4JZxyy.js → p-Co8IghI-.js} +1 -1
- package/dist/components/p-CrRawrjU.js +1 -0
- package/dist/components/p-CyL2J6O4.js +74 -0
- package/dist/components/{p-uAXqRBhx.js → p-D2C_Qr5O.js} +1 -1
- package/dist/components/{p-T-bBxAoT.js → p-DE792Sds.js} +1 -1
- package/dist/components/{p-D-MnI-R8.js → p-DGj-fiRX.js} +1 -1
- package/dist/components/{p-IzPWk8zx.js → p-DUaenjr8.js} +1 -1
- package/dist/components/{p-DC_2597n.js → p-DVFofrTe.js} +1 -1
- package/dist/components/{p-BMpkyzCW.js → p-Du3Fh0jQ.js} +1 -1
- package/dist/components/p-DwtLxfU5.js +1 -0
- package/dist/components/{p-BBy1Mdgv.js → p-VXpV-BUK.js} +1 -1
- package/dist/components/{p-kMTGXpRx.js → p-f8OUzde-.js} +1 -1
- package/dist/components/{p-Ba1zVklG.js → p-h3cPA0Cx.js} +1 -1
- package/dist/components/p-nzxGC8BS.js +1 -0
- package/dist/components/p-qkNH2RHl.js +1 -0
- package/dist/components/{p-BvxuoODv.js → p-xrXEz2WP.js} +1 -1
- package/dist/esm/index-BCjiE1MF.js +12 -0
- package/dist/esm/index.js +5 -0
- package/dist/esm/loader.js +1 -1
- package/dist/esm/native.js +1 -1
- package/dist/esm/nova-datetime-CyL2J6O4.js +10636 -0
- package/dist/esm/nv-badge_2.entry.js +1 -1
- package/dist/esm/nv-datetest.entry.js +64 -0
- package/dist/esm/nv-datetimetest.entry.js +52 -0
- package/dist/esm/nv-dialog.entry.js +1 -1
- package/dist/esm/nv-dialogfooter_2.entry.js +2 -2
- package/dist/esm/nv-drawer.entry.js +1 -1
- package/dist/esm/nv-drawerfooter_2.entry.js +2 -2
- package/dist/esm/nv-fieldcheckbox.entry.js +4 -4
- package/dist/esm/nv-fielddate.entry.js +6 -6
- package/dist/esm/nv-fielddaterange.entry.js +6 -6
- package/dist/esm/nv-fielddropdown.entry.js +4 -4
- package/dist/esm/nv-fielddropdownitem.entry.js +1 -1
- package/dist/esm/nv-fieldnumber.entry.js +4 -4
- package/dist/esm/nv-fieldpassword.entry.js +4 -4
- package/dist/esm/nv-fieldradio.entry.js +3 -3
- package/dist/esm/nv-fieldselect.entry.js +5 -5
- package/dist/esm/nv-fieldslider.entry.js +3 -3
- package/dist/esm/nv-fieldtext.entry.js +4 -4
- package/dist/esm/nv-fieldtextarea.entry.js +3 -3
- package/dist/esm/nv-fieldtime.entry.js +3 -3
- package/dist/esm/nv-icon.entry.js +2 -2
- package/dist/esm/nv-iconbutton_2.entry.js +2 -2
- package/dist/esm/nv-menu.entry.js +1 -1
- package/dist/esm/nv-menuitem.entry.js +1 -1
- package/dist/esm/nv-notification.entry.js +1 -1
- package/dist/esm/nv-notificationcontainer.entry.js +1 -13
- package/dist/esm/nv-pagination-nav.entry.js +1 -1
- package/dist/esm/nv-paginationtable.entry.js +1 -1
- package/dist/esm/nv-popover.entry.js +1 -1
- package/dist/esm/nv-row.entry.js +1 -1
- package/dist/esm/nv-sidebar.entry.js +1 -1
- package/dist/esm/nv-sidebarcontent.entry.js +1 -1
- package/dist/esm/nv-sidebardivider.entry.js +1 -1
- package/dist/esm/nv-sidebarfooter.entry.js +1 -1
- package/dist/esm/nv-sidebargroup.entry.js +1 -1
- package/dist/esm/nv-sidebarheader.entry.js +1 -1
- package/dist/esm/nv-sidebarlogo.entry.js +1 -1
- package/dist/esm/nv-sidebarnavitem.entry.js +2 -2
- package/dist/esm/nv-sidebarnavsubitem.entry.js +1 -1
- package/dist/esm/nv-split.entry.js +1 -1
- package/dist/esm/nv-stack.entry.js +1 -1
- package/dist/esm/nv-table.entry.js +1 -1
- package/dist/esm/nv-tableheader.entry.js +1 -1
- package/dist/esm/nv-timetest.entry.js +70 -0
- package/dist/esm/nv-toggle.entry.js +2 -2
- package/dist/esm/nv-togglebutton.entry.js +1 -1
- package/dist/esm/nv-togglebuttongroup.entry.js +1 -1
- package/dist/esm/nv-tooltip.entry.js +8 -3
- package/dist/lib/generators/docs-blazor.js +4 -1
- package/dist/lib/utils/parseToCSharpTypes.js +114 -18
- package/dist/lib/utils/test/parseToCSharpTypes.test.js +95 -1
- package/dist/native/index.esm.js +1 -1
- package/dist/native/native.esm.js +1 -1
- package/dist/native/{p-927b655d.entry.js → p-05f7bad5.entry.js} +1 -1
- package/dist/native/{p-539c04ad.entry.js → p-083b39c5.entry.js} +1 -1
- package/dist/native/{p-31ba86b3.entry.js → p-0bb64497.entry.js} +1 -1
- package/dist/native/{p-1e0ca4df.entry.js → p-1029a266.entry.js} +1 -1
- package/dist/native/p-12a8443b.entry.js +1 -0
- package/dist/native/{p-1c97c353.entry.js → p-1d7a27bb.entry.js} +1 -1
- package/dist/native/{p-8a0dc37b.entry.js → p-1e03fc3c.entry.js} +1 -1
- package/dist/native/{p-7d49e88d.entry.js → p-213c5836.entry.js} +1 -1
- package/dist/native/{p-ecce3e66.entry.js → p-291b297d.entry.js} +1 -1
- package/dist/native/{p-56593bf0.entry.js → p-2af6d988.entry.js} +1 -1
- package/dist/native/{p-855f7be1.entry.js → p-343c04db.entry.js} +1 -1
- package/dist/native/{p-24f69387.entry.js → p-37c41059.entry.js} +1 -1
- package/dist/native/{p-f9e4daf7.entry.js → p-3c4114b8.entry.js} +1 -1
- package/dist/native/p-493c1bb5.entry.js +1 -0
- package/dist/native/{p-591f3dcc.entry.js → p-4ac8181c.entry.js} +1 -1
- package/dist/native/{p-87758615.entry.js → p-4bf96114.entry.js} +1 -1
- package/dist/native/p-544b34d4.entry.js +1 -0
- package/dist/native/{p-9fda1976.entry.js → p-58966e0f.entry.js} +1 -1
- package/dist/native/p-5ea697a7.entry.js +1 -0
- package/dist/native/{p-1f8cc03a.entry.js → p-5ef0ed10.entry.js} +1 -1
- package/dist/native/{p-39366f18.entry.js → p-63f2f87f.entry.js} +1 -1
- package/dist/native/{p-6f3c3e2a.entry.js → p-644ecff8.entry.js} +1 -1
- package/dist/native/{p-24ce0c8d.entry.js → p-6d8d2088.entry.js} +1 -1
- package/dist/native/{p-6742f88f.entry.js → p-72d8cb56.entry.js} +1 -1
- package/dist/native/p-75a2a2ac.entry.js +1 -0
- package/dist/native/{p-a6b3256b.entry.js → p-767ee0fc.entry.js} +1 -1
- package/dist/native/{p-eb8ba7a2.entry.js → p-7aa4605d.entry.js} +1 -1
- package/dist/native/{p-ebff7ddb.entry.js → p-7c00f6da.entry.js} +1 -1
- package/dist/native/p-7d164a7a.entry.js +1 -0
- package/dist/native/{p-5a7e46ad.entry.js → p-89348af5.entry.js} +1 -1
- package/dist/native/p-8e1bcadc.entry.js +1 -0
- package/dist/native/{p-1aea6fe0.entry.js → p-95a9d385.entry.js} +1 -1
- package/dist/native/p-9fc95cf3.entry.js +1 -0
- package/dist/native/p-CyL2J6O4.js +74 -0
- package/dist/native/p-ac765e6a.entry.js +1 -0
- package/dist/native/p-b3477504.entry.js +1 -0
- package/dist/native/{p-34e19b6e.entry.js → p-c2c826a4.entry.js} +1 -1
- package/dist/native/{p-d6e2e120.entry.js → p-c56ffa82.entry.js} +1 -1
- package/dist/native/{p-8f76e030.entry.js → p-c5d97054.entry.js} +1 -1
- package/dist/native/{p-d12a2841.entry.js → p-cfa0eb58.entry.js} +1 -1
- package/dist/native/p-d3e66306.entry.js +1 -0
- package/dist/native/p-d5f5a6e1.entry.js +1 -0
- package/dist/native/{p-b3964a1c.entry.js → p-d8120afd.entry.js} +1 -1
- package/dist/native/p-dc2ce8ee.entry.js +1 -0
- package/dist/native/{p-bb43a3b4.entry.js → p-e3fb16af.entry.js} +1 -1
- package/dist/native/{p-03cc1f2c.entry.js → p-e46c35a0.entry.js} +1 -1
- package/dist/native/{p-c0b05d6f.entry.js → p-ec23ce93.entry.js} +1 -1
- package/dist/native/{p-3a35cf46.entry.js → p-f7522dac.entry.js} +1 -1
- package/dist/native/{p-157c5ac8.entry.js → p-fab2f2b3.entry.js} +1 -1
- package/dist/types/components/nv-datetest/nv-datetest.d.ts +48 -0
- package/dist/types/components/nv-datetest/nv-datetest.docs.d.ts +4 -0
- package/dist/types/components/nv-datetimetest/nv-datetimetest.d.ts +44 -0
- package/dist/types/components/nv-datetimetest/nv-datetimetest.docs.d.ts +4 -0
- package/dist/types/components/nv-icon/nv-icons.d.ts +1 -1
- package/dist/types/components/nv-notificationcontainer/nv-notificationcontainer.d.ts +0 -6
- package/dist/types/components/nv-timetest/nv-timetest.d.ts +48 -0
- package/dist/types/components/nv-timetest/nv-timetest.docs.d.ts +4 -0
- package/dist/types/components.d.ts +273 -16
- package/dist/types/index.d.ts +2 -0
- package/dist/types/interfaces/dates.d.ts +8 -0
- package/dist/types/nova-docs.d.ts +8 -0
- package/dist/types/utils/nova-datetime.d.ts +79 -0
- package/dist/types/utils/test/nova-datetime.test.d.ts +1 -0
- package/dist/vscode-data.json +58 -0
- package/hydrate/index.js +10854 -104
- package/hydrate/index.mjs +10854 -104
- package/package.json +14 -1
- package/dist/components/p-CV12ukSl.js +0 -1
- package/dist/components/p-CZkFkVd8.js +0 -1
- package/dist/components/p-CcmfuwSa.js +0 -1
- package/dist/components/p-CqJqzGJS.js +0 -1
- package/dist/native/p-18bdc07a.entry.js +0 -1
- package/dist/native/p-23f0ca96.entry.js +0 -1
- package/dist/native/p-597cac0f.entry.js +0 -1
- package/dist/native/p-5f42a7f1.entry.js +0 -1
- package/dist/native/p-7aac0b1a.entry.js +0 -1
- package/dist/native/p-99726dd4.entry.js +0 -1
- package/dist/native/p-c214e4af.entry.js +0 -1
- package/dist/native/p-c29dc907.entry.js +0 -1
- package/dist/native/p-d46bd21a.entry.js +0 -1
- package/dist/native/p-ddedc9c1.entry.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as o,a as t,h as e,d as n,e as r}from"./p-BCjiE1MF.js";const g=class{constructor(e){o(this,e),this.toggled=t(this,"toggled",7),this.size="md",this.disabled=!1,this.active=!1,this.emphasis="high",this.handleClick=()=>{this.disabled||this.toggled.emit({value:this.value,active:this.active})}}handleKeyDown(o){"Enter"!==o.key&&" "!==o.key||(o.preventDefault(),this.el.click())}render(){return e(n,{key:"
|
|
1
|
+
import{r as o,a as t,h as e,d as n,e as r}from"./p-BCjiE1MF.js";const g=class{constructor(e){o(this,e),this.toggled=t(this,"toggled",7),this.size="md",this.disabled=!1,this.active=!1,this.emphasis="high",this.handleClick=()=>{this.disabled||this.toggled.emit({value:this.value,active:this.active})}}handleKeyDown(o){"Enter"!==o.key&&" "!==o.key||(o.preventDefault(),this.el.click())}render(){return e(n,{key:"8e700d38ba155b977d4efa0d9e01b41e73fc4413",role:"button",tabindex:"0","aria-pressed":String(this.active),onClick:this.handleClick},e("slot",{key:"92427015839f98b0d9238b8df6af8e08ee511153"}))}get el(){return r(this)}};g.style="nv-togglebutton{display:inline-flex;justify-content:center;align-items:center}nv-togglebutton:focus-visible,nv-togglebutton:has(:focus-visible){z-index:1}nv-togglebutton[size=xs]{padding:var(--button-xs-padding-y) var(--button-xs-padding-x);gap:var(--button-xs-gap);border-radius:var(--button-xs-border-radius);line-height:var(--button-xs-line-height);height:var(--button-xs-height);font-size:var(--button-xs-font-size)}nv-togglebutton[size=xs] nv-icon>svg{width:var(--spacing-3);height:var(--spacing-3);stroke-width:1.2px}nv-togglebutton[size=xs]{padding-top:calc(var(--togglegroup-xs-button-padding-y) - var(--togglegroup-stroke));padding-bottom:calc(var(--togglegroup-xs-button-padding-y) - var(--togglegroup-stroke));border-radius:var(--togglegroup-xs-button-radius);height:calc((var(--togglegroup-xs-height)) - var(--togglegroup-inner-space));border-width:0}nv-togglebutton[size=sm]{padding:var(--button-sm-padding-y) var(--button-sm-padding-x);gap:var(--button-sm-gap);border-radius:var(--button-sm-border-radius);line-height:var(--button-sm-line-height);height:var(--button-sm-height);font-size:var(--button-sm-font-size)}nv-togglebutton[size=sm] nv-icon>svg{width:var(--spacing-4);height:var(--spacing-4);stroke-width:1.5px}nv-togglebutton[size=sm]{padding-top:calc(var(--togglegroup-sm-button-padding-y) - var(--togglegroup-stroke));padding-bottom:calc(var(--togglegroup-sm-button-padding-y) - var(--togglegroup-stroke));border-radius:calc(var(--togglegroup-sm-button-radius) + 1px);height:calc((var(--togglegroup-sm-height)) - var(--togglegroup-inner-space));border-width:0}nv-togglebutton[size=md]{padding:var(--button-md-padding-y) var(--button-md-padding-x);gap:var(--button-md-gap);border-radius:var(--button-md-border-radius);line-height:var(--button-md-line-height);height:var(--button-md-height);font-size:var(--button-md-font-size)}nv-togglebutton[size=md] nv-icon>svg{width:var(--spacing-5);height:var(--spacing-5);stroke-width:1.6px}nv-togglebutton[size=md]{padding-top:calc(var(--togglegroup-md-button-padding-y) - var(--togglegroup-stroke));padding-bottom:calc(var(--togglegroup-md-button-padding-y) - var(--togglegroup-stroke));border-radius:calc(var(--togglegroup-md-button-radius) + 1px);height:calc((var(--togglegroup-md-height)) - var(--togglegroup-inner-space));border-width:0}nv-togglebutton[size=lg]{padding:var(--button-lg-padding-y) var(--button-lg-padding-x);gap:var(--button-lg-gap);border-radius:var(--button-lg-border-radius);line-height:var(--button-lg-line-height);height:var(--button-lg-height);font-size:var(--button-lg-font-size)}nv-togglebutton[size=lg] nv-icon>svg{width:var(--spacing-6);height:var(--spacing-6);stroke-width:1.8px}nv-togglebutton[size=lg]{padding-top:calc(var(--togglegroup-lg-button-padding-y) - var(--togglegroup-stroke));padding-bottom:calc(var(--togglegroup-lg-button-padding-y) - var(--togglegroup-stroke));border-radius:calc(var(--togglegroup-lg-button-radius) + 1px);height:calc((var(--togglegroup-lg-height)) - var(--togglegroup-inner-space));border-width:0}nv-togglebutton[emphasis=high]{background:var(--components-button-low-background);border:1px solid var(--components-button-low-border);color:var(--components-button-low-text)}nv-togglebutton[emphasis=high]:hover{background:var(--components-button-low-background-hover);border:1px solid var(--components-button-low-border);color:var(--components-button-low-text-hover)}nv-togglebutton[emphasis=high]:active{background:var(--components-button-low-background-active);border:1px solid var(--components-button-low-border-active);color:var(--components-button-low-text-active)}nv-togglebutton[emphasis=high]:focus,nv-togglebutton[emphasis=high]:focus-within{outline:none}nv-togglebutton[emphasis=high]:focus-visible,nv-togglebutton[emphasis=high]:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-togglebutton[emphasis=high]:disabled:not([disabled=false]){opacity:0.5;cursor:not-allowed;box-shadow:none}nv-togglebutton[emphasis=high][active]:not([active=false]){background:var(--components-button-low-background-active);border:1px solid var(--components-button-low-border-active);color:var(--components-button-low-text-active)}nv-togglebutton[emphasis=low]{background:var(--components-button-lower-background);border:1px solid var(--components-button-lower-border);color:var(--components-button-lower-text)}nv-togglebutton[emphasis=low]:hover{background:var(--components-button-lower-background-hover);border:1px solid var(--components-button-lower-border);color:var(--components-button-lower-text-hover)}nv-togglebutton[emphasis=low]:active{background:var(--components-button-lower-background-active);border:1px solid var(--components-button-lower-border-active);color:var(--components-button-lower-text-active)}nv-togglebutton[emphasis=low]:focus,nv-togglebutton[emphasis=low]:focus-within{outline:none}nv-togglebutton[emphasis=low]:focus-visible,nv-togglebutton[emphasis=low]:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-togglebutton[emphasis=low]:disabled:not([disabled=false]){opacity:0.5;cursor:not-allowed;box-shadow:none}nv-togglebutton[emphasis=low][active]:not([active=false]),nv-togglebutton[emphasis=low]:active{background:var(--components-button-lower-background-hover);border:1px solid var(--components-button-lower-border);color:var(--components-button-lower-text-hover)}";export{g as nv_togglebutton}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,a as s,h as n,d as
|
|
1
|
+
import{r as e,a as s,h as n,d as i}from"./p-BCjiE1MF.js";const t=class{constructor(n){e(this,n),this.sortDirectionChanged=s(this,"sortDirectionChanged",3),this.sortable=!1,this.sortDirection="none"}cycleSortDirection(e){this.sortable&&(e?.preventDefault(),this.sortDirection={none:"asc",asc:"desc",desc:"none"}[this.sortDirection],this.sortDirectionChanged.emit(this.sortDirection))}handleKeyDown(e){this.sortable&&("Enter"!==e.key&&" "!==e.key||(e.preventDefault(),this.cycleSortDirection()))}get ariaSort(){const e={none:"none",asc:"ascending",desc:"descending"};return this.sortable?e[this.sortDirection]:e.none}render(){return n(i,{key:"962f555a02b3035148c5915ae7493c68c0202cc7",role:"columnheader","aria-sort":this.ariaSort,tabindex:this.sortable?0:void 0,onKeyDown:this.handleKeyDown.bind(this),onClick:this.cycleSortDirection.bind(this)},n("slot",{key:"0e69da3d4e2eb8ad01060f51d5043ffc14380415"}),this.sortable&&n("span",{key:"a9b5ff97552d142cc3e1becc14a34ebab1f3092d",class:"sort-icon-wrap","aria-hidden":"true"},n("nv-iconbutton",{key:"76f832eba2b57f244dbce597668f493a918cf599",disableTabindex:!0,name:"arrow-up",size:"xs",emphasis:"none"===this.sortDirection?"lower":"low",onMouseDown:e=>e.preventDefault(),class:{"is-none":"none"===this.sortDirection,"is-desc":"desc"===this.sortDirection}})))}};t.style="nv-tableheader{display:inline-flex;width:100%;align-items:center;gap:var(--spacing-2)}nv-tableheader:focus-visible:focus,nv-tableheader:focus-visible:focus-within{outline:none}nv-tableheader:focus-visible:focus-visible,nv-tableheader:focus-visible:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-tableheader:focus-visible{border-radius:var(--radius-rounded-sm)}nv-tableheader nv-iconbutton{transition:transform 120ms ease, opacity 120ms ease}nv-tableheader nv-iconbutton svg{transition:transform 240ms ease}nv-tableheader nv-iconbutton.is-none{opacity:0.5}nv-tableheader nv-iconbutton.is-desc svg{transform:rotate(180deg)}";export{t as nv_tableheader}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,a as n,h as e,d as
|
|
1
|
+
import{r as t,a as n,h as e,d as a}from"./p-BCjiE1MF.js";const i=class{constructor(e){t(this,e),this.currentPageChanged=n(this,"currentPageChanged",3),this.previousButtonLabel="Previous",this.nextButtonLabel="Next",this.numStartZoneButtons=2,this.numEndZoneButtons=2,this.numMiddleButtons=1,this.currentPage=1,this.totalCount=100,this.pageSize=10,this.isOnlyIcon=!1,this.showMiddleZone=!1,this.handlePageChange=t=>{t<1||t>this.totalPages||t===this.currentPage||(this.currentPage=t)}}get totalPages(){return Math.ceil(this.totalCount/this.pageSize)}onCurrentPageChange(t){const n=Math.max(1,Math.min(t,this.totalPages));n===t?this.currentPageChanged.emit(t):this.currentPage=n}renderPageButton(t){const n=t===this.currentPage;return e("li",{key:t,"data-scope":"page-button"},e("nv-button",{size:"md",emphasis:"lower",active:n,onClick:()=>this.handlePageChange(t),"data-page":t,"data-current":n?"true":void 0},t))}render(){const t=1===this.currentPage,n=this.currentPage===this.totalPages;return e(a,{key:"b2255fce4e03cee8ff370086aac31df5c69d275d"},e("nav",{key:"a136b7193f9b00a68e6ee626802dee19fd762531","data-scope":"pagination-nav","aria-label":"Pagination navigation"},this.isOnlyIcon?e("nv-iconbutton",{name:"chevron-left",size:"md",emphasis:"lower",disabled:t,onClick:()=>this.handlePageChange(this.currentPage-1),"data-scope":"previous-iconbutton","aria-label":this.previousButtonLabel}):e("nv-button",{size:"md",emphasis:"lower",disabled:t,onClick:()=>this.handlePageChange(this.currentPage-1),"data-scope":"previous-button"},e("nv-icon",{slot:"leading-icon",name:"chevron-left"}),this.previousButtonLabel),e("ol",{key:"5bebe0e3f5c8f1799ed8980752fbed7aadbcac01","data-scope":"page-list"},function({currentPage:t,totalCount:n,pageSize:e,numStartZoneButtons:a,numEndZoneButtons:i,numMiddleButtons:s,showMiddleZone:o}){const r=Math.ceil(n/e),c=[];if(r<=a+i){for(let t=1;t<=r;t++)c.push(t);return c}const h=a,l=r-i+1;if(!o&&!(t<=a||t>=r-i+1)){if(t<=Math.floor(r/2)){for(let n=t-a+1;n<=t;n++)c.push(n);c.push("...");for(let t=l;t<=r;t++)c.push(t);return c}for(let t=1;t<=a;t++)c.push(t);c.push("...");const n=Math.min(t+i-1,r);for(let e=t;e<=n;e++)c.push(e);return c}const d=t<=h,p=t>=l;for(let t=1;t<=h;t++)c.push(t);if(o&&!d&&!p&&l>h+1){c.push("...");const n=Math.floor(s/2),e=Math.max(h+1,t-n),a=Math.min(l-1,t+n);for(let t=e;t<=a;t++)c.push(t);c.push("...")}else l>h+1&&c.push("...");for(let t=l;t<=r;t++)c.push(t);return c}({currentPage:this.currentPage,totalCount:this.totalCount,pageSize:this.pageSize,numStartZoneButtons:this.numStartZoneButtons,numEndZoneButtons:this.numEndZoneButtons,numMiddleButtons:this.numMiddleButtons,showMiddleZone:this.showMiddleZone}).map((t=>"number"==typeof t?this.renderPageButton(t):e("li",{key:`ellipsis-${t}`,"data-scope":"ellipsis","aria-hidden":"true"},e("span",null,t))))),this.isOnlyIcon?e("nv-iconbutton",{name:"chevron-right",size:"md",emphasis:"lower",disabled:n,onClick:()=>this.handlePageChange(this.currentPage+1),"data-scope":"next-iconbutton","aria-label":this.nextButtonLabel}):e("nv-button",{size:"md",emphasis:"lower",disabled:n,onClick:()=>this.handlePageChange(this.currentPage+1),"data-scope":"next-button"},this.nextButtonLabel,e("nv-icon",{slot:"trailing-icon",name:"chevron-right"}))))}static get watchers(){return{currentPage:[{onCurrentPageChange:0}]}}};i.style="nv-pagination-nav{display:block}nv-pagination-nav [data-scope=pagination-nav]{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);flex-wrap:wrap}nv-pagination-nav [data-scope=page-list]{display:flex;align-items:center;gap:var(--spacing-2);list-style:none;margin:0;padding:0}nv-pagination-nav [data-scope=page-button]{display:flex;align-items:center}nv-pagination-nav [data-scope=page-button] nv-button,nv-pagination-nav [data-scope=page-button] nv-iconbutton{min-width:var(--spacing-8);justify-content:center}nv-pagination-nav [data-scope=ellipsis]{display:flex;align-items:center;justify-content:center;min-width:var(--spacing-8);height:var(--spacing-8);color:var(--color-content-lower-text);font-size:var(--font-size-sm);user-select:none}";export{i as nv_pagination_nav}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,a as r,h as o,d,e as i}from"./p-BCjiE1MF.js";import{c as a}from"./p-ChV9xqsO.js";import{v as t}from"./p-BdYh22OP.js";const n=class{constructor(o){e(this,o),this.checkedChanged=r(this,"checkedChanged",3),this.labelBefore=!1,this.inputId=t(),this.error=!1,this.checked=!1,this.disabled=!1,this.autofocus=!1}componentWillRender(){this.message&&(this.description=this.message),this.labelBefore&&(this.labelPlacement="before")}handleCheckedChange(e){this.checkedChanged.emit(e)}handleChange(e){const r=e.target;"radio"===r?.type&&(Array.from(document.getElementsByTagName("nv-fieldradio")).forEach((e=>{e.name===this.name&&(e.checked=!1)})),this.checked=r.checked)}render(){return o(d,{key:"66de1f9bfcf3981e3cfc94ac1bc1c7fa1940676d",class:a("before"===this.labelPlacement&&"label-placement-before",this.error&&"error")},o("input",{key:"ee32e5617e50888d9064d7d4d00fbdaf55b97e89",type:"radio",id:this.inputId,name:this.name,autofocus:this.autofocus,autocomplete:"off",value:this.value,checked:this.checked,disabled:this.disabled}),o("div",{key:"16f867329f8c9a735c9728a466fd49ff1b9b8e8a",class:"text-container"},(this.label||this.el.querySelector('[slot="label"]'))&&o("label",{key:"50bbb783254086da1f6c4ff3ce6ae432567d5585",htmlFor:this.inputId},o("slot",{key:"d6801fd892c2b82c39eb8b2b906ad0d148edd63f",name:"label"},this.label)),(this.description||this.el.querySelector('[slot="description"]'))&&o("div",{key:"6810da8129a5e70a6069a5212b6755017efe9856",class:"description"},o("slot",{key:"70539fb3789af1183fe92fbd9fdb18520633ef97",name:"description"},this.description)),(this.errorDescription||this.el.querySelector('[slot="error-description"]'))&&o("div",{key:"9c8059dd1f5335c99a28a84eb5db7ed0726933bd",hidden:!this.error,class:"error-description"},o("slot",{key:"ec4c1d7a36cb892c2a97593a6e3341f69791a721",name:"error-description"},this.errorDescription))))}static get formAssociated(){return!0}get el(){return i(this)}static get watchers(){return{checked:[{handleCheckedChange:0}]}}};n.style='@charset "UTF-8";nv-fieldradio{--nv-fieldradio-border-default:var(--components-form-field-border-default);--nv-fieldradio-border-hover:var(--components-form-field-border-hover);--nv-fieldradio-border-focus:var(--components-form-field-border-default);--nv-fieldradio-background-default:var(--components-form-field-background-default);--nv-fieldradio-background-checked:var(--components-form-field-background-checked);--nv-fieldradio-background-disabled:var(--components-form-field-background-disabled);--nv-fieldradio-focus-box-shadow:var(--color-focus-brand);--nv-fieldradio-dot-color-checked:var(--components-form-shape-foreground-default);--nv-fieldradio-dot-color-disabled:var(--components-form-shape-foreground-disabled);--nv-fieldradio-outline-color:var(--color-focus-brand);display:inline-flex;align-items:flex-start;gap:var(--form-gap-x)}nv-fieldradio:not([disabled]) input,nv-fieldradio:not([disabled]) label,nv-fieldradio[disabled=false] input,nv-fieldradio[disabled=false] label{cursor:pointer}nv-fieldradio.error{--nv-fieldradio-border-default:var(--components-form-field-border-error);--nv-fieldradio-border-hover:var(--nv-fieldradio-border-default);--nv-fieldradio-border-focus:var(--components-form-field-border-error);--nv-fieldradio-background-checked:var(--components-form-field-background-error);--nv-fieldradio-focus-box-shadow:var(--color-focus-destructive);--nv-fieldradio-dot-color-checked:var(--components-form-shape-foreground-default);--nv-fieldradio-dot-color-disabled:var(--components-form-field-border-error);--nv-fieldradio-outline-color:var(--color-focus-destructive)}nv-fieldradio.label-placement-before{flex-direction:row-reverse}nv-fieldradio[disabled]{opacity:0.5}nv-fieldradio label{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(--form-label-font-weight);line-height:var(--form-label-line-height)}nv-fieldradio input[type=radio]{appearance:none;position:relative;display:flex;width:var(--form-radio-size);height:var(--form-radio-size);padding:var(--form-radio-inner-circle-padding);flex-direction:column;align-items:flex-start;border-radius:var(--radius-rounded-full);border-width:var(--form-radio-border-width);border-style:solid;border-color:var(--nv-fieldradio-border-default);background:var(--nv-fieldradio-background-default)}nv-fieldradio input[type=radio]:hover{border-color:var(--nv-fieldradio-border-hover)}nv-fieldradio input[type=radio]:focus{border-color:var(--nv-fieldradio-border-focus)}nv-fieldradio input[type=radio]:focus,nv-fieldradio input[type=radio]:focus-within{outline:none}nv-fieldradio input[type=radio]:focus-visible,nv-fieldradio input[type=radio]:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--nv-fieldradio-outline-color);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-fieldradio input[type=radio]:checked{background:var(--nv-fieldradio-background-checked);border-color:var(--nv-fieldradio-background-checked)}nv-fieldradio input[type=radio]:checked:hover,nv-fieldradio input[type=radio]:checked:focus{border-color:var(--nv-fieldradio-background-checked);background:var(--nv-fieldradio-background-checked)}nv-fieldradio input[type=radio]:checked::before{content:"";position:absolute;top:50%;right:50%;transform:translate(50%, -50%);left:0;width:var(--form-radio-inner-circle-size);height:var(--form-radio-inner-circle-size);flex-shrink:0;border-radius:var(--radius-rounded-full);background:var(--nv-fieldradio-dot-color-checked)}nv-fieldradio input[type=radio]:disabled{border-radius:var(--radius-rounded-full);border-width:var(--form-radio-border-width);border-style:solid;border-color:var(--nv-fieldradio-border-default);background:var(--nv-fieldradio-background-disabled)}nv-fieldradio input[type=radio]:disabled:checked::before{background:var(--nv-fieldradio-dot-color-disabled)}nv-fieldradio input[type=radio]:disabled:hover{border-color:var(--nv-fieldradio-border-default);background:var(--nv-fieldradio-background-disabled)}@media print{nv-fieldradio input[type=radio]:checked{background:transparent;border-color:var(--nv-fieldradio-background-checked)}nv-fieldradio input[type=radio]:checked::before{content:"●";position:absolute;top:calc(50% - 2px);left:calc(50% - 4.5px);transform:translate(-50%, -50%);width:auto;height:auto;background:none;color:var(--nv-fieldradio-background-checked);font-size:calc(var(--form-radio-inner-circle-size) * 3);line-height:1}}nv-fieldradio .description{align-self:stretch;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;font-weight:var(--form-description-font-weight);line-height:var(--form-description-line-height)}nv-fieldradio .error-description{align-self:stretch;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;font-weight:var(--form-description-font-weight);line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}nv-fieldradio .text-container{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0}';export{n as nv_fieldradio}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as a,d as e,e as n}from"./p-BCjiE1MF.js";const r=Object.freeze({HANDLE_W:12,HANDLE_W_TOUCH:24,MIN_W:40});function o(t){document&&(document.body.style.userSelect=t?"none":"")}function d(t){return t.offsetWidth}function i(t,a){return null!==t&&t.pointerId===a.pointerId}const c=class{constructor(a){t(this,a),this.resizeState=null}onPointerDown(t){const a=function(t){if(!(t instanceof HTMLElement))return null;const a=t.closest("th, td");return e=a,"TH"===e?.tagName||"TD"===e?.tagName?a:null;var e}(t.target);if(!a)return;if(a.hasAttribute("data-no-resize"))return;const e=function(t,a){const e=a.getBoundingClientRect();return t.clientX-e.left}(t,a),n=matchMedia("(pointer: coarse)").matches?r.HANDLE_W_TOUCH:r.HANDLE_W;var i,c;(function(t,a,e){return t>=a-e})(e,d(a),n)&&(this.resizeState={resizingCell:i=a,pointerId:(c=t).pointerId,startX:c.clientX,startWidth:d(i)},function(t,a){try{return t.setPointerCapture?.(a),!0}catch{return!1}}(a,t.pointerId),o(!0))}onPointerMove(t){i(this.resizeState,t)&&function(t,a,e=r.MIN_W){const n=function(t,a,e=r.MIN_W){return Math.max(e,t+a)}(t.startWidth,a.clientX-t.startX,e);t.resizingCell.style.width=`${n}px`}(this.resizeState,t,r.MIN_W)}onPointerUp(t){i(this.resizeState,t)&&(function(t,a){try{return t.releasePointerCapture?.(a),!0}catch{return!1}}(this.resizeState.resizingCell,this.resizeState.pointerId),this.resizeState=null,o(!1))}render(){return a(e,{key:"
|
|
1
|
+
import{r as t,h as a,d as e,e as n}from"./p-BCjiE1MF.js";const r=Object.freeze({HANDLE_W:12,HANDLE_W_TOUCH:24,MIN_W:40});function o(t){document&&(document.body.style.userSelect=t?"none":"")}function d(t){return t.offsetWidth}function i(t,a){return null!==t&&t.pointerId===a.pointerId}const c=class{constructor(a){t(this,a),this.resizeState=null}onPointerDown(t){const a=function(t){if(!(t instanceof HTMLElement))return null;const a=t.closest("th, td");return e=a,"TH"===e?.tagName||"TD"===e?.tagName?a:null;var e}(t.target);if(!a)return;if(a.hasAttribute("data-no-resize"))return;const e=function(t,a){const e=a.getBoundingClientRect();return t.clientX-e.left}(t,a),n=matchMedia("(pointer: coarse)").matches?r.HANDLE_W_TOUCH:r.HANDLE_W;var i,c;(function(t,a,e){return t>=a-e})(e,d(a),n)&&(this.resizeState={resizingCell:i=a,pointerId:(c=t).pointerId,startX:c.clientX,startWidth:d(i)},function(t,a){try{return t.setPointerCapture?.(a),!0}catch{return!1}}(a,t.pointerId),o(!0))}onPointerMove(t){i(this.resizeState,t)&&function(t,a,e=r.MIN_W){const n=function(t,a,e=r.MIN_W){return Math.max(e,t+a)}(t.startWidth,a.clientX-t.startX,e);t.resizingCell.style.width=`${n}px`}(this.resizeState,t,r.MIN_W)}onPointerUp(t){i(this.resizeState,t)&&(function(t,a){try{return t.releasePointerCapture?.(a),!0}catch{return!1}}(this.resizeState.resizingCell,this.resizeState.pointerId),this.resizeState=null,o(!1))}render(){return a(e,{key:"a6882cbcf9b0b12776f6d4be6d9cbfb42aff6833"},a("slot",{key:"d4d47a2eb77c50ff30109e217ceecd2677b9d28d"}))}get host(){return n(this)}};c.style='nv-table table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:max-content;min-width:100%;background:var(--color-level-00-background)}nv-table table thead{background:var(--components-datagrid-header-background)}nv-table table tbody tr:hover td{background:var(--components-datagrid-body-background-hover)}nv-table table tbody tr[data-selected]{background:var(--components-datagrid-body-background-active)}nv-table table td{height:var(--spacing-16);padding:var(--datagrid-cell-body-padding-y) var(--datagrid-cell-body-padding-x) var(--spacing-2) var(--datagrid-cell-body-padding-x);font-size:var(--font-size-md);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--line-height-base);background:var(--components-datagrid-body-background-default);border-bottom:1px solid var(--components-datagrid-body-border)}nv-table table th{position:relative;text-align:left;padding:var(--datagrid-cell-header-padding-y) var(--datagrid-cell-header-padding-right) var(--datagrid-cell-header-padding-y) var(--datagrid-cell-header-padding-x);padding-right:calc(var(--datagrid-cell-header-padding-right) + 12px);color:var(--color-content-low-text);font-variant-numeric:lining-nums tabular-nums slashed-zero;font-size:var(--font-size-md);font-style:normal;font-weight:var(--font-weight-high-emphasis);line-height:var(--line-height-base);min-width:40px;border-bottom:1px solid var(--components-datagrid-header-border);background:var(--components-datagrid-header-background)}nv-table table th::after{content:"";position:absolute;top:0;right:0;width:12px;height:50%;transform:translateY(50%);cursor:col-resize;background:linear-gradient(90deg, transparent 0%, transparent calc(50% - 1px), var(--components-datagrid-header-border), calc(50% - 1px), var(--components-datagrid-header-border) calc(50% + 1px), transparent calc(50% + 1px), transparent 100%);opacity:0;transition:opacity 0.05s ease-in-out}nv-table table th[data-grow]{width:unset}nv-table table th:hover::after{opacity:1}nv-table table th[data-no-resize]::after{display:none}nv-table [data-sticky-left]{position:sticky;z-index:1;background:var(--color-level-00-background);left:0;top:0}nv-table [data-sticky-right]{position:sticky;z-index:1;background:var(--color-level-00-background);right:0;top:0}nv-table [data-sticky-top] th{position:sticky;z-index:1;background:var(--color-level-00-background);top:0}';export{c as nv_table}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as g,a as t,h as
|
|
1
|
+
import{r as g,a as t,h as o,d as e,e as s}from"./p-BCjiE1MF.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 e,a as r,h as t,d as i,e as o}from"./p-BCjiE1MF.js";import{I as a}from"./p-Hfc8Oh0x.js";import{v as n}from"./p-BdYh22OP.js";import"./p-B85MJLTf.js";const d=class{constructor(t){e(this,t),this.valueChanged=r(this,"valueChanged",3),this.popoverId=n(),this.inputId=n(),this.disabled=!1,this.readonly=!1,this.required=!1,this.ariaRequiredAttr=!1,this.error=!1,this.success=!1,this.autofocus=!1,this.value="",this.singleValue="",this.open=!1,this.firstDayOfWeek=1,this.numberOfCalendars=1,this.min="",this.max="",this.locale="en-BE",this.dateFormat="YYYY-MM-DD",this.shortcutsPlacement="bottom",this.showActions=!1,this.fluid=!1,this.handleClickOutside=e=>{e.target instanceof Node&&(this.el?.contains(e.target)||(this.open=!1))},this.handleInputContainerClick=e=>{this.readonly||this.disabled?e.preventDefault():this.inputElement.focus()},this.handleInput=e=>{if(this.readonly||this.disabled)return void e.preventDefault();const r=e.target;this.singleValue=r.value,""===r.value&&(this.value="",this.valueChanged.emit(""))},this.handleFocus=e=>{if(this.readonly||this.disabled)return e.preventDefault(),void e.target.blur();this.open=!0},this.handleCalendarValueChanged=e=>{e.stopPropagation()},this.setPopoverRef=e=>{this.popoverElement=e},this.setInputRef=e=>{this.inputElement=e},this.toggleCalendar=()=>{this.readonly||this.disabled||(this.open=!this.open)}}convertToInputmaskFormat(e){return e&&{"DD/MM/YYYY":"dd/mm/yyyy","MM/DD/YYYY":"mm/dd/yyyy","YYYY-MM-DD":"yyyy-mm-dd","DD.MM.YYYY":"dd.mm.yyyy",YYYYMMDD:"yyyymmdd"}[e]||"dd/mm/yyyy"}async clear(){this.singleValue="",this.value="",this.inputElement&&(this.inputElement.value="",this.inputElement.inputmask&&this.inputElement.inputmask.remove()),this.valueChanged.emit(""),this.open=!1}updateMask(){this.inputElement&&(this.inputElement.inputmask?.remove?.(),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,oncomplete:e=>{const r=e.target?.value;this.value!==r&&(this.singleValue=r,this.value=r,this.valueChanged.emit(r))}}).mask(this.inputElement))}handleSingleDateChange(e){const r=e.detail,t=this.value;this.singleValue=r,this.value=r,this.inputElement&&(this.inputElement.value=r),t!==r&&this.valueChanged.emit(r),this.showActions||(this.open=!1)}componentWillLoad(){this.value&&(this.singleValue=this.value)}componentDidLoad(){this.updateMask(),this.inputElement.name===this.name&&this.singleValue&&requestAnimationFrame((()=>{this.inputElement.value=this.singleValue;const e=new CustomEvent("input",{bubbles:!0});this.inputElement.dispatchEvent(e)}))}componentDidRender(){this.singleValue&&this.inputElement&&!this.inputElement.value&&requestAnimationFrame((()=>{this.inputElement.value=this.singleValue,this.inputElement.setAttribute("value",this.singleValue)}))}disconnectedCallback(){this.inputElement&&this.inputElement.inputmask&&this.inputElement.inputmask.remove()}handleValueChange(e){this.singleValue=e,this.inputElement&&this.inputElement.value!==e&&(this.inputElement.value=e)}handleOpenChange(e){if(this.updateMask(),e&&this.popoverElement){const e=this.popoverElement.querySelector("nv-calendar [data-date]");e&&e.focus()}}handleClosePopover(e){e.stopPropagation(),this.open=!1}handleDocumentClick(e){this.handleClickOutside(e)}handleKeyDown(e){if("Escape"!==e.key)return this.open?void(this.popoverElement||console.warn("nv-fielddate -> Popover element is not defined")):"ArrowDown"===e.key?(this.open=!0,void e.preventDefault()):void 0;this.open=!1}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,o=e?r:null,a=e?"true"===o||""===o:void 0,n=this.required&&(!e||!0===a);return t(i,{key:"3c13437365ba5c194e382050d83a01c2610f901d"},(this.label&&this.label.length>0||this.el.querySelector('[slot="label"]'))&&t("label",{key:"82bccae1ff2044e8b099789e4403857772f8449c",htmlFor:this.inputId},t("slot",{key:"3a2065e072ba6acb2ca5a162b877d05d30f93815",name:"label"},this.label)),t("nv-popover",{key:"afd5fc8f78a46562b318f2f2d48306efa2275fac",ref:this.setPopoverRef,id:this.popoverId,triggerMode:"controlled",placement:"bottom-start",open:this.open},t("div",{key:"748395cd864e8ee8f224460a420379b9f8ea362e",slot:"trigger",class:"input-wrapper"},t("slot",{key:"8c1f2baa6a33861d83c9497ee39a6a2a08b27d2e",name:"before-input"}),t("div",{key:"91dfd2e870fc59e0949ff1ae2b66e0a3c89ec203",class:"input-container",onClick:this.handleInputContainerClick},t("slot",{key:"7e7a11aacf727512ccbf4c5fd149f9ccbf161c0d",name:"leading-input"}),t("input",{key:"47b9d83bb4942604c3e8244995d032743ad84e78",id:this.inputId,ref:this.setInputRef,placeholder:this.placeholder||this.convertToInputmaskFormat(this.dateFormat),name:this.name,disabled:this.disabled,readOnly:this.readonly,required:n?this.required:void 0,...void 0!==a&&{"aria-required":String(a)},autofocus:this.autofocus,onInput:this.handleInput,onFocus:this.handleFocus,"data-scope":"date"}),this.error&&t("nv-icon",{key:"0c8badb4887475f3ce278db7dd1bb9d4f4db1948",name:"alert-circle",class:"validation",size:"md"}),this.success&&t("nv-icon",{key:"908c9595d2858b5915ea9625b365d98c9076175d",name:"circle-check",class:"validation",size:"md"}),t("nv-iconbutton",{key:"2acbfe40a0db4b070491e91fa69b9a21fee5111d",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})),t("slot",{key:"fb9ae11ed575835053e11a28136c545fefa1f185",name:"after-input"})),t("div",{key:"4ed455b92288d64e1d243e0d2268251f183523c9",slot:"content"},t("nv-calendar",{key:"1af9d63edd9c95414ddcba5e3988a1bf42fae4bb",onSingleDateChange:this.handleSingleDateChange.bind(this),dateFormat:this.dateFormat,singleValue:this.singleValue,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,onValueChanged:this.handleCalendarValueChanged}))),(this.description&&this.description.length>0||this.el.querySelector('[slot="description"]'))&&t("div",{key:"3a124e7dd1d5216ac586893eb2d7ae8383051cdc",class:"description"},t("slot",{key:"13f0b8e29875e369734799370fbd54c27becebfb",name:"description"},this.description)),(this.errorDescription||this.el.querySelector('[slot="error-description"]'))&&t("div",{key:"78dbbd76ada0c99907c9725fc82f2edfea41830c",hidden:!this.error,class:"error-description"},this.el.querySelector('[slot="error-description"]')?t("slot",{name:"error-description"}):this.errorDescription),t("slot",{key:"2c7f702581d6645cb9e6e0e94effa2ea067f049a"}))}get el(){return o(this)}static get watchers(){return{value:[{handleValueChange:0}],open:[{handleOpenChange: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-fielddate{--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-fielddate[fluid]:not([fluid=false]){max-width:unset}nv-fielddate[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-fielddate[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-fielddate[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-fielddate[required]:not([required=false]) label::after,nv-fielddate[aria-required=true] label::after{content:"*";color:var(--components-form-text-required);font-weight:var(--font-weight-high-emphasis)}nv-fielddate 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-fielddate nv-popover{width:100%;display:block}nv-fielddate nv-popover [data-scope=popover]{padding:0;background-color:var(--components-list-dropdown-background);border:1px solid var(--components-list-dropdown-border);width:auto}nv-fielddate nv-popover [slot=content]{display:block;width:100%}nv-fielddate nv-popover .datepicker-container{border:none}nv-fielddate .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-fielddate .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-fielddate .input-wrapper .input-container:hover{border-color:var(--nv-field-border-hover)}nv-fielddate .input-wrapper .input-container:focus-within,nv-fielddate .input-wrapper .input-container:focus-within:hover,nv-fielddate .input-wrapper .input-container:focus,nv-fielddate .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-fielddate .input-wrapper .input-container:has(input:read-only){background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fielddate .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-fielddate .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-fielddate .input-wrapper .input-container input:focus{outline:none}nv-fielddate .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-fielddate .input-wrapper .input-container input{}nv-fielddate .input-wrapper .input-container input[type=password]::-ms-clear,nv-fielddate .input-wrapper .input-container input[type=password]::-ms-reveal{display:none;width:0;height:0}nv-fielddate .input-wrapper .input-container input{font-feature-settings:"tnum";font-family:"TTNorms Pro Mono", monospace}nv-fielddate .input-wrapper .input-container>nv-iconbutton{border:0px;border-radius:0px}nv-fielddate .input-wrapper .input-container>nv-iconbutton:focus-visible{border-radius:var(--button-md-border-radius);outline-offset:-3px}nv-fielddate .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-fielddate .input-wrapper .input-container nv-icon.validation{color:var(--nv-field-border-default)}nv-fielddate .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-fielddate .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{d as nv_fielddate}
|
|
1
|
+
import{r as e,a as r,h as t,d as i,e as o}from"./p-BCjiE1MF.js";import{I as a}from"./p-Hfc8Oh0x.js";import{v as n}from"./p-BdYh22OP.js";import"./p-B85MJLTf.js";const d=class{constructor(t){e(this,t),this.valueChanged=r(this,"valueChanged",3),this.popoverId=n(),this.inputId=n(),this.disabled=!1,this.readonly=!1,this.required=!1,this.ariaRequiredAttr=!1,this.error=!1,this.success=!1,this.autofocus=!1,this.value="",this.singleValue="",this.open=!1,this.firstDayOfWeek=1,this.numberOfCalendars=1,this.min="",this.max="",this.locale="en-BE",this.dateFormat="YYYY-MM-DD",this.shortcutsPlacement="bottom",this.showActions=!1,this.fluid=!1,this.handleClickOutside=e=>{e.target instanceof Node&&(this.el?.contains(e.target)||(this.open=!1))},this.handleInputContainerClick=e=>{this.readonly||this.disabled?e.preventDefault():this.inputElement.focus()},this.handleInput=e=>{if(this.readonly||this.disabled)return void e.preventDefault();const r=e.target;this.singleValue=r.value,""===r.value&&(this.value="",this.valueChanged.emit(""))},this.handleFocus=e=>{if(this.readonly||this.disabled)return e.preventDefault(),void e.target.blur();this.open=!0},this.handleCalendarValueChanged=e=>{e.stopPropagation()},this.setPopoverRef=e=>{this.popoverElement=e},this.setInputRef=e=>{this.inputElement=e},this.toggleCalendar=()=>{this.readonly||this.disabled||(this.open=!this.open)}}convertToInputmaskFormat(e){return e&&{"DD/MM/YYYY":"dd/mm/yyyy","MM/DD/YYYY":"mm/dd/yyyy","YYYY-MM-DD":"yyyy-mm-dd","DD.MM.YYYY":"dd.mm.yyyy",YYYYMMDD:"yyyymmdd"}[e]||"dd/mm/yyyy"}async clear(){this.singleValue="",this.value="",this.inputElement&&(this.inputElement.value="",this.inputElement.inputmask&&this.inputElement.inputmask.remove()),this.valueChanged.emit(""),this.open=!1}updateMask(){this.inputElement&&(this.inputElement.inputmask?.remove?.(),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,oncomplete:e=>{const r=e.target?.value;this.value!==r&&(this.singleValue=r,this.value=r,this.valueChanged.emit(r))}}).mask(this.inputElement))}handleSingleDateChange(e){const r=e.detail,t=this.value;this.singleValue=r,this.value=r,this.inputElement&&(this.inputElement.value=r),t!==r&&this.valueChanged.emit(r),this.showActions||(this.open=!1)}componentWillLoad(){this.value&&(this.singleValue=this.value)}componentDidLoad(){this.updateMask(),this.inputElement.name===this.name&&this.singleValue&&requestAnimationFrame((()=>{this.inputElement.value=this.singleValue;const e=new CustomEvent("input",{bubbles:!0});this.inputElement.dispatchEvent(e)}))}componentDidRender(){this.singleValue&&this.inputElement&&!this.inputElement.value&&requestAnimationFrame((()=>{this.inputElement.value=this.singleValue,this.inputElement.setAttribute("value",this.singleValue)}))}disconnectedCallback(){this.inputElement&&this.inputElement.inputmask&&this.inputElement.inputmask.remove()}handleValueChange(e){this.singleValue=e,this.inputElement&&this.inputElement.value!==e&&(this.inputElement.value=e)}handleOpenChange(e){if(this.updateMask(),e&&this.popoverElement){const e=this.popoverElement.querySelector("nv-calendar [data-date]");e&&e.focus()}}handleClosePopover(e){e.stopPropagation(),this.open=!1}handleDocumentClick(e){this.handleClickOutside(e)}handleKeyDown(e){if("Escape"!==e.key)return this.open?void(this.popoverElement||console.warn("nv-fielddate -> Popover element is not defined")):"ArrowDown"===e.key?(this.open=!0,void e.preventDefault()):void 0;this.open=!1}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,o=e?r:null,a=e?"true"===o||""===o:void 0,n=this.required&&(!e||!0===a);return t(i,{key:"373ddbc08a6b5d6ca6f2ac368f0ec84067539313"},(this.label&&this.label.length>0||this.el.querySelector('[slot="label"]'))&&t("label",{key:"8373d2e38786f41bda23dd8fe9d345d24fb27710",htmlFor:this.inputId},t("slot",{key:"8ded993892e5eef5caec76081eff5d3ed2db695a",name:"label"},this.label)),t("nv-popover",{key:"0a394aab113c9a964f7495481d728416b1b7b041",ref:this.setPopoverRef,id:this.popoverId,triggerMode:"controlled",placement:"bottom-start",open:this.open},t("div",{key:"ae7e1a4d7454b09969335a4772e77ba137a12389",slot:"trigger",class:"input-wrapper"},t("slot",{key:"7b744ada5b12dca2ffaca4690f27a9a77240ea55",name:"before-input"}),t("div",{key:"9eb02599b7d7b6ee1835756525d8646d8a50be73",class:"input-container",onClick:this.handleInputContainerClick},t("slot",{key:"882a358dd1f0865a0c46ca5d9c5f8fe4689de616",name:"leading-input"}),t("input",{key:"2f8603d625b8fbfe8a5287e5512fdb2b7309004b",id:this.inputId,ref:this.setInputRef,placeholder:this.placeholder||this.convertToInputmaskFormat(this.dateFormat),name:this.name,disabled:this.disabled,readOnly:this.readonly,required:n?this.required:void 0,...void 0!==a&&{"aria-required":String(a)},autofocus:this.autofocus,onInput:this.handleInput,onFocus:this.handleFocus,"data-scope":"date"}),this.error&&t("nv-icon",{key:"ae611c7990a9ee817fcd8fec5c3c6068b995310d",name:"alert-circle",class:"validation",size:"md"}),this.success&&t("nv-icon",{key:"3fa08699f440d9dcbd9612965a3f1cf88b17a83c",name:"circle-check",class:"validation",size:"md"}),t("nv-iconbutton",{key:"ee781c688e8bc62d17250dd4ec198e5706641cf7",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})),t("slot",{key:"ab360fe2a6d5ceb48899ba05e404548995348e96",name:"after-input"})),t("div",{key:"8379e7defd054c642fe0d25cd8f3890c351811b1",slot:"content"},t("nv-calendar",{key:"316df6f492d8d684ba91429fe5e499330329d0a7",onSingleDateChange:this.handleSingleDateChange.bind(this),dateFormat:this.dateFormat,singleValue:this.singleValue,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,onValueChanged:this.handleCalendarValueChanged}))),(this.description&&this.description.length>0||this.el.querySelector('[slot="description"]'))&&t("div",{key:"9bad6d56684e9fea1298b5338ed32c04f3ab364c",class:"description"},t("slot",{key:"180f3d6aac34ed02bf7ac351319327d701d4a419",name:"description"},this.description)),(this.errorDescription||this.el.querySelector('[slot="error-description"]'))&&t("div",{key:"b62cfbae2fec4d1e4c6d15f3bd3cf8e0936ec28f",hidden:!this.error,class:"error-description"},this.el.querySelector('[slot="error-description"]')?t("slot",{name:"error-description"}):this.errorDescription),t("slot",{key:"6c4f47488a757c5808ed1bbe8bcedaa5dce60da2"}))}get el(){return o(this)}static get watchers(){return{value:[{handleValueChange:0}],open:[{handleOpenChange: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-fielddate{--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-fielddate[fluid]:not([fluid=false]){max-width:unset}nv-fielddate[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-fielddate[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-fielddate[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-fielddate[required]:not([required=false]) label::after,nv-fielddate[aria-required=true] label::after{content:"*";color:var(--components-form-text-required);font-weight:var(--font-weight-high-emphasis)}nv-fielddate 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-fielddate nv-popover{width:100%;display:block}nv-fielddate nv-popover [data-scope=popover]{padding:0;background-color:var(--components-list-dropdown-background);border:1px solid var(--components-list-dropdown-border);width:auto}nv-fielddate nv-popover [slot=content]{display:block;width:100%}nv-fielddate nv-popover .datepicker-container{border:none}nv-fielddate .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-fielddate .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-fielddate .input-wrapper .input-container:hover{border-color:var(--nv-field-border-hover)}nv-fielddate .input-wrapper .input-container:focus-within,nv-fielddate .input-wrapper .input-container:focus-within:hover,nv-fielddate .input-wrapper .input-container:focus,nv-fielddate .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-fielddate .input-wrapper .input-container:has(input:read-only){background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fielddate .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-fielddate .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-fielddate .input-wrapper .input-container input:focus{outline:none}nv-fielddate .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-fielddate .input-wrapper .input-container input{}nv-fielddate .input-wrapper .input-container input[type=password]::-ms-clear,nv-fielddate .input-wrapper .input-container input[type=password]::-ms-reveal{display:none;width:0;height:0}nv-fielddate .input-wrapper .input-container input{font-feature-settings:"tnum";font-family:"TTNorms Pro Mono", monospace}nv-fielddate .input-wrapper .input-container>nv-iconbutton{border:0px;border-radius:0px}nv-fielddate .input-wrapper .input-container>nv-iconbutton:focus-visible{border-radius:var(--button-md-border-radius);outline-offset:-3px}nv-fielddate .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-fielddate .input-wrapper .input-container nv-icon.validation{color:var(--nv-field-border-default)}nv-fielddate .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-fielddate .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{d as nv_fielddate}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as i,h as e,d as t,e as a}from"./p-BCjiE1MF.js";const n=class{constructor(e){i(this,e),this.active=!1,this.collapsible=!1,this.open=!1,this.hasSubitems=!1,this.isSidebarCollapsed=!1,this.wasActiveFromSubitem=!1,this.handleToggle=i=>{const e=i.target;if(!e.closest("nv-sidebarnavsubitem"))if(this.isSidebarCollapsed){const i=this.el.querySelector(".nv-sidebarnavitem-content a, :scope > a");if(i?.href){if(e.closest("a"))return;i.click()}}else{if(this.collapsible)return i.preventDefault(),i.stopPropagation(),void(this.open=!this.open);if(!e.closest("a")){const i=this.el.querySelector(".nv-sidebarnavitem-content a, :scope > a");i&&i.click()}}},this.isAnimating=!1,this.hasInitializedHeight=!1,this.lastAnimatedOpenState=null,this.updateSubitemsHeight=(i=!1)=>{this.subitemsRef&&(i||null===this.lastAnimatedOpenState||this.lastAnimatedOpenState!==this.open)&&(this.isAnimating&&!i||(this.isAnimating=!0,this.lastAnimatedOpenState=this.open,this.open?(this.subitemsRef.style.transition="none",this.subitemsRef.style.maxHeight="0px",requestAnimationFrame((()=>{this.subitemsRef&&(this.subitemsRef.style.transition="max-height 0.3s ease, opacity 0.2s ease",this.subitemsRef.style.maxHeight=this.subitemsRef.scrollHeight+"px",setTimeout((()=>{this.isAnimating=!1}),300))}))):(this.subitemsRef.style.transition="none",this.subitemsRef.style.maxHeight=this.subitemsRef.scrollHeight+"px",requestAnimationFrame((()=>{this.subitemsRef&&(this.subitemsRef.style.transition="max-height 0.3s ease, opacity 0.2s ease",this.subitemsRef.style.maxHeight="0px",setTimeout((()=>{this.isAnimating=!1}),300))})))))},this.checkSidebarCollapsed=()=>{const i=this.el.closest("nv-sidebar"),e=this.isSidebarCollapsed;this.isSidebarCollapsed=i?.hasAttribute("collapsed")??!1,e!==this.isSidebarCollapsed&&this.updateActiveFromSubitems()},this.updateActiveFromSubitems=()=>{if(!this.hasSubitems)return;const i=Array.from(this.el.querySelectorAll("nv-sidebarnavsubitem")).some((i=>i.active));this.isSidebarCollapsed?i?(this.active=!0,this.wasActiveFromSubitem=!0):this.wasActiveFromSubitem&&(this.active=!1,this.wasActiveFromSubitem=!1):i&&!this.open?(this.active=!0,this.wasActiveFromSubitem=!0):this.wasActiveFromSubitem&&(this.active=!1,this.wasActiveFromSubitem=!1)}}componentWillLoad(){const i=this.el.querySelectorAll("nv-sidebarnavsubitem");this.hasSubitems=i.length>0,this.hasSubitems&&i.forEach((i=>{i.setAttribute("slot","subitems")})),this.checkSidebarCollapsed();const e=this.el.closest("nv-sidebar");if(e&&(this.mutationObserver=new MutationObserver((()=>{this.checkSidebarCollapsed()})),this.mutationObserver.observe(e,{attributes:!0,attributeFilter:["collapsed"]})),this.hasSubitems){const i=this.el.querySelector(".nv-sidebarnavitem-subitems");i?(this.subitemsMutationObserver=new MutationObserver((()=>{this.updateActiveFromSubitems()})),this.subitemsMutationObserver.observe(i,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["active"]})):(this.subitemsMutationObserver=new MutationObserver((()=>{this.updateActiveFromSubitems()})),this.subitemsMutationObserver.observe(this.el,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["active"]}))}this.updateActiveFromSubitems()}disconnectedCallback(){this.mutationObserver&&this.mutationObserver.disconnect(),this.subitemsMutationObserver&&this.subitemsMutationObserver.disconnect()}onOpenChanged(i,e){i!==e&&(this.updateSubitemsHeight(!0),this.updateActiveFromSubitems())}render(){const i=void 0!==this.notificationCount&&this.notificationCount>0,a=this.isSidebarCollapsed?"reduced":"default";return e(t,{key:"
|
|
1
|
+
import{r as i,h as e,d as t,e as a}from"./p-BCjiE1MF.js";const n=class{constructor(e){i(this,e),this.active=!1,this.collapsible=!1,this.open=!1,this.hasSubitems=!1,this.isSidebarCollapsed=!1,this.wasActiveFromSubitem=!1,this.handleToggle=i=>{const e=i.target;if(!e.closest("nv-sidebarnavsubitem"))if(this.isSidebarCollapsed){const i=this.el.querySelector(".nv-sidebarnavitem-content a, :scope > a");if(i?.href){if(e.closest("a"))return;i.click()}}else{if(this.collapsible)return i.preventDefault(),i.stopPropagation(),void(this.open=!this.open);if(!e.closest("a")){const i=this.el.querySelector(".nv-sidebarnavitem-content a, :scope > a");i&&i.click()}}},this.isAnimating=!1,this.hasInitializedHeight=!1,this.lastAnimatedOpenState=null,this.updateSubitemsHeight=(i=!1)=>{this.subitemsRef&&(i||null===this.lastAnimatedOpenState||this.lastAnimatedOpenState!==this.open)&&(this.isAnimating&&!i||(this.isAnimating=!0,this.lastAnimatedOpenState=this.open,this.open?(this.subitemsRef.style.transition="none",this.subitemsRef.style.maxHeight="0px",requestAnimationFrame((()=>{this.subitemsRef&&(this.subitemsRef.style.transition="max-height 0.3s ease, opacity 0.2s ease",this.subitemsRef.style.maxHeight=this.subitemsRef.scrollHeight+"px",setTimeout((()=>{this.isAnimating=!1}),300))}))):(this.subitemsRef.style.transition="none",this.subitemsRef.style.maxHeight=this.subitemsRef.scrollHeight+"px",requestAnimationFrame((()=>{this.subitemsRef&&(this.subitemsRef.style.transition="max-height 0.3s ease, opacity 0.2s ease",this.subitemsRef.style.maxHeight="0px",setTimeout((()=>{this.isAnimating=!1}),300))})))))},this.checkSidebarCollapsed=()=>{const i=this.el.closest("nv-sidebar"),e=this.isSidebarCollapsed;this.isSidebarCollapsed=i?.hasAttribute("collapsed")??!1,e!==this.isSidebarCollapsed&&this.updateActiveFromSubitems()},this.updateActiveFromSubitems=()=>{if(!this.hasSubitems)return;const i=Array.from(this.el.querySelectorAll("nv-sidebarnavsubitem")).some((i=>i.active));this.isSidebarCollapsed?i?(this.active=!0,this.wasActiveFromSubitem=!0):this.wasActiveFromSubitem&&(this.active=!1,this.wasActiveFromSubitem=!1):i&&!this.open?(this.active=!0,this.wasActiveFromSubitem=!0):this.wasActiveFromSubitem&&(this.active=!1,this.wasActiveFromSubitem=!1)}}componentWillLoad(){const i=this.el.querySelectorAll("nv-sidebarnavsubitem");this.hasSubitems=i.length>0,this.hasSubitems&&i.forEach((i=>{i.setAttribute("slot","subitems")})),this.checkSidebarCollapsed();const e=this.el.closest("nv-sidebar");if(e&&(this.mutationObserver=new MutationObserver((()=>{this.checkSidebarCollapsed()})),this.mutationObserver.observe(e,{attributes:!0,attributeFilter:["collapsed"]})),this.hasSubitems){const i=this.el.querySelector(".nv-sidebarnavitem-subitems");i?(this.subitemsMutationObserver=new MutationObserver((()=>{this.updateActiveFromSubitems()})),this.subitemsMutationObserver.observe(i,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["active"]})):(this.subitemsMutationObserver=new MutationObserver((()=>{this.updateActiveFromSubitems()})),this.subitemsMutationObserver.observe(this.el,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["active"]}))}this.updateActiveFromSubitems()}disconnectedCallback(){this.mutationObserver&&this.mutationObserver.disconnect(),this.subitemsMutationObserver&&this.subitemsMutationObserver.disconnect()}onOpenChanged(i,e){i!==e&&(this.updateSubitemsHeight(!0),this.updateActiveFromSubitems())}render(){const i=void 0!==this.notificationCount&&this.notificationCount>0,a=this.isSidebarCollapsed?"reduced":"default";return e(t,{key:"9fe0814616178746b91e3fd1ed085b69a24c5a59",role:"listitem"},e("div",{key:"ab54bdb0b6ef411626cc7c12656f6dced81f4140",class:"nv-sidebarnavitem-trigger",onClick:this.handleToggle,"aria-expanded":this.collapsible?String(this.open):void 0,"aria-current":this.active&&!this.collapsible?"page":void 0},this.icon&&e("div",{key:"11c80c2443e30989b15b3439281794ef822b8a1a",class:"nv-sidebarnavitem-icon"},e("nv-icon",{key:"2254b2be9015f66e42f8bf3c7b81d26469d230aa",name:this.icon,size:"md"}),i&&this.isSidebarCollapsed&&e("nv-notification-bullet",{key:"bbf6f175b464a195886d8df1bde3f87fbaa56931",count:this.notificationCount,size:a,contrastingBorder:!0})),e("div",{key:"a9b148ef62b4a58cb17ef63ab89dd1772ec10334",class:"nv-sidebarnavitem-content"},e("slot",{key:"ad8cc1679a186eedfe2d04100b5312cca5eab311"})),e("div",{key:"0716bcb01d00275d03d3780163d1c404a37bb0d4",class:"nv-sidebarnavitem-trailing"},e("slot",{key:"c714d7e45b82dbd964d522402a62afc4ca65852d",name:"trailing"}),i&&!this.isSidebarCollapsed&&e("nv-notification-bullet",{key:"d854b2a57aaf1975bf01e5c7688d690ebf0d0b81",count:this.notificationCount,size:a}),this.collapsible&&e("nv-icon",{key:"3bafbebf228375155a6dc010982211cdda6ad455",name:"chevron-down",size:"sm",class:"nv-sidebarnavitem-chevron"}))),this.collapsible&&this.hasSubitems&&e("div",{key:"710a6a6c3437dc74bd1f380cc5428e23f3fa7967",class:"nv-sidebarnavitem-subitems",ref:i=>{i!==this.subitemsRef&&(this.subitemsRef=i,i&&!this.hasInitializedHeight&&(this.hasInitializedHeight=!0,requestAnimationFrame((()=>{this.open&&this.updateSubitemsHeight()}))))}},e("slot",{key:"0fbabb90cc3df4b7cea085eb108dfd7898929a8a",name:"subitems"})))}get el(){return a(this)}static get watchers(){return{open:[{onOpenChanged:0}]}}};n.style="nv-sidebarnavitem{display:flex;flex-direction:column;gap:0}nv-sidebarnavitem .nv-sidebarnavitem-trigger{display:flex;align-items:center;gap:var(--sidebar-item-gap-x);padding:var(--sidebar-item-padding-y) var(--sidebar-item-padding-x);border-radius:var(--sidebar-item-radius);cursor:pointer;transition:all 0.15s ease;font-size:var(--sidebar-item-font-size);font-weight:var(--font-weight-medium-emphasis);color:var(--color-content-low-text);background:var(--components-sidebar-background);text-decoration:none;--nv-component-background:var(--components-sidebar-background);--nv-sidebarnavitem-background:var(--components-sidebar-background)}nv-sidebarnavitem .nv-sidebarnavitem-trigger:hover{background-color:var(--color-interaction-container-neutral-background-hover);color:var(--color-content-medium-text);--nv-component-background:var(--color-interaction-container-neutral-background-hover);--nv-sidebarnavitem-background:var(--color-interaction-container-neutral-background-hover)}nv-sidebarnavitem .nv-sidebarnavitem-trigger:focus,nv-sidebarnavitem .nv-sidebarnavitem-trigger:focus-within{outline:none}nv-sidebarnavitem .nv-sidebarnavitem-trigger:focus-visible,nv-sidebarnavitem .nv-sidebarnavitem-trigger:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-sidebarnavitem[active] .nv-sidebarnavitem-trigger{background-color:var(--color-interaction-container-neutral-background-active);color:var(--color-interaction-container-neutral-text-active);font-weight:var(--font-weight-medium-emphasis);--nv-component-background:var(--color-interaction-container-neutral-background-active);--nv-sidebarnavitem-background:var(--color-interaction-container-neutral-background-active)}nv-sidebarnavitem .nv-sidebarnavitem-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:inherit;width:var(--sidebar-item-icon-size);height:var(--sidebar-item-icon-size);position:relative}nv-sidebar[collapsed] nv-sidebarnavitem .nv-sidebarnavitem-icon{overflow:visible;margin:0;justify-content:center}nv-sidebar[collapsed] nv-sidebarnavitem .nv-sidebarnavitem-icon nv-notification-bullet{position:absolute;transform:translate(50%, -50%);z-index:1;--sidebar-notification-bullet-size-reduced:calc( var(--sidebar-item-icon-size) * 0.4 )}nv-sidebarnavitem .nv-sidebarnavitem-content{flex:1;display:flex;align-items:center}nv-sidebarnavitem .nv-sidebarnavitem-content a{color:inherit !important;text-decoration:none !important;font-weight:var(--font-weight-medium-emphasis) !important;flex:1}nv-sidebarnavitem .nv-sidebarnavitem-trailing{display:flex;align-items:center;gap:var(--spacing-2);margin-left:auto}nv-sidebarnavitem .nv-sidebarnavitem-chevron{transition:transform 0.2s ease;color:inherit}nv-sidebarnavitem[open] .nv-sidebarnavitem-chevron{transform:rotate(180deg)}nv-sidebarnavitem .nv-sidebarnavitem-subitems{display:flex;flex-direction:column;gap:0;max-height:0;overflow:hidden;opacity:0;transition:max-height 0.3s ease, opacity 0.2s ease;padding-left:0}nv-sidebarnavitem[open] .nv-sidebarnavitem-subitems{opacity:1;margin-top:var(--spacing-1)}nv-sidebar[collapsed] nv-sidebarnavitem .nv-sidebarnavitem-trigger{justify-content:center;gap:0;padding:var(--sidebar-item-padding-y-collapsed) var(--sidebar-item-padding-x-collapsed)}nv-sidebar[collapsed] nv-sidebarnavitem .nv-sidebarnavitem-content{display:none}nv-sidebar[collapsed] nv-sidebarnavitem .nv-sidebarnavitem-trailing,nv-sidebar[collapsed] nv-sidebarnavitem .nv-sidebarnavitem-chevron{display:none}";export{n as nv_sidebarnavitem}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,a as r,h as i,d as n,e as t}from"./p-BCjiE1MF.js";import{v as o}from"./p-BdYh22OP.js";const a=class{constructor(i){e(this,i),this.valueChanged=r(this,"valueChanged",3),this.inputId=o(),this.disabled=!1,this.readonly=!1,this.required=!1,this.ariaRequiredAttr=!1,this.error=!1,this.success=!1,this.step=1,this.autofocus=!1,this.fluid=!1,this.handleInput=e=>{const r=e.target;if(""===r.value)return void(this.value=null);const i=r.valueAsNumber;Number.isNaN(i)||(this.value=i)},this.handleInputContainerClick=()=>{this.inputElement.focus()},this.handlePlus=()=>{this.inputElement.stepUp(),this.value=Number(this.inputElement.value)},this.handleMinus=()=>{this.inputElement.stepDown(),this.value=Number(this.inputElement.value)},this.preventSelection=e=>{e.preventDefault()},this.isMinValueReached=()=>void 0!==this.min&&"number"==typeof this.value&&this.value<=this.min,this.isMaxValueReached=()=>void 0!==this.max&&"number"==typeof this.value&&this.value>=this.max}watchValueHandler(e){const r="number"!=typeof e||Number.isNaN(e)?null:e;this.lastEmittedValue!==r&&(this.lastEmittedValue=r,this.valueChanged.emit(r))}componentWillRender(){this.message&&(this.description=this.message),this.validation&&(this.errorDescription=this.validation,this.error=!0)}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,t=e?r:null,o=e?"true"===t||""===t:void 0,a=this.required&&(!e||!0===o);return i(n,{key:"1e36baa7bada38760fc9363329cb133d92aad28b"},(this.label||this.el.querySelector('[slot="label"]'))&&i("label",{key:"7c47d4417b1a26dd35e0e566451c3e8386803611",htmlFor:this.inputId},i("slot",{key:"6aeedee63b8d2fbe2d7df6f567cb6d81020efe98",name:"label"},this.label)),i("div",{key:"4507a0ec037b3822a396ad89d86b62d1adcf0011",class:"input-wrapper"},i("slot",{key:"7f469b67aa088cea2967e430d1e257097f84ae84",name:"before-input"}),i("div",{key:"c3c5a0e713e5cd94ab6d9c6414cf33a1bd91daee",class:"input-container",onClick:this.handleInputContainerClick},i("slot",{key:"8c6b3952d186bf4873470fc7fa67768e4d76d561",name:"leading-input"}),i("input",{key:"f413f4c3cd77a0a872b0038bbf8e61ce780c3f78",id:this.inputId,ref:e=>this.inputElement=e,placeholder:this.placeholder,name:this.name,type:"number",autofocus:this.autofocus,required:a?this.required:void 0,...void 0!==o&&{"aria-required":String(o)},max:this.max,min:this.min,step:this.step,value:"number"==typeof this.value?this.value:void 0,disabled:this.disabled,readOnly:this.readonly,onInput:this.handleInput}),i("slot",{key:"af60594f2c536e5527478a66b72ad96bedcdcbd7",name:"trailing-input"}),this.error&&i("nv-icon",{key:"d1ac93ad90cf44304581e4c1516e50a9ccdfa13a",name:"alert-circle",class:"validation",size:"md"}),this.success&&i("nv-icon",{key:"13e5220090b3841c6dcc688e89ad99df8df1fc65",name:"circle-check",class:"validation",size:"md"}),i("div",{key:"4823aa102f38909d488cde22f3c8e5607a6dad36",class:"stepper"},i("nv-iconbutton",{key:"beb7246372406a126f5eeb10f36532e6727e29db",size:"md",name:"minus",emphasis:"lower",onClick:this.handleMinus,disabled:this.isMinValueReached(),onMouseDown:this.preventSelection,tabindex:"-1"}),i("nv-iconbutton",{key:"f17eef8a17252962ee0f282ece0e402cc71a231d",size:"md",name:"plus",emphasis:"lower",onClick:this.handlePlus,disabled:this.isMaxValueReached(),onMouseDown:this.preventSelection,tabindex:"-1"}))),i("slot",{key:"54e427210db1972f194a7e60a5523038615e2889",name:"after-input"})),(this.description||this.el.querySelector('[slot="description"]'))&&i("div",{key:"b74c0ecd5d63a072a47b841294614d9f7cfb1371",class:"description"},i("slot",{key:"3feddef8e3658097a3137dbdbd872e72c527f5f8",name:"description"},this.description)),(this.errorDescription||this.el.querySelector('[slot="error-description"]'))&&i("div",{key:"4b6956f6ae94393d37b94703401dc6ab62657fdf",hidden:!this.error,class:"error-description"},i("slot",{key:"37c04247cf7842d623ee36b1144f9656af651768",name:"error-description"},this.errorDescription)))}static get formAssociated(){return!0}get el(){return t(this)}static get watchers(){return{value:[{watchValueHandler:0}]}}};a.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-fieldnumber{--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-fieldnumber[fluid]:not([fluid=false]){max-width:unset}nv-fieldnumber[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-fieldnumber[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-fieldnumber[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-fieldnumber[required]:not([required=false]) label::after,nv-fieldnumber[aria-required=true] label::after{content:"*";color:var(--components-form-text-required);font-weight:var(--font-weight-high-emphasis)}nv-fieldnumber 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-fieldnumber .input-wrapper{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch}nv-fieldnumber .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-fieldnumber .input-wrapper .input-container:hover{border-color:var(--nv-field-border-hover)}nv-fieldnumber .input-wrapper .input-container:focus-within,nv-fieldnumber .input-wrapper .input-container:focus-within:hover,nv-fieldnumber .input-wrapper .input-container:focus,nv-fieldnumber .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-fieldnumber .input-wrapper .input-container:has(input:read-only){background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fieldnumber .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-fieldnumber .input-wrapper .input-container{container-type:inline-size;container-name:field-number-input-container;overflow:hidden;position:relative}nv-fieldnumber .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-fieldnumber .input-wrapper .input-container input:focus{outline:none}nv-fieldnumber .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-fieldnumber .input-wrapper .input-container input{}nv-fieldnumber .input-wrapper .input-container input[type=password]::-ms-clear,nv-fieldnumber .input-wrapper .input-container input[type=password]::-ms-reveal{display:none;width:0;height:0}nv-fieldnumber .input-wrapper .input-container input{width:100%;appearance:textfield}nv-fieldnumber .input-wrapper .input-container input::-webkit-inner-spin-button,nv-fieldnumber .input-wrapper .input-container input::-webkit-outer-spin-button{appearance:none;margin:0}nv-fieldnumber .input-wrapper .input-container nv-icon.validation{color:var(--nv-field-border-default);margin-right:var(--form-field-gap)}nv-fieldnumber .input-wrapper .input-container>nv-iconbutton{border:0px;border-radius:0px}nv-fieldnumber .input-wrapper .input-container>nv-iconbutton:focus-visible{border-radius:var(--button-md-border-radius);outline-offset:-3px}nv-fieldnumber .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-fieldnumber .input-wrapper .input-container .stepper{display:flex;border-left:var(--notification-border-width-low-emphasis) solid var(--components-form-field-border-readonly)}nv-fieldnumber .input-wrapper .input-container .stepper>nv-iconbutton{border:0px;border-radius:0px}nv-fieldnumber .input-wrapper .input-container .stepper>nv-iconbutton:focus-visible{border-radius:var(--button-md-border-radius);outline-offset:-3px}nv-fieldnumber .input-wrapper .input-container .stepper>nv-iconbutton:last-of-type{border-top-right-radius:var(--form-field-radius);border-bottom-right-radius:var(--form-field-radius)}nv-fieldnumber .input-wrapper .input-container .stepper>nv-iconbutton{border-radius:0px}@container field-number-input-container (width < 150px){nv-fieldnumber .input-wrapper .input-container .stepper-spacer{display:none}nv-fieldnumber .input-wrapper .input-container .stepper{display:none}}nv-fieldnumber .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-fieldnumber .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{a as nv_fieldnumber}
|
|
1
|
+
import{r as e,a as r,h as i,d as n,e as t}from"./p-BCjiE1MF.js";import{v as o}from"./p-BdYh22OP.js";const a=class{constructor(i){e(this,i),this.valueChanged=r(this,"valueChanged",3),this.inputId=o(),this.disabled=!1,this.readonly=!1,this.required=!1,this.ariaRequiredAttr=!1,this.error=!1,this.success=!1,this.step=1,this.autofocus=!1,this.fluid=!1,this.handleInput=e=>{const r=e.target;if(""===r.value)return void(this.value=null);const i=r.valueAsNumber;Number.isNaN(i)||(this.value=i)},this.handleInputContainerClick=()=>{this.inputElement.focus()},this.handlePlus=()=>{this.inputElement.stepUp(),this.value=Number(this.inputElement.value)},this.handleMinus=()=>{this.inputElement.stepDown(),this.value=Number(this.inputElement.value)},this.preventSelection=e=>{e.preventDefault()},this.isMinValueReached=()=>void 0!==this.min&&"number"==typeof this.value&&this.value<=this.min,this.isMaxValueReached=()=>void 0!==this.max&&"number"==typeof this.value&&this.value>=this.max}watchValueHandler(e){const r="number"!=typeof e||Number.isNaN(e)?null:e;this.lastEmittedValue!==r&&(this.lastEmittedValue=r,this.valueChanged.emit(r))}componentWillRender(){this.message&&(this.description=this.message),this.validation&&(this.errorDescription=this.validation,this.error=!0)}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,t=e?r:null,o=e?"true"===t||""===t:void 0,a=this.required&&(!e||!0===o);return i(n,{key:"a26895be78d7080e86d761ce0cb3b918f352f1d9"},(this.label||this.el.querySelector('[slot="label"]'))&&i("label",{key:"2b3f13fa1bb3564b1e384bcf080fa666e480147a",htmlFor:this.inputId},i("slot",{key:"03d7432458720d231948341a552102c865fe07ff",name:"label"},this.label)),i("div",{key:"1a01b65d78732da4ef177cf86c4f13ecfde31f1e",class:"input-wrapper"},i("slot",{key:"bad1d59a59eecc2f4c45d16818ac521916d71731",name:"before-input"}),i("div",{key:"295e8c0f1953673fedb9a48784f507823f45e7af",class:"input-container",onClick:this.handleInputContainerClick},i("slot",{key:"54a81573b069471adbcda4e1bbaff97fc1fe1eeb",name:"leading-input"}),i("input",{key:"067f32480f74f78a33192a0761e46a7e04bc886b",id:this.inputId,ref:e=>this.inputElement=e,placeholder:this.placeholder,name:this.name,type:"number",autofocus:this.autofocus,required:a?this.required:void 0,...void 0!==o&&{"aria-required":String(o)},max:this.max,min:this.min,step:this.step,value:"number"==typeof this.value?this.value:void 0,disabled:this.disabled,readOnly:this.readonly,onInput:this.handleInput}),i("slot",{key:"6e652469a6ef16dd590349db418397626a64e9ba",name:"trailing-input"}),this.error&&i("nv-icon",{key:"2a4eae5e0fd7a26d21315e0d76e09bac7bf22bed",name:"alert-circle",class:"validation",size:"md"}),this.success&&i("nv-icon",{key:"7d33539993e294ab5cbc31e60903daa664743ee3",name:"circle-check",class:"validation",size:"md"}),i("div",{key:"33a87b9c4446d718d34ba04faaf3ab0cffaa5941",class:"stepper"},i("nv-iconbutton",{key:"6830b021b13acc955d0e333ae65bfec4efb8616d",size:"md",name:"minus",emphasis:"lower",onClick:this.handleMinus,disabled:this.isMinValueReached(),onMouseDown:this.preventSelection,tabindex:"-1"}),i("nv-iconbutton",{key:"c83226f3dbdbf009c9a7748abea950a30b975a77",size:"md",name:"plus",emphasis:"lower",onClick:this.handlePlus,disabled:this.isMaxValueReached(),onMouseDown:this.preventSelection,tabindex:"-1"}))),i("slot",{key:"1ad95195471abf0962b958cf32088552f4b51205",name:"after-input"})),(this.description||this.el.querySelector('[slot="description"]'))&&i("div",{key:"b6d229a54b3c88d53b787047d5c94ebfa197d2ab",class:"description"},i("slot",{key:"d33c1f6c4015594e0096e70828934b859da40883",name:"description"},this.description)),(this.errorDescription||this.el.querySelector('[slot="error-description"]'))&&i("div",{key:"80e7c2709f0d83d427829f6e92b376dff51dbe87",hidden:!this.error,class:"error-description"},i("slot",{key:"5fb07dba33795dfb968ad5b5c3d3ae8726c0a754",name:"error-description"},this.errorDescription)))}static get formAssociated(){return!0}get el(){return t(this)}static get watchers(){return{value:[{watchValueHandler:0}]}}};a.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-fieldnumber{--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-fieldnumber[fluid]:not([fluid=false]){max-width:unset}nv-fieldnumber[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-fieldnumber[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-fieldnumber[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-fieldnumber[required]:not([required=false]) label::after,nv-fieldnumber[aria-required=true] label::after{content:"*";color:var(--components-form-text-required);font-weight:var(--font-weight-high-emphasis)}nv-fieldnumber 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-fieldnumber .input-wrapper{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch}nv-fieldnumber .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-fieldnumber .input-wrapper .input-container:hover{border-color:var(--nv-field-border-hover)}nv-fieldnumber .input-wrapper .input-container:focus-within,nv-fieldnumber .input-wrapper .input-container:focus-within:hover,nv-fieldnumber .input-wrapper .input-container:focus,nv-fieldnumber .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-fieldnumber .input-wrapper .input-container:has(input:read-only){background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fieldnumber .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-fieldnumber .input-wrapper .input-container{container-type:inline-size;container-name:field-number-input-container;overflow:hidden;position:relative}nv-fieldnumber .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-fieldnumber .input-wrapper .input-container input:focus{outline:none}nv-fieldnumber .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-fieldnumber .input-wrapper .input-container input{}nv-fieldnumber .input-wrapper .input-container input[type=password]::-ms-clear,nv-fieldnumber .input-wrapper .input-container input[type=password]::-ms-reveal{display:none;width:0;height:0}nv-fieldnumber .input-wrapper .input-container input{width:100%;appearance:textfield}nv-fieldnumber .input-wrapper .input-container input::-webkit-inner-spin-button,nv-fieldnumber .input-wrapper .input-container input::-webkit-outer-spin-button{appearance:none;margin:0}nv-fieldnumber .input-wrapper .input-container nv-icon.validation{color:var(--nv-field-border-default);margin-right:var(--form-field-gap)}nv-fieldnumber .input-wrapper .input-container>nv-iconbutton{border:0px;border-radius:0px}nv-fieldnumber .input-wrapper .input-container>nv-iconbutton:focus-visible{border-radius:var(--button-md-border-radius);outline-offset:-3px}nv-fieldnumber .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-fieldnumber .input-wrapper .input-container .stepper{display:flex;border-left:var(--notification-border-width-low-emphasis) solid var(--components-form-field-border-readonly)}nv-fieldnumber .input-wrapper .input-container .stepper>nv-iconbutton{border:0px;border-radius:0px}nv-fieldnumber .input-wrapper .input-container .stepper>nv-iconbutton:focus-visible{border-radius:var(--button-md-border-radius);outline-offset:-3px}nv-fieldnumber .input-wrapper .input-container .stepper>nv-iconbutton:last-of-type{border-top-right-radius:var(--form-field-radius);border-bottom-right-radius:var(--form-field-radius)}nv-fieldnumber .input-wrapper .input-container .stepper>nv-iconbutton{border-radius:0px}@container field-number-input-container (width < 150px){nv-fieldnumber .input-wrapper .input-container .stepper-spacer{display:none}nv-fieldnumber .input-wrapper .input-container .stepper{display:none}}nv-fieldnumber .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-fieldnumber .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{a as nv_fieldnumber}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as o,a as e,h as a,d as r,e as n}from"./p-BCjiE1MF.js";import{c}from"./p-ChV9xqsO.js";import{u as i}from"./p-sqVK8yoD.js";import{u as l}from"./p-13YSIyGW.js";import"./p-xlgmw4x8.js";import{t as d}from"./p-CgHCo_Ho.js";const s=class{constructor(a){o(this,a),this.closeClicked=e(this,"closeClicked",3),this.hiddenChanged=e(this,"hiddenChanged",3),this.hiddenChangedComplete=e(this,"hiddenChangedComplete",3),this.dismissal=!1,this.color="1",this.label=null,this.leadIcon=null,this.dismissible=!1,this.hidden=!1,this.preventAutoClose=!1,this.isIconOnly=!1,this.handleClose=()=>{this.preventAutoClose||(this.hidden=!0),this.closeClicked.emit()}}handleDismissalChange(o){this.dismissible=o}handleIconChange(o){this.leadIcon=o}async handleHiddenChange(o){this.hiddenChanged.emit(o),!0===this._isHidden&&(this._isHidden=o);const{fadeIn:e,fadeOut:a}=l(this.el,{duration:150}),{collapse:r,expand:n}=i(this.el,{duration:150});!0===o&&await d(a,r).start(),!1===o&&await d(n,e).start(),this.hiddenChangedComplete.emit(o),!1===this._isHidden&&(this._isHidden=o)}componentWillLoad(){if(this.dismissal&&(this.dismissible=this.dismissal),null!=this.icon&&""!=this.icon&&(this.leadIcon=this.icon),this.hidden){this._isHidden=!0;const{setCollapsed:o}=i(this.el),{setFadeOut:e}=l(this.el);o(),e()}}render(){return a(r,{key:"e47c85f80669870b4cd825fa29ebee7610751728",class:c(`badge-${this.color}`,{"has-close":this.dismissible,"with-gap":this.dismissible||this.label,"visually-hidden":this._isHidden,"is-icon-only":this.isIconOnly})},a("span",{key:"11cec03cc5f65c6def293b548d71ea53fd2ec2bb",class:"nv-badge-leading"},this.leadIcon&&a("nv-icon",{key:"a9433930c4e7dd50d3abd34e1cd64b5b4eea9698",name:this.leadIcon,size:"sm"}),a("slot",{key:"a93320c14a9e31b9b9796b5fb9cb03a04a2ea1d5",name:"leading-icon"})),a("span",{key:"5a8a3568cfbe2e9b61a42b3cd5b5056bd5c2563f",class:c("nv-badge-label",{"visually-hidden":this.isIconOnly})},this.label,a("slot",{key:"4b0c4558957d4505208e2352382365b2f50810d1"})),this.dismissible&&a("button",{key:"945df330dcae40586ac02d349abc73131e8ce596",onClick:this.handleClose,class:"close",type:"button"},a("nv-icon",{key:"37535be0818bc78809f5585841757dd992617753",name:"x",size:"sm"})))}get el(){return n(this)}static get watchers(){return{dismissal:[{handleDismissalChange:0}],icon:[{handleIconChange:0}],hidden:[{handleHiddenChange:0}]}}};s.style="nv-badge{padding:var(--badge-padding-y) var(--badge-padding-x);display:inline-flex !important;gap:var(--badge-gap-x);vertical-align:middle;align-items:center;border-radius:var(--radius-rounded-full);border-style:solid;border-width:0.5px;height:fit-content;width:fit-content}nv-badge.is-icon-only{padding:var(--badge-padding-y) var(--badge-padding-icon-only-x);gap:var(--badge-gap-icon-only-x)}nv-badge.with-gap{padding:var(--badge-padding-y) var(--badge-padding-x);display:inline-flex !important;gap:var(--badge-gap-x);vertical-align:middle;align-items:center;border-radius:var(--radius-rounded-full);border-style:solid;border-width:0.5px;height:fit-content;width:fit-content}nv-badge.with-gap.is-icon-only{padding:var(--badge-padding-y) var(--badge-padding-icon-only-x);gap:var(--badge-gap-icon-only-x)}nv-badge.visually-hidden{position:absolute;padding:0;border:0;overflow:hidden;white-space:nowrap;width:1px;height:1px;margin:-1px;clip:rect(0, 0, 0, 0)}nv-badge:not(.with-gap){padding:var(--badge-padding-y) var(--badge-padding-x);display:inline-flex !important;gap:var(--badge-gap-x);vertical-align:middle;align-items:center;border-radius:var(--radius-rounded-full);border-style:solid;border-width:0.5px;height:fit-content;width:fit-content}nv-badge:not(.with-gap).is-icon-only{padding:var(--badge-padding-y) var(--badge-padding-icon-only-x);gap:var(--badge-gap-icon-only-x)}nv-badge.badge-1{color:var(--color-rainbow-1-text);background-color:var(--color-rainbow-1-background);border-color:var(--color-rainbow-1-border)}nv-badge.badge-1 .close:focus,nv-badge.badge-1 .close:focus-within{outline:none}nv-badge.badge-1 .close:focus-visible,nv-badge.badge-1 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-1-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-1 nv-icon{color:var(--color-rainbow-1-icon)}nv-badge.badge-2{color:var(--color-rainbow-2-text);background-color:var(--color-rainbow-2-background);border-color:var(--color-rainbow-2-border)}nv-badge.badge-2 .close:focus,nv-badge.badge-2 .close:focus-within{outline:none}nv-badge.badge-2 .close:focus-visible,nv-badge.badge-2 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-2-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-2 nv-icon{color:var(--color-rainbow-2-icon)}nv-badge.badge-3{color:var(--color-rainbow-3-text);background-color:var(--color-rainbow-3-background);border-color:var(--color-rainbow-3-border)}nv-badge.badge-3 .close:focus,nv-badge.badge-3 .close:focus-within{outline:none}nv-badge.badge-3 .close:focus-visible,nv-badge.badge-3 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-3-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-3 nv-icon{color:var(--color-rainbow-3-icon)}nv-badge.badge-4{color:var(--color-rainbow-4-text);background-color:var(--color-rainbow-4-background);border-color:var(--color-rainbow-4-border)}nv-badge.badge-4 .close:focus,nv-badge.badge-4 .close:focus-within{outline:none}nv-badge.badge-4 .close:focus-visible,nv-badge.badge-4 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-4-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-4 nv-icon{color:var(--color-rainbow-4-icon)}nv-badge.badge-5{color:var(--color-rainbow-5-text);background-color:var(--color-rainbow-5-background);border-color:var(--color-rainbow-5-border)}nv-badge.badge-5 .close:focus,nv-badge.badge-5 .close:focus-within{outline:none}nv-badge.badge-5 .close:focus-visible,nv-badge.badge-5 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-5-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-5 nv-icon{color:var(--color-rainbow-5-icon)}nv-badge.badge-6{color:var(--color-rainbow-6-text);background-color:var(--color-rainbow-6-background);border-color:var(--color-rainbow-6-border)}nv-badge.badge-6 .close:focus,nv-badge.badge-6 .close:focus-within{outline:none}nv-badge.badge-6 .close:focus-visible,nv-badge.badge-6 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-6-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-6 nv-icon{color:var(--color-rainbow-6-icon)}nv-badge.badge-7{color:var(--color-rainbow-7-text);background-color:var(--color-rainbow-7-background);border-color:var(--color-rainbow-7-border)}nv-badge.badge-7 .close:focus,nv-badge.badge-7 .close:focus-within{outline:none}nv-badge.badge-7 .close:focus-visible,nv-badge.badge-7 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-7-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-7 nv-icon{color:var(--color-rainbow-7-icon)}nv-badge.badge-8{color:var(--color-rainbow-8-text);background-color:var(--color-rainbow-8-background);border-color:var(--color-rainbow-8-border)}nv-badge.badge-8 .close:focus,nv-badge.badge-8 .close:focus-within{outline:none}nv-badge.badge-8 .close:focus-visible,nv-badge.badge-8 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-8-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-8 nv-icon{color:var(--color-rainbow-8-icon)}nv-badge.badge-9{color:var(--color-rainbow-9-text);background-color:var(--color-rainbow-9-background);border-color:var(--color-rainbow-9-border)}nv-badge.badge-9 .close:focus,nv-badge.badge-9 .close:focus-within{outline:none}nv-badge.badge-9 .close:focus-visible,nv-badge.badge-9 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-9-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-9 nv-icon{color:var(--color-rainbow-9-icon)}nv-badge.badge-10{color:var(--color-rainbow-10-text);background-color:var(--color-rainbow-10-background);border-color:var(--color-rainbow-10-border)}nv-badge.badge-10 .close:focus,nv-badge.badge-10 .close:focus-within{outline:none}nv-badge.badge-10 .close:focus-visible,nv-badge.badge-10 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-10-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-10 nv-icon{color:var(--color-rainbow-10-icon)}nv-badge.badge-error{color:var(--color-feedback-error-low-text);background-color:var(--color-feedback-error-low-background);border-color:var(--color-feedback-error-low-border)}nv-badge.badge-error .close:focus,nv-badge.badge-error .close:focus-within{outline:none}nv-badge.badge-error .close:focus-visible,nv-badge.badge-error .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-feedback-error-low-content, var(--color-feedback-error-low-text));outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-error nv-icon{color:var(--color-feedback-error-low-icon)}nv-badge.badge-information{color:var(--color-feedback-information-low-text);background-color:var(--color-feedback-information-low-background);border-color:var(--color-feedback-information-low-border)}nv-badge.badge-information .close:focus,nv-badge.badge-information .close:focus-within{outline:none}nv-badge.badge-information .close:focus-visible,nv-badge.badge-information .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-feedback-information-low-content, var(--color-feedback-information-low-text));outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-information nv-icon{color:var(--color-feedback-information-low-icon)}nv-badge.badge-neutral{color:var(--color-feedback-neutral-low-text);background-color:var(--color-feedback-neutral-low-background);border-color:var(--color-feedback-neutral-low-border)}nv-badge.badge-neutral .close:focus,nv-badge.badge-neutral .close:focus-within{outline:none}nv-badge.badge-neutral .close:focus-visible,nv-badge.badge-neutral .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-feedback-neutral-low-content, var(--color-feedback-neutral-low-text));outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-neutral nv-icon{color:var(--color-feedback-neutral-low-icon)}nv-badge.badge-success{color:var(--color-feedback-success-low-text);background-color:var(--color-feedback-success-low-background);border-color:var(--color-feedback-success-low-border)}nv-badge.badge-success .close:focus,nv-badge.badge-success .close:focus-within{outline:none}nv-badge.badge-success .close:focus-visible,nv-badge.badge-success .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-feedback-success-low-content, var(--color-feedback-success-low-text));outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-success nv-icon{color:var(--color-feedback-success-low-icon)}nv-badge.badge-warning{color:var(--color-feedback-warning-low-text);background-color:var(--color-feedback-warning-low-background);border-color:var(--color-feedback-warning-low-border)}nv-badge.badge-warning .close:focus,nv-badge.badge-warning .close:focus-within{outline:none}nv-badge.badge-warning .close:focus-visible,nv-badge.badge-warning .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-feedback-warning-low-content, var(--color-feedback-warning-low-text));outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-warning nv-icon{color:var(--color-feedback-warning-low-icon)}nv-badge.badge-amber{color:var(--color-rainbow-1-text);background-color:var(--color-rainbow-1-background);border-color:var(--color-rainbow-1-border)}nv-badge.badge-amber .close:focus,nv-badge.badge-amber .close:focus-within{outline:none}nv-badge.badge-amber .close:focus-visible,nv-badge.badge-amber .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-amber-content, var(--color-rainbow-1-text));outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-amber nv-icon{color:var(--color-rainbow-1-icon)}nv-badge.badge-orange{color:var(--color-rainbow-2-text);background-color:var(--color-rainbow-2-background);border-color:var(--color-rainbow-2-border)}nv-badge.badge-orange .close:focus,nv-badge.badge-orange .close:focus-within{outline:none}nv-badge.badge-orange .close:focus-visible,nv-badge.badge-orange .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-orange-content, var(--color-rainbow-2-text));outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-orange nv-icon{color:var(--color-rainbow-2-icon)}nv-badge.badge-turquoise{color:var(--color-rainbow-5-text);background-color:var(--color-rainbow-5-background);border-color:var(--color-rainbow-5-border)}nv-badge.badge-turquoise .close:focus,nv-badge.badge-turquoise .close:focus-within{outline:none}nv-badge.badge-turquoise .close:focus-visible,nv-badge.badge-turquoise .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-turquoise-content, var(--color-rainbow-5-text));outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-turquoise nv-icon{color:var(--color-rainbow-5-icon)}nv-badge.badge-crimson{color:var(--color-rainbow-6-text);background-color:var(--color-rainbow-6-background);border-color:var(--color-rainbow-6-border)}nv-badge.badge-crimson .close:focus,nv-badge.badge-crimson .close:focus-within{outline:none}nv-badge.badge-crimson .close:focus-visible,nv-badge.badge-crimson .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-crimson-content, var(--color-rainbow-6-text));outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-crimson nv-icon{color:var(--color-rainbow-6-icon)}nv-badge.badge-lime{color:var(--color-rainbow-9-text);background-color:var(--color-rainbow-9-background);border-color:var(--color-rainbow-9-border)}nv-badge.badge-lime .close:focus,nv-badge.badge-lime .close:focus-within{outline:none}nv-badge.badge-lime .close:focus-visible,nv-badge.badge-lime .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-lime-content, var(--color-rainbow-9-text));outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-lime nv-icon{color:var(--color-rainbow-9-icon)}nv-badge.badge-petrol{color:var(--color-rainbow-8-text);background-color:var(--color-rainbow-8-background);border-color:var(--color-rainbow-8-border)}nv-badge.badge-petrol .close:focus,nv-badge.badge-petrol .close:focus-within{outline:none}nv-badge.badge-petrol .close:focus-visible,nv-badge.badge-petrol .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-petrol-content, var(--color-rainbow-8-text));outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-petrol nv-icon{color:var(--color-rainbow-8-icon)}nv-badge .nv-badge-leading{display:contents}nv-badge .nv-badge-label{font-size:var(--font-size-xs);line-height:var(--line-height-xs) !important;text-align:center}nv-badge nv-icon>svg.icon-xs{width:var(--spacing-3);height:var(--spacing-3);stroke-width:1.2px}nv-badge nv-icon>svg.icon-sm{width:var(--spacing-3);height:var(--spacing-3);stroke-width:1.2px}nv-badge nv-icon>svg.icon-md{width:var(--spacing-3);height:var(--spacing-3);stroke-width:1.2px}nv-badge nv-icon>svg.icon-lg{width:var(--spacing-3);height:var(--spacing-3);stroke-width:1.2px}nv-badge nv-icon>svg.icon-xl{width:var(--spacing-3);height:var(--spacing-3);stroke-width:1.2px}nv-badge .close{padding:0;line-height:0;border:none;background:none;cursor:pointer;color:inherit;display:inline-flex;align-items:center;aspect-ratio:1/1;border-radius:var(--radius-rounded-full)}";const b=class{constructor(a){o(this,a),this.itemChecked=e(this,"itemChecked",7),this.checked=!1,this.disabled=!1,this.onFieldcheckboxChanged=o=>{this.disabled||(this.checked=o.detail,this.itemChecked.emit({value:this.value,checked:this.checked,group:this.group}))},this.handleClick=()=>{this.disabled||(this.checked=!this.el.querySelector("input").checked)}}render(){return a(r,{key:"6c5bc9f6060ac711a1360dd45da58dddf7d7d563",onClick:this.handleClick},a("nv-fieldcheckbox",{key:"f3efe64e5f03411f1fe7433821a46c50cd18e10e",checked:this.checked,name:this.label||this.value,label:this.label||this.value,labelPlacement:"after",description:this.description,disabled:this.disabled,tabindex:"-1",onCheckedChanged:this.onFieldcheckboxChanged},a("slot",{key:"e603490efb497f0ef62049e7b44c34d91c8989d2"}),a("slot",{key:"6774a2ab5bf182297929afbcec8c489bf620bcab",name:"main"}),a("slot",{key:"5ca19cd56a5917ed125eb20c6713e25dc512fb45",name:"label"}),a("slot",{key:"847864bfbc3302bb07088f77d9c2d200fac8b505",name:"description"})))}get el(){return n(this)}};b.style="nv-fielddropdownitemcheck slot-fb,nv-fielddropdownitemcheck span{all:unset}nv-fielddropdownitemcheck{cursor:pointer;display:flex;padding:var(--list-dropdown-item-padding-y) var(--list-dropdown-item-padding-x);border-radius:var(--list-dropdown-item-radius)}nv-fielddropdownitemcheck:hover{background-color:var(--components-list-dropdown-item-background-hover)}";export{s as nv_badge,b as nv_fielddropdownitemcheck}
|
|
1
|
+
import{r as o,a as e,h as a,d as r,e as n}from"./p-BCjiE1MF.js";import{c}from"./p-ChV9xqsO.js";import{u as i}from"./p-sqVK8yoD.js";import{u as l}from"./p-13YSIyGW.js";import"./p-xlgmw4x8.js";import{t as d}from"./p-CgHCo_Ho.js";const s=class{constructor(a){o(this,a),this.closeClicked=e(this,"closeClicked",3),this.hiddenChanged=e(this,"hiddenChanged",3),this.hiddenChangedComplete=e(this,"hiddenChangedComplete",3),this.dismissal=!1,this.color="1",this.label=null,this.leadIcon=null,this.dismissible=!1,this.hidden=!1,this.preventAutoClose=!1,this.isIconOnly=!1,this.handleClose=()=>{this.preventAutoClose||(this.hidden=!0),this.closeClicked.emit()}}handleDismissalChange(o){this.dismissible=o}handleIconChange(o){this.leadIcon=o}async handleHiddenChange(o){this.hiddenChanged.emit(o),!0===this._isHidden&&(this._isHidden=o);const{fadeIn:e,fadeOut:a}=l(this.el,{duration:150}),{collapse:r,expand:n}=i(this.el,{duration:150});!0===o&&await d(a,r).start(),!1===o&&await d(n,e).start(),this.hiddenChangedComplete.emit(o),!1===this._isHidden&&(this._isHidden=o)}componentWillLoad(){if(this.dismissal&&(this.dismissible=this.dismissal),null!=this.icon&&""!=this.icon&&(this.leadIcon=this.icon),this.hidden){this._isHidden=!0;const{setCollapsed:o}=i(this.el),{setFadeOut:e}=l(this.el);o(),e()}}render(){return a(r,{key:"e47c85f80669870b4cd825fa29ebee7610751728",class:c(`badge-${this.color}`,{"has-close":this.dismissible,"with-gap":this.dismissible||this.label,"visually-hidden":this._isHidden,"is-icon-only":this.isIconOnly})},a("span",{key:"11cec03cc5f65c6def293b548d71ea53fd2ec2bb",class:"nv-badge-leading"},this.leadIcon&&a("nv-icon",{key:"a9433930c4e7dd50d3abd34e1cd64b5b4eea9698",name:this.leadIcon,size:"sm"}),a("slot",{key:"a93320c14a9e31b9b9796b5fb9cb03a04a2ea1d5",name:"leading-icon"})),a("span",{key:"5a8a3568cfbe2e9b61a42b3cd5b5056bd5c2563f",class:c("nv-badge-label",{"visually-hidden":this.isIconOnly})},this.label,a("slot",{key:"4b0c4558957d4505208e2352382365b2f50810d1"})),this.dismissible&&a("button",{key:"945df330dcae40586ac02d349abc73131e8ce596",onClick:this.handleClose,class:"close",type:"button"},a("nv-icon",{key:"37535be0818bc78809f5585841757dd992617753",name:"x",size:"sm"})))}get el(){return n(this)}static get watchers(){return{dismissal:[{handleDismissalChange:0}],icon:[{handleIconChange:0}],hidden:[{handleHiddenChange:0}]}}};s.style="nv-badge{padding:var(--badge-padding-y) var(--badge-padding-x);display:inline-flex !important;gap:var(--badge-gap-x);vertical-align:middle;align-items:center;border-radius:var(--radius-rounded-full);border-style:solid;border-width:0.5px;height:fit-content;width:fit-content}nv-badge.is-icon-only{padding:var(--badge-padding-y) var(--badge-padding-icon-only-x);gap:var(--badge-gap-icon-only-x)}nv-badge.with-gap{padding:var(--badge-padding-y) var(--badge-padding-x);display:inline-flex !important;gap:var(--badge-gap-x);vertical-align:middle;align-items:center;border-radius:var(--radius-rounded-full);border-style:solid;border-width:0.5px;height:fit-content;width:fit-content}nv-badge.with-gap.is-icon-only{padding:var(--badge-padding-y) var(--badge-padding-icon-only-x);gap:var(--badge-gap-icon-only-x)}nv-badge.visually-hidden{position:absolute;padding:0;border:0;overflow:hidden;white-space:nowrap;width:1px;height:1px;margin:-1px;clip:rect(0, 0, 0, 0)}nv-badge:not(.with-gap){padding:var(--badge-padding-y) var(--badge-padding-x);display:inline-flex !important;gap:var(--badge-gap-x);vertical-align:middle;align-items:center;border-radius:var(--radius-rounded-full);border-style:solid;border-width:0.5px;height:fit-content;width:fit-content}nv-badge:not(.with-gap).is-icon-only{padding:var(--badge-padding-y) var(--badge-padding-icon-only-x);gap:var(--badge-gap-icon-only-x)}nv-badge.badge-1{color:var(--color-rainbow-1-text);background-color:var(--color-rainbow-1-background);border-color:var(--color-rainbow-1-border)}nv-badge.badge-1 .close:focus,nv-badge.badge-1 .close:focus-within{outline:none}nv-badge.badge-1 .close:focus-visible,nv-badge.badge-1 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-1-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-1 nv-icon{color:var(--color-rainbow-1-icon)}nv-badge.badge-2{color:var(--color-rainbow-2-text);background-color:var(--color-rainbow-2-background);border-color:var(--color-rainbow-2-border)}nv-badge.badge-2 .close:focus,nv-badge.badge-2 .close:focus-within{outline:none}nv-badge.badge-2 .close:focus-visible,nv-badge.badge-2 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-2-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-2 nv-icon{color:var(--color-rainbow-2-icon)}nv-badge.badge-3{color:var(--color-rainbow-3-text);background-color:var(--color-rainbow-3-background);border-color:var(--color-rainbow-3-border)}nv-badge.badge-3 .close:focus,nv-badge.badge-3 .close:focus-within{outline:none}nv-badge.badge-3 .close:focus-visible,nv-badge.badge-3 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-3-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-3 nv-icon{color:var(--color-rainbow-3-icon)}nv-badge.badge-4{color:var(--color-rainbow-4-text);background-color:var(--color-rainbow-4-background);border-color:var(--color-rainbow-4-border)}nv-badge.badge-4 .close:focus,nv-badge.badge-4 .close:focus-within{outline:none}nv-badge.badge-4 .close:focus-visible,nv-badge.badge-4 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-4-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-4 nv-icon{color:var(--color-rainbow-4-icon)}nv-badge.badge-5{color:var(--color-rainbow-5-text);background-color:var(--color-rainbow-5-background);border-color:var(--color-rainbow-5-border)}nv-badge.badge-5 .close:focus,nv-badge.badge-5 .close:focus-within{outline:none}nv-badge.badge-5 .close:focus-visible,nv-badge.badge-5 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-5-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-5 nv-icon{color:var(--color-rainbow-5-icon)}nv-badge.badge-6{color:var(--color-rainbow-6-text);background-color:var(--color-rainbow-6-background);border-color:var(--color-rainbow-6-border)}nv-badge.badge-6 .close:focus,nv-badge.badge-6 .close:focus-within{outline:none}nv-badge.badge-6 .close:focus-visible,nv-badge.badge-6 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-6-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-6 nv-icon{color:var(--color-rainbow-6-icon)}nv-badge.badge-7{color:var(--color-rainbow-7-text);background-color:var(--color-rainbow-7-background);border-color:var(--color-rainbow-7-border)}nv-badge.badge-7 .close:focus,nv-badge.badge-7 .close:focus-within{outline:none}nv-badge.badge-7 .close:focus-visible,nv-badge.badge-7 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-7-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-7 nv-icon{color:var(--color-rainbow-7-icon)}nv-badge.badge-8{color:var(--color-rainbow-8-text);background-color:var(--color-rainbow-8-background);border-color:var(--color-rainbow-8-border)}nv-badge.badge-8 .close:focus,nv-badge.badge-8 .close:focus-within{outline:none}nv-badge.badge-8 .close:focus-visible,nv-badge.badge-8 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-8-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-8 nv-icon{color:var(--color-rainbow-8-icon)}nv-badge.badge-9{color:var(--color-rainbow-9-text);background-color:var(--color-rainbow-9-background);border-color:var(--color-rainbow-9-border)}nv-badge.badge-9 .close:focus,nv-badge.badge-9 .close:focus-within{outline:none}nv-badge.badge-9 .close:focus-visible,nv-badge.badge-9 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-9-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-9 nv-icon{color:var(--color-rainbow-9-icon)}nv-badge.badge-10{color:var(--color-rainbow-10-text);background-color:var(--color-rainbow-10-background);border-color:var(--color-rainbow-10-border)}nv-badge.badge-10 .close:focus,nv-badge.badge-10 .close:focus-within{outline:none}nv-badge.badge-10 .close:focus-visible,nv-badge.badge-10 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-10-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-10 nv-icon{color:var(--color-rainbow-10-icon)}nv-badge.badge-error{color:var(--color-feedback-error-low-text);background-color:var(--color-feedback-error-low-background);border-color:var(--color-feedback-error-low-border)}nv-badge.badge-error .close:focus,nv-badge.badge-error .close:focus-within{outline:none}nv-badge.badge-error .close:focus-visible,nv-badge.badge-error .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-feedback-error-low-content, var(--color-feedback-error-low-text));outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-error nv-icon{color:var(--color-feedback-error-low-icon)}nv-badge.badge-information{color:var(--color-feedback-information-low-text);background-color:var(--color-feedback-information-low-background);border-color:var(--color-feedback-information-low-border)}nv-badge.badge-information .close:focus,nv-badge.badge-information .close:focus-within{outline:none}nv-badge.badge-information .close:focus-visible,nv-badge.badge-information .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-feedback-information-low-content, var(--color-feedback-information-low-text));outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-information nv-icon{color:var(--color-feedback-information-low-icon)}nv-badge.badge-neutral{color:var(--color-feedback-neutral-low-text);background-color:var(--color-feedback-neutral-low-background);border-color:var(--color-feedback-neutral-low-border)}nv-badge.badge-neutral .close:focus,nv-badge.badge-neutral .close:focus-within{outline:none}nv-badge.badge-neutral .close:focus-visible,nv-badge.badge-neutral .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-feedback-neutral-low-content, var(--color-feedback-neutral-low-text));outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-neutral nv-icon{color:var(--color-feedback-neutral-low-icon)}nv-badge.badge-success{color:var(--color-feedback-success-low-text);background-color:var(--color-feedback-success-low-background);border-color:var(--color-feedback-success-low-border)}nv-badge.badge-success .close:focus,nv-badge.badge-success .close:focus-within{outline:none}nv-badge.badge-success .close:focus-visible,nv-badge.badge-success .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-feedback-success-low-content, var(--color-feedback-success-low-text));outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-success nv-icon{color:var(--color-feedback-success-low-icon)}nv-badge.badge-warning{color:var(--color-feedback-warning-low-text);background-color:var(--color-feedback-warning-low-background);border-color:var(--color-feedback-warning-low-border)}nv-badge.badge-warning .close:focus,nv-badge.badge-warning .close:focus-within{outline:none}nv-badge.badge-warning .close:focus-visible,nv-badge.badge-warning .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-feedback-warning-low-content, var(--color-feedback-warning-low-text));outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-warning nv-icon{color:var(--color-feedback-warning-low-icon)}nv-badge.badge-amber{color:var(--color-rainbow-1-text);background-color:var(--color-rainbow-1-background);border-color:var(--color-rainbow-1-border)}nv-badge.badge-amber .close:focus,nv-badge.badge-amber .close:focus-within{outline:none}nv-badge.badge-amber .close:focus-visible,nv-badge.badge-amber .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-amber-content, var(--color-rainbow-1-text));outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-amber nv-icon{color:var(--color-rainbow-1-icon)}nv-badge.badge-orange{color:var(--color-rainbow-2-text);background-color:var(--color-rainbow-2-background);border-color:var(--color-rainbow-2-border)}nv-badge.badge-orange .close:focus,nv-badge.badge-orange .close:focus-within{outline:none}nv-badge.badge-orange .close:focus-visible,nv-badge.badge-orange .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-orange-content, var(--color-rainbow-2-text));outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-orange nv-icon{color:var(--color-rainbow-2-icon)}nv-badge.badge-turquoise{color:var(--color-rainbow-5-text);background-color:var(--color-rainbow-5-background);border-color:var(--color-rainbow-5-border)}nv-badge.badge-turquoise .close:focus,nv-badge.badge-turquoise .close:focus-within{outline:none}nv-badge.badge-turquoise .close:focus-visible,nv-badge.badge-turquoise .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-turquoise-content, var(--color-rainbow-5-text));outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-turquoise nv-icon{color:var(--color-rainbow-5-icon)}nv-badge.badge-crimson{color:var(--color-rainbow-6-text);background-color:var(--color-rainbow-6-background);border-color:var(--color-rainbow-6-border)}nv-badge.badge-crimson .close:focus,nv-badge.badge-crimson .close:focus-within{outline:none}nv-badge.badge-crimson .close:focus-visible,nv-badge.badge-crimson .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-crimson-content, var(--color-rainbow-6-text));outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-crimson nv-icon{color:var(--color-rainbow-6-icon)}nv-badge.badge-lime{color:var(--color-rainbow-9-text);background-color:var(--color-rainbow-9-background);border-color:var(--color-rainbow-9-border)}nv-badge.badge-lime .close:focus,nv-badge.badge-lime .close:focus-within{outline:none}nv-badge.badge-lime .close:focus-visible,nv-badge.badge-lime .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-lime-content, var(--color-rainbow-9-text));outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-lime nv-icon{color:var(--color-rainbow-9-icon)}nv-badge.badge-petrol{color:var(--color-rainbow-8-text);background-color:var(--color-rainbow-8-background);border-color:var(--color-rainbow-8-border)}nv-badge.badge-petrol .close:focus,nv-badge.badge-petrol .close:focus-within{outline:none}nv-badge.badge-petrol .close:focus-visible,nv-badge.badge-petrol .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-petrol-content, var(--color-rainbow-8-text));outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-petrol nv-icon{color:var(--color-rainbow-8-icon)}nv-badge .nv-badge-leading{display:contents}nv-badge .nv-badge-label{font-size:var(--font-size-xs);line-height:var(--line-height-xs) !important;text-align:center}nv-badge nv-icon>svg.icon-xs{width:var(--spacing-3);height:var(--spacing-3);stroke-width:1.2px}nv-badge nv-icon>svg.icon-sm{width:var(--spacing-3);height:var(--spacing-3);stroke-width:1.2px}nv-badge nv-icon>svg.icon-md{width:var(--spacing-3);height:var(--spacing-3);stroke-width:1.2px}nv-badge nv-icon>svg.icon-lg{width:var(--spacing-3);height:var(--spacing-3);stroke-width:1.2px}nv-badge nv-icon>svg.icon-xl{width:var(--spacing-3);height:var(--spacing-3);stroke-width:1.2px}nv-badge .close{padding:0;line-height:0;border:none;background:none;cursor:pointer;color:inherit;display:inline-flex;align-items:center;aspect-ratio:1/1;border-radius:var(--radius-rounded-full)}";const b=class{constructor(a){o(this,a),this.itemChecked=e(this,"itemChecked",7),this.checked=!1,this.disabled=!1,this.onFieldcheckboxChanged=o=>{this.disabled||(this.checked=o.detail,this.itemChecked.emit({value:this.value,checked:this.checked,group:this.group}))},this.handleClick=()=>{this.disabled||(this.checked=!this.el.querySelector("input").checked)}}render(){return a(r,{key:"52f3eeee8d22ab9b45723403c58edc3f16905a07",onClick:this.handleClick},a("nv-fieldcheckbox",{key:"b06def71aa859fca784140d5c961ffa6cd8cdccc",checked:this.checked,name:this.label||this.value,label:this.label||this.value,labelPlacement:"after",description:this.description,disabled:this.disabled,tabindex:"-1",onCheckedChanged:this.onFieldcheckboxChanged},a("slot",{key:"cc53d2732969cb2812d08f978b3d7eeb5cdaa02a"}),a("slot",{key:"67336141a3dcfdab0bdc749e1937797222eaaded",name:"main"}),a("slot",{key:"165a860ee2dbd1783d4bf391c3a07da6756d7013",name:"label"}),a("slot",{key:"27c6e04f85b608a267ef2b280326d125c22dd970",name:"description"})))}get el(){return n(this)}};b.style="nv-fielddropdownitemcheck slot-fb,nv-fielddropdownitemcheck span{all:unset}nv-fielddropdownitemcheck{cursor:pointer;display:flex;padding:var(--list-dropdown-item-padding-y) var(--list-dropdown-item-padding-x);border-radius:var(--list-dropdown-item-radius)}nv-fielddropdownitemcheck:hover{background-color:var(--components-list-dropdown-item-background-hover)}";export{s as nv_badge,b as nv_fielddropdownitemcheck}
|
|
@@ -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-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:"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}
|