@leavepulse/ui 0.43.4 → 0.44.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/README.md +75 -7
- package/dist/assets/{LpCommandPalette-B-0Est4Z.css → LpCommandPalette-DCP5g2ik.css} +21 -21
- package/dist/assets/{LpDropzone-BBoWvi-J.css → LpDropzone-i4BdMi1H.css} +12 -12
- package/dist/assets/{LpImageEditor-Ct7Y3aNu.css → LpImageEditor-CbMA82g8.css} +6 -6
- package/dist/assets/{LpShortcutsDialog-C6YoQ8_M.css → LpShortcutsDialog-ChUyU7oV.css} +7 -7
- package/dist/assets/{LpSkeleton-D7xU8IPV.css → LpSkeleton-H3Z5dEIk.css} +4 -1
- package/dist/assets/{LpTable-BgPLJOXa.css → LpTable-DDQNdf86.css} +9 -9
- package/dist/chunks/ContextMenuItems-CrfeNPWT.js +123 -0
- package/dist/chunks/{LayoutCanvas-Dd20boUG.js → LayoutCanvas-D-jPOAvg.js} +26 -9
- package/dist/chunks/{LayoutNode-DGpZA9LX.js → LayoutNode-D8Xy9N-o.js} +20 -8
- package/dist/chunks/{LpActionBar-BlvtGB2P.js → LpActionBar-BbwCF6l5.js} +24 -10
- package/dist/chunks/{LpAddressInput-B-Zvxsn7.js → LpAddressInput-BrOqkZqg.js} +53 -48
- package/dist/chunks/{LpAlert-BAYHDSS1.js → LpAlert-DkOIjsbq.js} +15 -8
- package/dist/chunks/{LpAppShell-BGQVIY-3.js → LpAppShell-BUKPcHco.js} +51 -24
- package/dist/chunks/{LpAutocomplete-DExlIZe_.js → LpAutocomplete-DxV3Y9h4.js} +50 -23
- package/dist/chunks/{LpAvatar-B3-xAOH3.js → LpAvatar-ClBbEYZN.js} +17 -8
- package/dist/chunks/LpBreadcrumbs-B8IJgFIc.js +95 -0
- package/dist/chunks/{LpButton-5VXXCjwF.js → LpButton-kqJBHIIb.js} +44 -14
- package/dist/chunks/{LpCard-BhI1N_vL.js → LpCard-CpRByR0q.js} +1 -1
- package/dist/chunks/{LpCheckbox-CVccKYaH.js → LpCheckbox-DpqchzH4.js} +7 -3
- package/dist/chunks/{LpCodeBlock-Bo0B4TFR.js → LpCodeBlock-DeHJPq7p.js} +48 -16
- package/dist/chunks/{LpColorPicker-BlXea7LM.js → LpColorPicker-Bhf1qxhB.js} +32 -9
- package/dist/chunks/{LpConfirmDialog-Q-bxff8z.js → LpConfirmDialog-CIUOSnWo.js} +58 -16
- package/dist/chunks/LpConfirmHost-CDm0Wtpv.js +49 -0
- package/dist/chunks/LpContextMenu-DQw5dGfG.js +68 -0
- package/dist/chunks/LpDatePicker-Drirx1AK.js +191 -0
- package/dist/chunks/{LpDrawer-BZ6k3hvo.js → LpDrawer-bScx-KMO.js} +63 -26
- package/dist/chunks/{LpFileTree-_5vFBgaK.js → LpFileTree-CSI_5SK2.js} +23 -8
- package/dist/chunks/{LpFileTreeNode-BdcIYKIE.js → LpFileTreeNode-B4MiSQX2.js} +2 -2
- package/dist/chunks/LpFormField-CIk5qosh.js +87 -0
- package/dist/chunks/{LpInput-9EXWUM9B.js → LpInput-C0e8y8_d.js} +26 -11
- package/dist/chunks/{LpLightbox-2sYVMY-S.js → LpLightbox-Mr0W_6HK.js} +147 -60
- package/dist/chunks/{LpLink-DCND-zyu.js → LpLink-Krkjhe_y.js} +15 -6
- package/dist/chunks/{LpLogViewer-CaRy5MeS.js → LpLogViewer-YBOaFnc_.js} +68 -34
- package/dist/chunks/{LpMapPicker-ul4oYno6.js → LpMapPicker-NUzS9e37.js} +38 -13
- package/dist/chunks/{LpMediaGallery-FF-NquIo.js → LpMediaGallery-DfJmMW0I.js} +6 -3
- package/dist/chunks/{LpModal-Bt0pQCI_.js → LpModal-DPwGKBPv.js} +49 -26
- package/dist/chunks/{LpModalNav-YaifHrXC.js → LpModalNav-DPg5H9f3.js} +9 -6
- package/dist/chunks/{LpNotificationBell-DyGGsMAM.js → LpNotificationBell-t5yn-siX.js} +58 -24
- package/dist/chunks/{LpNumberField-CWuX08iX.js → LpNumberField-DWnQKktS.js} +20 -7
- package/dist/chunks/{LpNumberFlow-amWYaeuA.js → LpNumberFlow-z4WPZcZu.js} +22 -12
- package/dist/chunks/{LpOtpInput-y2v-pmiN.js → LpOtpInput-CziPF3Oq.js} +37 -8
- package/dist/chunks/{LpPagination-5FxjmmB5.js → LpPagination-DFngX7Xo.js} +30 -19
- package/dist/chunks/{LpPasswordInput--sjYCkLS.js → LpPasswordInput-CWVDuBJ5.js} +10 -7
- package/dist/chunks/{LpPhoneInput-BDSKVl_z.js → LpPhoneInput-CD-ZTeSd.js} +57 -33
- package/dist/chunks/{LpPie-D6OnzwlJ.js → LpPie-BLco31Nx.js} +78 -21
- package/dist/chunks/{LpPopover-8268UmlC.js → LpPopover-p_e_shN3.js} +4 -2
- package/dist/chunks/{LpProgress-Btq5W4Ut.js → LpProgress-CBU1iI69.js} +5 -4
- package/dist/chunks/{LpRadioGroup-xPIuVDO_.js → LpRadioGroup-DmEW0l78.js} +9 -2
- package/dist/chunks/{LpSegmented-fV0Sk92p.js → LpSegmented-Dejd7cIx.js} +7 -3
- package/dist/chunks/{LpSelect-ANIVtrpM.js → LpSelect-DrRD9I7L.js} +40 -18
- package/dist/chunks/{LpSidebar-ClBUwoEz.js → LpSidebar-BgwUNWpJ.js} +30 -22
- package/dist/chunks/{LpSidebarNav-llOcs_Fn.js → LpSidebarNav-Bqxz8aWT.js} +14 -9
- package/dist/chunks/{LpSkeleton-CTI-vBgW.js → LpSkeleton-BB6XIV-w.js} +1 -1
- package/dist/chunks/{LpSlider-BwNIBkAK.js → LpSlider-Cuzmrd7p.js} +7 -2
- package/dist/chunks/{LpSparkline-C6xQ2dwv.js → LpSparkline-CB80N8SJ.js} +11 -4
- package/dist/chunks/{LpStat-CQaW8R--.js → LpStat-dXtyrdX9.js} +1 -1
- package/dist/chunks/{LpSwitch-Blizvqyt.js → LpSwitch-B1aLKulj.js} +40 -26
- package/dist/chunks/{LpTableOfContents-CjvxPMpU.js → LpTableOfContents-BUcAfGPQ.js} +36 -41
- package/dist/chunks/{LpTabs-Cefe_lys.js → LpTabs-_qMVaZJ6.js} +19 -5
- package/dist/chunks/LpTextarea-yP8hGedR.js +77 -0
- package/dist/chunks/LpThemeProvider-Wjm7Tuit.js +35 -0
- package/dist/chunks/LpThemeSwitcher-CKLc10KZ.js +169 -0
- package/dist/chunks/{LpTilt-DuyKbpkA.js → LpTilt-B7KHX1zH.js} +2 -2
- package/dist/chunks/{LpTimeField-K6nAGboX.js → LpTimeField-C5HRgS5H.js} +13 -7
- package/dist/chunks/{LpToaster-gDB1EaU3.js → LpToaster--oT6lfhL.js} +57 -28
- package/dist/chunks/{LpTooltip-hCLPAqMG.js → LpTooltip-CBdzeKNf.js} +13 -6
- package/dist/chunks/LpTooltipProvider-CftjV7Xc.js +25 -0
- package/dist/chunks/{LpTopologyCanvas-Cm1L39uL.js → LpTopologyCanvas-DocsLal3.js} +6 -1
- package/dist/chunks/{LpUptimeBar-DvAMno0S.js → LpUptimeBar-DLtxOMRy.js} +43 -14
- package/dist/chunks/{LpThemeSwitcher-Cue-myST.js → useTheme-C8JHUlPM.js} +173 -215
- package/dist/component-names.d.ts +1 -1
- package/dist/components/ContextMenuItems.vue.d.ts +8 -0
- package/dist/components/ContextMenuItems.vue.js +4 -0
- package/dist/components/LayoutCanvas.vue.js +1 -1
- package/dist/components/LayoutNode.vue.d.ts +4 -0
- package/dist/components/LayoutNode.vue.js +1 -1
- package/dist/components/LpActionBar.vue.d.ts +3 -0
- package/dist/components/LpActionBar.vue.js +1 -1
- package/dist/components/LpAddressInput.vue.d.ts +1 -1
- package/dist/components/LpAddressInput.vue.js +1 -1
- package/dist/components/LpAlert.vue.d.ts +9 -0
- package/dist/components/LpAlert.vue.js +1 -1
- package/dist/components/LpAppShell.vue.d.ts +10 -0
- package/dist/components/LpAppShell.vue.js +1 -1
- package/dist/components/LpAutocomplete.vue.d.ts +31 -6
- package/dist/components/LpAutocomplete.vue.js +1 -1
- package/dist/components/LpAvatar.vue.d.ts +3 -3
- package/dist/components/LpAvatar.vue.js +1 -1
- package/dist/components/LpBadge.vue.d.ts +2 -2
- package/dist/components/LpBreadcrumbs.vue.d.ts +13 -9
- package/dist/components/LpBreadcrumbs.vue.js +1 -1
- package/dist/components/LpButton.vue.d.ts +35 -98
- package/dist/components/LpButton.vue.js +1 -1
- package/dist/components/LpCard.vue.js +1 -1
- package/dist/components/LpChart.vue.d.ts +31 -2
- package/dist/components/LpChart.vue.js +317 -95
- package/dist/components/LpCheckbox.vue.js +1 -1
- package/dist/components/LpCodeBlock.vue.d.ts +2 -0
- package/dist/components/LpCodeBlock.vue.js +1 -1
- package/dist/components/LpColorPicker.vue.js +1 -1
- package/dist/components/LpCommandPalette.vue.d.ts +8 -3
- package/dist/components/LpCommandPalette.vue.js +86 -72
- package/dist/components/LpConfirmDialog.vue.d.ts +15 -3
- package/dist/components/LpConfirmDialog.vue.js +1 -1
- package/dist/components/LpConfirmHost.vue.d.ts +9 -0
- package/dist/components/LpConfirmHost.vue.js +4 -0
- package/dist/components/LpContextMenu.vue.d.ts +3 -5
- package/dist/components/LpContextMenu.vue.js +1 -1
- package/dist/components/LpDatePicker.vue.d.ts +24 -6
- package/dist/components/LpDatePicker.vue.js +1 -1
- package/dist/components/LpDrawer.vue.d.ts +10 -0
- package/dist/components/LpDrawer.vue.js +1 -1
- package/dist/components/LpDropzone.vue.js +22 -6
- package/dist/components/LpFileTree.vue.d.ts +11 -2
- package/dist/components/LpFileTree.vue.js +1 -1
- package/dist/components/LpFileTreeNode.vue.js +1 -1
- package/dist/components/LpFormField.vue.d.ts +9 -0
- package/dist/components/LpFormField.vue.js +1 -1
- package/dist/components/LpImageEditor.vue.js +92 -57
- package/dist/components/LpInput.vue.d.ts +3 -3
- package/dist/components/LpInput.vue.js +1 -1
- package/dist/components/LpLightbox.vue.d.ts +17 -0
- package/dist/components/LpLightbox.vue.js +1 -1
- package/dist/components/LpLink.vue.d.ts +11 -11
- package/dist/components/LpLink.vue.js +1 -1
- package/dist/components/LpLogViewer.vue.d.ts +20 -2
- package/dist/components/LpLogViewer.vue.js +1 -1
- package/dist/components/LpMapPicker.vue.d.ts +4 -4
- package/dist/components/LpMapPicker.vue.js +1 -1
- package/dist/components/LpMediaGallery.vue.js +1 -1
- package/dist/components/LpModal.vue.d.ts +16 -6
- package/dist/components/LpModal.vue.js +1 -1
- package/dist/components/LpModalNav.vue.d.ts +0 -1
- package/dist/components/LpModalNav.vue.js +1 -1
- package/dist/components/LpNotificationBell.vue.d.ts +11 -2
- package/dist/components/LpNotificationBell.vue.js +1 -1
- package/dist/components/LpNumberField.vue.d.ts +2 -0
- package/dist/components/LpNumberField.vue.js +1 -1
- package/dist/components/LpNumberFlow.vue.js +1 -1
- package/dist/components/LpOtpInput.vue.js +1 -1
- package/dist/components/LpPagination.vue.d.ts +2 -0
- package/dist/components/LpPagination.vue.js +1 -1
- package/dist/components/LpPasswordInput.vue.js +1 -1
- package/dist/components/LpPhoneInput.vue.js +1 -1
- package/dist/components/LpPie.vue.d.ts +21 -2
- package/dist/components/LpPie.vue.js +1 -1
- package/dist/components/LpPopover.vue.d.ts +2 -0
- package/dist/components/LpPopover.vue.js +1 -1
- package/dist/components/LpProgress.vue.js +1 -1
- package/dist/components/LpRadioGroup.vue.js +1 -1
- package/dist/components/LpSection.vue.d.ts +1 -1
- package/dist/components/LpSegmented.vue.d.ts +5 -0
- package/dist/components/LpSegmented.vue.js +1 -1
- package/dist/components/LpSelect.vue.d.ts +1 -0
- package/dist/components/LpSelect.vue.js +1 -1
- package/dist/components/LpShortcutsDialog.vue.d.ts +1 -1
- package/dist/components/LpShortcutsDialog.vue.js +11 -8
- package/dist/components/LpSidebar.vue.d.ts +6 -2
- package/dist/components/LpSidebar.vue.js +1 -1
- package/dist/components/LpSidebarNav.vue.js +1 -1
- package/dist/components/LpSkeleton.vue.js +1 -1
- package/dist/components/LpSlider.vue.js +1 -1
- package/dist/components/LpSparkline.vue.d.ts +1 -0
- package/dist/components/LpSparkline.vue.js +1 -1
- package/dist/components/LpStat.vue.js +1 -1
- package/dist/components/LpSwitch.vue.js +1 -1
- package/dist/components/LpTable.vue.d.ts +23 -1
- package/dist/components/LpTable.vue.js +74 -36
- package/dist/components/LpTableOfContents.vue.d.ts +4 -2
- package/dist/components/LpTableOfContents.vue.js +1 -1
- package/dist/components/LpTabs.vue.d.ts +2 -0
- package/dist/components/LpTabs.vue.js +1 -1
- package/dist/components/LpTextarea.vue.d.ts +19 -6
- package/dist/components/LpTextarea.vue.js +1 -1
- package/dist/components/LpThemeProvider.vue.d.ts +22 -0
- package/dist/components/LpThemeProvider.vue.js +4 -0
- package/dist/components/LpThemeSwitcher.vue.d.ts +13 -0
- package/dist/components/LpThemeSwitcher.vue.js +1 -1
- package/dist/components/LpTilt.vue.js +1 -1
- package/dist/components/LpTimeField.vue.js +1 -1
- package/dist/components/LpToaster.vue.d.ts +6 -1
- package/dist/components/LpToaster.vue.js +1 -1
- package/dist/components/LpTooltip.vue.d.ts +1 -2
- package/dist/components/LpTooltip.vue.js +1 -1
- package/dist/components/LpTooltipProvider.vue.d.ts +22 -0
- package/dist/components/LpTooltipProvider.vue.js +4 -0
- package/dist/components/LpTopologyCanvas.vue.js +1 -1
- package/dist/components/LpUptimeBar.vue.d.ts +4 -0
- package/dist/components/LpUptimeBar.vue.js +1 -1
- package/dist/components/chart.d.ts +32 -1
- package/dist/components/chart.js +39 -4
- package/dist/components/codeHighlight.d.ts +6 -0
- package/dist/components/codeHighlight.js +92 -20
- package/dist/components/color.d.ts +1 -1
- package/dist/components/color.js +20 -9
- package/dist/components/confirm.d.ts +25 -0
- package/dist/components/confirm.js +26 -0
- package/dist/components/countries.d.ts +6 -0
- package/dist/components/countries.js +7 -0
- package/dist/components/fileTree.js +16 -7
- package/dist/components/imageCrop.d.ts +42 -0
- package/dist/components/imageCrop.js +47 -0
- package/dist/components/link.d.ts +12 -0
- package/dist/components/link.js +19 -0
- package/dist/components/modalDepth.d.ts +18 -2
- package/dist/components/modalDepth.js +17 -5
- package/dist/components/otp.d.ts +5 -0
- package/dist/components/otp.js +10 -0
- package/dist/components/sidebar.d.ts +7 -1
- package/dist/components/tableSort.d.ts +8 -0
- package/dist/components/tableSort.js +31 -0
- package/dist/composables/useField.d.ts +34 -0
- package/dist/composables/useField.js +45 -0
- package/dist/composables/useFormDraft.d.ts +10 -3
- package/dist/composables/useFormDraft.js +9 -14
- package/dist/composables/useHotkeys.d.ts +17 -1
- package/dist/composables/useHotkeys.js +55 -18
- package/dist/composables/useInputFilter.d.ts +17 -0
- package/dist/composables/useInputFilter.js +47 -10
- package/dist/composables/useLpConfig.d.ts +24 -0
- package/dist/composables/useLpConfig.js +44 -0
- package/dist/composables/useRovingFocus.js +7 -0
- package/dist/composables/useTilt.d.ts +2 -2
- package/dist/composables/useTilt.js +5 -6
- package/dist/composables/useToast.d.ts +20 -0
- package/dist/composables/useToast.js +28 -4
- package/dist/composables/useZoomPan.d.ts +3 -3
- package/dist/composables/useZoomPan.js +4 -4
- package/dist/index.d.ts +32 -2
- package/dist/index.js +184 -137
- package/dist/layout/tree.d.ts +2 -0
- package/dist/layout/tree.js +16 -1
- package/dist/layout/useLayout.d.ts +15 -0
- package/dist/layout/useLayout.js +41 -14
- package/dist/theme/useTheme.d.ts +32 -9
- package/package.json +8 -7
- package/src/component-names.ts +5 -7
- package/src/components/ContextMenuItems.vue +88 -0
- package/src/components/LayoutCanvas.vue +26 -6
- package/src/components/LayoutNode.vue +19 -2
- package/src/components/LpActionBar.vue +30 -7
- package/src/components/LpAddressInput.vue +57 -41
- package/src/components/LpAlert.vue +16 -3
- package/src/components/LpAppShell.vue +45 -12
- package/src/components/LpAutocomplete.vue +46 -10
- package/src/components/LpAvatar.vue +19 -5
- package/src/components/LpBreadcrumbs.vue +65 -41
- package/src/components/LpButton.vue +59 -13
- package/src/components/LpChart.vue +272 -28
- package/src/components/LpCheckbox.vue +7 -3
- package/src/components/LpCodeBlock.vue +50 -14
- package/src/components/LpColorPicker.vue +39 -9
- package/src/components/LpCommandPalette.vue +34 -13
- package/src/components/LpConfirmDialog.vue +68 -17
- package/src/components/LpConfirmHost.vue +59 -0
- package/src/components/LpContextMenu.vue +14 -115
- package/src/components/LpDatePicker.vue +99 -68
- package/src/components/LpDrawer.vue +56 -19
- package/src/components/LpDropzone.vue +21 -4
- package/src/components/LpFileTree.vue +33 -7
- package/src/components/LpFormField.vue +30 -7
- package/src/components/LpImageEditor.vue +96 -57
- package/src/components/LpInput.vue +18 -7
- package/src/components/LpLightbox.vue +140 -29
- package/src/components/LpLink.vue +24 -13
- package/src/components/LpLogViewer.vue +86 -17
- package/src/components/LpMapPicker.vue +36 -13
- package/src/components/LpMediaGallery.vue +8 -2
- package/src/components/LpModal.vue +53 -27
- package/src/components/LpModalNav.vue +5 -2
- package/src/components/LpNotificationBell.vue +63 -17
- package/src/components/LpNumberField.vue +21 -6
- package/src/components/LpNumberFlow.vue +26 -10
- package/src/components/LpOtpInput.vue +43 -8
- package/src/components/LpPagination.vue +23 -7
- package/src/components/LpPasswordInput.vue +4 -1
- package/src/components/LpPhoneInput.vue +53 -27
- package/src/components/LpPie.vue +94 -15
- package/src/components/LpPopover.vue +3 -0
- package/src/components/LpProgress.vue +5 -3
- package/src/components/LpRadioGroup.vue +9 -2
- package/src/components/LpSegmented.vue +12 -2
- package/src/components/LpSelect.vue +0 -0
- package/src/components/LpShortcutsDialog.vue +8 -3
- package/src/components/LpSidebar.vue +14 -9
- package/src/components/LpSidebarNav.vue +17 -5
- package/src/components/LpSkeleton.vue +4 -1
- package/src/components/LpSlider.vue +7 -1
- package/src/components/LpSparkline.vue +11 -3
- package/src/components/LpSwitch.vue +30 -7
- package/src/components/LpTable.vue +91 -32
- package/src/components/LpTableOfContents.vue +50 -32
- package/src/components/LpTabs.vue +23 -6
- package/src/components/LpTextarea.vue +44 -6
- package/src/components/LpThemeProvider.vue +41 -0
- package/src/components/LpThemeSwitcher.vue +64 -17
- package/src/components/LpTilt.vue +2 -2
- package/src/components/LpTimeField.vue +14 -3
- package/src/components/LpToaster.vue +66 -26
- package/src/components/LpTooltip.vue +22 -5
- package/src/components/LpTooltipProvider.vue +24 -0
- package/src/components/LpTopologyCanvas.vue +12 -1
- package/src/components/LpUptimeBar.vue +46 -8
- package/src/components/chart.ts +77 -5
- package/src/components/codeHighlight.ts +111 -15
- package/src/components/color.ts +30 -9
- package/src/components/confirm.ts +58 -0
- package/src/components/countries.ts +12 -0
- package/src/components/fileTree.ts +19 -7
- package/src/components/imageCrop.ts +107 -0
- package/src/components/link.ts +34 -0
- package/src/components/modalDepth.ts +48 -6
- package/src/components/otp.ts +16 -0
- package/src/components/sidebar.ts +7 -1
- package/src/components/tableSort.ts +37 -0
- package/src/composables/useField.ts +79 -0
- package/src/composables/useFormDraft.ts +25 -20
- package/src/composables/useHotkeys.ts +89 -18
- package/src/composables/useInputFilter.ts +77 -14
- package/src/composables/useLpConfig.ts +87 -0
- package/src/composables/useRovingFocus.ts +11 -0
- package/src/composables/useTilt.ts +5 -6
- package/src/composables/useToast.ts +56 -4
- package/src/composables/useZoomPan.ts +6 -6
- package/src/index.ts +37 -2
- package/src/layout/tree.ts +30 -0
- package/src/layout/useLayout.ts +68 -18
- package/src/nuxt.ts +59 -17
- package/src/runtime/config.plugin.ts +14 -0
- package/src/runtime/theme.plugin.ts +42 -22
- package/src/theme/useTheme.ts +206 -100
- package/dist/chunks/LpBreadcrumbs-p4jHe_V-.js +0 -62
- package/dist/chunks/LpContextMenu-CwW1QXe_.js +0 -217
- package/dist/chunks/LpDatePicker-CwOToxGq.js +0 -164
- package/dist/chunks/LpFormField-CazBc2-a.js +0 -62
- package/dist/chunks/LpTextarea-t7F6gv8E.js +0 -47
|
@@ -1,217 +0,0 @@
|
|
|
1
|
-
import { defineComponent, computed, renderSlot, openBlock, createBlock, unref, withCtx, createVNode, normalizeClass, createElementBlock, Fragment, renderList, createCommentVNode, createElementVNode, createTextVNode, toDisplayString, withModifiers } from "vue";
|
|
2
|
-
import { ContextMenuRoot, ContextMenuTrigger, ContextMenuPortal, ContextMenuContent, ContextMenuSeparator, ContextMenuSub, ContextMenuSubTrigger, ContextMenuSubContent, ContextMenuItem } from "reka-ui";
|
|
3
|
-
import { POPOVER_PANEL } from "../components/dropdown.js";
|
|
4
|
-
import { _ as _sfc_main$1 } from "./LpIcon-CCnX5_2j.js";
|
|
5
|
-
const _hoisted_1 = { class: "flex items-center gap-2" };
|
|
6
|
-
const _hoisted_2 = { class: "flex items-center gap-2" };
|
|
7
|
-
const _hoisted_3 = {
|
|
8
|
-
key: 0,
|
|
9
|
-
class: "text-xs text-muted"
|
|
10
|
-
};
|
|
11
|
-
const _hoisted_4 = { class: "flex items-center gap-2" };
|
|
12
|
-
const _hoisted_5 = {
|
|
13
|
-
key: 0,
|
|
14
|
-
class: "text-xs text-muted"
|
|
15
|
-
};
|
|
16
|
-
const _hoisted_6 = { class: "flex items-center gap-2" };
|
|
17
|
-
const _hoisted_7 = {
|
|
18
|
-
key: 0,
|
|
19
|
-
class: "text-xs text-muted"
|
|
20
|
-
};
|
|
21
|
-
const _hoisted_8 = { class: "flex items-center gap-2" };
|
|
22
|
-
const _hoisted_9 = {
|
|
23
|
-
key: 0,
|
|
24
|
-
class: "text-xs text-muted"
|
|
25
|
-
};
|
|
26
|
-
const ITEM = "group/item flex cursor-pointer select-none items-center gap-2 rounded-md px-2.5 py-1.5 text-sm outline-none transition-[background-color,color] duration-[var(--duration-fast)] data-[disabled]:pointer-events-none data-[disabled]:opacity-45 data-[highlighted]:bg-brand-soft";
|
|
27
|
-
const ICON = "transition-transform duration-[var(--duration-fast)] ease-[var(--ease-emphasized)] group-data-[highlighted]/item:translate-x-0.5";
|
|
28
|
-
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
29
|
-
__name: "LpContextMenu",
|
|
30
|
-
props: {
|
|
31
|
-
items: {},
|
|
32
|
-
always: { type: Boolean }
|
|
33
|
-
},
|
|
34
|
-
setup(__props) {
|
|
35
|
-
const props = __props;
|
|
36
|
-
const enabled = computed(() => props.always || props.items.length > 0);
|
|
37
|
-
const PANEL = `${POPOVER_PANEL} z-(--z-popover) min-w-48 p-1 outline-none`;
|
|
38
|
-
const SELECTABLE = /* @__PURE__ */ new Set(["text", "search", "url", "tel", "password"]);
|
|
39
|
-
let field = null;
|
|
40
|
-
function rememberField() {
|
|
41
|
-
const el = document.activeElement;
|
|
42
|
-
const text = el instanceof HTMLTextAreaElement || el instanceof HTMLInputElement && SELECTABLE.has(el.type);
|
|
43
|
-
field = text ? { el, value: el.value, start: el.selectionStart ?? 0, end: el.selectionEnd ?? 0 } : null;
|
|
44
|
-
}
|
|
45
|
-
function returnFocus(event) {
|
|
46
|
-
const saved = field;
|
|
47
|
-
field = null;
|
|
48
|
-
if (!saved || !saved.el.isConnected) return;
|
|
49
|
-
event.preventDefault();
|
|
50
|
-
saved.el.focus();
|
|
51
|
-
if (saved.el.value === saved.value) saved.el.setSelectionRange(saved.start, saved.end);
|
|
52
|
-
}
|
|
53
|
-
return (_ctx, _cache) => {
|
|
54
|
-
return !enabled.value ? renderSlot(_ctx.$slots, "default", { key: 0 }) : (openBlock(), createBlock(unref(ContextMenuRoot), { key: 1 }, {
|
|
55
|
-
default: withCtx(() => [
|
|
56
|
-
createVNode(unref(ContextMenuTrigger), {
|
|
57
|
-
"as-child": "",
|
|
58
|
-
onContextmenuCapture: rememberField
|
|
59
|
-
}, {
|
|
60
|
-
default: withCtx(() => [
|
|
61
|
-
renderSlot(_ctx.$slots, "default")
|
|
62
|
-
]),
|
|
63
|
-
_: 3
|
|
64
|
-
}),
|
|
65
|
-
__props.items.length ? (openBlock(), createBlock(unref(ContextMenuPortal), { key: 0 }, {
|
|
66
|
-
default: withCtx(() => [
|
|
67
|
-
createVNode(unref(ContextMenuContent), {
|
|
68
|
-
class: normalizeClass(PANEL),
|
|
69
|
-
onCloseAutoFocus: returnFocus
|
|
70
|
-
}, {
|
|
71
|
-
default: withCtx(() => [
|
|
72
|
-
(openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item, i) => {
|
|
73
|
-
return openBlock(), createElementBlock(Fragment, { key: i }, [
|
|
74
|
-
item.separatorBefore ? (openBlock(), createBlock(unref(ContextMenuSeparator), {
|
|
75
|
-
key: 0,
|
|
76
|
-
class: "my-1 h-px bg-line"
|
|
77
|
-
})) : createCommentVNode("", true),
|
|
78
|
-
item.children?.length ? (openBlock(), createBlock(unref(ContextMenuSub), { key: 1 }, {
|
|
79
|
-
default: withCtx(() => [
|
|
80
|
-
createVNode(unref(ContextMenuSubTrigger), {
|
|
81
|
-
class: normalizeClass([ITEM, "justify-between text-ink data-[highlighted]:text-brand data-[state=open]:bg-brand-soft data-[state=open]:text-brand"])
|
|
82
|
-
}, {
|
|
83
|
-
default: withCtx(() => [
|
|
84
|
-
createElementVNode("span", _hoisted_1, [
|
|
85
|
-
item.icon ? (openBlock(), createBlock(_sfc_main$1, {
|
|
86
|
-
key: 0,
|
|
87
|
-
name: item.icon,
|
|
88
|
-
size: 15,
|
|
89
|
-
class: normalizeClass(ICON)
|
|
90
|
-
}, null, 8, ["name"])) : createCommentVNode("", true),
|
|
91
|
-
createTextVNode(" " + toDisplayString(item.label), 1)
|
|
92
|
-
]),
|
|
93
|
-
createVNode(_sfc_main$1, {
|
|
94
|
-
name: "lucide:chevron-right",
|
|
95
|
-
size: 14,
|
|
96
|
-
class: "text-muted"
|
|
97
|
-
})
|
|
98
|
-
]),
|
|
99
|
-
_: 2
|
|
100
|
-
}, 1032, ["class"]),
|
|
101
|
-
createVNode(unref(ContextMenuPortal), null, {
|
|
102
|
-
default: withCtx(() => [
|
|
103
|
-
createVNode(unref(ContextMenuSubContent), {
|
|
104
|
-
class: normalizeClass(PANEL),
|
|
105
|
-
"side-offset": 2,
|
|
106
|
-
"align-offset": -4
|
|
107
|
-
}, {
|
|
108
|
-
default: withCtx(() => [
|
|
109
|
-
(openBlock(true), createElementBlock(Fragment, null, renderList(item.children, (sub, j) => {
|
|
110
|
-
return openBlock(), createElementBlock(Fragment, { key: j }, [
|
|
111
|
-
sub.separatorBefore ? (openBlock(), createBlock(unref(ContextMenuSeparator), {
|
|
112
|
-
key: 0,
|
|
113
|
-
class: "my-1 h-px bg-line"
|
|
114
|
-
})) : createCommentVNode("", true),
|
|
115
|
-
sub.checked !== void 0 ? (openBlock(), createBlock(unref(ContextMenuItem), {
|
|
116
|
-
key: 1,
|
|
117
|
-
class: normalizeClass([ITEM, "justify-between text-ink data-[highlighted]:text-brand"]),
|
|
118
|
-
disabled: sub.disabled,
|
|
119
|
-
onSelect: withModifiers(($event) => sub.onSelect?.(), ["prevent"])
|
|
120
|
-
}, {
|
|
121
|
-
default: withCtx(() => [
|
|
122
|
-
createElementVNode("span", _hoisted_2, [
|
|
123
|
-
createVNode(_sfc_main$1, {
|
|
124
|
-
name: sub.checked ? "lucide:check" : "lucide:minus",
|
|
125
|
-
size: 15,
|
|
126
|
-
class: normalizeClass([ICON, sub.checked ? "" : "opacity-25"])
|
|
127
|
-
}, null, 8, ["name", "class"]),
|
|
128
|
-
createTextVNode(" " + toDisplayString(sub.label), 1)
|
|
129
|
-
]),
|
|
130
|
-
sub.shortcut ? (openBlock(), createElementBlock("kbd", _hoisted_3, toDisplayString(sub.shortcut), 1)) : createCommentVNode("", true)
|
|
131
|
-
]),
|
|
132
|
-
_: 2
|
|
133
|
-
}, 1032, ["class", "disabled", "onSelect"])) : (openBlock(), createBlock(unref(ContextMenuItem), {
|
|
134
|
-
key: 2,
|
|
135
|
-
class: normalizeClass([ITEM, "justify-between", sub.danger ? "text-danger data-[highlighted]:bg-danger-soft data-[highlighted]:text-danger" : "text-ink data-[highlighted]:text-brand"]),
|
|
136
|
-
disabled: sub.disabled,
|
|
137
|
-
onSelect: ($event) => sub.onSelect?.()
|
|
138
|
-
}, {
|
|
139
|
-
default: withCtx(() => [
|
|
140
|
-
createElementVNode("span", _hoisted_4, [
|
|
141
|
-
sub.icon ? (openBlock(), createBlock(_sfc_main$1, {
|
|
142
|
-
key: 0,
|
|
143
|
-
name: sub.icon,
|
|
144
|
-
size: 15,
|
|
145
|
-
class: normalizeClass(ICON)
|
|
146
|
-
}, null, 8, ["name"])) : createCommentVNode("", true),
|
|
147
|
-
createTextVNode(" " + toDisplayString(sub.label), 1)
|
|
148
|
-
]),
|
|
149
|
-
sub.shortcut ? (openBlock(), createElementBlock("kbd", _hoisted_5, toDisplayString(sub.shortcut), 1)) : createCommentVNode("", true)
|
|
150
|
-
]),
|
|
151
|
-
_: 2
|
|
152
|
-
}, 1032, ["class", "disabled", "onSelect"]))
|
|
153
|
-
], 64);
|
|
154
|
-
}), 128))
|
|
155
|
-
]),
|
|
156
|
-
_: 2
|
|
157
|
-
}, 1024)
|
|
158
|
-
]),
|
|
159
|
-
_: 2
|
|
160
|
-
}, 1024)
|
|
161
|
-
]),
|
|
162
|
-
_: 2
|
|
163
|
-
}, 1024)) : item.checked !== void 0 ? (openBlock(), createBlock(unref(ContextMenuItem), {
|
|
164
|
-
key: 2,
|
|
165
|
-
class: normalizeClass([ITEM, "justify-between text-ink data-[highlighted]:text-brand"]),
|
|
166
|
-
disabled: item.disabled,
|
|
167
|
-
onSelect: withModifiers(($event) => item.onSelect?.(), ["prevent"])
|
|
168
|
-
}, {
|
|
169
|
-
default: withCtx(() => [
|
|
170
|
-
createElementVNode("span", _hoisted_6, [
|
|
171
|
-
createVNode(_sfc_main$1, {
|
|
172
|
-
name: item.checked ? "lucide:check" : "lucide:minus",
|
|
173
|
-
size: 15,
|
|
174
|
-
class: normalizeClass([ICON, item.checked ? "" : "opacity-25"])
|
|
175
|
-
}, null, 8, ["name", "class"]),
|
|
176
|
-
createTextVNode(" " + toDisplayString(item.label), 1)
|
|
177
|
-
]),
|
|
178
|
-
item.shortcut ? (openBlock(), createElementBlock("kbd", _hoisted_7, toDisplayString(item.shortcut), 1)) : createCommentVNode("", true)
|
|
179
|
-
]),
|
|
180
|
-
_: 2
|
|
181
|
-
}, 1032, ["class", "disabled", "onSelect"])) : (openBlock(), createBlock(unref(ContextMenuItem), {
|
|
182
|
-
key: 3,
|
|
183
|
-
class: normalizeClass([ITEM, "justify-between", item.danger ? "text-danger data-[highlighted]:bg-danger-soft data-[highlighted]:text-danger" : "text-ink data-[highlighted]:text-brand"]),
|
|
184
|
-
disabled: item.disabled,
|
|
185
|
-
onSelect: ($event) => item.onSelect?.()
|
|
186
|
-
}, {
|
|
187
|
-
default: withCtx(() => [
|
|
188
|
-
createElementVNode("span", _hoisted_8, [
|
|
189
|
-
item.icon ? (openBlock(), createBlock(_sfc_main$1, {
|
|
190
|
-
key: 0,
|
|
191
|
-
name: item.icon,
|
|
192
|
-
size: 15,
|
|
193
|
-
class: normalizeClass(ICON)
|
|
194
|
-
}, null, 8, ["name"])) : createCommentVNode("", true),
|
|
195
|
-
createTextVNode(" " + toDisplayString(item.label), 1)
|
|
196
|
-
]),
|
|
197
|
-
item.shortcut ? (openBlock(), createElementBlock("kbd", _hoisted_9, toDisplayString(item.shortcut), 1)) : createCommentVNode("", true)
|
|
198
|
-
]),
|
|
199
|
-
_: 2
|
|
200
|
-
}, 1032, ["class", "disabled", "onSelect"]))
|
|
201
|
-
], 64);
|
|
202
|
-
}), 128))
|
|
203
|
-
]),
|
|
204
|
-
_: 1
|
|
205
|
-
})
|
|
206
|
-
]),
|
|
207
|
-
_: 1
|
|
208
|
-
})) : createCommentVNode("", true)
|
|
209
|
-
]),
|
|
210
|
-
_: 3
|
|
211
|
-
}));
|
|
212
|
-
};
|
|
213
|
-
}
|
|
214
|
-
});
|
|
215
|
-
export {
|
|
216
|
-
_sfc_main as _
|
|
217
|
-
};
|
|
@@ -1,164 +0,0 @@
|
|
|
1
|
-
import { defineComponent, ref, computed, openBlock, createBlock, unref, withCtx, createVNode, createElementVNode, normalizeClass, toDisplayString, createElementBlock, withKeys, withModifiers, createCommentVNode } from "vue";
|
|
2
|
-
import { PopoverRoot, PopoverTrigger, PopoverPortal, PopoverContent } from "reka-ui";
|
|
3
|
-
import { POPOVER_PANEL } from "../components/dropdown.js";
|
|
4
|
-
import { _ as _sfc_main$2 } from "./LpCalendar-B7Ko5RdR.js";
|
|
5
|
-
import { _ as _sfc_main$1 } from "./LpIcon-CCnX5_2j.js";
|
|
6
|
-
import { _ as _sfc_main$3 } from "./LpTimeField-K6nAGboX.js";
|
|
7
|
-
const _hoisted_1 = ["disabled"];
|
|
8
|
-
const _hoisted_2 = ["onKeydown"];
|
|
9
|
-
const _hoisted_3 = {
|
|
10
|
-
key: 0,
|
|
11
|
-
class: "flex items-center gap-2 border-t border-line px-3 py-2"
|
|
12
|
-
};
|
|
13
|
-
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
14
|
-
__name: "LpDatePicker",
|
|
15
|
-
props: {
|
|
16
|
-
modelValue: {},
|
|
17
|
-
placeholder: { default: "Pick a date" },
|
|
18
|
-
min: {},
|
|
19
|
-
max: {},
|
|
20
|
-
isDisabled: {},
|
|
21
|
-
clearable: { type: Boolean },
|
|
22
|
-
disabled: { type: Boolean },
|
|
23
|
-
invalid: { type: Boolean },
|
|
24
|
-
size: { default: "md" },
|
|
25
|
-
format: { default: () => ({ year: "numeric", month: "short", day: "numeric" }) },
|
|
26
|
-
time: { type: Boolean },
|
|
27
|
-
defaultTime: { default: "00:00" },
|
|
28
|
-
doneLabel: { default: "Done" }
|
|
29
|
-
},
|
|
30
|
-
emits: ["update:modelValue"],
|
|
31
|
-
setup(__props, { emit: __emit }) {
|
|
32
|
-
const props = __props;
|
|
33
|
-
const emit = __emit;
|
|
34
|
-
const open = ref(false);
|
|
35
|
-
const day = computed(() => (props.modelValue || "").slice(0, 10));
|
|
36
|
-
const minute = computed(() => {
|
|
37
|
-
const at = (props.modelValue || "").slice(11, 16);
|
|
38
|
-
return /^\d{2}:\d{2}$/.test(at) ? at : "";
|
|
39
|
-
});
|
|
40
|
-
const display = computed(() => {
|
|
41
|
-
if (!props.modelValue) return "";
|
|
42
|
-
const [y, m, d] = day.value.split("-").map(Number);
|
|
43
|
-
if (!y || !m || !d) return props.modelValue;
|
|
44
|
-
const shown = new Intl.DateTimeFormat(void 0, props.format).format(new Date(y, m - 1, d));
|
|
45
|
-
return props.time && minute.value ? `${shown}, ${minute.value}` : shown;
|
|
46
|
-
});
|
|
47
|
-
const shellSize = {
|
|
48
|
-
sm: "h-(--size-control-sm) text-xs",
|
|
49
|
-
md: "h-(--size-control-md) text-sm",
|
|
50
|
-
lg: "h-(--size-control-lg) text-sm"
|
|
51
|
-
};
|
|
52
|
-
function onPick(v) {
|
|
53
|
-
if (!props.time) {
|
|
54
|
-
emit("update:modelValue", v);
|
|
55
|
-
open.value = false;
|
|
56
|
-
return;
|
|
57
|
-
}
|
|
58
|
-
emit("update:modelValue", v ? `${v}T${minute.value || props.defaultTime}` : void 0);
|
|
59
|
-
}
|
|
60
|
-
function onTime(at) {
|
|
61
|
-
if (!day.value) return;
|
|
62
|
-
emit("update:modelValue", `${day.value}T${at || props.defaultTime}`);
|
|
63
|
-
}
|
|
64
|
-
function clear() {
|
|
65
|
-
emit("update:modelValue", void 0);
|
|
66
|
-
}
|
|
67
|
-
return (_ctx, _cache) => {
|
|
68
|
-
return openBlock(), createBlock(unref(PopoverRoot), {
|
|
69
|
-
open: open.value,
|
|
70
|
-
"onUpdate:open": _cache[2] || (_cache[2] = ($event) => open.value = $event)
|
|
71
|
-
}, {
|
|
72
|
-
default: withCtx(() => [
|
|
73
|
-
createVNode(unref(PopoverTrigger), { "as-child": "" }, {
|
|
74
|
-
default: withCtx(() => [
|
|
75
|
-
createElementVNode("button", {
|
|
76
|
-
type: "button",
|
|
77
|
-
disabled: __props.disabled,
|
|
78
|
-
class: normalizeClass(["group flex w-full items-center gap-2 rounded-control border bg-surface-soft px-3 text-left text-ink outline-none transition-colors duration-[var(--duration-fast)] focus-visible:ring-2 focus-visible:ring-ring data-[state=open]:border-brand disabled:cursor-not-allowed disabled:opacity-55", [
|
|
79
|
-
shellSize[__props.size],
|
|
80
|
-
__props.invalid ? "border-danger focus-visible:ring-danger-soft" : "border-line focus-visible:border-brand"
|
|
81
|
-
]])
|
|
82
|
-
}, [
|
|
83
|
-
createVNode(_sfc_main$1, {
|
|
84
|
-
name: "lucide:calendar",
|
|
85
|
-
size: 16,
|
|
86
|
-
class: "shrink-0 text-muted"
|
|
87
|
-
}),
|
|
88
|
-
createElementVNode("span", {
|
|
89
|
-
class: normalizeClass(["min-w-0 flex-1 truncate", display.value ? "" : "text-muted"])
|
|
90
|
-
}, toDisplayString(display.value || __props.placeholder), 3),
|
|
91
|
-
__props.clearable && __props.modelValue && !__props.disabled ? (openBlock(), createElementBlock("span", {
|
|
92
|
-
key: 0,
|
|
93
|
-
role: "button",
|
|
94
|
-
tabindex: "-1",
|
|
95
|
-
"aria-label": "Clear",
|
|
96
|
-
class: "shrink-0 text-muted transition-colors hover:text-ink",
|
|
97
|
-
onClick: withModifiers(clear, ["stop"]),
|
|
98
|
-
onKeydown: withKeys(withModifiers(clear, ["stop"]), ["enter"])
|
|
99
|
-
}, [
|
|
100
|
-
createVNode(_sfc_main$1, {
|
|
101
|
-
name: "lucide:x",
|
|
102
|
-
size: 15
|
|
103
|
-
})
|
|
104
|
-
], 40, _hoisted_2)) : createCommentVNode("", true),
|
|
105
|
-
createVNode(_sfc_main$1, {
|
|
106
|
-
name: "lucide:chevron-down",
|
|
107
|
-
size: 15,
|
|
108
|
-
class: "shrink-0 text-muted transition-transform duration-[var(--duration-fast)] ease-[var(--ease-emphasized)] group-data-[state=open]:rotate-180"
|
|
109
|
-
})
|
|
110
|
-
], 10, _hoisted_1)
|
|
111
|
-
]),
|
|
112
|
-
_: 1
|
|
113
|
-
}),
|
|
114
|
-
createVNode(unref(PopoverPortal), null, {
|
|
115
|
-
default: withCtx(() => [
|
|
116
|
-
createVNode(unref(PopoverContent), {
|
|
117
|
-
"side-offset": 6,
|
|
118
|
-
align: "start",
|
|
119
|
-
class: normalizeClass([unref(POPOVER_PANEL), "z-(--z-popover) rounded-card p-0 outline-none"])
|
|
120
|
-
}, {
|
|
121
|
-
default: withCtx(() => [
|
|
122
|
-
createVNode(_sfc_main$2, {
|
|
123
|
-
"model-value": day.value,
|
|
124
|
-
min: __props.min,
|
|
125
|
-
max: __props.max,
|
|
126
|
-
"is-disabled": __props.isDisabled,
|
|
127
|
-
class: "border-0 bg-transparent",
|
|
128
|
-
"onUpdate:modelValue": onPick
|
|
129
|
-
}, null, 8, ["model-value", "min", "max", "is-disabled"]),
|
|
130
|
-
__props.time ? (openBlock(), createElementBlock("div", _hoisted_3, [
|
|
131
|
-
createVNode(_sfc_main$1, {
|
|
132
|
-
name: "lucide:clock",
|
|
133
|
-
size: 15,
|
|
134
|
-
class: "shrink-0 text-muted"
|
|
135
|
-
}),
|
|
136
|
-
createVNode(_sfc_main$3, {
|
|
137
|
-
"model-value": minute.value || void 0,
|
|
138
|
-
disabled: !day.value,
|
|
139
|
-
icon: false,
|
|
140
|
-
size: "sm",
|
|
141
|
-
class: "flex-1",
|
|
142
|
-
"onUpdate:modelValue": _cache[0] || (_cache[0] = (at) => onTime(at || ""))
|
|
143
|
-
}, null, 8, ["model-value", "disabled"]),
|
|
144
|
-
createElementVNode("button", {
|
|
145
|
-
type: "button",
|
|
146
|
-
class: "shrink-0 rounded-control px-2 py-1 text-xs text-muted transition-colors hover:text-ink",
|
|
147
|
-
onClick: _cache[1] || (_cache[1] = ($event) => open.value = false)
|
|
148
|
-
}, toDisplayString(__props.doneLabel), 1)
|
|
149
|
-
])) : createCommentVNode("", true)
|
|
150
|
-
]),
|
|
151
|
-
_: 1
|
|
152
|
-
}, 8, ["class"])
|
|
153
|
-
]),
|
|
154
|
-
_: 1
|
|
155
|
-
})
|
|
156
|
-
]),
|
|
157
|
-
_: 1
|
|
158
|
-
}, 8, ["open"]);
|
|
159
|
-
};
|
|
160
|
-
}
|
|
161
|
-
});
|
|
162
|
-
export {
|
|
163
|
-
_sfc_main as _
|
|
164
|
-
};
|
|
@@ -1,62 +0,0 @@
|
|
|
1
|
-
import { defineComponent, useId, openBlock, createElementBlock, mergeProps, unref, createBlock, withCtx, createTextVNode, toDisplayString, createCommentVNode, renderSlot, createVNode } from "vue";
|
|
2
|
-
import { Label } from "reka-ui";
|
|
3
|
-
import { _ as _sfc_main$1 } from "./LpShift-DXNsauQZ.js";
|
|
4
|
-
import { useMergedAttrs } from "../composables/useMergedClass.js";
|
|
5
|
-
const _hoisted_1 = {
|
|
6
|
-
key: 0,
|
|
7
|
-
class: "text-danger"
|
|
8
|
-
};
|
|
9
|
-
const _hoisted_2 = {
|
|
10
|
-
key: 0,
|
|
11
|
-
class: "pt-1.5 text-xs text-danger"
|
|
12
|
-
};
|
|
13
|
-
const _hoisted_3 = {
|
|
14
|
-
key: 1,
|
|
15
|
-
class: "pt-1.5 text-xs text-muted"
|
|
16
|
-
};
|
|
17
|
-
const __default__ = { inheritAttrs: false };
|
|
18
|
-
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
19
|
-
...__default__,
|
|
20
|
-
__name: "LpFormField",
|
|
21
|
-
props: {
|
|
22
|
-
label: {},
|
|
23
|
-
hint: {},
|
|
24
|
-
error: {},
|
|
25
|
-
required: { type: Boolean }
|
|
26
|
-
},
|
|
27
|
-
setup(__props) {
|
|
28
|
-
const id = useId();
|
|
29
|
-
const { class: rootClass, attrs: rest } = useMergedAttrs(
|
|
30
|
-
"flex min-w-0 flex-col gap-1.5"
|
|
31
|
-
);
|
|
32
|
-
return (_ctx, _cache) => {
|
|
33
|
-
return openBlock(), createElementBlock("div", mergeProps({ class: unref(rootClass) }, unref(rest)), [
|
|
34
|
-
__props.label ? (openBlock(), createBlock(unref(Label), {
|
|
35
|
-
key: 0,
|
|
36
|
-
for: unref(id),
|
|
37
|
-
class: "text-sm font-medium text-ink"
|
|
38
|
-
}, {
|
|
39
|
-
default: withCtx(() => [
|
|
40
|
-
createTextVNode(toDisplayString(__props.label) + " ", 1),
|
|
41
|
-
__props.required ? (openBlock(), createElementBlock("span", _hoisted_1, "*")) : createCommentVNode("", true)
|
|
42
|
-
]),
|
|
43
|
-
_: 1
|
|
44
|
-
}, 8, ["for"])) : createCommentVNode("", true),
|
|
45
|
-
renderSlot(_ctx.$slots, "default", { id: unref(id) }),
|
|
46
|
-
createVNode(_sfc_main$1, { axis: "height" }, {
|
|
47
|
-
default: withCtx(() => [
|
|
48
|
-
__props.error ? (openBlock(), createElementBlock("p", _hoisted_2, toDisplayString(__props.error), 1)) : __props.hint || _ctx.$slots.hint ? (openBlock(), createElementBlock("p", _hoisted_3, [
|
|
49
|
-
renderSlot(_ctx.$slots, "hint", {}, () => [
|
|
50
|
-
createTextVNode(toDisplayString(__props.hint), 1)
|
|
51
|
-
])
|
|
52
|
-
])) : createCommentVNode("", true)
|
|
53
|
-
]),
|
|
54
|
-
_: 3
|
|
55
|
-
})
|
|
56
|
-
], 16);
|
|
57
|
-
};
|
|
58
|
-
}
|
|
59
|
-
});
|
|
60
|
-
export {
|
|
61
|
-
_sfc_main as _
|
|
62
|
-
};
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
import { defineComponent, computed, openBlock, createBlock, resolveDynamicComponent, normalizeClass, withCtx, createElementVNode } from "vue";
|
|
2
|
-
import { _ as _sfc_main$1 } from "./LpFormField-CazBc2-a.js";
|
|
3
|
-
const _hoisted_1 = ["value", "placeholder", "rows", "disabled", "required"];
|
|
4
|
-
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
5
|
-
__name: "LpTextarea",
|
|
6
|
-
props: {
|
|
7
|
-
modelValue: {},
|
|
8
|
-
placeholder: {},
|
|
9
|
-
rows: {},
|
|
10
|
-
invalid: { type: Boolean },
|
|
11
|
-
disabled: { type: Boolean },
|
|
12
|
-
label: {},
|
|
13
|
-
hint: {},
|
|
14
|
-
error: {},
|
|
15
|
-
required: { type: Boolean }
|
|
16
|
-
},
|
|
17
|
-
emits: ["update:modelValue"],
|
|
18
|
-
setup(__props) {
|
|
19
|
-
const props = __props;
|
|
20
|
-
const hasField = computed(() => !!props.label || !!props.hint || !!props.error);
|
|
21
|
-
return (_ctx, _cache) => {
|
|
22
|
-
return openBlock(), createBlock(resolveDynamicComponent(hasField.value ? _sfc_main$1 : "div"), {
|
|
23
|
-
label: hasField.value ? __props.label : void 0,
|
|
24
|
-
hint: hasField.value ? __props.hint : void 0,
|
|
25
|
-
error: hasField.value ? __props.error : void 0,
|
|
26
|
-
required: hasField.value ? __props.required : void 0,
|
|
27
|
-
class: normalizeClass(hasField.value ? void 0 : "contents")
|
|
28
|
-
}, {
|
|
29
|
-
default: withCtx(() => [
|
|
30
|
-
createElementVNode("textarea", {
|
|
31
|
-
value: __props.modelValue,
|
|
32
|
-
placeholder: __props.placeholder,
|
|
33
|
-
rows: __props.rows ?? 4,
|
|
34
|
-
disabled: __props.disabled,
|
|
35
|
-
required: __props.required || void 0,
|
|
36
|
-
class: normalizeClass(["w-full resize-y rounded-control border bg-surface-soft px-3 py-2 text-sm text-ink outline-none transition-colors duration-[var(--duration-fast)] placeholder:text-muted focus:border-brand focus:ring-2 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-55", __props.invalid || __props.error ? "border-danger focus:border-danger focus:ring-danger-soft" : "border-line"]),
|
|
37
|
-
onInput: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:modelValue", $event.target.value))
|
|
38
|
-
}, null, 42, _hoisted_1)
|
|
39
|
-
]),
|
|
40
|
-
_: 1
|
|
41
|
-
}, 8, ["label", "hint", "error", "required", "class"]);
|
|
42
|
-
};
|
|
43
|
-
}
|
|
44
|
-
});
|
|
45
|
-
export {
|
|
46
|
-
_sfc_main as _
|
|
47
|
-
};
|