@nova-design-system/nova-webcomponents 3.21.0 → 3.22.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/{grow.animation-f1cef0ad.js → grow.animation-69832995.js} +29 -1
- package/dist/cjs/grow.animation-69832995.js.map +1 -0
- package/dist/cjs/index.cjs.js +2 -3
- package/dist/cjs/index.cjs.js.map +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/native.cjs.js +1 -1
- package/dist/cjs/nv-badge_2.cjs.entry.js +1 -1
- package/dist/cjs/nv-dialog.cjs.entry.js +53 -19
- package/dist/cjs/nv-dialog.cjs.entry.js.map +1 -1
- package/dist/cjs/nv-dialogfooter_2.cjs.entry.js +2 -2
- package/dist/cjs/nv-fieldcheckbox.cjs.entry.js +4 -4
- package/dist/cjs/nv-fielddate.cjs.entry.js +14 -17
- package/dist/cjs/nv-fielddate.cjs.entry.js.map +1 -1
- package/dist/cjs/nv-fielddaterange.cjs.entry.js +7 -9
- package/dist/cjs/nv-fielddaterange.cjs.entry.js.map +1 -1
- package/dist/cjs/nv-fielddropdown.cjs.entry.js +14 -5
- package/dist/cjs/nv-fielddropdown.cjs.entry.js.map +1 -1
- package/dist/cjs/nv-fielddropdownitem.cjs.entry.js +2 -2
- package/dist/cjs/nv-fielddropdownitem.cjs.entry.js.map +1 -1
- package/dist/cjs/nv-fieldmultiselect.cjs.entry.js +1 -1
- package/dist/cjs/nv-fieldmultiselect.cjs.entry.js.map +1 -1
- package/dist/cjs/nv-fieldnumber.cjs.entry.js +3 -3
- package/dist/cjs/nv-fieldpassword.cjs.entry.js +3 -3
- 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 +3 -3
- 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 +1 -1
- 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 -1
- package/dist/cjs/nv-popover.cjs.entry.js +10 -11
- package/dist/cjs/nv-popover.cjs.entry.js.map +1 -1
- package/dist/cjs/nv-row.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-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 +1 -1
- package/dist/collection/components/nv-dialog/nv-dialog.css +29 -22
- package/dist/collection/components/nv-dialog/nv-dialog.docs.js +14 -1
- package/dist/collection/components/nv-dialog/nv-dialog.docs.js.map +1 -1
- package/dist/collection/components/nv-dialog/nv-dialog.js +47 -21
- package/dist/collection/components/nv-dialog/nv-dialog.js.map +1 -1
- package/dist/collection/components/nv-dialogfooter/nv-dialogfooter.js +1 -1
- package/dist/collection/components/nv-dialogheader/nv-dialogheader.js +1 -1
- package/dist/collection/components/nv-fieldcheckbox/nv-fieldcheckbox.js +4 -4
- package/dist/collection/components/nv-fielddate/nv-fielddate.js +20 -17
- package/dist/collection/components/nv-fielddate/nv-fielddate.js.map +1 -1
- package/dist/collection/components/nv-fielddaterange/nv-fielddaterange.js +7 -9
- package/dist/collection/components/nv-fielddaterange/nv-fielddaterange.js.map +1 -1
- package/dist/collection/components/nv-fielddropdown/nv-fielddropdown.js +13 -4
- package/dist/collection/components/nv-fielddropdown/nv-fielddropdown.js.map +1 -1
- package/dist/collection/components/nv-fielddropdown/styles/nv-fielddropdown.css +24 -18
- package/dist/collection/components/nv-fielddropdownitem/nv-fielddropdownitem.js +1 -1
- package/dist/collection/components/nv-fielddropdownitem/styles/nv-fielddropdownitem.css +5 -3
- package/dist/collection/components/nv-fielddropdownitemcheck/nv-fielddropdownitemcheck.js +1 -1
- package/dist/collection/components/nv-fieldmultiselect/styles/nv-fieldmultiselect.css +3 -1
- package/dist/collection/components/nv-fieldnumber/nv-fieldnumber.js +3 -3
- package/dist/collection/components/nv-fieldpassword/nv-fieldpassword.js +3 -3
- package/dist/collection/components/nv-fieldradio/nv-fieldradio.js +3 -3
- package/dist/collection/components/nv-fieldselect/nv-fieldselect.js +5 -5
- package/dist/collection/components/nv-fieldslider/nv-fieldslider.js +3 -3
- package/dist/collection/components/nv-fieldtext/nv-fieldtext.js +3 -3
- package/dist/collection/components/nv-fieldtextarea/nv-fieldtextarea.js +3 -3
- package/dist/collection/components/nv-fieldtime/nv-fieldtime.js +3 -3
- package/dist/collection/components/nv-icon/nv-icon.js +1 -1
- package/dist/collection/components/nv-iconbutton/nv-iconbutton.js +1 -1
- package/dist/collection/components/nv-loader/nv-loader.js +1 -1
- package/dist/collection/components/nv-menu/nv-menu.js +1 -1
- package/dist/collection/components/nv-menuitem/nv-menuitem.js +1 -1
- package/dist/collection/components/nv-notification/nv-notification.js +1 -1
- package/dist/collection/components/nv-notificationcontainer/nv-notificationcontainer.js +1 -1
- package/dist/collection/components/nv-popover/nv-popover.js +1 -1
- package/dist/collection/components/nv-row/nv-row.js +1 -1
- package/dist/collection/components/nv-split/nv-split.js +1 -1
- package/dist/collection/components/nv-stack/nv-stack.js +1 -1
- package/dist/collection/components/nv-table/nv-table.js +1 -1
- package/dist/collection/components/nv-tableheader/nv-tableheader.js +1 -1
- package/dist/collection/components/nv-toggle/nv-toggle.js +2 -2
- package/dist/collection/components/nv-togglebutton/nv-togglebutton.js +1 -1
- package/dist/collection/components/nv-togglebuttongroup/nv-togglebuttongroup.js +1 -1
- package/dist/collection/components/nv-tooltip/nv-tooltip.js +1 -1
- package/dist/components/index.js +2 -2
- package/dist/components/nv-accordion-item.js +1 -1
- package/dist/components/nv-accordion.js +4 -4
- 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 +2 -2
- package/dist/components/nv-button.js +1 -1
- package/dist/components/nv-datagrid.js +2 -2
- package/dist/components/nv-dialog.js +57 -23
- package/dist/components/nv-dialog.js.map +1 -1
- package/dist/components/nv-dialogfooter.js +1 -1
- package/dist/components/nv-dialogheader.js +1 -1
- package/dist/components/nv-fieldcheckbox.js +1 -1
- package/dist/components/nv-fielddate.js +19 -22
- package/dist/components/nv-fielddate.js.map +1 -1
- package/dist/components/nv-fielddaterange.js +11 -13
- package/dist/components/nv-fielddaterange.js.map +1 -1
- package/dist/components/nv-fielddropdown.js +19 -10
- package/dist/components/nv-fielddropdown.js.map +1 -1
- package/dist/components/nv-fielddropdownitem.js +1 -1
- package/dist/components/nv-fielddropdownitemcheck.js +1 -1
- package/dist/components/nv-fieldmultiselect.js +8 -8
- package/dist/components/nv-fieldmultiselect.js.map +1 -1
- package/dist/components/nv-fieldnumber.js +1 -1
- package/dist/components/nv-fieldpassword.js +6 -6
- package/dist/components/nv-fieldradio.js +3 -3
- package/dist/components/nv-fieldselect.js +8 -8
- package/dist/components/nv-fieldslider.js +7 -7
- package/dist/components/nv-fieldtext.js +1 -1
- package/dist/components/nv-fieldtextarea.js +3 -3
- package/dist/components/nv-fieldtime.js +7 -7
- 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 +4 -4
- package/dist/components/nv-menuitem.js +1 -1
- package/dist/components/nv-notification.js +2 -2
- package/dist/components/nv-notificationcontainer.js +1 -1
- package/dist/components/nv-popover.js +1 -1
- package/dist/components/nv-row.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 +4 -4
- package/dist/components/nv-toggle.js +2 -2
- 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-61382072.js → p-20a1c769.js} +2 -2
- package/dist/components/{p-61382072.js.map → p-20a1c769.js.map} +1 -1
- package/dist/components/{p-a6c29711.js → p-2d7d3aa2.js} +3 -3
- package/dist/components/{p-a6c29711.js.map → p-2d7d3aa2.js.map} +1 -1
- package/dist/components/{p-429e01f3.js → p-583b3d89.js} +2 -2
- package/dist/components/{p-429e01f3.js.map → p-583b3d89.js.map} +1 -1
- package/dist/components/{p-c4d20cc9.js → p-5f78a78f.js} +3 -3
- package/dist/components/{p-c4d20cc9.js.map → p-5f78a78f.js.map} +1 -1
- package/dist/components/{p-4799b6c3.js → p-62f91b46.js} +3 -4
- package/dist/components/p-62f91b46.js.map +1 -0
- package/dist/components/{p-5c6b5444.js → p-7214f13f.js} +4 -4
- package/dist/components/{p-5c6b5444.js.map → p-7214f13f.js.map} +1 -1
- package/dist/components/{p-0bfe8a47.js → p-743b3452.js} +2 -2
- package/dist/components/{p-0bfe8a47.js.map → p-743b3452.js.map} +1 -1
- package/dist/components/{p-00347aae.js → p-94ad267c.js} +5 -5
- package/dist/components/{p-00347aae.js.map → p-94ad267c.js.map} +1 -1
- package/dist/components/{p-222136c2.js → p-996438a2.js} +2 -2
- package/dist/components/{p-222136c2.js.map → p-996438a2.js.map} +1 -1
- package/dist/components/{p-4697bd56.js → p-996ed843.js} +27 -2
- package/dist/components/p-996ed843.js.map +1 -0
- package/dist/components/{p-2062ba39.js → p-af663ff5.js} +2 -2
- package/dist/components/{p-2062ba39.js.map → p-af663ff5.js.map} +1 -1
- package/dist/components/{p-c69f5a37.js → p-bcf9d309.js} +5 -5
- package/dist/components/{p-c69f5a37.js.map → p-bcf9d309.js.map} +1 -1
- package/dist/components/{p-d1d4cc45.js → p-cc77f8fe.js} +7 -7
- package/dist/components/{p-d1d4cc45.js.map → p-cc77f8fe.js.map} +1 -1
- package/dist/components/{p-8ce28cff.js → p-d9c1cd97.js} +4 -4
- package/dist/components/{p-8ce28cff.js.map → p-d9c1cd97.js.map} +1 -1
- package/dist/components/{p-0d5ed1d7.js → p-e1f82896.js} +5 -5
- package/dist/components/{p-0d5ed1d7.js.map → p-e1f82896.js.map} +1 -1
- package/dist/components/{p-643d7802.js → p-f68c8fff.js} +3 -3
- package/dist/components/{p-643d7802.js.map → p-f68c8fff.js.map} +1 -1
- package/dist/components/{p-86588fba.js → p-f6ffffd9.js} +4 -4
- package/dist/components/{p-86588fba.js.map → p-f6ffffd9.js.map} +1 -1
- package/dist/esm/{grow.animation-03fa5c19.js → grow.animation-24ad5cf8.js} +27 -2
- package/dist/esm/grow.animation-24ad5cf8.js.map +1 -0
- package/dist/esm/index.js +2 -2
- package/dist/esm/loader.js +1 -1
- package/dist/esm/native.js +1 -1
- package/dist/esm/nv-badge_2.entry.js +1 -1
- package/dist/esm/nv-dialog.entry.js +51 -17
- package/dist/esm/nv-dialog.entry.js.map +1 -1
- package/dist/esm/nv-dialogfooter_2.entry.js +2 -2
- package/dist/esm/nv-fieldcheckbox.entry.js +4 -4
- package/dist/esm/nv-fielddate.entry.js +14 -17
- package/dist/esm/nv-fielddate.entry.js.map +1 -1
- package/dist/esm/nv-fielddaterange.entry.js +7 -9
- package/dist/esm/nv-fielddaterange.entry.js.map +1 -1
- package/dist/esm/nv-fielddropdown.entry.js +14 -5
- package/dist/esm/nv-fielddropdown.entry.js.map +1 -1
- package/dist/esm/nv-fielddropdownitem.entry.js +2 -2
- package/dist/esm/nv-fielddropdownitem.entry.js.map +1 -1
- package/dist/esm/nv-fieldmultiselect.entry.js +1 -1
- package/dist/esm/nv-fieldmultiselect.entry.js.map +1 -1
- package/dist/esm/nv-fieldnumber.entry.js +3 -3
- package/dist/esm/nv-fieldpassword.entry.js +3 -3
- 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 +3 -3
- 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 +1 -1
- 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 -1
- package/dist/esm/nv-popover.entry.js +2 -3
- package/dist/esm/nv-popover.entry.js.map +1 -1
- package/dist/esm/nv-row.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-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 +1 -1
- package/dist/native/index.esm.js +1 -1
- package/dist/native/native.esm.js +1 -1
- package/dist/native/{p-c4baad6e.entry.js → p-023f36b6.entry.js} +2 -2
- package/dist/native/{p-2b4cf4b8.entry.js → p-07b12aa5.entry.js} +2 -2
- package/dist/native/{p-4de8697c.entry.js → p-104a9828.entry.js} +2 -2
- package/dist/native/{p-859bf9ad.entry.js → p-1ee225be.entry.js} +2 -2
- package/dist/native/p-1ee225be.entry.js.map +1 -0
- package/dist/native/p-21dde805.entry.js +2 -0
- package/dist/native/{p-56ed7306.entry.js → p-242cdeac.entry.js} +2 -2
- package/dist/native/{p-587d94f3.entry.js → p-2895ad03.entry.js} +2 -2
- package/dist/native/{p-b4382c94.entry.js → p-2d363bd9.entry.js} +2 -2
- package/dist/native/{p-b02c896a.entry.js → p-2e1b4e19.entry.js} +2 -2
- package/dist/native/{p-a2f58133.entry.js → p-2fb1974e.entry.js} +2 -2
- package/dist/native/p-32c16132.entry.js +2 -0
- package/dist/native/p-32c16132.entry.js.map +1 -0
- package/dist/native/{p-9950e075.entry.js → p-3df31ed5.entry.js} +2 -2
- package/dist/native/{p-533e2530.entry.js → p-44f4e0ae.entry.js} +2 -2
- package/dist/native/{p-c901693d.entry.js → p-4bf63654.entry.js} +2 -2
- package/dist/native/{p-ae5be175.entry.js → p-7ac9af42.entry.js} +2 -2
- package/dist/native/{p-973f5db2.entry.js → p-7b7bbac7.entry.js} +2 -2
- package/dist/native/{p-6a418ec4.entry.js → p-93d80b03.entry.js} +2 -2
- package/dist/native/p-996ed843.js +2 -0
- package/dist/native/p-996ed843.js.map +1 -0
- package/dist/native/{p-fa3e588e.entry.js → p-9e36eebc.entry.js} +2 -2
- package/dist/native/{p-2a7f80f4.entry.js → p-a4a0021c.entry.js} +2 -2
- package/dist/native/{p-17666092.entry.js → p-a6d8d9a1.entry.js} +2 -2
- package/dist/native/{p-eb74feb7.entry.js → p-a9a7f1b8.entry.js} +2 -2
- package/dist/native/p-ad5e12d2.entry.js +2 -0
- package/dist/native/{p-e6f24210.entry.js.map → p-ad5e12d2.entry.js.map} +1 -1
- package/dist/native/{p-fffbd3c1.entry.js → p-aefd32f0.entry.js} +2 -2
- package/dist/native/p-b3d6e9f4.entry.js +2 -0
- package/dist/native/{p-c9fea0df.entry.js.map → p-b3d6e9f4.entry.js.map} +1 -1
- package/dist/native/p-b860d0d3.entry.js +7 -0
- package/dist/native/p-b860d0d3.entry.js.map +1 -0
- package/dist/native/{p-9c432751.entry.js → p-b97f392a.entry.js} +2 -2
- package/dist/native/{p-d63689da.entry.js → p-bd91e0bb.entry.js} +2 -2
- package/dist/native/p-bd91e0bb.entry.js.map +1 -0
- package/dist/native/{p-a026654f.entry.js → p-c37ab530.entry.js} +2 -2
- package/dist/native/{p-bd9bf6a1.entry.js → p-d22a503b.entry.js} +2 -2
- package/dist/native/{p-f3c73492.entry.js → p-da76357c.entry.js} +2 -2
- package/dist/native/{p-d0db5e72.entry.js → p-dac1537a.entry.js} +2 -2
- package/dist/native/p-e688c905.entry.js +2 -0
- package/dist/native/{p-218135b1.entry.js.map → p-e688c905.entry.js.map} +1 -1
- package/dist/native/{p-0177409b.entry.js → p-e887bbf5.entry.js} +2 -2
- package/dist/types/components/nv-dialog/nv-dialog.d.ts +4 -2
- package/dist/types/components/nv-fielddate/nv-fielddate.d.ts +1 -1
- package/dist/types/components/nv-fielddropdown/nv-fielddropdown.d.ts +1 -0
- package/hydrate/index.js +138 -103
- package/hydrate/index.mjs +138 -103
- package/package.json +1 -1
- package/dist/cjs/events.utils-52846a7d.js +0 -32
- package/dist/cjs/events.utils-52846a7d.js.map +0 -1
- package/dist/cjs/grow.animation-f1cef0ad.js.map +0 -1
- package/dist/components/p-4697bd56.js.map +0 -1
- package/dist/components/p-4799b6c3.js.map +0 -1
- package/dist/components/p-d429a343.js +0 -28
- package/dist/components/p-d429a343.js.map +0 -1
- package/dist/esm/events.utils-fe1d907f.js +0 -28
- package/dist/esm/events.utils-fe1d907f.js.map +0 -1
- package/dist/esm/grow.animation-03fa5c19.js.map +0 -1
- package/dist/native/p-144d0f8a.entry.js +0 -2
- package/dist/native/p-144d0f8a.entry.js.map +0 -1
- package/dist/native/p-218135b1.entry.js +0 -2
- package/dist/native/p-44ba73dc.entry.js +0 -7
- package/dist/native/p-44ba73dc.entry.js.map +0 -1
- package/dist/native/p-4697bd56.js +0 -2
- package/dist/native/p-4697bd56.js.map +0 -1
- package/dist/native/p-57420a2f.entry.js +0 -2
- package/dist/native/p-859bf9ad.entry.js.map +0 -1
- package/dist/native/p-c9fea0df.entry.js +0 -2
- package/dist/native/p-d429a343.js +0 -2
- package/dist/native/p-d429a343.js.map +0 -1
- package/dist/native/p-d63689da.entry.js.map +0 -1
- package/dist/native/p-e6f24210.entry.js +0 -2
- /package/dist/native/{p-c4baad6e.entry.js.map → p-023f36b6.entry.js.map} +0 -0
- /package/dist/native/{p-2b4cf4b8.entry.js.map → p-07b12aa5.entry.js.map} +0 -0
- /package/dist/native/{p-4de8697c.entry.js.map → p-104a9828.entry.js.map} +0 -0
- /package/dist/native/{p-57420a2f.entry.js.map → p-21dde805.entry.js.map} +0 -0
- /package/dist/native/{p-56ed7306.entry.js.map → p-242cdeac.entry.js.map} +0 -0
- /package/dist/native/{p-587d94f3.entry.js.map → p-2895ad03.entry.js.map} +0 -0
- /package/dist/native/{p-b4382c94.entry.js.map → p-2d363bd9.entry.js.map} +0 -0
- /package/dist/native/{p-b02c896a.entry.js.map → p-2e1b4e19.entry.js.map} +0 -0
- /package/dist/native/{p-a2f58133.entry.js.map → p-2fb1974e.entry.js.map} +0 -0
- /package/dist/native/{p-9950e075.entry.js.map → p-3df31ed5.entry.js.map} +0 -0
- /package/dist/native/{p-533e2530.entry.js.map → p-44f4e0ae.entry.js.map} +0 -0
- /package/dist/native/{p-c901693d.entry.js.map → p-4bf63654.entry.js.map} +0 -0
- /package/dist/native/{p-ae5be175.entry.js.map → p-7ac9af42.entry.js.map} +0 -0
- /package/dist/native/{p-973f5db2.entry.js.map → p-7b7bbac7.entry.js.map} +0 -0
- /package/dist/native/{p-6a418ec4.entry.js.map → p-93d80b03.entry.js.map} +0 -0
- /package/dist/native/{p-fa3e588e.entry.js.map → p-9e36eebc.entry.js.map} +0 -0
- /package/dist/native/{p-2a7f80f4.entry.js.map → p-a4a0021c.entry.js.map} +0 -0
- /package/dist/native/{p-17666092.entry.js.map → p-a6d8d9a1.entry.js.map} +0 -0
- /package/dist/native/{p-eb74feb7.entry.js.map → p-a9a7f1b8.entry.js.map} +0 -0
- /package/dist/native/{p-fffbd3c1.entry.js.map → p-aefd32f0.entry.js.map} +0 -0
- /package/dist/native/{p-9c432751.entry.js.map → p-b97f392a.entry.js.map} +0 -0
- /package/dist/native/{p-a026654f.entry.js.map → p-c37ab530.entry.js.map} +0 -0
- /package/dist/native/{p-bd9bf6a1.entry.js.map → p-d22a503b.entry.js.map} +0 -0
- /package/dist/native/{p-f3c73492.entry.js.map → p-da76357c.entry.js.map} +0 -0
- /package/dist/native/{p-d0db5e72.entry.js.map → p-dac1537a.entry.js.map} +0 -0
- /package/dist/native/{p-0177409b.entry.js.map → p-e887bbf5.entry.js.map} +0 -0
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as t,c as i,h as s,H as e,g as n}from"./p-3060df80.js";const o='nv-split{display:flex;width:100%;height:100%;position:relative}nv-split[direction=horizontal]{flex-direction:row}nv-split[direction=vertical]{flex-direction:column}nv-split .nv-split-gutter{position:absolute;z-index:10;background:transparent;display:flex;align-items:center;justify-content:center;flex:0 0 auto;transition:background-color 0.2s ease}nv-split .nv-split-gutter::after{content:"";position:absolute;background:var(--nv-color-neutral-400, #ccc);border-radius:2px;transition:background-color 0.2s ease}nv-split .nv-split-gutter:hover::after{background:var(--nv-color-brand-primary, #0066cc)}nv-split .nv-split-gutter::before{content:"";position:absolute;background-repeat:no-repeat;background-position:center;opacity:0.4;transition:opacity 0.2s ease;pointer-events:none}nv-split .nv-split-gutter:hover::before{opacity:0.7}nv-split[direction=horizontal]>.nv-split-gutter{width:var(--nv-split-gutter-size, 24px);top:0;bottom:0;transform:translateX(-50%);cursor:col-resize}nv-split[direction=horizontal]>.nv-split-gutter::after{width:2px;height:60%;left:50%;top:20%;transform:translateX(-50%)}nv-split[direction=horizontal]>.nv-split-gutter::before{width:16px;height:16px}nv-split[direction=vertical]>.nv-split-gutter{height:var(--nv-split-gutter-size, 24px);left:0;right:0;transform:translateY(-50%);cursor:row-resize}nv-split[direction=vertical]>.nv-split-gutter::after{height:2px;width:60%;top:50%;left:20%;transform:translateY(-50%)}nv-split[direction=vertical]>.nv-split-gutter::before{width:16px;height:16px}nv-split[data-dragging=true]>.nv-split-gutter::after{background:var(--nv-color-neutral-500, #9ca3af)}nv-split>[slot=pane]{flex:1 1 auto;overflow:hidden;min-width:0;min-height:0;display:flex;flex-direction:column}nv-split>[slot=pane]>nv-split{flex:1 1 auto;width:100%;height:100%}';const r=o;const h=class{constructor(s){t(this,s);this.sizesChanged=i(this,"sizesChanged",7);this.direction="horizontal";this.sizes=[];this.gutterSize=24;this.isDragging=false;this.dragIndex=-1;this.startPos=0;this.startSizes=[];this.onDocMove=t=>this.handleMouseMove(t);this.onDocUp=()=>this.stopDragging()}onSizesChanged(){this.applySizes()}onDirectionChanged(){this.ensureGutters();this.applySizes()}componentDidLoad(){this.ensureGutters();this.applySizes();this.positionGutters();this.ro=new ResizeObserver((()=>this.positionGutters()));this.ro.observe(this.el);window.addEventListener("resize",(()=>this.positionGutters()))}disconnectedCallback(){var t;this.detachDocumentListeners();(t=this.ro)===null||t===void 0?void 0:t.disconnect();this.ro=undefined}async setSizes(t){this.sizes=[...t];this.applySizes();this.sizesChanged.emit([...this.sizes]);this.positionGutters()}async getSizes(){return[...this.sizes]}async collapse(t){const i=this.getPanes();if(t<0||t>=i.length)return;const s=new Array(i.length).fill(0);const e=t<i.length-1?t+1:t-1;if(e>=0)s[e]=100;this.sizes=s;this.applySizes();this.sizesChanged.emit([...this.sizes]);this.positionGutters()}async destroy(){var t;this.sizes=[];this.isDragging=false;this.dragIndex=-1;this.removeOwnGutters();this.detachDocumentListeners();(t=this.ro)===null||t===void 0?void 0:t.disconnect()}getPanes(){return Array.from(this.el.querySelectorAll(':scope > [slot="pane"]'))}getOwnGutters(){return Array.from(this.el.querySelectorAll(':scope > .nv-split-gutter[data-auto="true"]'))}removeOwnGutters(){this.getOwnGutters().forEach((t=>t.remove()))}ensureGutters(){const t=this.getPanes();this.removeOwnGutters();if(t.length<=1)return;t.forEach(((i,s)=>{if(s>=t.length-1)return;const e=document.createElement("div");e.className="nv-split-gutter";e.setAttribute("data-auto","true");if(this.direction==="horizontal"){e.style.width=`${this.gutterSize}px`;e.style.cursor="col-resize"}else{e.style.height=`${this.gutterSize}px`;e.style.cursor="row-resize"}const n=document.createElement("slot");n.name="gutter";e.appendChild(n);e.addEventListener("mousedown",(t=>this.startDragging(t,s)));i.insertAdjacentElement("afterend",e)}));this.positionGutters()}applySizes(){const t=this.getPanes();const i=t.length;if(i===0)return;if(!this.sizes||this.sizes.length!==i){this.sizes=Array(i).fill(100/i)}t.forEach(((t,s)=>{var e;const n=Math.max(0,(e=this.sizes[s])!==null&&e!==void 0?e:100/i);t.style.flex=`0 0 ${n}%`;t.style.minWidth="0";t.style.minHeight="0";t.style.overflow="hidden";t.style.display="flex";t.style.flexDirection="column"}));this.positionGutters()}attachDocumentListeners(){document.addEventListener("mousemove",this.onDocMove);document.addEventListener("mouseup",this.onDocUp)}detachDocumentListeners(){document.removeEventListener("mousemove",this.onDocMove);document.removeEventListener("mouseup",this.onDocUp)}positionGutters(){var t,i;const s=this.getPanes();const e=this.getOwnGutters();if(s.length<=1||e.length===0)return;const n=this.direction==="horizontal";let o=0;for(let r=0;r<e.length;r++){const h=(i=(t=this.sizes)===null||t===void 0?void 0:t[r])!==null&&i!==void 0?i:100/s.length;o+=h;const a=e[r];a.style.position="absolute";if(n){a.style.left=`${o}%`;a.style.top="0";a.style.bottom="0";a.style.height="100%"}else{a.style.top=`${o}%`;a.style.left="0";a.style.right="0";a.style.width="100%"}}}startDragging(t,i){this.isDragging=true;this.dragIndex=i;this.startPos=this.direction==="horizontal"?t.clientX:t.clientY;this.startSizes=[...this.sizes];this.attachDocumentListeners()}handleMouseMove(t){var i,s,e,n;if(!this.isDragging||this.dragIndex<0)return;const o=this.getPanes();if(o.length<2)return;const r=this.el.getBoundingClientRect();const h=this.direction==="horizontal"?r.width:r.height;const a=Math.max(h,1);const l=(this.direction==="horizontal"?t.clientX:t.clientY)-this.startPos;const c=l/a*100;const
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as t,c as i,h as s,H as e,g as n}from"./p-3060df80.js";const o='nv-split{display:flex;width:100%;height:100%;position:relative}nv-split[direction=horizontal]{flex-direction:row}nv-split[direction=vertical]{flex-direction:column}nv-split .nv-split-gutter{position:absolute;z-index:10;background:transparent;display:flex;align-items:center;justify-content:center;flex:0 0 auto;transition:background-color 0.2s ease}nv-split .nv-split-gutter::after{content:"";position:absolute;background:var(--nv-color-neutral-400, #ccc);border-radius:2px;transition:background-color 0.2s ease}nv-split .nv-split-gutter:hover::after{background:var(--nv-color-brand-primary, #0066cc)}nv-split .nv-split-gutter::before{content:"";position:absolute;background-repeat:no-repeat;background-position:center;opacity:0.4;transition:opacity 0.2s ease;pointer-events:none}nv-split .nv-split-gutter:hover::before{opacity:0.7}nv-split[direction=horizontal]>.nv-split-gutter{width:var(--nv-split-gutter-size, 24px);top:0;bottom:0;transform:translateX(-50%);cursor:col-resize}nv-split[direction=horizontal]>.nv-split-gutter::after{width:2px;height:60%;left:50%;top:20%;transform:translateX(-50%)}nv-split[direction=horizontal]>.nv-split-gutter::before{width:16px;height:16px}nv-split[direction=vertical]>.nv-split-gutter{height:var(--nv-split-gutter-size, 24px);left:0;right:0;transform:translateY(-50%);cursor:row-resize}nv-split[direction=vertical]>.nv-split-gutter::after{height:2px;width:60%;top:50%;left:20%;transform:translateY(-50%)}nv-split[direction=vertical]>.nv-split-gutter::before{width:16px;height:16px}nv-split[data-dragging=true]>.nv-split-gutter::after{background:var(--nv-color-neutral-500, #9ca3af)}nv-split>[slot=pane]{flex:1 1 auto;overflow:hidden;min-width:0;min-height:0;display:flex;flex-direction:column}nv-split>[slot=pane]>nv-split{flex:1 1 auto;width:100%;height:100%}';const r=o;const h=class{constructor(s){t(this,s);this.sizesChanged=i(this,"sizesChanged",7);this.direction="horizontal";this.sizes=[];this.gutterSize=24;this.isDragging=false;this.dragIndex=-1;this.startPos=0;this.startSizes=[];this.onDocMove=t=>this.handleMouseMove(t);this.onDocUp=()=>this.stopDragging()}onSizesChanged(){this.applySizes()}onDirectionChanged(){this.ensureGutters();this.applySizes()}componentDidLoad(){this.ensureGutters();this.applySizes();this.positionGutters();this.ro=new ResizeObserver((()=>this.positionGutters()));this.ro.observe(this.el);window.addEventListener("resize",(()=>this.positionGutters()))}disconnectedCallback(){var t;this.detachDocumentListeners();(t=this.ro)===null||t===void 0?void 0:t.disconnect();this.ro=undefined}async setSizes(t){this.sizes=[...t];this.applySizes();this.sizesChanged.emit([...this.sizes]);this.positionGutters()}async getSizes(){return[...this.sizes]}async collapse(t){const i=this.getPanes();if(t<0||t>=i.length)return;const s=new Array(i.length).fill(0);const e=t<i.length-1?t+1:t-1;if(e>=0)s[e]=100;this.sizes=s;this.applySizes();this.sizesChanged.emit([...this.sizes]);this.positionGutters()}async destroy(){var t;this.sizes=[];this.isDragging=false;this.dragIndex=-1;this.removeOwnGutters();this.detachDocumentListeners();(t=this.ro)===null||t===void 0?void 0:t.disconnect()}getPanes(){return Array.from(this.el.querySelectorAll(':scope > [slot="pane"]'))}getOwnGutters(){return Array.from(this.el.querySelectorAll(':scope > .nv-split-gutter[data-auto="true"]'))}removeOwnGutters(){this.getOwnGutters().forEach((t=>t.remove()))}ensureGutters(){const t=this.getPanes();this.removeOwnGutters();if(t.length<=1)return;t.forEach(((i,s)=>{if(s>=t.length-1)return;const e=document.createElement("div");e.className="nv-split-gutter";e.setAttribute("data-auto","true");if(this.direction==="horizontal"){e.style.width=`${this.gutterSize}px`;e.style.cursor="col-resize"}else{e.style.height=`${this.gutterSize}px`;e.style.cursor="row-resize"}const n=document.createElement("slot");n.name="gutter";e.appendChild(n);e.addEventListener("mousedown",(t=>this.startDragging(t,s)));i.insertAdjacentElement("afterend",e)}));this.positionGutters()}applySizes(){const t=this.getPanes();const i=t.length;if(i===0)return;if(!this.sizes||this.sizes.length!==i){this.sizes=Array(i).fill(100/i)}t.forEach(((t,s)=>{var e;const n=Math.max(0,(e=this.sizes[s])!==null&&e!==void 0?e:100/i);t.style.flex=`0 0 ${n}%`;t.style.minWidth="0";t.style.minHeight="0";t.style.overflow="hidden";t.style.display="flex";t.style.flexDirection="column"}));this.positionGutters()}attachDocumentListeners(){document.addEventListener("mousemove",this.onDocMove);document.addEventListener("mouseup",this.onDocUp)}detachDocumentListeners(){document.removeEventListener("mousemove",this.onDocMove);document.removeEventListener("mouseup",this.onDocUp)}positionGutters(){var t,i;const s=this.getPanes();const e=this.getOwnGutters();if(s.length<=1||e.length===0)return;const n=this.direction==="horizontal";let o=0;for(let r=0;r<e.length;r++){const h=(i=(t=this.sizes)===null||t===void 0?void 0:t[r])!==null&&i!==void 0?i:100/s.length;o+=h;const a=e[r];a.style.position="absolute";if(n){a.style.left=`${o}%`;a.style.top="0";a.style.bottom="0";a.style.height="100%"}else{a.style.top=`${o}%`;a.style.left="0";a.style.right="0";a.style.width="100%"}}}startDragging(t,i){this.isDragging=true;this.dragIndex=i;this.startPos=this.direction==="horizontal"?t.clientX:t.clientY;this.startSizes=[...this.sizes];this.attachDocumentListeners()}handleMouseMove(t){var i,s,e,n;if(!this.isDragging||this.dragIndex<0)return;const o=this.getPanes();if(o.length<2)return;const r=this.el.getBoundingClientRect();const h=this.direction==="horizontal"?r.width:r.height;const a=Math.max(h,1);const l=(this.direction==="horizontal"?t.clientX:t.clientY)-this.startPos;const c=l/a*100;const d=this.dragIndex;const u=d+1;let p=this.startSizes[d]+c;let v=this.startSizes[u]-c;const g=((s=(i=this.minSizes)===null||i===void 0?void 0:i[d])!==null&&s!==void 0?s:0)/a*100;const f=((n=(e=this.minSizes)===null||e===void 0?void 0:e[u])!==null&&n!==void 0?n:0)/a*100;p=Math.max(p,g);v=Math.max(v,f);const m=p+v;const b=this.startSizes[d]+this.startSizes[u];if(Math.abs(m-b)>1e-4){const t=b/(m||1);p*=t;v*=t}const z=[...this.startSizes];z[d]=p;z[u]=v;this.sizes=z;this.applySizes();this.sizesChanged.emit([...this.sizes]);this.positionGutters()}stopDragging(){if(!this.isDragging)return;this.isDragging=false;this.dragIndex=-1;this.detachDocumentListeners()}render(){return s(e,{key:"6b1fd4447295f209a9b0ea95b7d2a07200204504","data-dragging":this.isDragging.toString()},s("slot",{key:"67089b66457c4ad64abb80749d64ca67c881a1c0",name:"pane"}),s("slot",{key:"2fe9da5dd2aa2ff5b14bdd9ea99e9f0fa027931d",name:"gutter"}))}get el(){return n(this)}static get watchers(){return{sizes:["onSizesChanged"],direction:["onDirectionChanged"]}}};h.style=r;export{h as nv_split};
|
|
2
|
+
//# sourceMappingURL=p-2895ad03.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as e,c as r,h as o,H as i,g as a}from"./p-3060df80.js";import{v as n}from"./p-f5ff676c.js";const t='nv-fieldslider .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .track-range{background:var(--components-slider-track-filled-focus)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .thumb{border-color:var(--components-slider-track-filled-focus)}nv-fieldslider[error] .slider-container .track-container .track .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:hover{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-handler-background-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:focus{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldpassword{--nv-field-border-default:var(--components-form-field-border-default);--nv-field-border-hover:var(--components-form-field-border-hover);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--components-form-field-border-default);--nv-field-border-readonly:var(--components-form-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-brand);--nv-field-background:var(--components-form-field-background-default);display:flex;flex-direction:column;align-items:flex-start;gap:var(--form-gap-y);box-sizing:border-box;max-width:480px}nv-fieldpassword[fluid]:not([fluid=false]){max-width:unset}nv-fieldpassword[readonly]:not([readonly=false]){--nv-field-border-default:var(--components-form-field-border-readonly);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-background:var(--components-form-field-background-readonly)}nv-fieldpassword[error]:not([error=false]){--nv-field-border-default:var(--components-form-field-border-error);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-destructive-in-field)}nv-fieldpassword[success]:not([success=false]){--nv-field-border-default:var(--components-form-field-border-success);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-success)}nv-fieldpassword[required]:not([required=false]) label::after{content:"*";color:var(--components-form-text-required);font-weight:var(--font-weight-high-emphasis)}nv-fieldpassword label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-label-line-height)}nv-fieldpassword .input-wrapper{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch}nv-fieldpassword .input-wrapper .input-container{display:flex;flex-grow:1;justify-content:center;align-items:center;align-self:stretch;border-radius:var(--form-field-radius);border-width:1px;border-style:solid;border-color:var(--nv-field-border-default);opacity:var(--components-form-opacity-default, 1);background:var(--nv-field-background);transition:all 150ms ease-out;position:relative}nv-fieldpassword .input-wrapper .input-container:hover{border-color:var(--nv-field-border-hover)}nv-fieldpassword .input-wrapper .input-container:focus-within,nv-fieldpassword .input-wrapper .input-container:focus-within:hover,nv-fieldpassword .input-wrapper .input-container:focus,nv-fieldpassword .input-wrapper .input-container:focus:hover{border-color:var(--nv-field-border-focus);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fieldpassword .input-wrapper .input-container:has(input:read-only){opacity:0.5;background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fieldpassword .input-wrapper .input-container:has(input:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fieldpassword .input-wrapper .input-container input{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);padding:var(--form-field-padding-y) var(--form-field-padding-x);font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-field-line-height);width:100%;}nv-fieldpassword .input-wrapper .input-container input:focus{outline:none}nv-fieldpassword .input-wrapper .input-container input::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--form-field-line-height)}nv-fieldpassword .input-wrapper .input-container input[type=password]::-ms-clear,nv-fieldpassword .input-wrapper .input-container input[type=password]::-ms-reveal{display:none;width:0;height:0}nv-fieldpassword .input-wrapper .input-container>nv-iconbutton{border:0px;border-radius:0px}nv-fieldpassword .input-wrapper .input-container>nv-iconbutton:focus-visible{border-radius:var(--button-md-border-radius);outline-offset:-3px}nv-fieldpassword .input-wrapper .input-container>nv-iconbutton:last-of-type{border-top-right-radius:var(--form-field-radius);border-bottom-right-radius:var(--form-field-radius)}nv-fieldpassword .input-wrapper .input-container nv-icon.validation{color:var(--nv-field-border-default)}nv-fieldpassword .description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fieldpassword .error-description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}';const d=t;const s=class{constructor(o){e(this,o);this.valueChanged=r(this,"valueChanged",7);this.inputId=n();this.disabled=false;this.readonly=false;this.required=false;this.error=false;this.success=false;this.mode="text";this.autocomplete="off";this.hidePasswordIcon=false;this.showPassword=false;this.autofocus=false;this.fluid=false;this.handleInputContainerClick=()=>{this.inputElement.focus()};this.togglePasswordVisibility=()=>{this.showPasswordState=!this.showPasswordState};this.handleInput=e=>{const r=e.target;this.value=r.value;this.valueChanged.emit(r.value)}}handleShowPasswordChange(e){this.showPasswordState=e}componentWillLoad(){this.showPasswordState=this.showPassword}render(){return o(i,{key:"3fd88ed71cb3c34fbd4a35cb861617687add3c76"},(this.label||this.el.querySelector('[slot="label"]'))&&o("label",{key:"b08c3c1d7ca6f196c547fdb42c2289f4fbacd461",htmlFor:this.inputId},o("slot",{key:"2469c277ea25d8c9ea521cc05da068cf63465637",name:"label"},this.label)),o("div",{key:"606a09205e3caa2490c3db48411eebc5bddbb786",class:"input-wrapper"},o("slot",{key:"843cf4814cf84c9d6ca5fec7a13c30820dd0075a",name:"before-input"}),o("div",{key:"4b06bdf556442e8ccb4f28a450bcb5f432740b8a",class:"input-container",onClick:this.handleInputContainerClick},o("slot",{key:"c07a3575a5b831e5f803558607fbf677e5b2ffac",name:"leading-input"}),o("input",{key:"c9536d50ff4ed09cffd13ba06d4599492f77feac",id:this.inputId,ref:e=>this.inputElement=e,autofocus:this.autofocus,autocomplete:this.autocomplete,placeholder:this.placeholder,name:this.name,type:this.showPasswordState?"text":"password",inputMode:this.mode,value:this.value,required:this.required,maxlength:this.maxlength,minlength:this.minlength,pattern:this.pattern,disabled:this.disabled,readOnly:this.readonly,onInput:this.handleInput}),(this.success||this.error)&&o("nv-icon",{key:"df7f3b45b0dec7dabfdea7496ff6576413101cf5",name:this.success?"circle-check":"alert-circle",class:"validation",size:"md"}),!this.hidePasswordIcon&&o("nv-iconbutton",{key:"ef3bc855fe5f70ed537d9b564b7f8b990998da48",name:this.showPasswordState?"eye":"eye-off",size:"md",emphasis:"lower",onClick:this.togglePasswordVisibility,"aria-label":this.showPasswordState?"Hide password":"Show password","aria-pressed":this.showPasswordState.toString()})),o("slot",{key:"d7e892c362bcab7724c0250a8e097bdd3a7f28a2",name:"after-input"})),(this.description||this.el.querySelector('[slot="description"]'))&&o("div",{key:"5933be1bda9a32ceabcae5144e6a6a131203f9d6",class:"description"},o("slot",{key:"31671c862c3e5988ef4939d21a75f721b47eacf6",name:"description"},this.description)),(this.errorDescription||this.el.querySelector('[slot="error-description"]'))&&o("div",{key:"a38ff2519ae8da933b5884c0e576d91b8825dec7",hidden:!this.error,class:"error-description"},o("slot",{key:"ec242e6f6cf28b7e34bfcec658874067019ba540",name:"error-description"},this.errorDescription)))}static get formAssociated(){return true}get el(){return a(this)}static get watchers(){return{showPassword:["handleShowPasswordChange"]}}};s.style=d;export{s as nv_fieldpassword};
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as e,c as r,h as o,H as i,g as a}from"./p-3060df80.js";import{v as n}from"./p-f5ff676c.js";const t='nv-fieldslider .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .track-range{background:var(--components-slider-track-filled-focus)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .thumb{border-color:var(--components-slider-track-filled-focus)}nv-fieldslider[error] .slider-container .track-container .track .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:hover{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-handler-background-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:focus{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldpassword{--nv-field-border-default:var(--components-form-field-border-default);--nv-field-border-hover:var(--components-form-field-border-hover);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--components-form-field-border-default);--nv-field-border-readonly:var(--components-form-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-brand);--nv-field-background:var(--components-form-field-background-default);display:flex;flex-direction:column;align-items:flex-start;gap:var(--form-gap-y);box-sizing:border-box;max-width:480px}nv-fieldpassword[fluid]:not([fluid=false]){max-width:unset}nv-fieldpassword[readonly]:not([readonly=false]){--nv-field-border-default:var(--components-form-field-border-readonly);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-background:var(--components-form-field-background-readonly)}nv-fieldpassword[error]:not([error=false]){--nv-field-border-default:var(--components-form-field-border-error);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-destructive-in-field)}nv-fieldpassword[success]:not([success=false]){--nv-field-border-default:var(--components-form-field-border-success);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-success)}nv-fieldpassword[required]:not([required=false]) label::after{content:"*";color:var(--components-form-text-required);font-weight:var(--font-weight-high-emphasis)}nv-fieldpassword label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-label-line-height)}nv-fieldpassword .input-wrapper{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch}nv-fieldpassword .input-wrapper .input-container{display:flex;flex-grow:1;justify-content:center;align-items:center;align-self:stretch;border-radius:var(--form-field-radius);border-width:1px;border-style:solid;border-color:var(--nv-field-border-default);opacity:var(--components-form-opacity-default, 1);background:var(--nv-field-background);transition:all 150ms ease-out;position:relative}nv-fieldpassword .input-wrapper .input-container:hover{border-color:var(--nv-field-border-hover)}nv-fieldpassword .input-wrapper .input-container:focus-within,nv-fieldpassword .input-wrapper .input-container:focus-within:hover,nv-fieldpassword .input-wrapper .input-container:focus,nv-fieldpassword .input-wrapper .input-container:focus:hover{border-color:var(--nv-field-border-focus);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fieldpassword .input-wrapper .input-container:has(input:read-only){opacity:0.5;background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fieldpassword .input-wrapper .input-container:has(input:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fieldpassword .input-wrapper .input-container input{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);padding:var(--form-field-padding-y) var(--form-field-padding-x);font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-field-line-height);width:100%;}nv-fieldpassword .input-wrapper .input-container input:focus{outline:none}nv-fieldpassword .input-wrapper .input-container input::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--form-field-line-height)}nv-fieldpassword .input-wrapper .input-container input[type=password]::-ms-clear,nv-fieldpassword .input-wrapper .input-container input[type=password]::-ms-reveal{display:none;width:0;height:0}nv-fieldpassword .input-wrapper .input-container>nv-iconbutton{border:0px;border-radius:0px}nv-fieldpassword .input-wrapper .input-container>nv-iconbutton:focus-visible{border-radius:var(--button-md-border-radius);outline-offset:-3px}nv-fieldpassword .input-wrapper .input-container>nv-iconbutton:last-of-type{border-top-right-radius:var(--form-field-radius);border-bottom-right-radius:var(--form-field-radius)}nv-fieldpassword .input-wrapper .input-container nv-icon.validation{color:var(--nv-field-border-default)}nv-fieldpassword .description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fieldpassword .error-description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}';const d=t;const s=class{constructor(o){e(this,o);this.valueChanged=r(this,"valueChanged",7);this.inputId=n();this.disabled=false;this.readonly=false;this.required=false;this.error=false;this.success=false;this.mode="text";this.autocomplete="off";this.hidePasswordIcon=false;this.showPassword=false;this.autofocus=false;this.fluid=false;this.handleInputContainerClick=()=>{this.inputElement.focus()};this.togglePasswordVisibility=()=>{this.showPasswordState=!this.showPasswordState};this.handleInput=e=>{const r=e.target;this.value=r.value;this.valueChanged.emit(r.value)}}handleShowPasswordChange(e){this.showPasswordState=e}componentWillLoad(){this.showPasswordState=this.showPassword}render(){return o(i,{key:"6fa2fc189b9bda9a8b47258c6d9cb99660337ca6"},(this.label||this.el.querySelector('[slot="label"]'))&&o("label",{key:"a64902154abd0cc8b6530652f3b4559a8f27213b",htmlFor:this.inputId},o("slot",{key:"cd0f5ce29714942ece0f8182975611d8bd9510bf",name:"label"},this.label)),o("div",{key:"5dbc7fbf9dac95299a396ad4edca17473f314e60",class:"input-wrapper"},o("slot",{key:"329e418fab60ee3095cac5d8a57fe99c5d1080a7",name:"before-input"}),o("div",{key:"f719794bd432e5d0d69e6bc21e6c8e142d1d41c9",class:"input-container",onClick:this.handleInputContainerClick},o("slot",{key:"abc7a9f5cddd7dcec3b6a56edecde0ba618bfa4b",name:"leading-input"}),o("input",{key:"4e6b9f05c7d71c2f496d8550c6442a65947fe546",id:this.inputId,ref:e=>this.inputElement=e,autofocus:this.autofocus,autocomplete:this.autocomplete,placeholder:this.placeholder,name:this.name,type:this.showPasswordState?"text":"password",inputMode:this.mode,value:this.value,required:this.required,maxlength:this.maxlength,minlength:this.minlength,pattern:this.pattern,disabled:this.disabled,readOnly:this.readonly,onInput:this.handleInput}),(this.success||this.error)&&o("nv-icon",{key:"1d54f3a52cf2824661538abd0e9ed7bf6b56acb8",name:this.success?"circle-check":"alert-circle",class:"validation",size:"md"}),!this.hidePasswordIcon&&o("nv-iconbutton",{key:"6e0e6f11feb4a2b6d3e6690cfb10b3ac61b3e362",name:this.showPasswordState?"eye":"eye-off",size:"md",emphasis:"lower",onClick:this.togglePasswordVisibility,"aria-label":this.showPasswordState?"Hide password":"Show password","aria-pressed":this.showPasswordState.toString()})),o("slot",{key:"8791f51ca77c07eb0086c4dcee11a3988700c894",name:"after-input"})),(this.description||this.el.querySelector('[slot="description"]'))&&o("div",{key:"090713c53a32fb09222bdf8777df7e734e2d2487",class:"description"},o("slot",{key:"28e4b9d15e49654d521c294988ff4b6b2ffd89af",name:"description"},this.description)),(this.errorDescription||this.el.querySelector('[slot="error-description"]'))&&o("div",{key:"25faf9d05d3d1625cf16c488dc14838af551d849",hidden:!this.error,class:"error-description"},o("slot",{key:"6d7d76d881a2a1238d96c4c09a4a9f86d3128c74",name:"error-description"},this.errorDescription)))}static get formAssociated(){return true}get el(){return a(this)}static get watchers(){return{showPassword:["handleShowPasswordChange"]}}};s.style=d;export{s as nv_fieldpassword};
|
|
2
|
+
//# sourceMappingURL=p-2d363bd9.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as t,h as a,H as s}from"./p-3060df80.js";import{c as n}from"./p-8a1a6e56.js";const c="nv-stack{display:flex;align-items:center;justify-content:flex-start;flex-direction:row}nv-stack nv-col{display:flex}nv-stack:not(nv-row){flex-wrap:nowrap}nv-stack>.nv-stack-item-flex{flex-shrink:1;flex-grow:1}nv-stack>.nv-stack-item-lead{margin-right:auto}nv-stack>.nv-stack-item-lead+*{margin-left:0}nv-stack>.nv-stack-item-center{margin-right:auto;margin-left:auto}nv-stack>.nv-stack-item-tail{margin-left:auto}nv-stack>.nv-stack-nowrap{white-space:nowrap}nv-stack.nv-stack-vertical{align-items:stretch;flex-direction:column}nv-stack.nv-stack-vertical>.nv-stack-item-lead{margin-right:0;margin-bottom:auto}nv-stack.nv-stack-vertical>.nv-stack-item-lead+*{margin-top:0}nv-stack.nv-stack-vertical>.nv-stack-item-tail{margin-left:0;margin-top:auto}nv-stack.nv-stack-vertical>.nv-stack-item-center{margin:auto 0}nv-stack.nv-stack-flex>*{flex-shrink:1;flex-grow:1}nv-stack.nv-stack-fill>*{height:100%}nv-stack.nv-stack-fill.nv-stack-vertical>*{height:auto;width:100%}";const i=c;const e=class{constructor(a){t(this,a);this.gutter=2}render(){return a(s,{key:"
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as t,h as a,H as s}from"./p-3060df80.js";import{c as n}from"./p-8a1a6e56.js";const c="nv-stack{display:flex;align-items:center;justify-content:flex-start;flex-direction:row}nv-stack nv-col{display:flex}nv-stack:not(nv-row){flex-wrap:nowrap}nv-stack>.nv-stack-item-flex{flex-shrink:1;flex-grow:1}nv-stack>.nv-stack-item-lead{margin-right:auto}nv-stack>.nv-stack-item-lead+*{margin-left:0}nv-stack>.nv-stack-item-center{margin-right:auto;margin-left:auto}nv-stack>.nv-stack-item-tail{margin-left:auto}nv-stack>.nv-stack-nowrap{white-space:nowrap}nv-stack.nv-stack-vertical{align-items:stretch;flex-direction:column}nv-stack.nv-stack-vertical>.nv-stack-item-lead{margin-right:0;margin-bottom:auto}nv-stack.nv-stack-vertical>.nv-stack-item-lead+*{margin-top:0}nv-stack.nv-stack-vertical>.nv-stack-item-tail{margin-left:0;margin-top:auto}nv-stack.nv-stack-vertical>.nv-stack-item-center{margin:auto 0}nv-stack.nv-stack-flex>*{flex-shrink:1;flex-grow:1}nv-stack.nv-stack-fill>*{height:100%}nv-stack.nv-stack-fill.nv-stack-vertical>*{height:auto;width:100%}";const i=c;const e=class{constructor(a){t(this,a);this.gutter=2}render(){return a(s,{key:"65adeb492f9eb9b709c809d65b52f4447d1c938d",class:n(this.fill&&"nv-stack-fill",this.flex&&"nv-stack-flex",this.full&&"w-full",this.gutter&&!this.vertical&&`gap-x-${this.gutter}`,this.gutter&&this.vertical&&`gap-y-${this.gutter}`,this.vertical&&"nv-stack-vertical")},a("slot",{key:"09773d6affbc9bf3c18e75162d9c096dd31a48e7"}))}};e.style=i;export{e as nv_stack};
|
|
2
|
+
//# sourceMappingURL=p-2e1b4e19.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as t,h as a,H as n,g as e}from"./p-3060df80.js";const r=Object.freeze({HANDLE_W:12,HANDLE_W_TOUCH:24,MIN_W:40});function o(){return matchMedia("(pointer: coarse)").matches?r.HANDLE_W_TOUCH:r.HANDLE_W}function i(t,a){const n=a.getBoundingClientRect();return t.clientX-n.left}function d(t,a,n){return t>=a-n}function c(t,a,n=r.MIN_W){return Math.max(n,t+a)}function l(t){return(t===null||t===void 0?void 0:t.tagName)==="TH"||(t===null||t===void 0?void 0:t.tagName)==="TD"}function s(t){if(!(t instanceof HTMLElement))return null;const a=t.closest("th, td");return l(a)?a:null}function u(t,a){var n;try{(n=t.setPointerCapture)===null||n===void 0?void 0:n.call(t,a);return true}catch(t){return false}}function b(t,a){var n;try{(n=t.releasePointerCapture)===null||n===void 0?void 0:n.call(t,a);return true}catch(t){return false}}function g(t){document.body.style.userSelect=t?"none":""}function h(t){return t.offsetWidth}function v(t,a){t.style.width=`${a}px`}function p(t,a){return t-a}function f(t,a){return{resizingCell:t,pointerId:a.pointerId,startX:a.clientX,startWidth:h(t)}}function m(t,a){return t!==null&&t.pointerId===a.pointerId}function y(t,a,n=r.MIN_W){const e=p(a.clientX,t.startX);const o=c(t.startWidth,e,n);v(t.resizingCell,o)}const k='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}';const x=k;const w=class{constructor(a){t(this,a);this.resizeState=null}onPointerDown(t){const a=s(t.target);if(!a)return;if(a.hasAttribute("data-no-resize"))return;const n=i(t,a);const e=o();const r=h(a);if(!d(n,r,e))return;this.resizeState=f(a,t);u(a,t.pointerId);g(true)}onPointerMove(t){if(!m(this.resizeState,t))return;y(this.resizeState,t,r.MIN_W)}onPointerUp(t){if(!m(this.resizeState,t))return;b(this.resizeState.resizingCell,this.resizeState.pointerId);this.resizeState=null;g(false)}render(){return a(n,{key:"
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as t,h as a,H as n,g as e}from"./p-3060df80.js";const r=Object.freeze({HANDLE_W:12,HANDLE_W_TOUCH:24,MIN_W:40});function o(){return matchMedia("(pointer: coarse)").matches?r.HANDLE_W_TOUCH:r.HANDLE_W}function i(t,a){const n=a.getBoundingClientRect();return t.clientX-n.left}function d(t,a,n){return t>=a-n}function c(t,a,n=r.MIN_W){return Math.max(n,t+a)}function l(t){return(t===null||t===void 0?void 0:t.tagName)==="TH"||(t===null||t===void 0?void 0:t.tagName)==="TD"}function s(t){if(!(t instanceof HTMLElement))return null;const a=t.closest("th, td");return l(a)?a:null}function u(t,a){var n;try{(n=t.setPointerCapture)===null||n===void 0?void 0:n.call(t,a);return true}catch(t){return false}}function b(t,a){var n;try{(n=t.releasePointerCapture)===null||n===void 0?void 0:n.call(t,a);return true}catch(t){return false}}function g(t){document.body.style.userSelect=t?"none":""}function h(t){return t.offsetWidth}function v(t,a){t.style.width=`${a}px`}function p(t,a){return t-a}function f(t,a){return{resizingCell:t,pointerId:a.pointerId,startX:a.clientX,startWidth:h(t)}}function m(t,a){return t!==null&&t.pointerId===a.pointerId}function y(t,a,n=r.MIN_W){const e=p(a.clientX,t.startX);const o=c(t.startWidth,e,n);v(t.resizingCell,o)}const k='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}';const x=k;const w=class{constructor(a){t(this,a);this.resizeState=null}onPointerDown(t){const a=s(t.target);if(!a)return;if(a.hasAttribute("data-no-resize"))return;const n=i(t,a);const e=o();const r=h(a);if(!d(n,r,e))return;this.resizeState=f(a,t);u(a,t.pointerId);g(true)}onPointerMove(t){if(!m(this.resizeState,t))return;y(this.resizeState,t,r.MIN_W)}onPointerUp(t){if(!m(this.resizeState,t))return;b(this.resizeState.resizingCell,this.resizeState.pointerId);this.resizeState=null;g(false)}render(){return a(n,{key:"684a51e016d83eeb0ab76f07fe6d26a06bf00457"},a("slot",{key:"420b9cbcb641692ed95d54ec2e0af1c0b09776c3"}))}get host(){return e(this)}};w.style=x;export{w as nv_table};
|
|
2
|
+
//# sourceMappingURL=p-2fb1974e.entry.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as e,c as o,h as r,H as i,g as t}from"./p-3060df80.js";import{v as n}from"./p-f5ff676c.js";const d='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-fielddropdown{--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-fielddropdown[fluid]:not([fluid=false]){max-width:unset}nv-fielddropdown[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-fielddropdown[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-fielddropdown[required]:not([required=false]) label::after{content:"*";color:var(--components-form-text-required);font-weight:var(--font-weight-high-emphasis)}nv-fielddropdown[hidden]:not([hidden=false]) label{display:none}nv-fielddropdown 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-fielddropdown nv-popover{width:100%;display:block}nv-fielddropdown nv-popover [data-scope=popover]{min-width:100%;width:max-content;max-width:400px;padding:var(--list-dropdown-padding);border-radius:var(--list-dropdown-radius);background-color:var(--components-list-dropdown-background);border:1px solid var(--components-list-dropdown-border)}nv-fielddropdown nv-popover [slot=content]{gap:var(--list-dropdown-gap-y);display:flex;flex-direction:column}nv-fielddropdown nv-popover hr{color:var(--components-list-dropdown-separator)}nv-fielddropdown nv-popover div[slot=content]{max-height:calc(90vh - var(--list-dropdown-padding) * 2);overflow-y:auto;position:relative}nv-fielddropdown nv-popover div[slot=content]::-webkit-scrollbar{width:6px;height:6px}nv-fielddropdown nv-popover div[slot=content]::-webkit-scrollbar-track{background-color:var(--color-level-10-background);border-radius:9999px}nv-fielddropdown nv-popover div[slot=content]::-webkit-scrollbar-thumb{background-color:var(--color-gray-200);border-radius:9999px}nv-fielddropdown .input-wrapper{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch;width:100%}nv-fielddropdown .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;position:relative;width:100%;min-height:40px}nv-fielddropdown .input-container:hover{border-color:var(--nv-field-border-hover)}nv-fielddropdown .input-container:focus-within,nv-fielddropdown .input-container:focus-within:hover,nv-fielddropdown .input-container:focus,nv-fielddropdown .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-fielddropdown .input-container:has(input:read-only){opacity:0.5;background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fielddropdown .input-container:has(input:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fielddropdown .input-container input[type=search]::-webkit-search-decoration,nv-fielddropdown .input-container input[type=search]::-webkit-search-cancel-button,nv-fielddropdown .input-container input[type=search]::-webkit-search-results-button,nv-fielddropdown .input-container input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none}nv-fielddropdown .input-container input,nv-fielddropdown .input-container p.non-filterable-text{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);padding:var(--form-field-padding-y) 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-fielddropdown .input-container input:focus,nv-fielddropdown .input-container p.non-filterable-text:focus{outline:none}nv-fielddropdown .input-container input::placeholder,nv-fielddropdown .input-container p.non-filterable-text::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-fielddropdown .input-container input[type=password]::-ms-clear,nv-fielddropdown .input-container input[type=password]::-ms-reveal,nv-fielddropdown .input-container p.non-filterable-text[type=password]::-ms-clear,nv-fielddropdown .input-container p.non-filterable-text[type=password]::-ms-reveal{display:none;width:0;height:0}nv-fielddropdown .input-container p.non-filterable-text{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;border-radius:var(--form-field-radius);background-color:var(--nv-field-background);color:var(--components-form-field-content-text);font-size:var(--form-field-font-size);font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-field-line-height);box-sizing:border-box;cursor:pointer;height:100%;min-height:40px}nv-fielddropdown .input-container p.non-filterable-text span{display:inline-block;width:100%;overflow:hidden;text-overflow:ellipsis}nv-fielddropdown .input-container>nv-iconbutton{border:0px;border-radius:0px}nv-fielddropdown .input-container>nv-iconbutton:focus-visible{border-radius:var(--button-md-border-radius);outline-offset:-3px}nv-fielddropdown .input-container>nv-iconbutton:last-of-type{border-top-right-radius:var(--form-field-radius);border-bottom-right-radius:var(--form-field-radius)}nv-fielddropdown .input-container nv-icon.validation{color:var(--nv-field-border-default)}nv-fielddropdown .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-fielddropdown .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)}';const a=d;const l=class{constructor(r){e(this,r);this.valueChanged=o(this,"valueChanged",7);this.filterTextChanged=o(this,"filterTextChanged",7);this.openChanged=o(this,"openChanged",7);this.dropdownItemSelected=o(this,"dropdownItemSelected",7);this.inputId=n();this.autocomplete="off";this.required=false;this.readonly=false;this.disabled=false;this.error=false;this.maxHeight="";this.emptyResult="No results found";this.filterable=false;this.openOnSelect=false;this.controlledFilter=false;this.debounceDelay=300;this.autofocus=false;this.fluid=false;this.filterText="";this.selectedValues=new Set;this.open=false;this.handleClickOutside=e=>{var o;if(!(e.target instanceof Node))return;if(!((o=this.el)===null||o===void 0?void 0:o.contains(e.target)))this.open=false};this.handleFilterInput=()=>{this.open=true;this.filterText=this.inputElement.value;this.filterTextChanged.emit(this.inputElement.value);clearTimeout(this.debounceTimer);this.debounceTimer=window.setTimeout((()=>{this.filterItems()}),this.debounceDelay)};this.getSelectedLabel=()=>{var e,o,r,i,t,n,d;if(!this.value)return"";if((e=this.filterText)===null||e===void 0?void 0:e.length)return this.filterText;if(((o=this.options)===null||o===void 0?void 0:o.length)>1){const e=this.options.find((e=>e.value===this.value));return(i=(r=e===null||e===void 0?void 0:e.label)!==null&&r!==void 0?r:e===null||e===void 0?void 0:e.value)!==null&&i!==void 0?i:this.value}const a=Array.from(this.el.querySelectorAll("nv-fielddropdownitem"));const l=a.find((e=>e.value===this.value));const s=l?(d=(t=l.label)!==null&&t!==void 0?t:(n=l.textContent)===null||n===void 0?void 0:n.trim())!==null&&d!==void 0?d:l.value:"";return s}}handleOpenChange(e){if(e===false){clearTimeout(this.debounceTimer);setTimeout((()=>{this.clearFilter()}),100)}}handleValueChange(){this.updateSelectedItem();if(!this.open||!this.filterText)this.setFilterInputToSelectedValue()}handleOptionsChange(){this.updateSelectedItem()}handleDropdownItemSelected(e){if(this.disabled||this.readonly)return;if(!this.openOnSelect)this.open=false;if(e.detail.detached)return;const o=this.getAllItems();o.forEach((o=>{if(o!==e.target){o.removeAttribute("selected")}else{o.setAttribute("selected","true")}}));this.value=e.detail.value;this.setFilterInputToSelectedValue();this.valueChanged.emit(e.detail.value)}handleFocus(e){if(e.relatedTarget instanceof HTMLElement&&e.relatedTarget.tagName.includes("NV-FIELDDROPDOWNITEM")){return}if(e.target!=this.toggleElement)this.open=true}handleFocusOut(e){if(!(e.relatedTarget instanceof Node))return;if(this.el.contains(e.relatedTarget))return;this.open=false}handleKeyDown(e){if(e.key==="Escape"){this.focusField();this.open=false;return}if(e.key===" "){if(e.target==this.selectElement){e.preventDefault();this.open=true}return}const o=this.getNavigableItems();const r=this.getHighlightedItemIndex(o);if(e.key==="ArrowDown"){e.preventDefault();this.open=true;const i=r+1;this.updateHighlightedItem(o,i>=o.length?0:i)}if(e.key==="ArrowUp"){e.preventDefault();this.open=true;const i=r-1;this.updateHighlightedItem(o,i<0?o.length-1:i)}}handleDocumentClick(e){this.handleClickOutside(e)}async clearFilter(){var e;if(!this.filterable)return;if((e=this.filterText)===null||e===void 0?void 0:e.length){this.filterText="";this.filterTextChanged.emit(this.filterText)}this.filterItems();setTimeout((()=>{this.setFilterInputToSelectedValue()}),0)}async toggleDropdown(e){if(e!==undefined){setTimeout((()=>{this.open=e}),0)}else{setTimeout((()=>{this.open=!this.open}),0)}}syncToggleDropdown(){this.open=!this.open}setFilterInputToSelectedValue(){if(!this.filterable&&!this.disabled&&!this.readonly)return;if(!this.inputElement)return;if(!this.value)return this.inputElement.value="";this.inputElement.value=this.getSelectedLabel()}getFilterableItems(){return Array.from(this.el.querySelectorAll("nv-fielddropdownitem:not([data-empty]):not([detached])"))}getNavigableItems(){return Array.from(this.el.querySelectorAll("nv-fielddropdownitem:not([disabled]):not([hidden])"))}getAllItems(){return Array.from(this.el.querySelectorAll("nv-fielddropdownitem"))}getHighlightedItemIndex(e){return e.findIndex((e=>e.classList.contains("highlighted")))}updateHighlightedItem(e,o){e.forEach(((e,r)=>{e.classList.remove("highlighted");if(r===o){e.classList.add("highlighted");e.focus();e.scrollIntoView({block:"nearest"})}}))}focusField(){const e=this.el.querySelector('[data-scope="focusable"]');e===null||e===void 0?void 0:e.focus()}filterItems(){var e,o;if(this.controlledFilter)return;let r=false;const i=this.getFilterableItems();(e=this.el.querySelector("nv-fielddropdownitem[data-empty]"))===null||e===void 0?void 0:e.remove();i.forEach((e=>{var o,i;const t=this.filterText.toLowerCase();const n=((o=e.textContent)===null||o===void 0?void 0:o.toLowerCase())||"";const d=((i=e.value)===null||i===void 0?void 0:i.toLowerCase())||"";const a=d.includes(t)||n.includes(t);if(a)e.removeAttribute("hidden");else e.setAttribute("hidden","");if(a){r=true}}));if(!r){const e=document.createElement("nv-fielddropdownitem");e.setAttribute("data-empty","true");e.setAttribute("disabled","true");e.textContent=this.emptyResult;(o=this.el.querySelector('div[slot="content"] ul'))===null||o===void 0?void 0:o.prepend(e)}}async updateSelectedItem(){const e=this.getAllItems();if(this.value){e.forEach((e=>{if(e.value===this.value){e.selected=true}else{e.selected=false}}))}}componentDidLoad(){this.updateSelectedItem();this.setFilterInputToSelectedValue()}disconnectedCallback(){clearTimeout(this.debounceTimer)}componentDidRender(){if(!this.filterable&&(this.disabled||this.readonly)){this.inputElement.value=this.getSelectedLabel()}}render(){var e;return r(i,{key:"349904a9bf07fb37c44f0b73c95ae736efb6a3b2",role:"combobox","aria-expanded":this.open.toString(),"aria-haspopup":"listbox","aria-label":this.label},(this.label||this.el.querySelector('[slot="label"]'))&&r("label",{key:"c5f8bb31012cac1c671fdca7b77325b28b7f0fad",htmlFor:this.inputId,onClick:this.syncToggleDropdown.bind(this)},r("slot",{key:"cec5527d93c3742abbe5cb26d452a0ce061998dc",name:"label"},this.label)),r("nv-popover",{key:"6b5c8d8fc0fe2615ac2703e78faa91a4c8e0f792",triggerMode:"controlled",placement:"bottom-start",open:this.open},r("div",{key:"f07d22a294703544be6687e11b880d01a29c1629",class:"input-wrapper",slot:"trigger"},r("slot",{key:"4067e496595f3647c6ab30a858011f38da9fe039",name:"before-input"}),r("div",{key:"e13bf4e23b508a3ce621a677509c2052ce6ee146",class:"input-container"},r("slot",{key:"8f26a1ab3d0c7405e4bc16acfcd6ab7f27336816",name:"leading-input"}),this.filterable||this.disabled||this.readonly?r("input",{"data-scope":"focusable",id:this.inputId,type:"search",ref:e=>this.inputElement=e,autofocus:this.autofocus,autocomplete:this.autocomplete,placeholder:this.placeholder,name:this.name,required:this.required,disabled:this.disabled,readOnly:this.readonly,onInput:this.handleFilterInput}):r("p",{"data-scope":"focusable",id:this.inputId,ref:e=>this.selectElement=e,class:"non-filterable-text",tabIndex:this.disabled?-1:0},this.getSelectedLabel()||this.value||this.placeholder),this.filterable&&this.filterText&&r("nv-iconbutton",{key:"715fe5388001e7d005ee4c57f6ea699b2b507dbb",name:"x",size:"md",emphasis:"lower",class:"clear-button",onClick:this.clearFilter.bind(this),"aria-label":"Clear input"}),this.error&&r("nv-icon",{key:"18d825c0bfd9b6bf528dbf34f7e7a2f90678fa87",name:"alert-circle",class:"validation",size:"md"}),r("nv-iconbutton",{key:"aee8efcaeb022ca3ef73bbd3085755817e6fae12","data-scope":"toggle-dropdown",ref:e=>this.toggleElement=e,name:this.open?"chevron-top":"chevron-down",size:"md",emphasis:"lower","aria-label":this.open?"Hide dropdown":"Show dropdown",onClick:this.syncToggleDropdown.bind(this),tabIndex:this.disabled?-1:0})),r("slot",{key:"403e224fadcb71ad15574a100b9892f3b8bfa209",name:"after-input"})),r("div",{key:"b154f9f5bb6b8bc73c2c0fdfeae096586ca43275",slot:"content",style:this.maxHeight?{maxHeight:this.maxHeight}:{}},((e=this.options)===null||e===void 0?void 0:e.length)>0&&r("ul",{key:"ae92bb94df44b545ce83644fe3cb4b312f7d3147"},this.options.map((e=>r("nv-fielddropdownitem",{label:e.label,value:e.value,disabled:e.disabled,selected:e.value===this.value})))),r("slot",{key:"8f8a76ba2cfd23cbff34a579222a2e1f8a635142",name:"content"}))),(this.description||this.el.querySelector('[slot="description"]'))&&r("div",{key:"c3b288a86fd98c0cf61bf671524f2a5c0d8ccd47",class:"description"},r("slot",{key:"212e58e32660ef43042c418c09b828ed388f4017",name:"description"},this.description)),(this.errorDescription||this.el.querySelector('[slot="error-description"]'))&&r("div",{key:"0baf91460aac3f2ba5b2d41721fc44c5eeb2f6aa",hidden:!this.error,class:"error-description"},r("slot",{key:"134681ffcf2a86b86bac60ff0ebabbba4e89b380",name:"error-description"},this.errorDescription)))}static get formAssociated(){return true}get el(){return t(this)}static get watchers(){return{open:["handleOpenChange"],value:["handleValueChange"],options:["handleOptionsChange"]}}};l.style=a;export{l as nv_fielddropdown};
|
|
2
|
+
//# sourceMappingURL=p-32c16132.entry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["nvFielddropdownCss","NvFielddropdownStyle0","NvFielddropdown","constructor","hostRef","this","inputId","uuidv4","autocomplete","required","readonly","disabled","error","maxHeight","emptyResult","filterable","openOnSelect","controlledFilter","debounceDelay","autofocus","fluid","filterText","selectedValues","Set","open","handleClickOutside","event","target","Node","_a","el","contains","handleFilterInput","inputElement","value","filterTextChanged","emit","clearTimeout","debounceTimer","window","setTimeout","filterItems","getSelectedLabel","length","_b","options","matchingItem","find","option","_d","_c","label","items","Array","from","querySelectorAll","item","selectedLabel","_g","_e","_f","textContent","trim","handleOpenChange","newOpen","clearFilter","handleValueChange","updateSelectedItem","setFilterInputToSelectedValue","handleOptionsChange","handleDropdownItemSelected","detail","detached","getAllItems","forEach","removeAttribute","setAttribute","valueChanged","handleFocus","relatedTarget","HTMLElement","tagName","includes","toggleElement","handleFocusOut","handleKeyDown","key","focusField","selectElement","preventDefault","getNavigableItems","highlightedItem","getHighlightedItemIndex","nextIndex","updateHighlightedItem","handleDocumentClick","toggleDropdown","undefined","syncToggleDropdown","getFilterableItems","findIndex","classList","index","i","remove","add","focus","scrollIntoView","block","focusableItem","querySelector","hasVisibleItems","toLowerCase","shouldShow","emptyItem","document","createElement","prepend","selected","componentDidLoad","disconnectedCallback","componentDidRender","render","h","Host","role","toString","htmlFor","onClick","bind","name","triggerMode","placement","class","slot","id","type","ref","e","placeholder","readOnly","onInput","tabIndex","size","emphasis","style","map","description","errorDescription","hidden"],"sources":["src/components/nv-fielddropdown/styles/nv-fielddropdown.scss?tag=nv-fielddropdown","src/components/nv-fielddropdown/nv-fielddropdown.tsx"],"sourcesContent":["@use './mixins' as *;\n@import '../../../styles/form-field';\n@import '../../../styles/scrollbar';\n\nnv-fielddropdown {\n @include form-field-variables();\n @include form-field-root();\n\n &[fluid]:not([fluid='false']) {\n @include form-field-fluid();\n }\n\n &[readonly]:not([readonly='false']) {\n @include form-field-readonly-variables();\n }\n\n &[error]:not([error='false']) {\n @include form-field-error-variables();\n }\n\n &[required]:not([required='false']) label {\n @include form-field-label-required();\n }\n\n &[hidden]:not([hidden='false']) label {\n display: none;\n }\n\n label {\n @include form-field-label();\n }\n\n nv-popover {\n @include form-field-popover();\n\n div[slot='content'] {\n @include scrollbar();\n max-height: calc(90vh - var(--list-dropdown-padding) * 2);\n overflow-y: auto;\n position: relative;\n }\n }\n\n .input-wrapper {\n @include form-field-input-wrapper();\n @include input-wrapper-styles();\n }\n\n .input-container {\n @include form-field-input-container();\n @include input-container-styles();\n\n input[type='search']::-webkit-search-decoration,\n input[type='search']::-webkit-search-cancel-button,\n input[type='search']::-webkit-search-results-button,\n input[type='search']::-webkit-search-results-decoration {\n -webkit-appearance: none;\n }\n\n input,\n p.non-filterable-text {\n @include form-field-input();\n }\n\n p.non-filterable-text {\n @include non-filterable-text-styles();\n }\n\n > nv-iconbutton {\n @include form-field-action();\n }\n\n nv-icon.validation {\n @include form-field-icon();\n }\n }\n\n .description {\n @include form-field-description();\n }\n\n .error-description {\n @include form-field-error-description();\n }\n}\n","import {\n Component,\n Host,\n h,\n Element,\n Prop,\n State,\n Listen,\n Event,\n EventEmitter,\n Watch,\n Method,\n} from '@stencil/core';\n\nimport { v4 as uuidv4 } from 'uuid';\nimport { TextInputAutocomplete } from '../../utils/constants';\n\n/**\n * @slot content - Use a <ul></ul> tag for the slot, and place <nv-dropdownitem> elements inside.\n * @slot leading-input - Content to be placed before the input text, within the input container.\n * @slot before-input - Content to be placed before the input text, outside the input container.\n * @slot after-input - Content to be placed after the input text, outside the input container.\n * @slot label - Content to be placed as the label, will override the label prop.\n * @slot description - Content to be placed as the description, will override the description prop.\n * @slot error-description - Content to be placed as the error description, will override the errorDescription prop.\n */\n@Component({\n tag: 'nv-fielddropdown',\n styleUrl: 'styles/nv-fielddropdown.scss',\n shadow: false,\n formAssociated: true,\n})\nexport class NvFielddropdown {\n @Element() el: HTMLNvFielddropdownElement;\n private inputElement!: HTMLInputElement;\n private selectElement!: HTMLElement;\n private toggleElement!: HTMLNvIconbuttonElement;\n private debounceTimer: number;\n\n /****************************************************************************/\n //#region PROPERTIES\n\n /**\n * Sets the ID for the input element and the for attribute of the associated\n * label. If no ID is provided, a random one will be automatically generated\n * to ensure unique identification, facilitating proper label association and\n * accessibility.\n */\n @Prop({ reflect: true })\n readonly inputId: string = uuidv4();\n\n /**\n * Defines the name attribute of the input field, which is crucial for form\n * submission. This value is used as the key in the key-value pair sent to\n * the server, representing the input's data in form submissions. It should be\n * unique within the form to avoid conflicts.\n */\n @Prop({ reflect: true })\n readonly name: string;\n\n /**\n * Lets you define the text that explains what users should enter in the text\n * input field. It's a crucial element for making forms clear and\n * user-friendly.\n */\n @Prop({ reflect: true })\n readonly label: string;\n\n /**\n * Add helpful hints or extra information under the text input field. This is\n * where you can clarify what users should enter or provide additional\n * instructions, making the form easier to fill out correctly.\n */\n @Prop({ reflect: true })\n readonly description: string;\n\n /**\n * Display temporary text inside the input field to give users a hint about\n * what to type. It's a great way to provide examples or suggestions directly\n * in the field before they start typing.\n * The placeholder is displayed only when the filterable option is enabled.\n */\n @Prop({ reflect: true })\n readonly placeholder: string;\n\n /**\n * The autocomplete prop helps users fill out the input field faster by\n * suggesting entries they've used before, like their email or address.\n * You can turn it on to make forms more convenient or off to ensure users\n * always type in fresh data.\n */\n @Prop({ reflect: true })\n readonly autocomplete: `${TextInputAutocomplete}` = 'off';\n\n /**\n * Specifies the value of the input field, which determines the text displayed\n * within the field. This prop is typically used in controlled components\n * where the input's value is managed by the component's state.\n */\n @Prop({ reflect: true, mutable: true })\n value: string;\n\n /**\n * Marks the input field as required, ensuring that the user must fill it out\n * before submitting the form.\n */\n @Prop({ reflect: true })\n readonly required: boolean = false;\n\n /**\n * Display the input field's content without allowing users to change it.\n * Users can still click on it, select, and copy the text, but they won't be\n * able to type or delete anything.\n */\n @Prop({ reflect: true })\n readonly readonly: boolean = false;\n\n /**\n * The disabled prop lets you turn off the input field so that users can't\n * type in it. When disabled, the field is grayed out and won't respond to\n * clicks or touches.\n */\n @Prop({ reflect: true })\n readonly disabled: boolean = false;\n\n /**\n * Alters the input field's appearance to indicate an error, helping users\n * identify fields that need correction.\n * @validator error\n */\n @Prop({ reflect: true })\n readonly error: boolean = false;\n\n /**\n * A description that appears when there is an error related to the dropdown\n * field.\n * @validator message\n */\n @Prop({ reflect: true })\n readonly errorDescription: string;\n\n /**\n * Defines the maximum height of the multiselect list when open.\n */\n @Prop({ reflect: true })\n readonly maxHeight: string = '';\n\n /**\n * The text to display when no items match the filter.\n */\n @Prop({ reflect: true })\n readonly emptyResult: string = 'No results found';\n\n /**\n * Enables or disables the filtering feature for the dropdown items.\n */\n @Prop({ reflect: true })\n readonly filterable: boolean = false;\n\n /**\n * When an item is selected by the user, the dropdown will continue to stay\n * open.\n */\n @Prop({ reflect: true })\n readonly openOnSelect: boolean = false;\n\n /**\n * Determines if the component’s filtering behavior is managed externally.\n * When set to true and filterable is enabled, the component won’t\n * automatically filter items. Instead, you must implement your own filtering\n * logic (e.g., server-side search or custom matching) using the\n * filterTextChanged event.\n */\n @Prop({ reflect: true })\n readonly controlledFilter: boolean = false;\n\n /**\n * List of options used to automatically generate dropdown items. This\n * provides an alternative to using the slot manually.\n *\n * @example\n * options=[{\n * \"label\": \"Option 1\",\n * \"value\": \"option1\",\n * \"selected\": true,\n * },\n * {\n * \"label\": \"Option 2\",\n * \"value\": \"option2\",\n * }]\n */\n @Prop({ reflect: false })\n readonly options?: {\n /** Label to display for the option */\n label: string;\n /** Value associated with the option */\n value: string;\n /** Whether this option is disabled */\n disabled?: boolean;\n }[];\n\n /**\n * Delay in milliseconds before the search is triggered when typing in the\n * filter input.\n * @default 300\n */\n @Prop({ reflect: true })\n readonly debounceDelay: number = 300;\n\n /**\n * Applies focus to the input field as soon as the component is mounted. This\n * is equivalent to setting the native autofocus attribute on an <input>\n * element.\n */\n @Prop({ reflect: true })\n // eslint-disable-next-line @stencil-community/reserved-member-names\n readonly autofocus: boolean = false;\n\n /**\n * Allows the field to stretch and fill the entire width of its container.\n */\n @Prop({ reflect: true })\n readonly fluid: boolean = false;\n\n //#endregion PROPERTIES\n /****************************************************************************/\n //#region STATE\n\n /**\n * The text entered by the user for filtering dropdown items.\n */\n @State()\n filterText: string = '';\n\n @State()\n selectedValues: Set<string> = new Set();\n\n @State()\n open: boolean = false;\n\n //#endregion STATE\n /****************************************************************************/\n //#region EVENTS\n\n /**\n * Emitted when the input value changes.\n * @bind value\n */\n @Event()\n valueChanged: EventEmitter<string>;\n\n /**\n * Event emitted when the filter input value changes.\n */\n @Event()\n filterTextChanged: EventEmitter<string>;\n\n ///////////////////////// CHILD COMPONENT EVENTS /////////////////////////////\n /**\n * Event emitted when the dropdown opened or closed.\n */\n @Event({\n eventName: 'openChanged' satisfies keyof HTMLNvPopoverElementEventMap,\n })\n openChanged: EventEmitter<HTMLNvPopoverElementEventMap['openChanged']>;\n\n /**\n * Event emitted when an item is clicked.\n */\n @Event({\n eventName:\n 'dropdownItemSelected' satisfies keyof HTMLNvFielddropdownitemElementEventMap,\n })\n dropdownItemSelected: EventEmitter<\n HTMLNvFielddropdownitemElementEventMap['dropdownItemSelected']\n >;\n\n //#endregion EVENTS\n /****************************************************************************/\n //#region WATCHERS\n\n @Watch('open')\n handleOpenChange(newOpen: boolean) {\n if (newOpen === false) {\n clearTimeout(this.debounceTimer);\n setTimeout(() => {\n this.clearFilter();\n }, 100);\n }\n }\n\n @Watch('value')\n handleValueChange() {\n this.updateSelectedItem();\n if (!this.open || !this.filterText) this.setFilterInputToSelectedValue();\n }\n\n @Watch('options')\n handleOptionsChange() {\n this.updateSelectedItem();\n }\n\n //#endregion WATCHERS\n /****************************************************************************/\n //#region LISTENERS\n\n @Listen('dropdownItemSelected')\n handleDropdownItemSelected(\n event: CustomEvent<\n HTMLNvFielddropdownitemElementEventMap['dropdownItemSelected']\n >,\n ) {\n if (this.disabled || this.readonly) return;\n if (!this.openOnSelect) this.open = false;\n if (event.detail.detached) return;\n\n const items = this.getAllItems();\n\n items.forEach(item => {\n if (item !== event.target) {\n item.removeAttribute('selected');\n } else {\n item.setAttribute('selected', 'true');\n }\n });\n this.value = event.detail.value;\n this.setFilterInputToSelectedValue();\n this.valueChanged.emit(event.detail.value);\n }\n\n @Listen('focus', { capture: true, passive: true })\n handleFocus(event: FocusEvent) {\n if (\n event.relatedTarget instanceof HTMLElement &&\n event.relatedTarget.tagName.includes('NV-FIELDDROPDOWNITEM')\n ) {\n return;\n }\n\n if (event.target != this.toggleElement) this.open = true;\n }\n\n @Listen('focusout', { capture: true, passive: true })\n handleFocusOut(event: FocusEvent) {\n if (!(event.relatedTarget instanceof Node)) return;\n if (this.el.contains(event.relatedTarget)) return;\n this.open = false;\n }\n\n @Listen('keydown', { passive: false })\n handleKeyDown(event: KeyboardEvent) {\n if (event.key === 'Escape') {\n this.focusField();\n this.open = false;\n return;\n }\n\n if (event.key === ' ') {\n if (event.target == this.selectElement) {\n event.preventDefault(); // Prevent scrolling down\n this.open = true;\n }\n return;\n }\n\n const items = this.getNavigableItems();\n const highlightedItem = this.getHighlightedItemIndex(items);\n\n if (event.key === 'ArrowDown') {\n event.preventDefault(); // Prevent scrolling down\n this.open = true;\n const nextIndex = highlightedItem + 1;\n this.updateHighlightedItem(\n items,\n nextIndex >= items.length ? 0 : nextIndex,\n );\n }\n\n if (event.key === 'ArrowUp') {\n event.preventDefault(); // Prevent scrolling up\n this.open = true;\n const nextIndex = highlightedItem - 1;\n this.updateHighlightedItem(\n items,\n nextIndex < 0 ? items.length - 1 : nextIndex,\n );\n }\n }\n\n @Listen('click', { target: 'document' })\n handleDocumentClick(event: MouseEvent) {\n this.handleClickOutside(event);\n }\n\n /**\n * Closes the popover when a click is detected outside the component.\n * @param {MouseEvent} event - The click event.\n */\n private handleClickOutside = (event: MouseEvent) => {\n if (!(event.target instanceof Node)) return;\n if (!this.el?.contains(event.target)) this.open = false;\n };\n\n //#endregion LISTENERS\n /****************************************************************************/\n //#region METHODS\n\n /** Clears the filter text */\n @Method()\n async clearFilter(): Promise<void> {\n if (!this.filterable) return;\n if (this.filterText?.length) {\n this.filterText = '';\n this.filterTextChanged.emit(this.filterText);\n }\n this.filterItems();\n\n // Wait for wrapper lifecycle to finish\n setTimeout(() => {\n this.setFilterInputToSelectedValue();\n }, 0);\n }\n\n /**\n * Toggles the dropdown popover open state\n * @param {boolean} open - The open state to set, if null, toggles the state\n */\n @Method()\n async toggleDropdown(open?: boolean) {\n if (open !== undefined) {\n setTimeout(() => {\n this.open = open;\n }, 0);\n } else {\n setTimeout(() => {\n this.open = !this.open;\n }, 0);\n }\n }\n\n private syncToggleDropdown() {\n this.open = !this.open;\n }\n\n private handleFilterInput = () => {\n this.open = true;\n this.filterText = this.inputElement.value;\n this.filterTextChanged.emit(this.inputElement.value);\n clearTimeout(this.debounceTimer);\n\n this.debounceTimer = window.setTimeout(() => {\n this.filterItems();\n }, this.debounceDelay);\n };\n\n private setFilterInputToSelectedValue() {\n if (!this.filterable && !this.disabled && !this.readonly) return;\n if (!this.inputElement) return;\n if (!this.value) return (this.inputElement.value = '');\n\n this.inputElement.value = this.getSelectedLabel();\n }\n\n private getSelectedLabel = (): string => {\n if (!this.value) return '';\n if (this.filterText?.length) return this.filterText;\n\n if (this.options?.length > 1) {\n const matchingItem = this.options.find(\n option => option.value === this.value,\n );\n return matchingItem?.label ?? matchingItem?.value ?? this.value;\n }\n\n const items = Array.from(\n this.el.querySelectorAll<HTMLNvFielddropdownitemElement>(\n 'nv-fielddropdownitem',\n ),\n );\n\n const matchingItem = items.find(item => item.value === this.value);\n const selectedLabel = matchingItem\n ? matchingItem.label ??\n matchingItem.textContent?.trim() ??\n matchingItem.value\n : '';\n\n return selectedLabel;\n };\n\n // Will exclude detached items and data-empty\n private getFilterableItems(): HTMLNvFielddropdownitemElement[] {\n return Array.from(\n this.el.querySelectorAll<HTMLNvFielddropdownitemElement>(\n 'nv-fielddropdownitem:not([data-empty]):not([detached])',\n ),\n );\n }\n\n private getNavigableItems(): HTMLNvFielddropdownitemElement[] {\n return Array.from(\n this.el.querySelectorAll<HTMLNvFielddropdownitemElement>(\n 'nv-fielddropdownitem:not([disabled]):not([hidden])',\n ),\n );\n }\n\n private getAllItems(): HTMLNvFielddropdownitemElement[] {\n return Array.from(\n this.el.querySelectorAll<HTMLNvFielddropdownitemElement>(\n 'nv-fielddropdownitem',\n ),\n );\n }\n\n private getHighlightedItemIndex(\n items: HTMLNvFielddropdownitemElement[],\n ): number {\n return items.findIndex(item => item.classList.contains('highlighted'));\n }\n\n private updateHighlightedItem(\n items: HTMLNvFielddropdownitemElement[],\n index: number,\n ) {\n items.forEach((item, i) => {\n item.classList.remove('highlighted');\n if (i === index) {\n item.classList.add('highlighted');\n item.focus();\n item.scrollIntoView({ block: 'nearest' });\n }\n });\n }\n\n private focusField() {\n const focusableItem = this.el.querySelector<HTMLElement>(\n '[data-scope=\"focusable\"]',\n );\n focusableItem?.focus();\n }\n\n /**\n * Filter dropdown items based on the text entered by the user.\n * If no items are found, display a message indicating no results.\n */\n private filterItems() {\n if (this.controlledFilter) return;\n let hasVisibleItems = false;\n const items = this.getFilterableItems();\n\n // Remove the \"no results found\" item if it exists\n this.el\n .querySelector<HTMLNvFielddropdownitemElement>(\n 'nv-fielddropdownitem[data-empty]',\n )\n ?.remove();\n\n items.forEach(item => {\n const filterText = this.filterText.toLowerCase();\n const textContent = item.textContent?.toLowerCase() || '';\n const value = item.value?.toLowerCase() || '';\n\n // Either in the value or in the textual content\n const shouldShow =\n value.includes(filterText) || textContent.includes(filterText);\n\n if (shouldShow) item.removeAttribute('hidden');\n else item.setAttribute('hidden', '');\n\n if (shouldShow) {\n hasVisibleItems = true;\n }\n });\n\n // If no items are visible, add the \"no results found\" item\n if (!hasVisibleItems) {\n const emptyItem = document.createElement('nv-fielddropdownitem');\n emptyItem.setAttribute('data-empty', 'true');\n emptyItem.setAttribute('disabled', 'true');\n emptyItem.textContent = this.emptyResult;\n this.el.querySelector('div[slot=\"content\"] ul')?.prepend(emptyItem);\n }\n }\n\n private async updateSelectedItem() {\n const items = this.getAllItems();\n if (this.value) {\n items.forEach(item => {\n if (item.value === this.value) {\n item.selected = true;\n } else {\n item.selected = false;\n }\n });\n }\n }\n\n //#endregion METHODS\n /****************************************************************************/\n //#region LIFECYCLE\n\n componentDidLoad() {\n this.updateSelectedItem();\n this.setFilterInputToSelectedValue();\n }\n\n disconnectedCallback() {\n clearTimeout(this.debounceTimer);\n }\n\n componentDidRender() {\n // Make sure to show the value when the field is disabled or readonly\n // as we switch to an input instead of a p in that case\n if (!this.filterable && (this.disabled || this.readonly)) {\n this.inputElement.value = this.getSelectedLabel();\n }\n }\n\n //#endregion LIFECYCLE\n /****************************************************************************/\n //#region RENDER\n\n render() {\n return (\n <Host\n role=\"combobox\"\n aria-expanded={this.open.toString()}\n aria-haspopup=\"listbox\"\n aria-label={this.label}\n >\n {(this.label || this.el.querySelector('[slot=\"label\"]')) && (\n <label\n htmlFor={this.inputId}\n onClick={this.syncToggleDropdown.bind(this)}\n >\n <slot name=\"label\">{this.label}</slot>\n </label>\n )}\n <nv-popover\n triggerMode=\"controlled\"\n placement=\"bottom-start\"\n open={this.open}\n >\n <div class=\"input-wrapper\" slot=\"trigger\">\n <slot name=\"before-input\"></slot>\n\n <div class=\"input-container\">\n <slot name=\"leading-input\"></slot>\n\n {this.filterable || this.disabled || this.readonly ? (\n <input\n data-scope=\"focusable\"\n id={this.inputId}\n type=\"search\"\n ref={e => (this.inputElement = e)}\n autofocus={this.autofocus}\n autocomplete={this.autocomplete}\n placeholder={this.placeholder}\n name={this.name}\n required={this.required}\n disabled={this.disabled}\n readOnly={this.readonly}\n onInput={this.handleFilterInput}\n />\n ) : (\n <p\n data-scope=\"focusable\"\n id={this.inputId}\n ref={el => (this.selectElement = el)}\n class=\"non-filterable-text\"\n tabIndex={this.disabled ? -1 : 0}\n >\n {this.getSelectedLabel() || this.value || this.placeholder}\n </p>\n )}\n\n {this.filterable && this.filterText && (\n <nv-iconbutton\n name=\"x\"\n size=\"md\"\n emphasis=\"lower\"\n class=\"clear-button\"\n onClick={this.clearFilter.bind(this)}\n aria-label=\"Clear input\"\n />\n )}\n\n {this.error && (\n <nv-icon name=\"alert-circle\" class=\"validation\" size=\"md\" />\n )}\n\n <nv-iconbutton\n data-scope=\"toggle-dropdown\"\n ref={el => (this.toggleElement = el)}\n name={this.open ? 'chevron-top' : 'chevron-down'}\n size=\"md\"\n emphasis=\"lower\"\n aria-label={this.open ? 'Hide dropdown' : 'Show dropdown'}\n onClick={this.syncToggleDropdown.bind(this)}\n tabIndex={this.disabled ? -1 : 0}\n />\n </div>\n\n <slot name=\"after-input\"></slot>\n </div>\n\n <div\n slot=\"content\"\n style={this.maxHeight ? { maxHeight: this.maxHeight } : {}}\n >\n {this.options?.length > 0 && (\n <ul>\n {this.options.map(option => (\n <nv-fielddropdownitem\n label={option.label}\n value={option.value}\n disabled={option.disabled}\n selected={option.value === this.value}\n />\n ))}\n </ul>\n )}\n <slot name=\"content\"></slot>\n </div>\n </nv-popover>\n {(this.description ||\n this.el.querySelector('[slot=\"description\"]')) && (\n <div class=\"description\">\n <slot name=\"description\">{this.description}</slot>\n </div>\n )}\n {(this.errorDescription ||\n this.el.querySelector('[slot=\"error-description\"]')) && (\n <div hidden={!this.error} class=\"error-description\">\n <slot name=\"error-description\">{this.errorDescription}</slot>\n </div>\n )}\n </Host>\n );\n }\n\n //#endregion RENDER\n /****************************************************************************/\n}\n"],"mappings":"oGAAA,MAAMA,EAAqB,+8SAC3B,MAAAC,EAAeD,E,MC+BFE,EAAe,MAN5B,WAAAC,CAAAC,G,8MAuBWC,KAAAC,QAAkBC,IA2ClBF,KAAAG,aAA2C,MAe3CH,KAAAI,SAAoB,MAQpBJ,KAAAK,SAAoB,MAQpBL,KAAAM,SAAoB,MAQpBN,KAAAO,MAAiB,MAcjBP,KAAAQ,UAAoB,GAMpBR,KAAAS,YAAsB,mBAMtBT,KAAAU,WAAsB,MAOtBV,KAAAW,aAAwB,MAUxBX,KAAAY,iBAA4B,MAiC5BZ,KAAAa,cAAwB,IASxBb,KAAAc,UAAqB,MAMrBd,KAAAe,MAAiB,MAU1Bf,KAAAgB,WAAqB,GAGrBhB,KAAAiB,eAA8B,IAAIC,IAGlClB,KAAAmB,KAAgB,MAgKRnB,KAAAoB,mBAAsBC,I,MAC5B,KAAMA,EAAMC,kBAAkBC,MAAO,OACrC,MAAKC,EAAAxB,KAAKyB,MAAE,MAAAD,SAAA,SAAAA,EAAEE,SAASL,EAAMC,SAAStB,KAAKmB,KAAO,KAAK,EA4CjDnB,KAAA2B,kBAAoB,KAC1B3B,KAAKmB,KAAO,KACZnB,KAAKgB,WAAahB,KAAK4B,aAAaC,MACpC7B,KAAK8B,kBAAkBC,KAAK/B,KAAK4B,aAAaC,OAC9CG,aAAahC,KAAKiC,eAElBjC,KAAKiC,cAAgBC,OAAOC,YAAW,KACrCnC,KAAKoC,aAAa,GACjBpC,KAAKa,cAAc,EAWhBb,KAAAqC,iBAAmB,K,kBACzB,IAAKrC,KAAK6B,MAAO,MAAO,GACxB,IAAIL,EAAAxB,KAAKgB,cAAU,MAAAQ,SAAA,SAAAA,EAAEc,OAAQ,OAAOtC,KAAKgB,WAEzC,KAAIuB,EAAAvC,KAAKwC,WAAO,MAAAD,SAAA,SAAAA,EAAED,QAAS,EAAG,CAC5B,MAAMG,EAAezC,KAAKwC,QAAQE,MAChCC,GAAUA,EAAOd,QAAU7B,KAAK6B,QAElC,OAAOe,GAAAC,EAAAJ,IAAY,MAAZA,SAAY,SAAZA,EAAcK,SAAK,MAAAD,SAAA,EAAAA,EAAIJ,IAAY,MAAZA,SAAY,SAAZA,EAAcZ,SAAK,MAAAe,SAAA,EAAAA,EAAI5C,KAAK6B,K,CAG5D,MAAMkB,EAAQC,MAAMC,KAClBjD,KAAKyB,GAAGyB,iBACN,yBAIJ,MAAMT,EAAeM,EAAML,MAAKS,GAAQA,EAAKtB,QAAU7B,KAAK6B,QAC5D,MAAMuB,EAAgBX,GAClBY,GAAAC,EAAAb,EAAaK,SAAK,MAAAQ,SAAA,EAAAA,GAClBC,EAAAd,EAAae,eAAW,MAAAD,SAAA,SAAAA,EAAEE,UAAM,MAAAJ,SAAA,EAAAA,EAChCZ,EAAaZ,MACb,GAEJ,OAAOuB,CAAa,C,CA7MtB,gBAAAM,CAAiBC,GACf,GAAIA,IAAY,MAAO,CACrB3B,aAAahC,KAAKiC,eAClBE,YAAW,KACTnC,KAAK4D,aAAa,GACjB,I,EAKP,iBAAAC,GACE7D,KAAK8D,qBACL,IAAK9D,KAAKmB,OAASnB,KAAKgB,WAAYhB,KAAK+D,+B,CAI3C,mBAAAC,GACEhE,KAAK8D,oB,CAQP,0BAAAG,CACE5C,GAIA,GAAIrB,KAAKM,UAAYN,KAAKK,SAAU,OACpC,IAAKL,KAAKW,aAAcX,KAAKmB,KAAO,MACpC,GAAIE,EAAM6C,OAAOC,SAAU,OAE3B,MAAMpB,EAAQ/C,KAAKoE,cAEnBrB,EAAMsB,SAAQlB,IACZ,GAAIA,IAAS9B,EAAMC,OAAQ,CACzB6B,EAAKmB,gBAAgB,W,KAChB,CACLnB,EAAKoB,aAAa,WAAY,O,KAGlCvE,KAAK6B,MAAQR,EAAM6C,OAAOrC,MAC1B7B,KAAK+D,gCACL/D,KAAKwE,aAAazC,KAAKV,EAAM6C,OAAOrC,M,CAItC,WAAA4C,CAAYpD,GACV,GACEA,EAAMqD,yBAAyBC,aAC/BtD,EAAMqD,cAAcE,QAAQC,SAAS,wBACrC,CACA,M,CAGF,GAAIxD,EAAMC,QAAUtB,KAAK8E,cAAe9E,KAAKmB,KAAO,I,CAItD,cAAA4D,CAAe1D,GACb,KAAMA,EAAMqD,yBAAyBnD,MAAO,OAC5C,GAAIvB,KAAKyB,GAAGC,SAASL,EAAMqD,eAAgB,OAC3C1E,KAAKmB,KAAO,K,CAId,aAAA6D,CAAc3D,GACZ,GAAIA,EAAM4D,MAAQ,SAAU,CAC1BjF,KAAKkF,aACLlF,KAAKmB,KAAO,MACZ,M,CAGF,GAAIE,EAAM4D,MAAQ,IAAK,CACrB,GAAI5D,EAAMC,QAAUtB,KAAKmF,cAAe,CACtC9D,EAAM+D,iBACNpF,KAAKmB,KAAO,I,CAEd,M,CAGF,MAAM4B,EAAQ/C,KAAKqF,oBACnB,MAAMC,EAAkBtF,KAAKuF,wBAAwBxC,GAErD,GAAI1B,EAAM4D,MAAQ,YAAa,CAC7B5D,EAAM+D,iBACNpF,KAAKmB,KAAO,KACZ,MAAMqE,EAAYF,EAAkB,EACpCtF,KAAKyF,sBACH1C,EACAyC,GAAazC,EAAMT,OAAS,EAAIkD,E,CAIpC,GAAInE,EAAM4D,MAAQ,UAAW,CAC3B5D,EAAM+D,iBACNpF,KAAKmB,KAAO,KACZ,MAAMqE,EAAYF,EAAkB,EACpCtF,KAAKyF,sBACH1C,EACAyC,EAAY,EAAIzC,EAAMT,OAAS,EAAIkD,E,EAMzC,mBAAAE,CAAoBrE,GAClBrB,KAAKoB,mBAAmBC,E,CAkB1B,iBAAMuC,G,MACJ,IAAK5D,KAAKU,WAAY,OACtB,IAAIc,EAAAxB,KAAKgB,cAAU,MAAAQ,SAAA,SAAAA,EAAEc,OAAQ,CAC3BtC,KAAKgB,WAAa,GAClBhB,KAAK8B,kBAAkBC,KAAK/B,KAAKgB,W,CAEnChB,KAAKoC,cAGLD,YAAW,KACTnC,KAAK+D,+BAA+B,GACnC,E,CAQL,oBAAM4B,CAAexE,GACnB,GAAIA,IAASyE,UAAW,CACtBzD,YAAW,KACTnC,KAAKmB,KAAOA,CAAI,GACf,E,KACE,CACLgB,YAAW,KACTnC,KAAKmB,MAAQnB,KAAKmB,IAAI,GACrB,E,EAIC,kBAAA0E,GACN7F,KAAKmB,MAAQnB,KAAKmB,I,CAcZ,6BAAA4C,GACN,IAAK/D,KAAKU,aAAeV,KAAKM,WAAaN,KAAKK,SAAU,OAC1D,IAAKL,KAAK4B,aAAc,OACxB,IAAK5B,KAAK6B,MAAO,OAAQ7B,KAAK4B,aAAaC,MAAQ,GAEnD7B,KAAK4B,aAAaC,MAAQ7B,KAAKqC,kB,CA+BzB,kBAAAyD,GACN,OAAO9C,MAAMC,KACXjD,KAAKyB,GAAGyB,iBACN,0D,CAKE,iBAAAmC,GACN,OAAOrC,MAAMC,KACXjD,KAAKyB,GAAGyB,iBACN,sD,CAKE,WAAAkB,GACN,OAAOpB,MAAMC,KACXjD,KAAKyB,GAAGyB,iBACN,wB,CAKE,uBAAAqC,CACNxC,GAEA,OAAOA,EAAMgD,WAAU5C,GAAQA,EAAK6C,UAAUtE,SAAS,gB,CAGjD,qBAAA+D,CACN1C,EACAkD,GAEAlD,EAAMsB,SAAQ,CAAClB,EAAM+C,KACnB/C,EAAK6C,UAAUG,OAAO,eACtB,GAAID,IAAMD,EAAO,CACf9C,EAAK6C,UAAUI,IAAI,eACnBjD,EAAKkD,QACLlD,EAAKmD,eAAe,CAAEC,MAAO,W,KAK3B,UAAArB,GACN,MAAMsB,EAAgBxG,KAAKyB,GAAGgF,cAC5B,4BAEFD,IAAa,MAAbA,SAAa,SAAbA,EAAeH,O,CAOT,WAAAjE,G,QACN,GAAIpC,KAAKY,iBAAkB,OAC3B,IAAI8F,EAAkB,MACtB,MAAM3D,EAAQ/C,KAAK8F,sBAGnBtE,EAAAxB,KAAKyB,GACFgF,cACC,uCACD,MAAAjF,SAAA,SAAAA,EACC2E,SAEJpD,EAAMsB,SAAQlB,I,QACZ,MAAMnC,EAAahB,KAAKgB,WAAW2F,cACnC,MAAMnD,IAAchC,EAAA2B,EAAKK,eAAW,MAAAhC,SAAA,SAAAA,EAAEmF,gBAAiB,GACvD,MAAM9E,IAAQU,EAAAY,EAAKtB,SAAK,MAAAU,SAAA,SAAAA,EAAEoE,gBAAiB,GAG3C,MAAMC,EACJ/E,EAAMgD,SAAS7D,IAAewC,EAAYqB,SAAS7D,GAErD,GAAI4F,EAAYzD,EAAKmB,gBAAgB,eAChCnB,EAAKoB,aAAa,SAAU,IAEjC,GAAIqC,EAAY,CACdF,EAAkB,I,KAKtB,IAAKA,EAAiB,CACpB,MAAMG,EAAYC,SAASC,cAAc,wBACzCF,EAAUtC,aAAa,aAAc,QACrCsC,EAAUtC,aAAa,WAAY,QACnCsC,EAAUrD,YAAcxD,KAAKS,aAC7B8B,EAAAvC,KAAKyB,GAAGgF,cAAc,6BAAyB,MAAAlE,SAAA,SAAAA,EAAEyE,QAAQH,E,EAIrD,wBAAM/C,GACZ,MAAMf,EAAQ/C,KAAKoE,cACnB,GAAIpE,KAAK6B,MAAO,CACdkB,EAAMsB,SAAQlB,IACZ,GAAIA,EAAKtB,QAAU7B,KAAK6B,MAAO,CAC7BsB,EAAK8D,SAAW,I,KACX,CACL9D,EAAK8D,SAAW,K,MAUxB,gBAAAC,GACElH,KAAK8D,qBACL9D,KAAK+D,+B,CAGP,oBAAAoD,GACEnF,aAAahC,KAAKiC,c,CAGpB,kBAAAmF,GAGE,IAAKpH,KAAKU,aAAeV,KAAKM,UAAYN,KAAKK,UAAW,CACxDL,KAAK4B,aAAaC,MAAQ7B,KAAKqC,kB,EAQnC,MAAAgF,G,MACE,OACEC,EAACC,EAAI,CAAAtC,IAAA,2CACHuC,KAAK,WAAU,gBACAxH,KAAKmB,KAAKsG,WAAU,gBACrB,UAAS,aACXzH,KAAK8C,QAEf9C,KAAK8C,OAAS9C,KAAKyB,GAAGgF,cAAc,oBACpCa,EAAA,SAAArC,IAAA,2CACEyC,QAAS1H,KAAKC,QACd0H,QAAS3H,KAAK6F,mBAAmB+B,KAAK5H,OAEtCsH,EAAA,QAAArC,IAAA,2CAAM4C,KAAK,SAAS7H,KAAK8C,QAG7BwE,EAAA,cAAArC,IAAA,2CACE6C,YAAY,aACZC,UAAU,eACV5G,KAAMnB,KAAKmB,MAEXmG,EAAA,OAAArC,IAAA,2CAAK+C,MAAM,gBAAgBC,KAAK,WAC9BX,EAAA,QAAArC,IAAA,2CAAM4C,KAAK,iBAEXP,EAAA,OAAArC,IAAA,2CAAK+C,MAAM,mBACTV,EAAA,QAAArC,IAAA,2CAAM4C,KAAK,kBAEV7H,KAAKU,YAAcV,KAAKM,UAAYN,KAAKK,SACxCiH,EAAA,sBACa,YACXY,GAAIlI,KAAKC,QACTkI,KAAK,SACLC,IAAKC,GAAMrI,KAAK4B,aAAeyG,EAC/BvH,UAAWd,KAAKc,UAChBX,aAAcH,KAAKG,aACnBmI,YAAatI,KAAKsI,YAClBT,KAAM7H,KAAK6H,KACXzH,SAAUJ,KAAKI,SACfE,SAAUN,KAAKM,SACfiI,SAAUvI,KAAKK,SACfmI,QAASxI,KAAK2B,oBAGhB2F,EAAA,kBACa,YACXY,GAAIlI,KAAKC,QACTmI,IAAK3G,GAAOzB,KAAKmF,cAAgB1D,EACjCuG,MAAM,sBACNS,SAAUzI,KAAKM,UAAY,EAAI,GAE9BN,KAAKqC,oBAAsBrC,KAAK6B,OAAS7B,KAAKsI,aAIlDtI,KAAKU,YAAcV,KAAKgB,YACvBsG,EAAA,iBAAArC,IAAA,2CACE4C,KAAK,IACLa,KAAK,KACLC,SAAS,QACTX,MAAM,eACNL,QAAS3H,KAAK4D,YAAYgE,KAAK5H,MAAK,aACzB,gBAIdA,KAAKO,OACJ+G,EAAA,WAAArC,IAAA,2CAAS4C,KAAK,eAAeG,MAAM,aAAaU,KAAK,OAGvDpB,EAAA,iBAAArC,IAAA,wDACa,kBACXmD,IAAK3G,GAAOzB,KAAK8E,cAAgBrD,EACjCoG,KAAM7H,KAAKmB,KAAO,cAAgB,eAClCuH,KAAK,KACLC,SAAS,QAAO,aACJ3I,KAAKmB,KAAO,gBAAkB,gBAC1CwG,QAAS3H,KAAK6F,mBAAmB+B,KAAK5H,MACtCyI,SAAUzI,KAAKM,UAAY,EAAI,KAInCgH,EAAA,QAAArC,IAAA,2CAAM4C,KAAK,iBAGbP,EAAA,OAAArC,IAAA,2CACEgD,KAAK,UACLW,MAAO5I,KAAKQ,UAAY,CAAEA,UAAWR,KAAKQ,WAAc,MAEvDgB,EAAAxB,KAAKwC,WAAO,MAAAhB,SAAA,SAAAA,EAAEc,QAAS,GACtBgF,EAAA,MAAArC,IAAA,4CACGjF,KAAKwC,QAAQqG,KAAIlG,GAChB2E,EAAA,wBACExE,MAAOH,EAAOG,MACdjB,MAAOc,EAAOd,MACdvB,SAAUqC,EAAOrC,SACjB2G,SAAUtE,EAAOd,QAAU7B,KAAK6B,WAKxCyF,EAAA,QAAArC,IAAA,2CAAM4C,KAAK,eAGb7H,KAAK8I,aACL9I,KAAKyB,GAAGgF,cAAc,0BACtBa,EAAA,OAAArC,IAAA,2CAAK+C,MAAM,eACTV,EAAA,QAAArC,IAAA,2CAAM4C,KAAK,eAAe7H,KAAK8I,eAGjC9I,KAAK+I,kBACL/I,KAAKyB,GAAGgF,cAAc,gCACtBa,EAAA,OAAArC,IAAA,2CAAK+D,QAAShJ,KAAKO,MAAOyH,MAAM,qBAC9BV,EAAA,QAAArC,IAAA,2CAAM4C,KAAK,qBAAqB7H,KAAK+I,mB","ignoreList":[]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as e,c as t,h as n,H as
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as e,c as t,h as n,H as o,g as i}from"./p-3060df80.js";const a="nv-menuitem{display:flex;align-items:center;max-width:300px;width:100vw;font-size:var(--menu-contextual-item-font-size);font-weight:var(--menu-contextual-item-font-weight);color:var(--components-menu-contextual-item-content);border-radius:var(--menu-contextual-item-radius);gap:var(--menu-contextual-item-gap-x);padding:var(--menu-contextual-item-padding-y) var(--menu-contextual-item-padding-x);transition:background-color 150ms ease-out;cursor:pointer}nv-menuitem:hover,nv-menuitem:focus,nv-menuitem:focus-within{background-color:var(--components-menu-contextual-item-background-hover);color:var(--components-menu-contextual-item-content-hover)}nv-menuitem *{pointer-events:none}nv-menuitem kbd{color:var(--components-menu-contextual-item-shortcut)}nv-menuitem [data-scope=text]{margin-right:auto}nv-menuitem[disabled]:not([disabled=false]){cursor:unset;background-color:unset;color:var(--components-menu-contextual-item-content-disabled)}";const c=a;const s=class{constructor(n){e(this,n);this.menuitemSelected=t(this,"menuitemSelected",7);this.disabled=false;this.hasSubmenu=false}handleMenuItemSelect(e){if(this.disabled){e.stopPropagation();return}this.menuitemSelected.emit({id:this.el.id,name:this.name,hasSubmenu:this.hasSubmenu})}handleClick(e){this.handleMenuItemSelect(e)}handleKeyDown(e){if(e.key==="Enter"||e.key===" "){const t=document.activeElement;if(t&&t.tagName==="NV-MENUITEM"&&!t.hasAttribute("has-submenu")){e.preventDefault();this.el.click()}}}render(){return n(o,{key:"327165c89f4e5decf8dc4b7b28e18562e528056d",role:"menuitem",tabindex:this.disabled?"-1":"0"},this.icon&&n("nv-icon",{key:"4247d922bca3797dc3f2917218749a8d3c038df1",name:this.icon}),n("slot",{key:"1f81464ccf47a5bd918873ef70d3d3385e870638"}),this.label&&n("span",{key:"113358a0cacfa53710ec0049a8e1c5e981de5b15","data-scope":"text"},this.label),this.shortcut&&!this.hasSubmenu&&n("kbd",{key:"ee7c773b89bf1f55876cf297600247883cd54937"},this.shortcut),this.hasSubmenu&&n("nv-icon",{key:"70cbe2df51d9fbffe3b474b54e87aa06801acef7",name:"chevron-right"}))}get el(){return i(this)}};s.style=c;export{s as nv_menuitem};
|
|
2
|
+
//# sourceMappingURL=p-3df31ed5.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as o,c as t,h as e,H as a,g as r}from"./p-3060df80.js";const s="nv-tooltip{display:inline-block;position:relative;user-select:none}nv-tooltip:has([fluid]:not([fluid=false])){display:block}nv-tooltip nv-popover>[data-scope=popover]{background:var(--components-tooltip-background);color:var(--components-tooltip-text);font-weight:var(--font-weight-medium-emphasis);padding:var(--tooltip-padding-y) var(--tooltip-padding-x);font-size:var(--tooltip-font-size);border-radius:var(--tooltip-radius);border:none;box-shadow:0px var(--shadow-y-axis-lg-1) var(--shadow-blur-lg-1) var(--shadow-spread-lg-1) var(--shadow-color-opacity-1), 0px var(--shadow-y-axis-lg-2) var(--shadow-blur-lg-2) var(--shadow-spread-lg-2) var(--shadow-color-opacity-2)}nv-tooltip nv-popover>[data-scope=popover] [data-scope=arrow]{background:var(--components-tooltip-background);box-shadow:none;border:none}";const
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as o,c as t,h as e,H as a,g as r}from"./p-3060df80.js";const s="nv-tooltip{display:inline-block;position:relative;user-select:none}nv-tooltip:has([fluid]:not([fluid=false])){display:block}nv-tooltip nv-popover>[data-scope=popover]{background:var(--components-tooltip-background);color:var(--components-tooltip-text);font-weight:var(--font-weight-medium-emphasis);padding:var(--tooltip-padding-y) var(--tooltip-padding-x);font-size:var(--tooltip-font-size);border-radius:var(--tooltip-radius);border:none;box-shadow:0px var(--shadow-y-axis-lg-1) var(--shadow-blur-lg-1) var(--shadow-spread-lg-1) var(--shadow-color-opacity-1), 0px var(--shadow-y-axis-lg-2) var(--shadow-blur-lg-2) var(--shadow-spread-lg-2) var(--shadow-color-opacity-2)}nv-tooltip nv-popover>[data-scope=popover] [data-scope=arrow]{background:var(--components-tooltip-background);box-shadow:none;border:none}";const i=s;const n=class{constructor(e){o(this,e);this.openChanged=t(this,"openChanged",7);this.placement="bottom";this.enterDelay=0;this.strategy="absolute"}componentWillLoad(){if(!this.triggerElement)this.triggerElement=Array.from(this.el.children).find((o=>o.getAttribute("slot")===null))}render(){return e(a,{key:"f0560549d1168fed22c4e48a2e11be5dda49f005"},e("slot",{key:"698227e9bea7ea94eff00ff72f124656ed11624d"}),e("nv-popover",{key:"df4ddd77e40b4998a32e166710a2ff27a1e0c216",triggerMode:"hover",hasArrow:true,placement:this.placement,strategy:this.strategy,triggerElement:this.triggerElement,groupName:"tooltip",enterDelay:this.enterDelay},e("p",{key:"b8fc42997671fafc15173bce2fdf7dec667d76e5",slot:"content"},this.message),e("slot",{key:"5b8a27ff474367ba2e5771deb62137e40f5d911d",name:"content"})))}get el(){return r(this)}};n.style=i;export{n as nv_tooltip};
|
|
2
|
+
//# sourceMappingURL=p-44f4e0ae.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{h as e,r as i,c as t,H as r,g as n}from"./p-3060df80.js";import{c as a}from"./p-8a1a6e56.js";import{v as s}from"./p-f5ff676c.js";function o(e){if(Number.isInteger(e))return 0;const i=e.toString();const t=i.split(".")[1];return t?t.length:0}function l(e,i,t){return Math.max(i,Math.min(t,e))}function d(e,i,t){if(t===i)return 0;return(e-i)/(t-i)*100}function c(e,i,t,r){const n=l(e,i,t);const a=o(r);if(a>0){const e=Math.pow(10,a);const s=Math.round((n-i)*e);const o=Math.round(r*e);const d=Math.round(s/o);const c=d*o;const f=i+c/e;return l(parseFloat(f.toFixed(a)),i,t)}const s=(n-i)/r;const d=Math.round(s);const c=i+d*r;return l(c,i,t)}function f(e,i,t){const r=[];for(let n=e;n<=i;n+=t){r.push(Number(n.toFixed(10)))}if(r[r.length-1]!==i){r.push(i)}return r}function h(e,i){if(!i||i.length===0)return e;let t=i[0].value;let r=Math.abs(e-t);for(const n of i){const i=Math.abs(e-n.value);if(i<r){r=i;t=n.value}}return t}function u(e,i){const t=o(i);if(t>0){return e.toFixed(t)}return String(e)}const v=i=>{const{value:t,min:r,max:n,step:a,rawPosition:s,isDragging:o,snap:c,disabled:f,readonly:h,onKeyDown:v,labelBeforeValue:b,labelAfterValue:p}=i;let m=t;if(o&&!c){m=l(s,r,n)}const k=d(m,r,n);return e("div",{class:"thumb",style:{left:`${k}%`},role:"slider","aria-valuemin":r,"aria-valuemax":n,"aria-valuenow":t,"aria-disabled":f?"true":undefined,"aria-readonly":h?"true":undefined,tabindex:f?-1:0,onKeyDown:v},e("div",{class:"thumb-tooltip"},b&&e("span",{class:"label-before"},b),u(t,a),p&&e("span",{class:"label-after"},p)))};const b=i=>{const{rangeValue:t,rawRangePosition:r,activeDragThumb:n,isDragging:a,snap:s,min:o,max:c,step:f,disabled:h,readonly:v,onKeyDown:b,labelBeforeValue:p,labelAfterValue:m}=i;const[k,g]=t;let y=k;let x=g;if(a&&!s){const[e,i]=r;if(n==="left"){y=l(e,o,Math.min(g,c))}else if(n==="right"){x=l(i,Math.max(k,o),c)}}const w=d(y,o,c);const V=d(x,o,c);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":c,"aria-valuenow":k,"aria-disabled":h?"true":undefined,"aria-readonly":v?"true":undefined,"data-thumb":"left",tabindex:h?-1:0,onKeyDown:b},e("div",{class:"thumb-tooltip"},p&&e("span",{class:"label-before"},p),u(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":c,"aria-valuenow":g,"aria-disabled":h?"true":undefined,"aria-readonly":v?"true":undefined,"data-thumb":"right",tabindex:h?-1:0,onKeyDown:b},e("div",{class:"thumb-tooltip"},p&&e("span",{class:"label-before"},p),u(g,f),m&&e("span",{class:"label-after"},m)))]};const p=i=>{const{ticks:t,min:r,max:n}=i;if(t.length===0){return null}return e("div",{class:"track-ticks"},t.map((i=>{const t=d(i.value,r,n);return e("div",{class:"track-tick",style:{left:`${t}%`}},i.label&&e("div",{class:"tick-label"},i.label))})))};const m=i=>{const{range:t,hasField:r,value:n,rangeValue:s,index:o,inputId:l,min:d,max:c,step:f,disabled:h,readonly:u,onInput:v,labelBeforeValue:b,labelAfterValue:p,name:m,endName:k}=i;const g=t?s[o]:n;const y=t?{"data-index":o.toString()}:{};let x;if(t){if(o===0){x=m||""}else{x=k||(m?`${m}-end`:"")}}else{x=m||""}const w=e=>{e.stopPropagation();const i=e.detail;if(typeof i==="number"&&Number.isNaN(i)){return}v({value:i,index:o})};return r?e("div",{class:a(!r&&"hidden-input")},e("nv-fieldnumber",Object.assign({id:l,value:g,min:d,max:c,step:f,disabled:h,readonly:u,name:x},y,{onInput:e=>e.stopPropagation(),onValueChanged:w}),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:h,readonly:u,name:x})};const k='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;width:90px;flex-grow:unset}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){opacity:0.5;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 input{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);padding:var(--form-field-padding-y) 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[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}';const g=k;const y=class{constructor(e){i(this,e);this.valueChanged=t(this,"valueChanged",7);this.startInputId=s();this.endInputId=s();this.hideLabel=false;this.hasField=false;this.range=false;this.disabled=false;this.readonly=false;this.error=false;this.success=false;this.value=[0];this.step=1;this.snap=false;this.snapTicks=false;this.min=0;this.max=100;this.showTicks=false;this.fluid=false;this.isDragging=false;this.activeDragThumb="single";this.internalTicks=[];this.rawPosition=0;this.rawRangePosition=[0,0];this.valueInternal=0;this.rangeValueInternal=[0,0];this.parseValue=()=>{if(typeof this.value==="string"){console.error("Sliders require a number or array of numbers to be passed in the value prop.");return}if(this.range&&this.value.length!==2){console.error("Range sliders require an array of two values to be passed in the value prop.");return}if(!this.range&&this.value.length!==1){console.error("Single sliders require a single value as an array to be passed in the value prop.");return}this.valueInternal=this.value[0];this.rangeValueInternal=[this.value[0],this.value[1]]};this.onTrackInteraction=e=>{if(this.disabled||this.readonly){return}const i=e.currentTarget.getBoundingClientRect();const t=l((e.clientX-i.left)/i.width*100,0,100);const r=this.min+t/100*(this.max-this.min);this.rawPosition=r;if(this.range){const e=d(this.rangeValueInternal[0],this.min,this.max);const i=d(this.rangeValueInternal[1],this.min,this.max);const n=Math.abs(t-e);const a=Math.abs(t-i);if(n<=a){this.activeDragThumb="left";this.rawRangePosition=[r,this.rawRangePosition[1]];this.handleValueChange([r,this.rangeValueInternal[1]])}else{this.activeDragThumb="right";this.rawRangePosition=[this.rawRangePosition[0],r];this.handleValueChange([this.rangeValueInternal[0],r])}}else{this.activeDragThumb="single";this.rawPosition=r;this.handleValueChange(r)}this.isDragging=true;this.registerGlobalEvents()};this.onPointerMove=e=>{if(!this.isDragging||this.disabled||this.readonly){return}const i=this.el.querySelector(".track");if(!i)return;const t=i.getBoundingClientRect();const r=l((e.clientX-t.left)/t.width*100,0,100);const n=this.min+r/100*(this.max-this.min);if(this.range){if(this.activeDragThumb==="left"){this.rawRangePosition=[n,this.rawRangePosition[1]];this.handleValueChange([n,this.rangeValueInternal[1]])}else{this.rawRangePosition=[this.rawRangePosition[0],n];this.handleValueChange([this.rangeValueInternal[0],n])}}else{this.rawPosition=n;this.handleValueChange(n)}};this.onPointerUp=()=>{this.isDragging=false;this.removeGlobalEvents()};this.onKeyDown=e=>{if(this.disabled||this.readonly){return}let i;const t=e.shiftKey?10:1;const r=this.step*t;if(this.range){const t=e.target.getAttribute("data-thumb");const n=t==="left"?0:1;const a=[...this.rangeValueInternal];switch(e.key){case"ArrowRight":case"ArrowUp":a[n]+=r;break;case"ArrowLeft":case"ArrowDown":a[n]-=r;break;case"Home":a[n]=this.min;break;case"End":a[n]=this.max;break;case"PageUp":a[n]+=r*10;break;case"PageDown":a[n]-=r*10;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+r*10;break;case"PageDown":i=this.valueInternal-r*10;break;default:return}}e.preventDefault();this.handleValueChange(i)};this.handleFieldChange=e=>{const i=e.value;if(isNaN(i)){return}if(this.range){const t=e.index===0?0:1;const r=[...this.rangeValueInternal];r[t]=i;this.handleValueChange(r)}else{this.handleValueChange(i)}}}validateValue(e){const i=l(e,this.min,this.max);if(this.snapTicks&&this.internalTicks&&this.internalTicks.length>0){return h(i,this.internalTicks)}return c(i,this.min,this.max,this.step)}handleValueChange(e){if(this.disabled||this.readonly){return}if(this.range){if(Array.isArray(e)&&e.length===2){const i=[Math.min(e[0],e[1]),Math.max(e[0],e[1])];const t=[this.validateValue(i[0]),this.validateValue(i[1])];if(t[0]!==this.rangeValueInternal[0]||t[1]!==this.rangeValueInternal[1]){this.rangeValueInternal=t;this.value=this.rangeValueInternal;this.valueChanged.emit(this.rangeValueInternal)}}}else{if(typeof e==="number"){const i=this.validateValue(e);if(i!==this.valueInternal){this.valueInternal=i;this.value=[this.valueInternal];this.valueChanged.emit([this.valueInternal])}}}}generateDisplayTicks(){if(this.ticks&&this.ticks.length>0){this.internalTicks=[...this.ticks].sort(((e,i)=>e.value-i.value));return}if(!this.showTicks){this.internalTicks=[];return}const e=f(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();if(this.range){this.handleValueChange(this.rangeValueInternal)}else{this.handleValueChange(this.valueInternal)}}onRangeChange(e){if(e){this.rangeValueInternal=[this.min,this.valueInternal]}else{this.valueInternal=this.rangeValueInternal[1]}}connectedCallback(){this.parseValue();this.generateDisplayTicks();if(this.range){if(!Array.isArray(this.rangeValueInternal)||this.rangeValueInternal.length!==2){this.rangeValueInternal=[this.min,this.max]}this.handleValueChange(this.rangeValueInternal);this.rawRangePosition=[this.rangeValueInternal[0],this.rangeValueInternal[1]]}else{this.handleValueChange(this.valueInternal);this.rawPosition=this.valueInternal}}componentWillLoad(){if(this.value.length===1&&this.range){this.value=[this.value[0],this.value[0]]}else if(this.value.length===2&&!this.range){this.value=[this.value[0]]}}disconnectedCallback(){this.removeGlobalEvents()}render(){return e(r,{key:"e4d4719682957f858468c3df97c82d5be29e87b8"},(this.label||this.el.querySelector('[slot="label"]'))&&e("label",{key:"a6d84550e4b91a4f23252e31ebbd3680b5a81aad",htmlFor:this.startInputId},e("slot",{key:"44ce936f4b50ae5be5c3b8769b990fda82ff9b27",name:"label"},this.label)),e("div",{key:"578a9673356506f87d906ff34254f93c0f724ebb",class:"slider-container"},this.range?e(m,{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:"1dd30a5e703309993e8d61dc44bf1ad0adbc11e0",class:"track-container"},e("div",{key:"870f688ec85678ac490cfc1542cc8d1802a43ec7",class:"track",onPointerDown:this.onTrackInteraction},this.range?e(b,{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(v,{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(p,{key:"75fb4d22e84ea569928e475e35d0031130f6c6ed",ticks:this.internalTicks,min:this.min,max:this.max})),this.range?e(m,{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}):e(m,{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:"b88410b4d04254b66c146b39dc4215f92c42b9b8",class:"description"},this.success&&e("nv-icon",{key:"4b3886cd627e8243d899399c60b85c47ce823170",name:"circle-check",class:"validation",size:"md"}),e("slot",{key:"b262880c747c3f6d1e51b1d4214761d7aecc9f9c",name:"description"},this.description)),(this.error||this.errorDescription||this.el.querySelector('[slot="error-description"]'))&&e("div",{key:"ad5d61a003680c4ff53217bf594dcb4e5fa1b053",class:"error-description",hidden:!this.error},this.error&&e("nv-icon",{key:"3898c1781b38497b3bd797587980ed9fd32c8afc",name:"alert-circle",class:"validation",size:"md"}),e("slot",{key:"7fa0cf391cdb113eba7dbcd76a66044fc4d60281",name:"error-description"},this.errorDescription)))}static get formAssociated(){return true}get el(){return n(this)}static get watchers(){return{value:["onValueChange"],min:["onConfigChange"],max:["onConfigChange"],step:["onConfigChange"],ticks:["onConfigChange"],showTicks:["onConfigChange"],snap:["onConfigChange"],snapTicks:["onConfigChange"],range:["onRangeChange"]}}};y.style=g;export{y as nv_fieldslider};
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{h as e,r as i,c as t,H as r,g as n}from"./p-3060df80.js";import{c as a}from"./p-8a1a6e56.js";import{v as s}from"./p-f5ff676c.js";function o(e){if(Number.isInteger(e))return 0;const i=e.toString();const t=i.split(".")[1];return t?t.length:0}function l(e,i,t){return Math.max(i,Math.min(t,e))}function d(e,i,t){if(t===i)return 0;return(e-i)/(t-i)*100}function c(e,i,t,r){const n=l(e,i,t);const a=o(r);if(a>0){const e=Math.pow(10,a);const s=Math.round((n-i)*e);const o=Math.round(r*e);const d=Math.round(s/o);const c=d*o;const f=i+c/e;return l(parseFloat(f.toFixed(a)),i,t)}const s=(n-i)/r;const d=Math.round(s);const c=i+d*r;return l(c,i,t)}function f(e,i,t){const r=[];for(let n=e;n<=i;n+=t){r.push(Number(n.toFixed(10)))}if(r[r.length-1]!==i){r.push(i)}return r}function h(e,i){if(!i||i.length===0)return e;let t=i[0].value;let r=Math.abs(e-t);for(const n of i){const i=Math.abs(e-n.value);if(i<r){r=i;t=n.value}}return t}function u(e,i){const t=o(i);if(t>0){return e.toFixed(t)}return String(e)}const v=i=>{const{value:t,min:r,max:n,step:a,rawPosition:s,isDragging:o,snap:c,disabled:f,readonly:h,onKeyDown:v,labelBeforeValue:b,labelAfterValue:p}=i;let m=t;if(o&&!c){m=l(s,r,n)}const k=d(m,r,n);return e("div",{class:"thumb",style:{left:`${k}%`},role:"slider","aria-valuemin":r,"aria-valuemax":n,"aria-valuenow":t,"aria-disabled":f?"true":undefined,"aria-readonly":h?"true":undefined,tabindex:f?-1:0,onKeyDown:v},e("div",{class:"thumb-tooltip"},b&&e("span",{class:"label-before"},b),u(t,a),p&&e("span",{class:"label-after"},p)))};const b=i=>{const{rangeValue:t,rawRangePosition:r,activeDragThumb:n,isDragging:a,snap:s,min:o,max:c,step:f,disabled:h,readonly:v,onKeyDown:b,labelBeforeValue:p,labelAfterValue:m}=i;const[k,g]=t;let y=k;let x=g;if(a&&!s){const[e,i]=r;if(n==="left"){y=l(e,o,Math.min(g,c))}else if(n==="right"){x=l(i,Math.max(k,o),c)}}const w=d(y,o,c);const V=d(x,o,c);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":c,"aria-valuenow":k,"aria-disabled":h?"true":undefined,"aria-readonly":v?"true":undefined,"data-thumb":"left",tabindex:h?-1:0,onKeyDown:b},e("div",{class:"thumb-tooltip"},p&&e("span",{class:"label-before"},p),u(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":c,"aria-valuenow":g,"aria-disabled":h?"true":undefined,"aria-readonly":v?"true":undefined,"data-thumb":"right",tabindex:h?-1:0,onKeyDown:b},e("div",{class:"thumb-tooltip"},p&&e("span",{class:"label-before"},p),u(g,f),m&&e("span",{class:"label-after"},m)))]};const p=i=>{const{ticks:t,min:r,max:n}=i;if(t.length===0){return null}return e("div",{class:"track-ticks"},t.map((i=>{const t=d(i.value,r,n);return e("div",{class:"track-tick",style:{left:`${t}%`}},i.label&&e("div",{class:"tick-label"},i.label))})))};const m=i=>{const{range:t,hasField:r,value:n,rangeValue:s,index:o,inputId:l,min:d,max:c,step:f,disabled:h,readonly:u,onInput:v,labelBeforeValue:b,labelAfterValue:p,name:m,endName:k}=i;const g=t?s[o]:n;const y=t?{"data-index":o.toString()}:{};let x;if(t){if(o===0){x=m||""}else{x=k||(m?`${m}-end`:"")}}else{x=m||""}const w=e=>{e.stopPropagation();const i=e.detail;if(typeof i==="number"&&Number.isNaN(i)){return}v({value:i,index:o})};return r?e("div",{class:a(!r&&"hidden-input")},e("nv-fieldnumber",Object.assign({id:l,value:g,min:d,max:c,step:f,disabled:h,readonly:u,name:x},y,{onInput:e=>e.stopPropagation(),onValueChanged:w}),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:h,readonly:u,name:x})};const k='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;width:90px;flex-grow:unset}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){opacity:0.5;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 input{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);padding:var(--form-field-padding-y) 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[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}';const g=k;const y=class{constructor(e){i(this,e);this.valueChanged=t(this,"valueChanged",7);this.startInputId=s();this.endInputId=s();this.hideLabel=false;this.hasField=false;this.range=false;this.disabled=false;this.readonly=false;this.error=false;this.success=false;this.value=[0];this.step=1;this.snap=false;this.snapTicks=false;this.min=0;this.max=100;this.showTicks=false;this.fluid=false;this.isDragging=false;this.activeDragThumb="single";this.internalTicks=[];this.rawPosition=0;this.rawRangePosition=[0,0];this.valueInternal=0;this.rangeValueInternal=[0,0];this.parseValue=()=>{if(typeof this.value==="string"){console.error("Sliders require a number or array of numbers to be passed in the value prop.");return}if(this.range&&this.value.length!==2){console.error("Range sliders require an array of two values to be passed in the value prop.");return}if(!this.range&&this.value.length!==1){console.error("Single sliders require a single value as an array to be passed in the value prop.");return}this.valueInternal=this.value[0];this.rangeValueInternal=[this.value[0],this.value[1]]};this.onTrackInteraction=e=>{if(this.disabled||this.readonly){return}const i=e.currentTarget.getBoundingClientRect();const t=l((e.clientX-i.left)/i.width*100,0,100);const r=this.min+t/100*(this.max-this.min);this.rawPosition=r;if(this.range){const e=d(this.rangeValueInternal[0],this.min,this.max);const i=d(this.rangeValueInternal[1],this.min,this.max);const n=Math.abs(t-e);const a=Math.abs(t-i);if(n<=a){this.activeDragThumb="left";this.rawRangePosition=[r,this.rawRangePosition[1]];this.handleValueChange([r,this.rangeValueInternal[1]])}else{this.activeDragThumb="right";this.rawRangePosition=[this.rawRangePosition[0],r];this.handleValueChange([this.rangeValueInternal[0],r])}}else{this.activeDragThumb="single";this.rawPosition=r;this.handleValueChange(r)}this.isDragging=true;this.registerGlobalEvents()};this.onPointerMove=e=>{if(!this.isDragging||this.disabled||this.readonly){return}const i=this.el.querySelector(".track");if(!i)return;const t=i.getBoundingClientRect();const r=l((e.clientX-t.left)/t.width*100,0,100);const n=this.min+r/100*(this.max-this.min);if(this.range){if(this.activeDragThumb==="left"){this.rawRangePosition=[n,this.rawRangePosition[1]];this.handleValueChange([n,this.rangeValueInternal[1]])}else{this.rawRangePosition=[this.rawRangePosition[0],n];this.handleValueChange([this.rangeValueInternal[0],n])}}else{this.rawPosition=n;this.handleValueChange(n)}};this.onPointerUp=()=>{this.isDragging=false;this.removeGlobalEvents()};this.onKeyDown=e=>{if(this.disabled||this.readonly){return}let i;const t=e.shiftKey?10:1;const r=this.step*t;if(this.range){const t=e.target.getAttribute("data-thumb");const n=t==="left"?0:1;const a=[...this.rangeValueInternal];switch(e.key){case"ArrowRight":case"ArrowUp":a[n]+=r;break;case"ArrowLeft":case"ArrowDown":a[n]-=r;break;case"Home":a[n]=this.min;break;case"End":a[n]=this.max;break;case"PageUp":a[n]+=r*10;break;case"PageDown":a[n]-=r*10;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+r*10;break;case"PageDown":i=this.valueInternal-r*10;break;default:return}}e.preventDefault();this.handleValueChange(i)};this.handleFieldChange=e=>{const i=e.value;if(isNaN(i)){return}if(this.range){const t=e.index===0?0:1;const r=[...this.rangeValueInternal];r[t]=i;this.handleValueChange(r)}else{this.handleValueChange(i)}}}validateValue(e){const i=l(e,this.min,this.max);if(this.snapTicks&&this.internalTicks&&this.internalTicks.length>0){return h(i,this.internalTicks)}return c(i,this.min,this.max,this.step)}handleValueChange(e){if(this.disabled||this.readonly){return}if(this.range){if(Array.isArray(e)&&e.length===2){const i=[Math.min(e[0],e[1]),Math.max(e[0],e[1])];const t=[this.validateValue(i[0]),this.validateValue(i[1])];if(t[0]!==this.rangeValueInternal[0]||t[1]!==this.rangeValueInternal[1]){this.rangeValueInternal=t;this.value=this.rangeValueInternal;this.valueChanged.emit(this.rangeValueInternal)}}}else{if(typeof e==="number"){const i=this.validateValue(e);if(i!==this.valueInternal){this.valueInternal=i;this.value=[this.valueInternal];this.valueChanged.emit([this.valueInternal])}}}}generateDisplayTicks(){if(this.ticks&&this.ticks.length>0){this.internalTicks=[...this.ticks].sort(((e,i)=>e.value-i.value));return}if(!this.showTicks){this.internalTicks=[];return}const e=f(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();if(this.range){this.handleValueChange(this.rangeValueInternal)}else{this.handleValueChange(this.valueInternal)}}onRangeChange(e){if(e){this.rangeValueInternal=[this.min,this.valueInternal]}else{this.valueInternal=this.rangeValueInternal[1]}}connectedCallback(){this.parseValue();this.generateDisplayTicks();if(this.range){if(!Array.isArray(this.rangeValueInternal)||this.rangeValueInternal.length!==2){this.rangeValueInternal=[this.min,this.max]}this.handleValueChange(this.rangeValueInternal);this.rawRangePosition=[this.rangeValueInternal[0],this.rangeValueInternal[1]]}else{this.handleValueChange(this.valueInternal);this.rawPosition=this.valueInternal}}componentWillLoad(){if(this.value.length===1&&this.range){this.value=[this.value[0],this.value[0]]}else if(this.value.length===2&&!this.range){this.value=[this.value[0]]}}disconnectedCallback(){this.removeGlobalEvents()}render(){return e(r,{key:"f5e3bce25553db52f6b10c1797466bc5e8582c84"},(this.label||this.el.querySelector('[slot="label"]'))&&e("label",{key:"d488aa0a66140d7777d2806d90870a5030593ad8",htmlFor:this.startInputId},e("slot",{key:"e5b9be1525b3298c6edcf373ebb9cc1241c1c68e",name:"label"},this.label)),e("div",{key:"a05ccf8292ef57359f1104d6369afe10f88be90e",class:"slider-container"},this.range?e(m,{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:"a3367fdb2b2a031860f5c2f84829c2a7d9f18aa2",class:"track-container"},e("div",{key:"bd71d1c60a9fd684eba6c97cf1e6dde0db714a62",class:"track",onPointerDown:this.onTrackInteraction},this.range?e(b,{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(v,{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(p,{key:"1db13a620a719f39e2401598b21fa462d6ca863e",ticks:this.internalTicks,min:this.min,max:this.max})),this.range?e(m,{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}):e(m,{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:"e4ee7359a7d539dbf42c8885b09c602f9cffb15c",class:"description"},this.success&&e("nv-icon",{key:"a46e32115803718d9a7f0f5f3c34002552e56991",name:"circle-check",class:"validation",size:"md"}),e("slot",{key:"18a3e1373d15db2e538ae235c288c2ed4e355688",name:"description"},this.description)),(this.error||this.errorDescription||this.el.querySelector('[slot="error-description"]'))&&e("div",{key:"ad4ed6dfd5f96e95ec0b2bba0f639e36d1c35007",class:"error-description",hidden:!this.error},this.error&&e("nv-icon",{key:"78ec5b1668637a7eea2e5fcd4f6f9cf5bba3a919",name:"alert-circle",class:"validation",size:"md"}),e("slot",{key:"46b604afc64460c0b0db1751974c568595e40ae0",name:"error-description"},this.errorDescription)))}static get formAssociated(){return true}get el(){return n(this)}static get watchers(){return{value:["onValueChange"],min:["onConfigChange"],max:["onConfigChange"],step:["onConfigChange"],ticks:["onConfigChange"],showTicks:["onConfigChange"],snap:["onConfigChange"],snapTicks:["onConfigChange"],range:["onRangeChange"]}}};y.style=g;export{y as nv_fieldslider};
|
|
2
|
+
//# sourceMappingURL=p-4bf63654.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as e,c as s,h as n,H as i}from"./p-3060df80.js";const t="nv-tableheader{display:inline-flex;width:100%;align-items:center;gap:var(--spacing-2)}nv-tableheader:focus-visible{border-radius:var(--radius-rounded-sm)}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 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)}";const o=t;const a=class{constructor(n){e(this,n);this.sortDirectionChanged=s(this,"sortDirectionChanged",7);this.sortable=false;this.sortDirection="none"}cycleSortDirection(e){if(!this.sortable)return;e===null||e===void 0?void 0:e.preventDefault();const s={none:"asc",asc:"desc",desc:"none"};this.sortDirection=s[this.sortDirection];this.sortDirectionChanged.emit(this.sortDirection)}handleKeyDown(e){if(!this.sortable)return;if(e.key==="Enter"||e.key===" "){e.preventDefault();this.cycleSortDirection()}}get ariaSort(){const e={none:"none",asc:"ascending",desc:"descending"};if(!this.sortable)return e.none;return e[this.sortDirection]}render(){return n(i,{key:"
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as e,c as s,h as n,H as i}from"./p-3060df80.js";const t="nv-tableheader{display:inline-flex;width:100%;align-items:center;gap:var(--spacing-2)}nv-tableheader:focus-visible{border-radius:var(--radius-rounded-sm)}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 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)}";const o=t;const a=class{constructor(n){e(this,n);this.sortDirectionChanged=s(this,"sortDirectionChanged",7);this.sortable=false;this.sortDirection="none"}cycleSortDirection(e){if(!this.sortable)return;e===null||e===void 0?void 0:e.preventDefault();const s={none:"asc",asc:"desc",desc:"none"};this.sortDirection=s[this.sortDirection];this.sortDirectionChanged.emit(this.sortDirection)}handleKeyDown(e){if(!this.sortable)return;if(e.key==="Enter"||e.key===" "){e.preventDefault();this.cycleSortDirection()}}get ariaSort(){const e={none:"none",asc:"ascending",desc:"descending"};if(!this.sortable)return e.none;return e[this.sortDirection]}render(){return n(i,{key:"03d7e74c19c0c1ef54f4d6f53eab0964af821f57",role:"columnheader","aria-sort":this.ariaSort,tabindex:this.sortable?0:undefined,onKeyDown:this.handleKeyDown.bind(this),onClick:this.cycleSortDirection.bind(this)},n("slot",{key:"7408d11ba38b59f05bcdcffcb55d11ae36f93a34"}),this.sortable&&n("span",{key:"c76ddbf61861d9cd45eb7b0d8c59095947677135",class:"sort-icon-wrap","aria-hidden":"true"},n("nv-iconbutton",{key:"6d59b4b14dfe588142ccba2e1dc452754ea5a2f7",disableTabindex:true,name:"arrow-up",size:"xs",emphasis:this.sortDirection==="none"?"lower":"low",onMouseDown:e=>e.preventDefault(),class:{"is-none":this.sortDirection==="none","is-desc":this.sortDirection==="desc"}})))}};a.style=o;export{a as nv_tableheader};
|
|
2
|
+
//# sourceMappingURL=p-7ac9af42.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as o,h as t,H as e,g as n}from"./p-3060df80.js";import{c as r}from"./p-8a1a6e56.js";const i="nv-iconbutton.root{display:inline-flex;justify-content:center;align-items:center;font-style:normal;font-weight:var(--font-weight-medium-emphasis);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;transition:background-color 150ms ease-out;height:fit-content;width:fit-content}nv-iconbutton.size-xs{padding:var(--button-xs-icon-button-padding);gap:var(--button-xs-gap);border-radius:var(--button-xs-border-radius);line-height:var(--button-xs-line-height);font-size:var(--button-xs-font-size)}nv-iconbutton.size-sm{padding:var(--button-sm-icon-button-padding);gap:var(--button-sm-gap);border-radius:var(--button-sm-border-radius);line-height:var(--button-sm-line-height);font-size:var(--button-sm-font-size)}nv-iconbutton.size-md{padding:var(--button-md-icon-button-padding);gap:var(--button-md-gap);border-radius:var(--button-md-border-radius);line-height:var(--button-md-line-height);font-size:var(--button-md-font-size)}nv-iconbutton.size-lg{padding:var(--button-lg-icon-button-padding);gap:var(--button-lg-gap);border-radius:var(--button-lg-border-radius);line-height:var(--button-lg-line-height);font-size:var(--button-lg-font-size)}nv-iconbutton.emphasis-high{background:var(--components-button-high-background);border:1px solid var(--components-button-high-border);color:var(--components-button-high-text)}nv-iconbutton.emphasis-high:hover{background:var(--components-button-high-background-hover);color:var(--components-button-high-text-hover)}nv-iconbutton.emphasis-high:focus,nv-iconbutton.emphasis-high:focus-within{outline:none}nv-iconbutton.emphasis-high:focus-visible,nv-iconbutton.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-iconbutton.emphasis-high:disabled{background:var(--components-button-high-background);color:var(--components-button-high-text);opacity:0.5;cursor:not-allowed;box-shadow:none}nv-iconbutton.emphasis-high nv-icon>svg{color:var(--components-button-high-icon)}nv-iconbutton.emphasis-medium{background:var(--components-button-medium-background);border:1px solid var(--components-button-medium-border);color:var(--components-button-medium-text)}nv-iconbutton.emphasis-medium:hover{background:var(--components-button-medium-background-hover);color:var(--components-button-medium-text-hover)}nv-iconbutton.emphasis-medium:focus,nv-iconbutton.emphasis-medium:focus-within{outline:none}nv-iconbutton.emphasis-medium:focus-visible,nv-iconbutton.emphasis-medium:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-iconbutton.emphasis-medium:disabled{background:var(--components-button-medium-background);color:var(--components-button-medium-text);opacity:0.5;cursor:not-allowed;box-shadow:none}nv-iconbutton.emphasis-medium nv-icon>svg{color:var(--components-button-medium-icon)}nv-iconbutton.emphasis-low{background:var(--components-button-low-background);border:1px solid var(--components-button-low-border);color:var(--components-button-low-text)}nv-iconbutton.emphasis-low:hover{background:var(--components-button-low-background-hover);color:var(--components-button-low-text-hover)}nv-iconbutton.emphasis-low:focus,nv-iconbutton.emphasis-low:focus-within{outline:none}nv-iconbutton.emphasis-low:focus-visible,nv-iconbutton.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-iconbutton.emphasis-low:disabled{background:var(--components-button-low-background);color:var(--components-button-low-text);opacity:0.5;cursor:not-allowed;box-shadow:none}nv-iconbutton.emphasis-low nv-icon>svg{color:var(--components-button-low-icon)}nv-iconbutton.emphasis-lower{background:var(--components-button-lower-background);border:1px solid var(--components-button-lower-border);color:var(--components-button-lower-text)}nv-iconbutton.emphasis-lower:hover{background:var(--components-button-lower-background-hover);color:var(--components-button-lower-text-hover)}nv-iconbutton.emphasis-lower:focus,nv-iconbutton.emphasis-lower:focus-within{outline:none}nv-iconbutton.emphasis-lower:focus-visible,nv-iconbutton.emphasis-lower:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-iconbutton.emphasis-lower:disabled{background:var(--components-button-lower-background);color:var(--components-button-lower-text);opacity:0.5;cursor:not-allowed;box-shadow:none}nv-iconbutton.emphasis-lower nv-icon>svg{color:var(--components-button-lower-icon)}nv-iconbutton.loading [slot=leading-icon]{display:none}nv-iconbutton.shape-rounded{border-radius:var(--radius-rounded-full)}";const a=i;const s=class{constructor(t){o(this,t);if(t.$hostElement$["s-ei"]){this.internals=t.$hostElement$["s-ei"]}else{this.internals=t.$hostElement$.attachInternals();t.$hostElement$["s-ei"]=this.internals}this.size="md";this.emphasis="high";this.loading=false;this.disabled=false;this.active=false;this.type="button";this.shape="square";this.disableTabindex=false;this.handleClick=o=>{var t,e,n,r;if(this.disabled){o.preventDefault();return}if(this.type==="submit"){(e=(t=this.internals)===null||t===void 0?void 0:t.form)===null||e===void 0?void 0:e.requestSubmit()}if(this.type==="reset"){(r=(n=this.internals)===null||n===void 0?void 0:n.form)===null||r===void 0?void 0:r.reset()}}}handleLoadingChange(o){this.loading=o;this.disabled=o}handleDisabledChange(o){if(this.loading){this.disabled=this.loading}else{this.disabled=o}}handleKeyDown(o){if(o.key==="Enter"||o.key===" "){o.preventDefault();this.el.click()}}handleTouchStart(o){if(o.touches.length>1)return;o.preventDefault();this.el.click()}componentWillLoad(){if(this.loading){this.disabled=this.loading}}render(){return t(e,{key:"f3d9a8c4f5f3b549595b1a4b8eecddae89b23909",role:"button",type:this.type,tabindex:this.disableTabindex?-1:0,disabled:this.disabled?true:undefined,class:r("root",`size-${this.size}`,`emphasis-${this.emphasis}`,this.loading&&"loading",`shape-${this.shape}`),onClick:this.handleClick},this.loading&&t("nv-loader",{key:"9f25f8a2c72279f1ad4c92ed6e17341e4b43f26e",size:this.size}),!this.loading&&t("nv-icon",{key:"aa0d10482d4dded8f6680afe066c3c8d781160ef",name:this.name,size:this.size}),t("slot",{key:"dc2a1ca7305ae4b14924d7acb79286596e5b358f"}))}static get formAssociated(){return true}get el(){return n(this)}static get watchers(){return{loading:["handleLoadingChange"],disabled:["handleDisabledChange"]}}};s.style=a;const l='@keyframes rotation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}nv-loader{display:inline-block;position:relative;aspect-ratio:1/1;border-radius:9999px;color:inherit}nv-loader.size-xs{width:var(--loader-size-xs);height:var(--loader-size-xs)}nv-loader.size-xs::before,nv-loader.size-xs::after{content:" ";position:absolute;top:0;left:0;border-radius:inherit;width:100%;height:100%}nv-loader.size-xs::before{content:" ";border:calc(var(--loader-size-xs) / 10) solid;opacity:0.3}nv-loader.size-xs::after{content:" ";border-top:calc(var(--loader-size-xs) / 10) solid transparent;border-left:calc(var(--loader-size-xs) / 10) solid transparent;border-right:calc(var(--loader-size-xs) / 10) solid transparent;border-bottom:calc(var(--loader-size-xs) / 10) solid;animation:rotation 1s linear infinite}nv-loader.size-sm{width:var(--loader-size-sm);height:var(--loader-size-sm)}nv-loader.size-sm::before,nv-loader.size-sm::after{content:" ";position:absolute;top:0;left:0;border-radius:inherit;width:100%;height:100%}nv-loader.size-sm::before{content:" ";border:calc(var(--loader-size-sm) / 10) solid;opacity:0.3}nv-loader.size-sm::after{content:" ";border-top:calc(var(--loader-size-sm) / 10) solid transparent;border-left:calc(var(--loader-size-sm) / 10) solid transparent;border-right:calc(var(--loader-size-sm) / 10) solid transparent;border-bottom:calc(var(--loader-size-sm) / 10) solid;animation:rotation 1s linear infinite}nv-loader.size-md{width:var(--loader-size-md);height:var(--loader-size-md)}nv-loader.size-md::before,nv-loader.size-md::after{content:" ";position:absolute;top:0;left:0;border-radius:inherit;width:100%;height:100%}nv-loader.size-md::before{content:" ";border:calc(var(--loader-size-md) / 10) solid;opacity:0.3}nv-loader.size-md::after{content:" ";border-top:calc(var(--loader-size-md) / 10) solid transparent;border-left:calc(var(--loader-size-md) / 10) solid transparent;border-right:calc(var(--loader-size-md) / 10) solid transparent;border-bottom:calc(var(--loader-size-md) / 10) solid;animation:rotation 1s linear infinite}nv-loader.size-lg{width:var(--loader-size-lg);height:var(--loader-size-lg)}nv-loader.size-lg::before,nv-loader.size-lg::after{content:" ";position:absolute;top:0;left:0;border-radius:inherit;width:100%;height:100%}nv-loader.size-lg::before{content:" ";border:calc(var(--loader-size-lg) / 10) solid;opacity:0.3}nv-loader.size-lg::after{content:" ";border-top:calc(var(--loader-size-lg) / 10) solid transparent;border-left:calc(var(--loader-size-lg) / 10) solid transparent;border-right:calc(var(--loader-size-lg) / 10) solid transparent;border-bottom:calc(var(--loader-size-lg) / 10) solid;animation:rotation 1s linear infinite}nv-loader.size-xl{width:var(--loader-size-xl);height:var(--loader-size-xl)}nv-loader.size-xl::before,nv-loader.size-xl::after{content:" ";position:absolute;top:0;left:0;border-radius:inherit;width:100%;height:100%}nv-loader.size-xl::before{content:" ";border:calc(var(--loader-size-xl) / 10) solid;opacity:0.3}nv-loader.size-xl::after{content:" ";border-top:calc(var(--loader-size-xl) / 10) solid transparent;border-left:calc(var(--loader-size-xl) / 10) solid transparent;border-right:calc(var(--loader-size-xl) / 10) solid transparent;border-bottom:calc(var(--loader-size-xl) / 10) solid;animation:rotation 1s linear infinite}nv-loader.color-brand::before{border-color:var(--components-loader-brand-background);opacity:1}nv-loader.color-brand::after{border-bottom-color:var(--components-loader-brand-foreground)}nv-loader.color-white::before{border-color:var(--components-loader-white-background);opacity:1}nv-loader.color-white::after{border-bottom-color:var(--components-loader-white-foreground)}';const d=l;const c=class{constructor(t){o(this,t);this.size="md"}render(){return t(e,{key:"b90db971210fb08781098cefaf8832bd5692a09e",class:r(this.size&&`size-${this.size}`,this.color&&`color-${this.color}`)})}};c.style=d;export{s as nv_iconbutton,c as nv_loader};
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as o,h as t,H as e,g as n}from"./p-3060df80.js";import{c as r}from"./p-8a1a6e56.js";const i="nv-iconbutton.root{display:inline-flex;justify-content:center;align-items:center;font-style:normal;font-weight:var(--font-weight-medium-emphasis);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;transition:background-color 150ms ease-out;height:fit-content;width:fit-content}nv-iconbutton.size-xs{padding:var(--button-xs-icon-button-padding);gap:var(--button-xs-gap);border-radius:var(--button-xs-border-radius);line-height:var(--button-xs-line-height);font-size:var(--button-xs-font-size)}nv-iconbutton.size-sm{padding:var(--button-sm-icon-button-padding);gap:var(--button-sm-gap);border-radius:var(--button-sm-border-radius);line-height:var(--button-sm-line-height);font-size:var(--button-sm-font-size)}nv-iconbutton.size-md{padding:var(--button-md-icon-button-padding);gap:var(--button-md-gap);border-radius:var(--button-md-border-radius);line-height:var(--button-md-line-height);font-size:var(--button-md-font-size)}nv-iconbutton.size-lg{padding:var(--button-lg-icon-button-padding);gap:var(--button-lg-gap);border-radius:var(--button-lg-border-radius);line-height:var(--button-lg-line-height);font-size:var(--button-lg-font-size)}nv-iconbutton.emphasis-high{background:var(--components-button-high-background);border:1px solid var(--components-button-high-border);color:var(--components-button-high-text)}nv-iconbutton.emphasis-high:hover{background:var(--components-button-high-background-hover);color:var(--components-button-high-text-hover)}nv-iconbutton.emphasis-high:focus,nv-iconbutton.emphasis-high:focus-within{outline:none}nv-iconbutton.emphasis-high:focus-visible,nv-iconbutton.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-iconbutton.emphasis-high:disabled{background:var(--components-button-high-background);color:var(--components-button-high-text);opacity:0.5;cursor:not-allowed;box-shadow:none}nv-iconbutton.emphasis-high nv-icon>svg{color:var(--components-button-high-icon)}nv-iconbutton.emphasis-medium{background:var(--components-button-medium-background);border:1px solid var(--components-button-medium-border);color:var(--components-button-medium-text)}nv-iconbutton.emphasis-medium:hover{background:var(--components-button-medium-background-hover);color:var(--components-button-medium-text-hover)}nv-iconbutton.emphasis-medium:focus,nv-iconbutton.emphasis-medium:focus-within{outline:none}nv-iconbutton.emphasis-medium:focus-visible,nv-iconbutton.emphasis-medium:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-iconbutton.emphasis-medium:disabled{background:var(--components-button-medium-background);color:var(--components-button-medium-text);opacity:0.5;cursor:not-allowed;box-shadow:none}nv-iconbutton.emphasis-medium nv-icon>svg{color:var(--components-button-medium-icon)}nv-iconbutton.emphasis-low{background:var(--components-button-low-background);border:1px solid var(--components-button-low-border);color:var(--components-button-low-text)}nv-iconbutton.emphasis-low:hover{background:var(--components-button-low-background-hover);color:var(--components-button-low-text-hover)}nv-iconbutton.emphasis-low:focus,nv-iconbutton.emphasis-low:focus-within{outline:none}nv-iconbutton.emphasis-low:focus-visible,nv-iconbutton.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-iconbutton.emphasis-low:disabled{background:var(--components-button-low-background);color:var(--components-button-low-text);opacity:0.5;cursor:not-allowed;box-shadow:none}nv-iconbutton.emphasis-low nv-icon>svg{color:var(--components-button-low-icon)}nv-iconbutton.emphasis-lower{background:var(--components-button-lower-background);border:1px solid var(--components-button-lower-border);color:var(--components-button-lower-text)}nv-iconbutton.emphasis-lower:hover{background:var(--components-button-lower-background-hover);color:var(--components-button-lower-text-hover)}nv-iconbutton.emphasis-lower:focus,nv-iconbutton.emphasis-lower:focus-within{outline:none}nv-iconbutton.emphasis-lower:focus-visible,nv-iconbutton.emphasis-lower:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-iconbutton.emphasis-lower:disabled{background:var(--components-button-lower-background);color:var(--components-button-lower-text);opacity:0.5;cursor:not-allowed;box-shadow:none}nv-iconbutton.emphasis-lower nv-icon>svg{color:var(--components-button-lower-icon)}nv-iconbutton.loading [slot=leading-icon]{display:none}nv-iconbutton.shape-rounded{border-radius:var(--radius-rounded-full)}";const a=i;const s=class{constructor(t){o(this,t);if(t.$hostElement$["s-ei"]){this.internals=t.$hostElement$["s-ei"]}else{this.internals=t.$hostElement$.attachInternals();t.$hostElement$["s-ei"]=this.internals}this.size="md";this.emphasis="high";this.loading=false;this.disabled=false;this.active=false;this.type="button";this.shape="square";this.disableTabindex=false;this.handleClick=o=>{var t,e,n,r;if(this.disabled){o.preventDefault();return}if(this.type==="submit"){(e=(t=this.internals)===null||t===void 0?void 0:t.form)===null||e===void 0?void 0:e.requestSubmit()}if(this.type==="reset"){(r=(n=this.internals)===null||n===void 0?void 0:n.form)===null||r===void 0?void 0:r.reset()}}}handleLoadingChange(o){this.loading=o;this.disabled=o}handleDisabledChange(o){if(this.loading){this.disabled=this.loading}else{this.disabled=o}}handleKeyDown(o){if(o.key==="Enter"||o.key===" "){o.preventDefault();this.el.click()}}handleTouchStart(o){if(o.touches.length>1)return;o.preventDefault();this.el.click()}componentWillLoad(){if(this.loading){this.disabled=this.loading}}render(){return t(e,{key:"81d7f0bfd1e64ecbb640c2f02b7e73cd7b2d3aa4",role:"button",type:this.type,tabindex:this.disableTabindex?-1:0,disabled:this.disabled?true:undefined,class:r("root",`size-${this.size}`,`emphasis-${this.emphasis}`,this.loading&&"loading",`shape-${this.shape}`),onClick:this.handleClick},this.loading&&t("nv-loader",{key:"cec3ee02a7fb0882557c8742c8f9d785835e79d0",size:this.size}),!this.loading&&t("nv-icon",{key:"4892b3b78b291b159403a63ced6a150dd7def1c0",name:this.name,size:this.size}),t("slot",{key:"b1204bf2dd026c1232b5e8209fd29f21a8aa704f"}))}static get formAssociated(){return true}get el(){return n(this)}static get watchers(){return{loading:["handleLoadingChange"],disabled:["handleDisabledChange"]}}};s.style=a;const l='@keyframes rotation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}nv-loader{display:inline-block;position:relative;aspect-ratio:1/1;border-radius:9999px;color:inherit}nv-loader.size-xs{width:var(--loader-size-xs);height:var(--loader-size-xs)}nv-loader.size-xs::before,nv-loader.size-xs::after{content:" ";position:absolute;top:0;left:0;border-radius:inherit;width:100%;height:100%}nv-loader.size-xs::before{content:" ";border:calc(var(--loader-size-xs) / 10) solid;opacity:0.3}nv-loader.size-xs::after{content:" ";border-top:calc(var(--loader-size-xs) / 10) solid transparent;border-left:calc(var(--loader-size-xs) / 10) solid transparent;border-right:calc(var(--loader-size-xs) / 10) solid transparent;border-bottom:calc(var(--loader-size-xs) / 10) solid;animation:rotation 1s linear infinite}nv-loader.size-sm{width:var(--loader-size-sm);height:var(--loader-size-sm)}nv-loader.size-sm::before,nv-loader.size-sm::after{content:" ";position:absolute;top:0;left:0;border-radius:inherit;width:100%;height:100%}nv-loader.size-sm::before{content:" ";border:calc(var(--loader-size-sm) / 10) solid;opacity:0.3}nv-loader.size-sm::after{content:" ";border-top:calc(var(--loader-size-sm) / 10) solid transparent;border-left:calc(var(--loader-size-sm) / 10) solid transparent;border-right:calc(var(--loader-size-sm) / 10) solid transparent;border-bottom:calc(var(--loader-size-sm) / 10) solid;animation:rotation 1s linear infinite}nv-loader.size-md{width:var(--loader-size-md);height:var(--loader-size-md)}nv-loader.size-md::before,nv-loader.size-md::after{content:" ";position:absolute;top:0;left:0;border-radius:inherit;width:100%;height:100%}nv-loader.size-md::before{content:" ";border:calc(var(--loader-size-md) / 10) solid;opacity:0.3}nv-loader.size-md::after{content:" ";border-top:calc(var(--loader-size-md) / 10) solid transparent;border-left:calc(var(--loader-size-md) / 10) solid transparent;border-right:calc(var(--loader-size-md) / 10) solid transparent;border-bottom:calc(var(--loader-size-md) / 10) solid;animation:rotation 1s linear infinite}nv-loader.size-lg{width:var(--loader-size-lg);height:var(--loader-size-lg)}nv-loader.size-lg::before,nv-loader.size-lg::after{content:" ";position:absolute;top:0;left:0;border-radius:inherit;width:100%;height:100%}nv-loader.size-lg::before{content:" ";border:calc(var(--loader-size-lg) / 10) solid;opacity:0.3}nv-loader.size-lg::after{content:" ";border-top:calc(var(--loader-size-lg) / 10) solid transparent;border-left:calc(var(--loader-size-lg) / 10) solid transparent;border-right:calc(var(--loader-size-lg) / 10) solid transparent;border-bottom:calc(var(--loader-size-lg) / 10) solid;animation:rotation 1s linear infinite}nv-loader.size-xl{width:var(--loader-size-xl);height:var(--loader-size-xl)}nv-loader.size-xl::before,nv-loader.size-xl::after{content:" ";position:absolute;top:0;left:0;border-radius:inherit;width:100%;height:100%}nv-loader.size-xl::before{content:" ";border:calc(var(--loader-size-xl) / 10) solid;opacity:0.3}nv-loader.size-xl::after{content:" ";border-top:calc(var(--loader-size-xl) / 10) solid transparent;border-left:calc(var(--loader-size-xl) / 10) solid transparent;border-right:calc(var(--loader-size-xl) / 10) solid transparent;border-bottom:calc(var(--loader-size-xl) / 10) solid;animation:rotation 1s linear infinite}nv-loader.color-brand::before{border-color:var(--components-loader-brand-background);opacity:1}nv-loader.color-brand::after{border-bottom-color:var(--components-loader-brand-foreground)}nv-loader.color-white::before{border-color:var(--components-loader-white-background);opacity:1}nv-loader.color-white::after{border-bottom-color:var(--components-loader-white-foreground)}';const d=l;const c=class{constructor(t){o(this,t);this.size="md"}render(){return t(e,{key:"049afa243c1ce99643408d86afa99e69c5468b8b",class:r(this.size&&`size-${this.size}`,this.color&&`color-${this.color}`)})}};c.style=d;export{s as nv_iconbutton,c as nv_loader};
|
|
2
|
+
//# sourceMappingURL=p-7b7bbac7.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as e,c as r,h as o,H as
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as e,c as r,h as o,H as i,g as d}from"./p-3060df80.js";import{c as a}from"./p-8a1a6e56.js";import{v as t}from"./p-f5ff676c.js";const n='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)}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}';const l=n;const f=class{constructor(o){e(this,o);this.checkedChanged=r(this,"checkedChanged",7);this.labelBefore=false;this.inputId=t();this.error=false;this.checked=false;this.disabled=false;this.autofocus=false}componentWillRender(){if(this.message){this.description=this.message}if(this.labelBefore){this.labelPlacement="before"}}handleCheckedChange(e){this.checkedChanged.emit(e)}handleChange(e){const r=e.target;if((r===null||r===void 0?void 0:r.type)==="radio"){Array.from(document.getElementsByTagName("nv-fieldradio")).forEach((e=>{if(e.name===this.name){e.checked=false}}));this.checked=r.checked}}render(){return o(i,{key:"87387e9a81489927ca78ffc05e2ebeb13dc900c1",class:a(this.labelPlacement==="before"&&"label-placement-before",this.error&&"error")},o("input",{key:"4aece4c1213ef2af2af42baf24c29a5285685e95",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:"289eb1becce793d9da96c3792b53fe82cc2ec4b3",class:"text-container"},(this.label||this.el.querySelector('[slot="label"]'))&&o("label",{key:"5315f69fb91a06437f67cc7a1b664a091f87f114",htmlFor:this.inputId},o("slot",{key:"23364a4093a0b4f5a5ab76cad224049464a41aa2",name:"label"},this.label)),(this.description||this.el.querySelector('[slot="description"]'))&&o("div",{key:"d17ff8b61c9a085f36ccd7f4846ff4da6e8e506f",class:"description"},o("slot",{key:"1915dd4d305fbcff26c38fa3b0fbc56ceec23db4",name:"description"},this.description)),(this.errorDescription||this.el.querySelector('[slot="error-description"]'))&&o("div",{key:"2b7c1817fb7a0d26ec7aaece07f8da6851b8d0cc",hidden:!this.error,class:"error-description"},o("slot",{key:"8d9fafceba1a6dafa30ed695c01e26dc956ff51b",name:"error-description"},this.errorDescription))))}static get formAssociated(){return true}get el(){return d(this)}static get watchers(){return{checked:["handleCheckedChange"]}}};f.style=l;export{f as nv_fieldradio};
|
|
2
|
+
//# sourceMappingURL=p-93d80b03.entry.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{i as o}from"./p-a271e3be.js";import{a as t}from"./p-42ea6b74.js";function e(o,t,e){o.forEach((([o,n])=>t.addEventListener(o,n.bind(e))))}function n(o,t,e){o.forEach((([o,n])=>t.removeEventListener(o,n.bind(e))))}const a=Object.freeze({__proto__:null,addEventListeners:e,removeEventListeners:n});const s=(e,{duration:n=200,amount:a=.8,hasFade:s=true}={})=>{const r=o(e);function i(){return new Promise((o=>{t({from:{opacity:s?0:1,scale:a},to:{opacity:1,scale:1},duration:n,onUpdate(o){const t={scale:o.scale};if(s){t["opacity"]=o.opacity}r.set(t)},onComplete(){o();if(s){e.style.removeProperty("opacity")}e.style.removeProperty("transform")}})}))}function c(){e.style.transform=`scale(${a})`;if(s){e.style.opacity="0"}}function u(){e.style.transform=`scale(1)`;if(s){e.style.opacity="1"}}function f(){return new Promise((o=>{t({from:{opacity:1,scale:1},to:{opacity:s?0:1,scale:a},duration:n,onUpdate(o){const t={scale:o.scale};if(s){t["opacity"]=o.opacity}r.set(t)},onComplete(){o()}})}))}return{growIn:i,growOut:f,setGrowOut:c,setGrowIn:u}};export{e as a,a as e,n as r,s as u};
|
|
2
|
+
//# sourceMappingURL=p-996ed843.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["addEventListeners","events","target","context","forEach","event","listener","addEventListener","bind","removeEventListeners","removeEventListener","useGrow","node","duration","amount","hasFade","nodeStyler","styler","growIn","Promise","resolve","animate","from","opacity","scale","to","onUpdate","latest","updates","set","onComplete","style","removeProperty","setGrowOut","transform","setGrowIn","growOut"],"sources":["src/utils/events.utils.ts","src/animations/grow.animation.ts"],"sourcesContent":["export type EventsAndListeners = [string, EventListener][];\n\n/**\n * Adds a set of event listeners to the given target.\n * @param {EventsAndListeners} events - The events and listeners to add.\n * @param {Element | Window | Document} target - The target element or window to add the event listeners to.\n * @param {T} context - The class context to bind the event listeners to.\n */\nexport function addEventListeners<T>(\n events: EventsAndListeners,\n target: Element | Window | Document,\n context: T,\n) {\n events.forEach(([event, listener]) =>\n target.addEventListener(event, listener.bind(context)),\n );\n}\n\n/**\n * Removes a set of event listeners from the given target.\n * @param {EventsAndListeners} events - The events and listeners to remove.\n * @param {Element | Window | Document} target - The target element or window to remove the event listeners from.\n * @param {T} context - The class context to bind the event listeners to.\n */\nexport function removeEventListeners<T>(\n events: EventsAndListeners,\n target: Element | Window | Document,\n context: T,\n) {\n events.forEach(([event, listener]) =>\n target.removeEventListener(event, listener.bind(context)),\n );\n}\n","import { animate } from 'popmotion';\nimport styler from 'stylefire';\n\nexport type GrowOptions = {\n /** How long the animation should take in ms @default 200 */\n duration?: number;\n /** The amount to scale the element by @default 0.8 */\n amount?: number;\n /** Whether to include a fade effect in the animation @default true */\n hasFade?: boolean;\n};\n\nconst useGrow = (\n node: HTMLElement,\n { duration = 200, amount = 0.8, hasFade = true }: GrowOptions = {},\n) => {\n const nodeStyler = styler(node);\n\n /**\n * Will animate the scale and optionally the opacity to make the element grow and fade in,\n * and removes the scale and opacity style attributes once complete.\n */\n function growIn() {\n return new Promise<void>(resolve => {\n animate({\n from: { opacity: hasFade ? 0 : 1, scale: amount },\n to: { opacity: 1, scale: 1 },\n duration,\n onUpdate(latest) {\n const updates = {\n scale: latest.scale,\n };\n if (hasFade) {\n updates['opacity'] = latest.opacity;\n }\n nodeStyler.set(updates);\n },\n onComplete() {\n resolve();\n if (hasFade) {\n node.style.removeProperty('opacity');\n }\n node.style.removeProperty('transform');\n },\n });\n });\n }\n\n /**\n * Applies the growOut styles without animating, useful when the initial\n * state is hidden.\n */\n function setGrowOut() {\n node.style.transform = `scale(${amount})`;\n if (hasFade) {\n node.style.opacity = '0';\n }\n }\n\n /**\n * Applies the growIn styles without animating, useful when the initial\n * state is visible.\n */\n function setGrowIn() {\n node.style.transform = `scale(1)`;\n if (hasFade) {\n node.style.opacity = '1';\n }\n }\n\n /**\n * Will animate the scale and optionally the opacity to make the element shrink and fade out,\n * leaving the scale and opacity styles on the element.\n */\n function growOut() {\n return new Promise<void>(resolve => {\n animate({\n from: { opacity: 1, scale: 1 },\n to: { opacity: hasFade ? 0 : 1, scale: amount },\n duration,\n onUpdate(latest) {\n const updates = {\n scale: latest.scale,\n };\n if (hasFade) {\n updates['opacity'] = latest.opacity;\n }\n nodeStyler.set(updates);\n },\n onComplete() {\n resolve();\n },\n });\n });\n }\n\n return {\n growIn,\n growOut,\n setGrowOut,\n setGrowIn,\n };\n};\n\nexport { useGrow };\n"],"mappings":"iFAQgBA,EACdC,EACAC,EACAC,GAEAF,EAAOG,SAAQ,EAAEC,EAAOC,KACtBJ,EAAOK,iBAAiBF,EAAOC,EAASE,KAAKL,KAEjD,C,SAQgBM,EACdR,EACAC,EACAC,GAEAF,EAAOG,SAAQ,EAAEC,EAAOC,KACtBJ,EAAOQ,oBAAoBL,EAAOC,EAASE,KAAKL,KAEpD,C,yFCpBMQ,EAAU,CACdC,GACEC,WAAW,IAAKC,SAAS,GAAKC,UAAU,MAAsB,MAEhE,MAAMC,EAAaC,EAAOL,GAM1B,SAASM,IACP,OAAO,IAAIC,SAAcC,IACvBC,EAAQ,CACNC,KAAM,CAAEC,QAASR,EAAU,EAAI,EAAGS,MAAOV,GACzCW,GAAI,CAAEF,QAAS,EAAGC,MAAO,GACzBX,WACA,QAAAa,CAASC,GACP,MAAMC,EAAU,CACdJ,MAAOG,EAAOH,OAEhB,GAAIT,EAAS,CACXa,EAAQ,WAAaD,EAAOJ,O,CAE9BP,EAAWa,IAAID,E,EAEjB,UAAAE,GACEV,IACA,GAAIL,EAAS,CACXH,EAAKmB,MAAMC,eAAe,U,CAE5BpB,EAAKmB,MAAMC,eAAe,Y,GAE5B,G,CAQN,SAASC,IACPrB,EAAKmB,MAAMG,UAAY,SAASpB,KAChC,GAAIC,EAAS,CACXH,EAAKmB,MAAMR,QAAU,G,EAQzB,SAASY,IACPvB,EAAKmB,MAAMG,UAAY,WACvB,GAAInB,EAAS,CACXH,EAAKmB,MAAMR,QAAU,G,EAQzB,SAASa,IACP,OAAO,IAAIjB,SAAcC,IACvBC,EAAQ,CACNC,KAAM,CAAEC,QAAS,EAAGC,MAAO,GAC3BC,GAAI,CAAEF,QAASR,EAAU,EAAI,EAAGS,MAAOV,GACvCD,WACA,QAAAa,CAASC,GACP,MAAMC,EAAU,CACdJ,MAAOG,EAAOH,OAEhB,GAAIT,EAAS,CACXa,EAAQ,WAAaD,EAAOJ,O,CAE9BP,EAAWa,IAAID,E,EAEjB,UAAAE,GACEV,G,GAEF,G,CAIN,MAAO,CACLF,SACAkB,UACAH,aACAE,YACD,S","ignoreList":[]}
|