@nubisco/ui 5.24.0 → 5.25.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/{AiLabel-BY0-FfJ4.cjs → AiLabel-BMeJMSLm.cjs} +1 -1
- package/dist/{AiLabel-B4nz_8J3.js → AiLabel-CGxUTm-X.js} +1 -1
- package/dist/AiProvider-BVT_8D6a.js +137 -0
- package/dist/AiProvider-BXWMTzi9.cjs +1 -0
- package/dist/AiUsage-CCMQdmZv.cjs +1 -0
- package/dist/AiUsage-q_WU2toP.js +74 -0
- package/dist/{Banner-BrN9hmXi.cjs → Banner-DQyHNDEP.cjs} +1 -1
- package/dist/{Banner-Bm2Hu1ei.js → Banner-r_cdQAMp.js} +4 -4
- package/dist/{BarChart-Cw-mjG2w.cjs → BarChart-CV1GzXgj.cjs} +1 -1
- package/dist/{BarChart-Bhwk1RAA.js → BarChart-DWH40Q0_.js} +4 -4
- package/dist/{Blueprint-CQW7F5Pi.js → Blueprint-CQ0UBrND.js} +2 -2
- package/dist/{Blueprint-BUMkQPNk.cjs → Blueprint-DxHaLr4P.cjs} +1 -1
- package/dist/{BlueprintCard-WpQ3eWHk.js → BlueprintCard-BpVITfop.js} +1 -1
- package/dist/{BlueprintCard-mGd4_94p.cjs → BlueprintCard-ndSnIVKE.cjs} +1 -1
- package/dist/Briefing-B_D0X4pk.cjs +1 -0
- package/dist/Briefing-Ce2nPMi-.js +90 -0
- package/dist/BriefingDestination-CA8Dv-tJ.js +67 -0
- package/dist/BriefingDestination-DIXsBoE2.cjs +1 -0
- package/dist/{Checkbox-CBEwKXH1.js → Checkbox-B3gBM6xy.js} +1 -1
- package/dist/{Checkbox-BvWPRa40.cjs → Checkbox-lWejJzIQ.cjs} +1 -1
- package/dist/{CheckboxGroup-DB8gbqAF.cjs → CheckboxGroup-OKmBXLpx.cjs} +1 -1
- package/dist/{CheckboxGroup-7MPMIbZT.js → CheckboxGroup-VqnA0eDK.js} +3 -3
- package/dist/{ColorStrip-Mm1SOzmg.cjs → ColorStrip-COhVH__l.cjs} +1 -1
- package/dist/{ColorStrip-BMWm-x-l.js → ColorStrip-c5l3AF0f.js} +14 -14
- package/dist/Confirm--cR6XRZQ.cjs +1 -0
- package/dist/Confirm-CHsxP6G_.js +313 -0
- package/dist/{DataTable-CvLbvDFT.js → DataTable-COfiHgll.js} +2 -2
- package/dist/{DataTable-DcS7jvxA.cjs → DataTable-XSEybeeP.cjs} +1 -1
- package/dist/{DatePicker-CjxX5dia.cjs → DatePicker-DIdEzzsG.cjs} +1 -1
- package/dist/{DatePicker-C4g1DKZM.js → DatePicker-ZiWlM0Ee.js} +13 -13
- package/dist/{EmptyState-v_HI2o5s.js → EmptyState-63UqLFX6.js} +6 -6
- package/dist/{EmptyState-CEF56DXZ.cjs → EmptyState-CV-UfKR6.cjs} +1 -1
- package/dist/{Form-DDnR6mdq.js → Form-2pXj4bhZ.js} +1 -1
- package/dist/{Form-DqGhhQKv.cjs → Form-CYesmztD.cjs} +1 -1
- package/dist/{GanttChart-jvuwmy_5.js → GanttChart-BTvjVa_d.js} +3 -3
- package/dist/{GanttChart-Cl-0ml4x.cjs → GanttChart-owqg5s-X.cjs} +1 -1
- package/dist/{ImageCropper-DJjEcz6Q.js → ImageCropper-CLyH3zZ-.js} +2 -2
- package/dist/{ImageCropper-CAqCuBq3.cjs → ImageCropper-DAU0ddvI.cjs} +1 -1
- package/dist/{InlineLoading-COgGKI27.js → InlineLoading-uGDGiTNv.js} +1 -1
- package/dist/{InlineLoading-C3wUvREF.cjs → InlineLoading-w5XKQdGi.cjs} +1 -1
- package/dist/{InterpolationChart-DB8oZyC7.js → InterpolationChart-Bt3_BiHO.js} +3 -3
- package/dist/{InterpolationChart-Dgol9kmR.cjs → InterpolationChart-C2MFUf1D.cjs} +1 -1
- package/dist/{LineChart-DLu7_qcT.js → LineChart-BE5DVpYZ.js} +4 -4
- package/dist/{LineChart-Do_NISVc.cjs → LineChart-Dt7wwxeW.cjs} +1 -1
- package/dist/{Message-CVzG-irA.js → Message-Cecz48PA.js} +4 -4
- package/dist/{Message-CjM5AAf0.cjs → Message-VfpaGblO.cjs} +1 -1
- package/dist/{Modal-b5eV95gR.js → Modal-CfcTmfeK.js} +1 -1
- package/dist/{Modal-stR5KDNF.cjs → Modal-CtCD-xEb.cjs} +1 -1
- package/dist/{NotificationCenter-kHVey4vK.cjs → NotificationCenter-CGhxyax1.cjs} +1 -1
- package/dist/{NotificationCenter-CltJiPh6.js → NotificationCenter-xL9_6BMt.js} +8 -8
- package/dist/{NotificationCenterItem-CXt7QYRf.cjs → NotificationCenterItem-C8zaSiem.cjs} +1 -1
- package/dist/{NotificationCenterItem-CTtvqo3b.js → NotificationCenterItem-CdzyTsCY.js} +4 -4
- package/dist/{NumberInput-Dt5KpjBd.cjs → NumberInput-BtPQ7p5y.cjs} +1 -1
- package/dist/{NumberInput-7hkGoOn3.js → NumberInput-Dk8ofnNJ.js} +2 -2
- package/dist/{Pagination-B284QH7x.js → Pagination-CSISbmpl.js} +1 -1
- package/dist/{Pagination-TcPX4VkA.cjs → Pagination-Ci1te4UW.cjs} +1 -1
- package/dist/{PieChart-yi1830We.js → PieChart-CQBJlBJI.js} +3 -3
- package/dist/{PieChart-hjwH4zpA.cjs → PieChart-DjFeDqdk.cjs} +1 -1
- package/dist/{ProgressBar-DLDd4cTS.js → ProgressBar-B2EXpOdC.js} +2 -2
- package/dist/{ProgressBar-ClrCBpPp.cjs → ProgressBar-D1O4iAxy.cjs} +1 -1
- package/dist/{Radio-DaN5EUk3.cjs → Radio-DALC1A47.cjs} +1 -1
- package/dist/{Radio-vHh-A9Lw.js → Radio-fgJU2hwQ.js} +2 -2
- package/dist/{Select-Cz9AAfUs.cjs → Select-CHuZfqLt.cjs} +1 -1
- package/dist/{Select-DLSDyOoF.js → Select-CwO5aX8j.js} +22 -22
- package/dist/{SidebarCollapseToggle-DeaWpfzA.js → SidebarCollapseToggle-CA6wQR0x.js} +2 -2
- package/dist/{SidebarCollapseToggle-CAfBF3AN.cjs → SidebarCollapseToggle-Cs4Azqiy.cjs} +1 -1
- package/dist/{Skeleton-Bx3VesCp.js → Skeleton-Ba4m2jYi.js} +1 -1
- package/dist/{Skeleton-D62xVkuM.cjs → Skeleton-Bgo6pIY2.cjs} +1 -1
- package/dist/{Slider-r83oBqJW.js → Slider-BAhq6cJT.js} +10 -10
- package/dist/{Slider-Cnpur-g4.cjs → Slider-BK5yS7Ih.cjs} +1 -1
- package/dist/{Spinner-Cex-1DDr.js → Spinner-BxnDJP1H.js} +1 -1
- package/dist/{Spinner-CLflP0Ge.cjs → Spinner-swPRQ7kf.cjs} +1 -1
- package/dist/{Stepper-ww4PLW-u.js → Stepper-BH7RO00M.js} +1 -1
- package/dist/{Stepper-ExfQjnbC.cjs → Stepper-Da0Ba3PE.cjs} +1 -1
- package/dist/{StepperStep-CyDcCslT.cjs → StepperStep-CI482bzO.cjs} +1 -1
- package/dist/{StepperStep-xCnHtaeb.js → StepperStep-CLd8c1dj.js} +1 -1
- package/dist/{Switch-odyGx4iV.js → Switch-DS297b1b.js} +4 -4
- package/dist/{Switch-Bd7OUmEG.cjs → Switch-a73y1wiu.cjs} +1 -1
- package/dist/{Tabs-DAtxkztl.js → Tabs-BzsQiQ2H.js} +1 -1
- package/dist/{Tabs-B7ZYrItJ.cjs → Tabs-D3daz-Xc.cjs} +1 -1
- package/dist/{TextInput-DWXb6yKh.cjs → TextInput-BkCOQWfT.cjs} +2 -2
- package/dist/{TextInput-BOuAvB8K.js → TextInput-Kt2ciMVI.js} +7 -7
- package/dist/{Toast-YEddFrhn.js → Toast-CeGAznEA.js} +8 -8
- package/dist/{Toast-DTDAT-A4.cjs → Toast-Ci4P6mM0.cjs} +1 -1
- package/dist/{Toaster-BpYvPdSk.cjs → Toaster-Cit4iNYG.cjs} +1 -1
- package/dist/{Toaster-Dfi6bj_6.js → Toaster-zIdIFToW.js} +1 -1
- package/dist/{Tree-aN3f3kZP.cjs → Tree-BiqO99_n.cjs} +1 -1
- package/dist/{Tree-BJv3cwiE.js → Tree-ZtXPSE7w.js} +1 -1
- package/dist/{TreeNode-xfWkYDCS.cjs → TreeNode-BcVuy7zd.cjs} +1 -1
- package/dist/{TreeNode-BD_8vNNF.js → TreeNode-HVTTXuRl.js} +1 -1
- package/dist/{UserMenu-C4SoJOF7.js → UserMenu-DuAQ0yne.js} +2 -2
- package/dist/{UserMenu-Cq2dws0F.cjs → UserMenu-FhWFKqzy.cjs} +1 -1
- package/dist/all.cjs +1 -1
- package/dist/all.mjs +201 -193
- package/dist/component-styles.json +29 -0
- package/dist/components/AiLabel.cjs +1 -1
- package/dist/components/AiLabel.mjs +1 -1
- package/dist/components/AiProvider.cjs +1 -0
- package/dist/components/AiProvider.d.ts +29 -0
- package/dist/components/AiProvider.mjs +2 -0
- package/dist/components/AiProvider.vue.d.ts +36 -0
- package/dist/components/AiProvider.vue.d.ts.map +1 -0
- package/dist/components/AiUsage.cjs +1 -0
- package/dist/components/AiUsage.d.ts +29 -0
- package/dist/components/AiUsage.mjs +2 -0
- package/dist/components/AiUsage.vue.d.ts +28 -0
- package/dist/components/AiUsage.vue.d.ts.map +1 -0
- package/dist/components/Avatar.cjs +1 -1
- package/dist/components/Avatar.mjs +1 -1
- package/dist/components/Avatar.vue.d.ts +1 -1
- package/dist/components/Badge.cjs +1 -1
- package/dist/components/Badge.mjs +1 -1
- package/dist/components/Badge.vue.d.ts +1 -1
- package/dist/components/Banner.cjs +1 -1
- package/dist/components/Banner.mjs +1 -1
- package/dist/components/Blueprint.cjs +1 -1
- package/dist/components/Blueprint.mjs +1 -1
- package/dist/components/BlueprintBackground.cjs +1 -1
- package/dist/components/BlueprintBackground.mjs +1 -1
- package/dist/components/BlueprintCard.cjs +1 -1
- package/dist/components/BlueprintCard.mjs +1 -1
- package/dist/components/BlueprintCard.vue.d.ts +1 -1
- package/dist/components/BlueprintControls.cjs +1 -1
- package/dist/components/BlueprintControls.mjs +1 -1
- package/dist/components/BlueprintMinimap.cjs +1 -1
- package/dist/components/BlueprintMinimap.mjs +1 -1
- package/dist/components/Board.cjs +1 -1
- package/dist/components/Board.mjs +1 -1
- package/dist/components/BottomPanel.cjs +1 -1
- package/dist/components/BottomPanel.mjs +1 -1
- package/dist/components/Breadcrumbs.cjs +1 -1
- package/dist/components/Breadcrumbs.mjs +1 -1
- package/dist/components/Briefing.cjs +1 -0
- package/dist/components/Briefing.d.ts +22 -0
- package/dist/components/Briefing.mjs +2 -0
- package/dist/components/Briefing.vue.d.ts +36 -0
- package/dist/components/Briefing.vue.d.ts.map +1 -0
- package/dist/components/BriefingDestination.cjs +1 -0
- package/dist/components/BriefingDestination.d.ts +16 -0
- package/dist/components/BriefingDestination.mjs +2 -0
- package/dist/components/BriefingDestination.vue.d.ts +25 -0
- package/dist/components/BriefingDestination.vue.d.ts.map +1 -0
- package/dist/components/Calendar.cjs +1 -1
- package/dist/components/Calendar.mjs +1 -1
- package/dist/components/Calendar.vue.d.ts +1 -1
- package/dist/components/Charts/BarChart.cjs +1 -1
- package/dist/components/Charts/BarChart.mjs +1 -1
- package/dist/components/Charts/GanttChart.cjs +1 -1
- package/dist/components/Charts/GanttChart.mjs +1 -1
- package/dist/components/Charts/InterpolationChart.cjs +1 -1
- package/dist/components/Charts/InterpolationChart.mjs +1 -1
- package/dist/components/Charts/LineChart.cjs +1 -1
- package/dist/components/Charts/LineChart.mjs +1 -1
- package/dist/components/Charts/PieChart.cjs +1 -1
- package/dist/components/Charts/PieChart.mjs +1 -1
- package/dist/components/Charts/Sparkline.cjs +1 -1
- package/dist/components/Charts/Sparkline.mjs +1 -1
- package/dist/components/Checkbox.cjs +1 -1
- package/dist/components/Checkbox.mjs +1 -1
- package/dist/components/CheckboxGroup.cjs +1 -1
- package/dist/components/CheckboxGroup.mjs +1 -1
- package/dist/components/ColorStrip.cjs +1 -1
- package/dist/components/ColorStrip.mjs +1 -1
- package/dist/components/CommandPalette.cjs +1 -1
- package/dist/components/CommandPalette.mjs +1 -1
- package/dist/components/Confirm.cjs +1 -1
- package/dist/components/Confirm.mjs +1 -1
- package/dist/components/DataTable.cjs +1 -1
- package/dist/components/DataTable.mjs +1 -1
- package/dist/components/DatePicker.cjs +1 -1
- package/dist/components/DatePicker.mjs +1 -1
- package/dist/components/DatePicker.vue.d.ts +3 -3
- package/dist/components/DefinitionList.cjs +1 -1
- package/dist/components/DefinitionList.mjs +1 -1
- package/dist/components/DefinitionListItem.cjs +1 -1
- package/dist/components/DefinitionListItem.mjs +1 -1
- package/dist/components/DragHandle.cjs +1 -1
- package/dist/components/DragHandle.mjs +1 -1
- package/dist/components/EmptyState.cjs +1 -1
- package/dist/components/EmptyState.mjs +1 -1
- package/dist/components/Field.cjs +1 -1
- package/dist/components/Field.mjs +1 -1
- package/dist/components/FileUploader.cjs +1 -1
- package/dist/components/FileUploader.mjs +1 -1
- package/dist/components/Flag.cjs +1 -1
- package/dist/components/Flag.mjs +1 -1
- package/dist/components/FloatingToolbar.cjs +1 -1
- package/dist/components/FloatingToolbar.mjs +1 -1
- package/dist/components/Form.cjs +1 -1
- package/dist/components/Form.mjs +1 -1
- package/dist/components/Grid.cjs +1 -1
- package/dist/components/Grid.mjs +1 -1
- package/dist/components/ImageCropper.cjs +1 -1
- package/dist/components/ImageCropper.mjs +1 -1
- package/dist/components/InlineEdit.cjs +1 -1
- package/dist/components/InlineEdit.mjs +1 -1
- package/dist/components/InlineLoading.cjs +1 -1
- package/dist/components/InlineLoading.mjs +1 -1
- package/dist/components/JsonTree.cjs +1 -1
- package/dist/components/JsonTree.mjs +1 -1
- package/dist/components/Label.cjs +1 -1
- package/dist/components/Label.mjs +1 -1
- package/dist/components/Layer.cjs +1 -1
- package/dist/components/Layer.mjs +1 -1
- package/dist/components/MenuBar.cjs +1 -1
- package/dist/components/MenuBar.mjs +1 -1
- package/dist/components/MenuBarItem.cjs +1 -1
- package/dist/components/MenuBarItem.mjs +1 -1
- package/dist/components/MenuDivider.cjs +1 -1
- package/dist/components/MenuDivider.mjs +1 -1
- package/dist/components/Message.cjs +1 -1
- package/dist/components/Message.mjs +1 -1
- package/dist/components/Modal.cjs +1 -1
- package/dist/components/Modal.mjs +1 -1
- package/dist/components/Modal.vue.d.ts +1 -1
- package/dist/components/NotificationCenter.cjs +1 -1
- package/dist/components/NotificationCenter.mjs +1 -1
- package/dist/components/NotificationCenterItem.cjs +1 -1
- package/dist/components/NotificationCenterItem.mjs +1 -1
- package/dist/components/NubiscoMark.cjs +1 -1
- package/dist/components/NubiscoMark.mjs +1 -1
- package/dist/components/NubiscoPlatformMark.cjs +1 -1
- package/dist/components/NubiscoPlatformMark.mjs +1 -1
- package/dist/components/NumberInput.cjs +1 -1
- package/dist/components/NumberInput.mjs +1 -1
- package/dist/components/NumberInput.vue.d.ts +1 -1
- package/dist/components/Pagination.cjs +1 -1
- package/dist/components/Pagination.mjs +1 -1
- package/dist/components/Panel.cjs +1 -1
- package/dist/components/Panel.mjs +1 -1
- package/dist/components/ProgressBar.cjs +1 -1
- package/dist/components/ProgressBar.mjs +1 -1
- package/dist/components/Radio.cjs +1 -1
- package/dist/components/Radio.mjs +1 -1
- package/dist/components/ReorderList.cjs +1 -1
- package/dist/components/ReorderList.mjs +1 -1
- package/dist/components/Select.cjs +1 -1
- package/dist/components/Select.mjs +1 -1
- package/dist/components/Select.vue.d.ts +1 -1
- package/dist/components/Shell.cjs +1 -1
- package/dist/components/Shell.mjs +1 -1
- package/dist/components/ShellPanel.cjs +1 -1
- package/dist/components/ShellPanel.mjs +1 -1
- package/dist/components/SidebarBrand.cjs +1 -1
- package/dist/components/SidebarBrand.mjs +1 -1
- package/dist/components/SidebarCollapseToggle.cjs +1 -1
- package/dist/components/SidebarCollapseToggle.mjs +1 -1
- package/dist/components/SidebarLink.cjs +1 -1
- package/dist/components/SidebarLink.mjs +1 -1
- package/dist/components/SidebarMenu.cjs +1 -1
- package/dist/components/SidebarMenu.mjs +1 -1
- package/dist/components/SidebarMenuGroup.cjs +1 -1
- package/dist/components/SidebarMenuGroup.mjs +1 -1
- package/dist/components/SidebarMenuItem.cjs +1 -1
- package/dist/components/SidebarMenuItem.mjs +1 -1
- package/dist/components/Skeleton.cjs +1 -1
- package/dist/components/Skeleton.mjs +1 -1
- package/dist/components/Slider.cjs +1 -1
- package/dist/components/Slider.mjs +1 -1
- package/dist/components/Slider.vue.d.ts +1 -1
- package/dist/components/Spinner.cjs +1 -1
- package/dist/components/Spinner.mjs +1 -1
- package/dist/components/Stepper.cjs +1 -1
- package/dist/components/Stepper.mjs +1 -1
- package/dist/components/StepperStep.cjs +1 -1
- package/dist/components/StepperStep.mjs +1 -1
- package/dist/components/Submenu.cjs +1 -1
- package/dist/components/Submenu.mjs +1 -1
- package/dist/components/Switch.cjs +1 -1
- package/dist/components/Switch.mjs +1 -1
- package/dist/components/TableOfContents.cjs +1 -1
- package/dist/components/TableOfContents.mjs +1 -1
- package/dist/components/TableOfContents.vue.d.ts +1 -1
- package/dist/components/Tabs.cjs +1 -1
- package/dist/components/Tabs.mjs +1 -1
- package/dist/components/TextInput.cjs +1 -1
- package/dist/components/TextInput.mjs +1 -1
- package/dist/components/TextInput.vue.d.ts +2 -2
- package/dist/components/TextInput.vue.d.ts.map +1 -1
- package/dist/components/Toast.cjs +1 -1
- package/dist/components/Toast.mjs +1 -1
- package/dist/components/Toaster.cjs +1 -1
- package/dist/components/Toaster.mjs +1 -1
- package/dist/components/Tree.cjs +1 -1
- package/dist/components/Tree.mjs +1 -1
- package/dist/components/TreeNode.cjs +1 -1
- package/dist/components/TreeNode.mjs +1 -1
- package/dist/components/UserMenu.cjs +1 -1
- package/dist/components/UserMenu.mjs +1 -1
- package/dist/components/Video.cjs +1 -1
- package/dist/components/Video.mjs +1 -1
- package/dist/components/Video.vue.d.ts +1 -1
- package/dist/components/Walkthrough.cjs +1 -1
- package/dist/components/Walkthrough.mjs +1 -1
- package/dist/components/Wireframe.cjs +1 -1
- package/dist/components/Wireframe.mjs +1 -1
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/manifest.d.ts +4 -0
- package/dist/components/manifest.d.ts.map +1 -1
- package/dist/components/manifest.js +4 -0
- package/dist/composables/useBlueprint.composable.cjs +1 -1
- package/dist/composables/useBlueprint.composable.mjs +1 -1
- package/dist/composables/useConfirm.composable.cjs +1 -1
- package/dist/composables/useConfirm.composable.mjs +3 -3
- package/dist/composables/useInlineLoading.composable.cjs +1 -1
- package/dist/composables/useInlineLoading.composable.mjs +1 -1
- package/dist/composables/useLoadingAnnouncer.composable.cjs +1 -1
- package/dist/composables/useLoadingAnnouncer.composable.mjs +1 -1
- package/dist/global.d.ts +8 -0
- package/dist/index.cjs +1 -1
- package/dist/index.mjs +108 -104
- package/dist/main.d.ts +8 -0
- package/dist/main.d.ts.map +1 -1
- package/dist/styles/AiProvider.css +1 -0
- package/dist/styles/AiUsage.css +1 -0
- package/dist/styles/Briefing.css +1 -0
- package/dist/styles/BriefingDestination.css +1 -0
- package/dist/ui.css +12 -8
- package/package.json +1 -1
- package/dist/Confirm-CmQzDZFC.js +0 -313
- package/dist/Confirm-DfTjBTuJ.cjs +0 -1
- /package/dist/{Avatar-4BWmDFhO.js → Avatar-BibgBZuN.js} +0 -0
- /package/dist/{Avatar-BqiwSWeV.cjs → Avatar-BpPczEa8.cjs} +0 -0
- /package/dist/{Badge-CLgaADV-.cjs → Badge-D6nlcs4F.cjs} +0 -0
- /package/dist/{Badge-BH8qD-w8.js → Badge-DJx3RZxk.js} +0 -0
- /package/dist/{Blueprint.context-CfOZcttA.js → Blueprint.context-BU2ujsDD.js} +0 -0
- /package/dist/{Blueprint.context-NmqerYFf.cjs → Blueprint.context-DjbRPuLQ.cjs} +0 -0
- /package/dist/{BlueprintBackground-D52auBfC.cjs → BlueprintBackground-D5i-Rlmm.cjs} +0 -0
- /package/dist/{BlueprintBackground-Y-DxC7zj.js → BlueprintBackground-DtGJCzDy.js} +0 -0
- /package/dist/{BlueprintControls-Dqrr5aoC.cjs → BlueprintControls-BfTyqOwC.cjs} +0 -0
- /package/dist/{BlueprintControls-hQAFAlHB.js → BlueprintControls-COeG8N6G.js} +0 -0
- /package/dist/{BlueprintMinimap-D69cdbyQ.cjs → BlueprintMinimap-CujSRNvs.cjs} +0 -0
- /package/dist/{BlueprintMinimap-Ch9E_5bl.js → BlueprintMinimap-xwEOZlv6.js} +0 -0
- /package/dist/{Board-B_sqwxsN.cjs → Board-DmOzimbT.cjs} +0 -0
- /package/dist/{Board-nGnQkqJb.js → Board-R38Zb5t2.js} +0 -0
- /package/dist/{BottomPanel-DlrKsWHz.cjs → BottomPanel-Cpr7_cZI.cjs} +0 -0
- /package/dist/{BottomPanel-UDdEoJqh.js → BottomPanel-DdjpIyOA.js} +0 -0
- /package/dist/{Breadcrumbs-CRlWYf7S.js → Breadcrumbs-B0nEpUik.js} +0 -0
- /package/dist/{Breadcrumbs-Bw5LdW9D.cjs → Breadcrumbs-B8zyUzRM.cjs} +0 -0
- /package/dist/{Calendar-D-iSzX4T.cjs → Calendar-BPYKfErK.cjs} +0 -0
- /package/dist/{Calendar-CJd9UzLq.js → Calendar-C2KlJvo5.js} +0 -0
- /package/dist/{ChartLegend-C8_vklRf.js → ChartLegend-BtBKVnH3.js} +0 -0
- /package/dist/{ChartLegend-CTqPJ52N.cjs → ChartLegend-ndpGucTZ.cjs} +0 -0
- /package/dist/{CheckboxGroup.context-CcJlyjRV.js → CheckboxGroup.context-B2qjPnB2.js} +0 -0
- /package/dist/{CheckboxGroup.context-BJ_mXMo8.cjs → CheckboxGroup.context-DyFYVLH1.cjs} +0 -0
- /package/dist/{CommandPalette-BevB1sEi.js → CommandPalette-CU8gkgTx.js} +0 -0
- /package/dist/{CommandPalette-BxtsOesP.cjs → CommandPalette-zmNIqPex.cjs} +0 -0
- /package/dist/{DefinitionList-BM-83VTW.cjs → DefinitionList-COgbbyRS.cjs} +0 -0
- /package/dist/{DefinitionList-YSgdnnMD.js → DefinitionList-Xn-f_QhT.js} +0 -0
- /package/dist/{DefinitionListItem-Dx3z7niO.cjs → DefinitionListItem-B4bGJJJj.cjs} +0 -0
- /package/dist/{DefinitionListItem-DfTl4VTm.js → DefinitionListItem-ZRjLrhaI.js} +0 -0
- /package/dist/{DragHandle-DqcKoM4f.js → DragHandle-BbgSL4IW.js} +0 -0
- /package/dist/{DragHandle-C91bypG3.cjs → DragHandle-bosa6iXA.cjs} +0 -0
- /package/dist/{Field-glovCxOq.cjs → Field-DznERREe.cjs} +0 -0
- /package/dist/{Field-Csuq9cqO.js → Field-LiiMobFy.js} +0 -0
- /package/dist/{FileUploader-B8jyhhkN.cjs → FileUploader-BjYXOXxj.cjs} +0 -0
- /package/dist/{FileUploader-BAns0DbJ.js → FileUploader-DwKKUn71.js} +0 -0
- /package/dist/{Flag-B16fkljO.cjs → Flag-C326U1pM.cjs} +0 -0
- /package/dist/{Flag-e7J5iLc8.js → Flag-DBHUM-oa.js} +0 -0
- /package/dist/{FloatingToolbar-DkQDopOX.js → FloatingToolbar-B_VISp4J.js} +0 -0
- /package/dist/{FloatingToolbar-B6xZvl4M.cjs → FloatingToolbar-CMYR7_b_.cjs} +0 -0
- /package/dist/{Grid-By_NqGWQ.cjs → Grid-D8c0StGs.cjs} +0 -0
- /package/dist/{Grid-BF4ObsbF.js → Grid-XtnH-vr_.js} +0 -0
- /package/dist/{InlineEdit-wpQAg80H.cjs → InlineEdit-BLrO3i1p.cjs} +0 -0
- /package/dist/{InlineEdit-ak0WY89o.js → InlineEdit-BemWhcI3.js} +0 -0
- /package/dist/{JsonTree-CnEinkjy.cjs → JsonTree-B3TskapA.cjs} +0 -0
- /package/dist/{JsonTree-DJNeIkMt.js → JsonTree-DzEsyR3A.js} +0 -0
- /package/dist/{Label-CR6g53gz.cjs → Label-CVCNXFn1.cjs} +0 -0
- /package/dist/{Label-DkdjCPeM.js → Label-ciCAG21-.js} +0 -0
- /package/dist/{Layer-Bw8eiq3V.cjs → Layer-BRDO-CDw.cjs} +0 -0
- /package/dist/{Layer--aocK4Jq.js → Layer-DsNOdX44.js} +0 -0
- /package/dist/{MenuBar-DOHhu1YE.js → MenuBar-BTSnSFvG.js} +0 -0
- /package/dist/{MenuBar-IE1c-DnC.cjs → MenuBar-CFCpmpU7.cjs} +0 -0
- /package/dist/{MenuBarItem-B3DXNMZR.js → MenuBarItem-C7TPhYnN.js} +0 -0
- /package/dist/{MenuBarItem-DkJPAdkN.cjs → MenuBarItem-D1LSKPxk.cjs} +0 -0
- /package/dist/{MenuDivider-CZFNkoP5.js → MenuDivider-BosPmiMO.js} +0 -0
- /package/dist/{MenuDivider-D9Dw8VKM.cjs → MenuDivider-kpF-fk4u.cjs} +0 -0
- /package/dist/{NubiscoMark-Dvwu7mri.cjs → NubiscoMark-D4-pm2EX.cjs} +0 -0
- /package/dist/{NubiscoMark-DTPsWWI3.js → NubiscoMark-DgzvBHAd.js} +0 -0
- /package/dist/{NubiscoPlatformMark-COQnCydq.js → NubiscoPlatformMark-CayXaZGB.js} +0 -0
- /package/dist/{NubiscoPlatformMark-D2sQvlRb.cjs → NubiscoPlatformMark-DV2XeqiT.cjs} +0 -0
- /package/dist/{Panel-DXpXMlzK.js → Panel-Drfi9pqS.js} +0 -0
- /package/dist/{Panel-Yrl_AZTB.cjs → Panel-valtWFWI.cjs} +0 -0
- /package/dist/{ReorderList-DlO13mZ8.js → ReorderList-BDLxDc6t.js} +0 -0
- /package/dist/{ReorderList-DaDY714T.cjs → ReorderList-BdHgEL4G.cjs} +0 -0
- /package/dist/{Shell-CtpVIsIr.cjs → Shell-6Dwl2FnC.cjs} +0 -0
- /package/dist/{Shell-Cfdfqfvc.js → Shell-C9DK_Phw.js} +0 -0
- /package/dist/{ShellPanel-B2AgOmD5.js → ShellPanel-Cu3C3H9J.js} +0 -0
- /package/dist/{ShellPanel-Db3C1879.cjs → ShellPanel-rrSF7BQs.cjs} +0 -0
- /package/dist/{SidebarBrand-PUeotNqh.js → SidebarBrand-Ba6QIT1v.js} +0 -0
- /package/dist/{SidebarBrand-CUdKgDWl.cjs → SidebarBrand-BqSqQNPa.cjs} +0 -0
- /package/dist/{SidebarLink-COBTc762.cjs → SidebarLink-BbzeT8Tq.cjs} +0 -0
- /package/dist/{SidebarLink-DFxHQLCu.js → SidebarLink-Bi8GxvCf.js} +0 -0
- /package/dist/{SidebarMenu-DYqo6XE_.cjs → SidebarMenu-B4nng5Fz.cjs} +0 -0
- /package/dist/{SidebarMenu-DWEzNXfe.js → SidebarMenu-DoMgZO7c.js} +0 -0
- /package/dist/{SidebarMenuGroup-BHtxWHBk.cjs → SidebarMenuGroup-BdOpz4N1.cjs} +0 -0
- /package/dist/{SidebarMenuGroup-C2DHT9rs.js → SidebarMenuGroup-CmCPtZJD.js} +0 -0
- /package/dist/{SidebarMenuItem-DFAU-ROX.js → SidebarMenuItem-CWXKdUTX.js} +0 -0
- /package/dist/{SidebarMenuItem-BjdRY91e.cjs → SidebarMenuItem-j21WVpId.cjs} +0 -0
- /package/dist/{Sparkline-DL_g9GtX.js → Sparkline-C4gA55Pc.js} +0 -0
- /package/dist/{Sparkline-CeUnGfSA.cjs → Sparkline-DI7arXX0.cjs} +0 -0
- /package/dist/{Stepper.context-Doy3IafX.cjs → Stepper.context-Dxw8xYGX.cjs} +0 -0
- /package/dist/{Stepper.context-Dj8sqSeB.js → Stepper.context-q_CjX3CO.js} +0 -0
- /package/dist/{Submenu-Bay1plPK.cjs → Submenu-CpNOHf-e.cjs} +0 -0
- /package/dist/{Submenu-CAwlRk1P.js → Submenu-DKpL5htf.js} +0 -0
- /package/dist/{TableOfContents-CFXhJ6cZ.js → TableOfContents-BqF5y-1t.js} +0 -0
- /package/dist/{TableOfContents-CLB6iFCf.cjs → TableOfContents-C6xx7P4d.cjs} +0 -0
- /package/dist/{TreeContext-DXn-HNow.cjs → TreeContext-we7Xt7IP.cjs} +0 -0
- /package/dist/{TreeContext-D_NJ8vrP.js → TreeContext-xtlNBGhB.js} +0 -0
- /package/dist/{Video-B7VqDjou.cjs → Video-Bgzvf-C9.cjs} +0 -0
- /package/dist/{Video-r2VtGVlN.js → Video-CY0UEDLL.js} +0 -0
- /package/dist/{Walkthrough-C0WRD_PK.js → Walkthrough-KmxZqXxV.js} +0 -0
- /package/dist/{Walkthrough-CrmK6nRz.cjs → Walkthrough-oU-NaG_A.cjs} +0 -0
- /package/dist/{Wireframe-u15I8Ldj.js → Wireframe-Bf55dFWu.js} +0 -0
- /package/dist/{Wireframe-pfnyZFGe.cjs → Wireframe-CX8KvGJx.cjs} +0 -0
- /package/dist/{palette-0LscvyqA.cjs → palette-BoABA-De.cjs} +0 -0
- /package/dist/{palette-CxPgs-Dn.js → palette-VMXxKICH.js} +0 -0
- /package/dist/{pixi-scene-CN2JIn7_.js → pixi-scene-D57Y3MvT.js} +0 -0
- /package/dist/{pixi-scene-CRogQbky.cjs → pixi-scene-OOSMyGKD.cjs} +0 -0
- /package/dist/{scales-CFWdZe1z.cjs → scales-BWtB8m5D.cjs} +0 -0
- /package/dist/{scales-DMlq1jQZ.js → scales-DVJzRU1F.js} +0 -0
- /package/dist/{useChartSize-C8SNfQZL.cjs → useChartSize-D9UxUkiU.cjs} +0 -0
- /package/dist/{useChartSize-Dbm1f8au.js → useChartSize-Dyh37PYP.js} +0 -0
- /package/dist/{useLoadingAnnouncer.composable-DCZIIefo.cjs → useLoadingAnnouncer.composable-BMMz4C1C.cjs} +0 -0
- /package/dist/{useLoadingAnnouncer.composable-B9SAlQE6.js → useLoadingAnnouncer.composable-DY8jGEwJ.js} +0 -0
- /package/dist/{vue-i18n-CYAt-t4N.cjs → vue-i18n-B_5xehV9.cjs} +0 -0
- /package/dist/{vue-i18n-D5xWp3Q8.js → vue-i18n-Dzm-MDw4.js} +0 -0
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { t as e } from "./Grid-
|
|
1
|
+
import { t as e } from "./Grid-XtnH-vr_.js";
|
|
2
2
|
import { createBlock as t, createCommentVNode as n, createTextVNode as r, defineComponent as i, openBlock as a, renderSlot as o, toDisplayString as s, withCtx as c } from "vue";
|
|
3
3
|
//#endregion
|
|
4
4
|
//#region src/components/Form.vue
|
|
@@ -1 +1 @@
|
|
|
1
|
-
require(`./chunk-D-qHiVGv.cjs`);const e=require(`./Grid-
|
|
1
|
+
require(`./chunk-D-qHiVGv.cjs`);const e=require(`./Grid-D8c0StGs.cjs`);let t=require(`vue`);var n=(0,t.defineComponent)({__name:`Form`,props:{title:{default:void 0}},setup(n){return(r,i)=>((0,t.openBlock)(),(0,t.createBlock)(e.t,{is:`form`,dir:`col`,gap:`md`,class:`nb-form`},{default:(0,t.withCtx)(()=>[n.title?((0,t.openBlock)(),(0,t.createBlock)(e.t,{key:0,is:`h4`,class:`nb-form--header`},{default:(0,t.withCtx)(()=>[(0,t.createTextVNode)((0,t.toDisplayString)(n.title),1)]),_:1})):(0,t.createCommentVNode)(``,!0),r.$slots.message?((0,t.openBlock)(),(0,t.createBlock)(e.t,{key:1,is:`p`,class:`nb-form--message`},{default:(0,t.withCtx)(()=>[(0,t.renderSlot)(r.$slots,`message`)]),_:3})):(0,t.createCommentVNode)(``,!0),r.$slots.default?((0,t.openBlock)(),(0,t.createBlock)(e.t,{key:2,is:`div`,dir:`col`,gap:`sm`,class:`nb-form--body`},{default:(0,t.withCtx)(()=>[(0,t.renderSlot)(r.$slots,`default`)]),_:3})):(0,t.createCommentVNode)(``,!0),r.$slots.footer?((0,t.openBlock)(),(0,t.createBlock)(e.t,{key:3,is:`footer`,class:`nb-form--footer`,justify:`end`},{default:(0,t.withCtx)(()=>[(0,t.renderSlot)(r.$slots,`footer`)]),_:3})):(0,t.createCommentVNode)(``,!0)]),_:3}))}});Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return n}});
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { t as e } from "./_plugin-vue_export-helper-O4QQSku4.js";
|
|
2
|
-
import { i as t, l as n, n as r, r as i, u as a } from "./palette-
|
|
3
|
-
import { t as o } from "./ChartLegend-
|
|
4
|
-
import { a as s, n as c } from "./scales-
|
|
2
|
+
import { i as t, l as n, n as r, r as i, u as a } from "./palette-VMXxKICH.js";
|
|
3
|
+
import { t as o } from "./ChartLegend-BtBKVnH3.js";
|
|
4
|
+
import { a as s, n as c } from "./scales-DVJzRU1F.js";
|
|
5
5
|
import { Fragment as l, computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createVNode as h, defineComponent as g, normalizeClass as _, normalizeStyle as v, openBlock as y, reactive as b, ref as x, renderList as S, toDisplayString as C, withCtx as w } from "vue";
|
|
6
6
|
//#region src/components/Charts/GanttChart.vue?vue&type=script&setup=true&lang.ts
|
|
7
7
|
var T = { class: "nb-gantt__list-body" }, ee = ["onClick"], te = { class: "nb-gantt__list-group-label" }, ne = ["onMouseenter"], re = ["title"], ie = ["width"], ae = { class: "nb-gantt__time-header" }, oe = ["x", "y"], se = ["x1", "x2"], ce = [
|
|
@@ -1 +1 @@
|
|
|
1
|
-
require(`./chunk-D-qHiVGv.cjs`);const e=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),t=require(`./palette-0LscvyqA.cjs`),n=require(`./ChartLegend-CTqPJ52N.cjs`),r=require(`./scales-CFWdZe1z.cjs`);let i=require(`vue`);var a={class:`nb-gantt__list-body`},o=[`onClick`],s={class:`nb-gantt__list-group-label`},c=[`onMouseenter`],l=[`title`],u=[`width`],d={class:`nb-gantt__time-header`},f=[`x`,`y`],p=[`x1`,`x2`],m=[`width`,`height`,`aria-label`],h={key:0},g=[`x1`,`x2`,`y2`],ee=[`y`,`width`,`height`],te=[`x1`,`x2`,`y2`],ne=[`x`,`y`,`width`,`height`],_=[`points`],v=[`points`],y=[`x`,`y`,`width`,`height`,`fill`,`onMouseenter`,`onMousemove`],b=[`x`,`y`,`width`,`height`,`fill`],x=[`points`,`fill`,`onMouseenter`,`onMousemove`],re=[`d`],ie=[`points`],ae=[`y`,`width`,`height`,`onMouseenter`],S=40,C=(0,i.defineComponent)({__name:`GanttChart`,props:{tasks:{default:()=>[]},dependencies:{default:()=>[]},groups:{default:()=>[]},timeScale:{default:`week`},rowHeight:{default:36},listWidth:{default:200},showTodayMarker:{type:Boolean,default:!0},today:{default:void 0},showProgress:{type:Boolean,default:!0},statusColors:{default:void 0},title:{default:void 0},subtitle:{default:void 0},height:{default:400},showLegend:{type:Boolean,default:!0},showTooltip:{type:Boolean,default:!0},showGrid:{type:Boolean,default:!0},colors:{default:()=>t.n}},setup(e){let C=e,w={default:t.r(1),"on-track":t.r(3),"at-risk":t.r(4),behind:t.r(5),complete:t.r(2)},T=(0,i.computed)(()=>({...w,...C.statusColors})),E=(0,i.computed)(()=>Math.round(C.rowHeight*.22)),D=(0,i.computed)(()=>C.rowHeight-E.value*2),O=(0,i.computed)(()=>Math.round(C.rowHeight*.28)),k=(0,i.ref)(new Set((C.groups??[]).filter(e=>e.collapsed).map(e=>e.id))),A=e=>{let t=new Set(k.value);t.has(e)?t.delete(e):t.add(e),k.value=t},j=(0,i.computed)(()=>(C.groups?.length??0)>0),M=(0,i.computed)(()=>{let e=C.tasks??[],t=C.groups??[];if(!t.length)return e.map(e=>({id:e.id,label:e.label,type:`task`,milestone:e.milestone}));let n=[],r=new Map(t.map(e=>[e.id,e])),i=new Map,a=[];for(let t of e)if(t.group&&r.has(t.group)){let e=i.get(t.group)??[];e.push(t),i.set(t.group,e)}else a.push(t);for(let e of t)if(n.push({id:e.id,label:e.label,type:`group`}),!k.value.has(e.id))for(let t of i.get(e.id)??[])n.push({id:t.id,label:t.label,type:`task`,milestone:t.milestone,indent:!0});for(let e of a)n.push({id:e.id,label:e.label,type:`task`,milestone:e.milestone});return n}),N=(0,i.computed)(()=>M.value.filter(e=>e.type===`task`)),P=(0,i.computed)(()=>{let e=new Map;return M.value.forEach((t,n)=>e.set(t.id,n)),e}),F=e=>typeof e==`string`?new Date(e).getTime():e.getTime(),I=(0,i.computed)(()=>{let e=C.tasks??[];if(!e.length){let e=Date.now();return[e,e+7*864e5]}let t=1/0,n=-1/0;for(let r of e){let e=F(r.start),i=r.end?F(r.end):e;e<t&&(t=e),i>n&&(n=i)}let r=L(C.timeScale);return[t-r,n+r]}),L=e=>{let t=864e5;return e===`day`?t:e===`week`?7*t:e===`month`?30*t:e===`quarter`?91*t:365*t},R=(0,i.computed)(()=>{let e=C.timeScale;return e===`day`?40:e===`week`?120:e===`month`?180:e===`quarter`?240:360}),z=(0,i.computed)(()=>R.value/L(C.timeScale)),B=(0,i.computed)(()=>I.value[0]),V=(0,i.computed)(()=>Math.max(200,Math.ceil((I.value[1]-I.value[0])*z.value))),H=(0,i.computed)(()=>M.value.length*C.rowHeight),U=(0,i.computed)(()=>r.a(new Date(I.value[0]),new Date(I.value[1]),C.timeScale,z.value,B.value)),W=(0,i.computed)(()=>{if(!C.showTodayMarker)return null;let e=r.n(C.today?new Date(C.today):new Date,B.value,z.value);return e<0||e>V.value?null:e}),G=(e,n)=>e.color?e.color:e.status&&e.status!==`default`?T.value[e.status]:t.i(n,C.colors),K=e=>(typeof e==`string`?new Date(e):e).toLocaleDateString(`en-US`,{month:`short`,day:`numeric`,year:`numeric`}),oe=(0,i.computed)(()=>(C.tasks??[]).filter(e=>!e.milestone&&e.end).map((e,t)=>{let n=P.value.get(e.id);if(n===void 0)return null;let i=r.n(e.start,B.value,z.value),a=r.n(e.end,B.value,z.value);return{id:e.id,x:i,y:n*C.rowHeight,width:Math.max(a-i,4),color:G(e,t),status:e.status??`default`,progress:e.progress??0,label:e.label,start:K(e.start),end:K(e.end)}}).filter(Boolean)),se=(0,i.computed)(()=>(C.tasks??[]).filter(e=>e.milestone).map((e,t)=>{let n=P.value.get(e.id);return n===void 0?null:{id:e.id,x:r.n(e.start,B.value,z.value),y:n*C.rowHeight,color:G(e,t),label:e.label,date:K(e.start)}}).filter(Boolean)),ce=(0,i.computed)(()=>{let e=C.groups??[],t=C.tasks??[];return e.length?e.map(e=>{let n=P.value.get(e.id);if(n===void 0)return null;let i=t.filter(t=>t.group===e.id);if(!i.length)return null;let a=1/0,o=-1/0;for(let e of i){let t=F(e.start),n=e.end?F(e.end):t;t<a&&(a=t),n>o&&(o=n)}let s=r.n(new Date(a),B.value,z.value),c=r.n(new Date(o),B.value,z.value);return{id:e.id,x:s,y:n*C.rowHeight,width:Math.max(c-s,4)}}).filter(Boolean):[]}),q=(e,t)=>`${e},${t} ${e-5},${t+5} ${e+5},${t+5}`,le=(e,t,n)=>`${e},${t-n} ${e+n},${t} ${e},${t+n} ${e-n},${t}`,J=(0,i.computed)(()=>{let e=C.dependencies??[];if(!e.length)return[];let t=new Map((C.tasks??[]).map(e=>[e.id,e]));return e.map(e=>{let n=t.get(e.from),i=t.get(e.to);if(!n||!i)return null;let a=P.value.get(e.from),o=P.value.get(e.to);if(a===void 0||o===void 0)return null;let s=e.type??`finish-to-start`,c=C.rowHeight,l,u,d,f;s===`finish-to-start`?(l=n.milestone?r.n(n.start,B.value,z.value)+O.value:r.n(n.end??n.start,B.value,z.value),u=a*c+c/2,d=i.milestone?r.n(i.start,B.value,z.value)-O.value:r.n(i.start,B.value,z.value),f=o*c+c/2):s===`start-to-start`?(l=r.n(n.start,B.value,z.value),u=a*c+c/2,d=r.n(i.start,B.value,z.value),f=o*c+c/2):s===`finish-to-finish`?(l=r.n(n.end??n.start,B.value,z.value),u=a*c+c/2,d=r.n(i.end??i.start,B.value,z.value),f=o*c+c/2):(l=r.n(n.start,B.value,z.value),u=a*c+c/2,d=r.n(i.end??i.start,B.value,z.value),f=o*c+c/2);let p=l+(d-l)*.5,m=d>l+12?`M${l},${u} H${p} V${f} H${d}`:`M${l},${u} H${l+12} V${(u+f)/2} H${d-12} V${f} H${d}`,h=d,g=f;return{path:m,arrowhead:`${h},${g} ${h-6},${g-4} ${h-6},${g+4}`}}).filter(Boolean)}),Y=(0,i.ref)(null),X=(0,i.ref)(null),Z=(0,i.reactive)({x:0,y:0}),Q=(0,i.ref)(null),ue=(e,t)=>{if(!Y.value)return;let n=Y.value.getBoundingClientRect();Z.x=e.clientX-n.left+12,Z.y=e.clientY-n.top+12,X.value=t.id,Q.value={title:t.label,rows:[{label:`Start`,value:t.start,color:t.color},{label:`End`,value:t.end,color:t.color},...t.progress>0?[{label:`Progress`,value:`${t.progress}%`,color:t.color}]:[]]}},de=(e,t)=>{if(!Y.value)return;let n=Y.value.getBoundingClientRect();Z.x=e.clientX-n.left+12,Z.y=e.clientY-n.top+12,X.value=t.id,Q.value={title:t.label,rows:[{label:`Date`,value:t.date,color:t.color}]}},$=(0,i.computed)(()=>{let e=new Set;for(let t of C.tasks??[])e.add(t.status??`default`);let t={default:`Default`,"on-track":`On track`,"at-risk":`At risk`,behind:`Behind`,complete:`Complete`};return Array.from(e).map(e=>({label:t[e],color:T.value[e]}))});return(r,C)=>((0,i.openBlock)(),(0,i.createBlock)(t.u,{title:e.title,subtitle:e.subtitle,height:e.height,"show-legend":e.showLegend&&$.value.length>1},{legend:(0,i.withCtx)(()=>[(0,i.createVNode)(n.t,{items:$.value},null,8,[`items`])]),default:(0,i.withCtx)(()=>[(0,i.createElementVNode)(`div`,{class:(0,i.normalizeClass)([`nb-gantt`,{"nb-gantt--has-groups":j.value}])},[(0,i.createElementVNode)(`div`,{class:`nb-gantt__list`,style:(0,i.normalizeStyle)({width:`${e.listWidth}px`})},[(0,i.createElementVNode)(`div`,{class:`nb-gantt__list-header`,style:(0,i.normalizeStyle)({height:`${S}px`})},` Tasks `,4),(0,i.createElementVNode)(`div`,a,[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(M.value,t=>((0,i.openBlock)(),(0,i.createElementBlock)(i.Fragment,{key:t.id},[t.type===`group`?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{key:0,class:`nb-gantt__list-group`,style:(0,i.normalizeStyle)({height:`${e.rowHeight}px`}),onClick:e=>A(t.id)},[(0,i.createElementVNode)(`span`,{class:(0,i.normalizeClass)([`nb-gantt__list-caret`,{"is-collapsed":k.value.has(t.id)}])},`▸`,2),(0,i.createElementVNode)(`span`,s,(0,i.toDisplayString)(t.label),1)],12,o)):((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{key:1,class:(0,i.normalizeClass)([`nb-gantt__list-row`,{"is-hovered":X.value===t.id,"is-milestone":t.milestone}]),style:(0,i.normalizeStyle)({height:`${e.rowHeight}px`,paddingLeft:t.indent?`20px`:void 0}),onMouseenter:e=>X.value=t.id,onMouseleave:C[0]||=e=>X.value=null},[(0,i.createElementVNode)(`span`,{class:`nb-gantt__list-label`,title:t.label},(0,i.toDisplayString)(t.label),9,l)],46,c))],64))),128))])],4),(0,i.createElementVNode)(`div`,{ref_key:`timelineEl`,ref:Y,class:`nb-gantt__timeline`},[((0,i.openBlock)(),(0,i.createElementBlock)(`svg`,{class:`nb-gantt__header-svg`,width:V.value,height:S},[(0,i.createElementVNode)(`g`,d,[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(U.value,(e,t)=>((0,i.openBlock)(),(0,i.createElementBlock)(`text`,{key:`th-${t}`,x:e.x+4,y:S-6,class:`nb-gantt__time-label`},(0,i.toDisplayString)(e.label),9,f))),128)),((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(U.value,(e,t)=>((0,i.openBlock)(),(0,i.createElementBlock)(`line`,{key:`tl-${t}`,x1:e.x,x2:e.x,y1:0,y2:S,class:`nb-gantt__header-gridline`},null,8,p))),128))])],8,u)),((0,i.openBlock)(),(0,i.createElementBlock)(`svg`,{class:`nb-gantt__svg`,width:V.value,height:H.value,role:`img`,"aria-label":e.title||`Gantt chart`,onMouseleave:C[4]||=e=>X.value=null},[e.showGrid?((0,i.openBlock)(),(0,i.createElementBlock)(`g`,h,[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(U.value,(e,t)=>((0,i.openBlock)(),(0,i.createElementBlock)(`line`,{key:`grid-${t}`,class:`nb-gantt__gridline`,x1:e.x,x2:e.x,y1:0,y2:H.value},null,8,g))),128))])):(0,i.createCommentVNode)(``,!0),(0,i.createElementVNode)(`g`,null,[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(M.value,(t,n)=>((0,i.openBlock)(),(0,i.createElementBlock)(`rect`,{key:`stripe-${t.id}`,class:(0,i.normalizeClass)([`nb-gantt__row-stripe`,{"is-even":n%2==0,"is-group":t.type===`group`}]),x:0,y:n*e.rowHeight,width:V.value,height:e.rowHeight},null,10,ee))),128))]),e.showTodayMarker&&W.value!==null?((0,i.openBlock)(),(0,i.createElementBlock)(`line`,{key:1,class:`nb-gantt__today-line`,x1:W.value,x2:W.value,y1:0,y2:H.value},null,8,te)):(0,i.createCommentVNode)(``,!0),((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(ce.value,t=>((0,i.openBlock)(),(0,i.createElementBlock)(`g`,{key:`summary-${t.id}`},[(0,i.createElementVNode)(`rect`,{class:`nb-gantt__summary-bar`,x:t.x,y:t.y+e.rowHeight*.35,width:Math.max(t.width,2),height:e.rowHeight*.3,rx:`2`},null,8,ne),(0,i.createElementVNode)(`polygon`,{class:`nb-gantt__summary-caret`,points:q(t.x,t.y+e.rowHeight*.65)},null,8,_),(0,i.createElementVNode)(`polygon`,{class:`nb-gantt__summary-caret`,points:q(t.x+t.width,t.y+e.rowHeight*.65)},null,8,v)]))),128)),((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(oe.value,t=>((0,i.openBlock)(),(0,i.createElementBlock)(`g`,{key:`bar-${t.id}`},[(0,i.createElementVNode)(`rect`,{class:(0,i.normalizeClass)([`nb-gantt__bar`,[`nb-gantt__bar--${t.status}`,{"is-hovered":X.value===t.id,"is-dim":X.value!==null&&X.value!==t.id}]]),x:t.x,y:t.y+E.value,width:Math.max(t.width,4),height:D.value,rx:`3`,fill:t.color,onMouseenter:e=>X.value=t.id,onMouseleave:C[1]||=e=>X.value=null,onMousemove:e=>ue(e,t)},null,42,y),e.showProgress&&t.progress>0?((0,i.openBlock)(),(0,i.createElementBlock)(`rect`,{key:0,class:`nb-gantt__bar-progress`,x:t.x,y:t.y+E.value,width:Math.max(t.width*(t.progress/100),2),height:D.value,rx:`3`,fill:t.color,"pointer-events":`none`},null,8,b)):(0,i.createCommentVNode)(``,!0)]))),128)),((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(se.value,t=>((0,i.openBlock)(),(0,i.createElementBlock)(`g`,{key:`ms-${t.id}`},[(0,i.createElementVNode)(`polygon`,{class:(0,i.normalizeClass)([`nb-gantt__milestone`,{"is-hovered":X.value===t.id,"is-dim":X.value!==null&&X.value!==t.id}]),points:le(t.x,t.y+e.rowHeight/2,O.value),fill:t.color,onMouseenter:e=>X.value=t.id,onMouseleave:C[2]||=e=>X.value=null,onMousemove:e=>de(e,t)},null,42,x)]))),128)),(0,i.createElementVNode)(`g`,null,[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(J.value,(e,t)=>((0,i.openBlock)(),(0,i.createElementBlock)(`path`,{key:`dep-${t}`,class:`nb-gantt__dependency`,d:e.path,fill:`none`},null,8,re))),128)),((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(J.value,(e,t)=>((0,i.openBlock)(),(0,i.createElementBlock)(`polygon`,{key:`dep-arrow-${t}`,class:`nb-gantt__dependency-arrow`,points:e.arrowhead},null,8,ie))),128))]),(0,i.createElementVNode)(`g`,null,[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(N.value,(t,n)=>((0,i.openBlock)(),(0,i.createElementBlock)(`rect`,{key:`hover-${t.id}`,x:0,y:n*e.rowHeight,width:V.value,height:e.rowHeight,fill:`transparent`,onMouseenter:e=>X.value=t.id,onMouseleave:C[3]||=e=>X.value=null},null,40,ae))),128))])],40,m)),(0,i.createVNode)(t.l,{visible:e.showTooltip&&X.value!==null&&Q.value!==null,x:Z.x,y:Z.y,title:Q.value?.title??``,rows:Q.value?.rows??[]},null,8,[`visible`,`x`,`y`,`title`,`rows`])],512)],2)]),_:1},8,[`title`,`subtitle`,`height`,`show-legend`]))}}),w=e.t(C,[[`__scopeId`,`data-v-8b61c468`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return w}});
|
|
1
|
+
require(`./chunk-D-qHiVGv.cjs`);const e=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),t=require(`./palette-BoABA-De.cjs`),n=require(`./ChartLegend-ndpGucTZ.cjs`),r=require(`./scales-BWtB8m5D.cjs`);let i=require(`vue`);var a={class:`nb-gantt__list-body`},o=[`onClick`],s={class:`nb-gantt__list-group-label`},c=[`onMouseenter`],l=[`title`],u=[`width`],d={class:`nb-gantt__time-header`},f=[`x`,`y`],p=[`x1`,`x2`],m=[`width`,`height`,`aria-label`],h={key:0},g=[`x1`,`x2`,`y2`],ee=[`y`,`width`,`height`],te=[`x1`,`x2`,`y2`],ne=[`x`,`y`,`width`,`height`],_=[`points`],v=[`points`],y=[`x`,`y`,`width`,`height`,`fill`,`onMouseenter`,`onMousemove`],b=[`x`,`y`,`width`,`height`,`fill`],x=[`points`,`fill`,`onMouseenter`,`onMousemove`],re=[`d`],ie=[`points`],ae=[`y`,`width`,`height`,`onMouseenter`],S=40,C=(0,i.defineComponent)({__name:`GanttChart`,props:{tasks:{default:()=>[]},dependencies:{default:()=>[]},groups:{default:()=>[]},timeScale:{default:`week`},rowHeight:{default:36},listWidth:{default:200},showTodayMarker:{type:Boolean,default:!0},today:{default:void 0},showProgress:{type:Boolean,default:!0},statusColors:{default:void 0},title:{default:void 0},subtitle:{default:void 0},height:{default:400},showLegend:{type:Boolean,default:!0},showTooltip:{type:Boolean,default:!0},showGrid:{type:Boolean,default:!0},colors:{default:()=>t.n}},setup(e){let C=e,w={default:t.r(1),"on-track":t.r(3),"at-risk":t.r(4),behind:t.r(5),complete:t.r(2)},T=(0,i.computed)(()=>({...w,...C.statusColors})),E=(0,i.computed)(()=>Math.round(C.rowHeight*.22)),D=(0,i.computed)(()=>C.rowHeight-E.value*2),O=(0,i.computed)(()=>Math.round(C.rowHeight*.28)),k=(0,i.ref)(new Set((C.groups??[]).filter(e=>e.collapsed).map(e=>e.id))),A=e=>{let t=new Set(k.value);t.has(e)?t.delete(e):t.add(e),k.value=t},j=(0,i.computed)(()=>(C.groups?.length??0)>0),M=(0,i.computed)(()=>{let e=C.tasks??[],t=C.groups??[];if(!t.length)return e.map(e=>({id:e.id,label:e.label,type:`task`,milestone:e.milestone}));let n=[],r=new Map(t.map(e=>[e.id,e])),i=new Map,a=[];for(let t of e)if(t.group&&r.has(t.group)){let e=i.get(t.group)??[];e.push(t),i.set(t.group,e)}else a.push(t);for(let e of t)if(n.push({id:e.id,label:e.label,type:`group`}),!k.value.has(e.id))for(let t of i.get(e.id)??[])n.push({id:t.id,label:t.label,type:`task`,milestone:t.milestone,indent:!0});for(let e of a)n.push({id:e.id,label:e.label,type:`task`,milestone:e.milestone});return n}),N=(0,i.computed)(()=>M.value.filter(e=>e.type===`task`)),P=(0,i.computed)(()=>{let e=new Map;return M.value.forEach((t,n)=>e.set(t.id,n)),e}),F=e=>typeof e==`string`?new Date(e).getTime():e.getTime(),I=(0,i.computed)(()=>{let e=C.tasks??[];if(!e.length){let e=Date.now();return[e,e+7*864e5]}let t=1/0,n=-1/0;for(let r of e){let e=F(r.start),i=r.end?F(r.end):e;e<t&&(t=e),i>n&&(n=i)}let r=L(C.timeScale);return[t-r,n+r]}),L=e=>{let t=864e5;return e===`day`?t:e===`week`?7*t:e===`month`?30*t:e===`quarter`?91*t:365*t},R=(0,i.computed)(()=>{let e=C.timeScale;return e===`day`?40:e===`week`?120:e===`month`?180:e===`quarter`?240:360}),z=(0,i.computed)(()=>R.value/L(C.timeScale)),B=(0,i.computed)(()=>I.value[0]),V=(0,i.computed)(()=>Math.max(200,Math.ceil((I.value[1]-I.value[0])*z.value))),H=(0,i.computed)(()=>M.value.length*C.rowHeight),U=(0,i.computed)(()=>r.a(new Date(I.value[0]),new Date(I.value[1]),C.timeScale,z.value,B.value)),W=(0,i.computed)(()=>{if(!C.showTodayMarker)return null;let e=r.n(C.today?new Date(C.today):new Date,B.value,z.value);return e<0||e>V.value?null:e}),G=(e,n)=>e.color?e.color:e.status&&e.status!==`default`?T.value[e.status]:t.i(n,C.colors),K=e=>(typeof e==`string`?new Date(e):e).toLocaleDateString(`en-US`,{month:`short`,day:`numeric`,year:`numeric`}),oe=(0,i.computed)(()=>(C.tasks??[]).filter(e=>!e.milestone&&e.end).map((e,t)=>{let n=P.value.get(e.id);if(n===void 0)return null;let i=r.n(e.start,B.value,z.value),a=r.n(e.end,B.value,z.value);return{id:e.id,x:i,y:n*C.rowHeight,width:Math.max(a-i,4),color:G(e,t),status:e.status??`default`,progress:e.progress??0,label:e.label,start:K(e.start),end:K(e.end)}}).filter(Boolean)),se=(0,i.computed)(()=>(C.tasks??[]).filter(e=>e.milestone).map((e,t)=>{let n=P.value.get(e.id);return n===void 0?null:{id:e.id,x:r.n(e.start,B.value,z.value),y:n*C.rowHeight,color:G(e,t),label:e.label,date:K(e.start)}}).filter(Boolean)),ce=(0,i.computed)(()=>{let e=C.groups??[],t=C.tasks??[];return e.length?e.map(e=>{let n=P.value.get(e.id);if(n===void 0)return null;let i=t.filter(t=>t.group===e.id);if(!i.length)return null;let a=1/0,o=-1/0;for(let e of i){let t=F(e.start),n=e.end?F(e.end):t;t<a&&(a=t),n>o&&(o=n)}let s=r.n(new Date(a),B.value,z.value),c=r.n(new Date(o),B.value,z.value);return{id:e.id,x:s,y:n*C.rowHeight,width:Math.max(c-s,4)}}).filter(Boolean):[]}),q=(e,t)=>`${e},${t} ${e-5},${t+5} ${e+5},${t+5}`,le=(e,t,n)=>`${e},${t-n} ${e+n},${t} ${e},${t+n} ${e-n},${t}`,J=(0,i.computed)(()=>{let e=C.dependencies??[];if(!e.length)return[];let t=new Map((C.tasks??[]).map(e=>[e.id,e]));return e.map(e=>{let n=t.get(e.from),i=t.get(e.to);if(!n||!i)return null;let a=P.value.get(e.from),o=P.value.get(e.to);if(a===void 0||o===void 0)return null;let s=e.type??`finish-to-start`,c=C.rowHeight,l,u,d,f;s===`finish-to-start`?(l=n.milestone?r.n(n.start,B.value,z.value)+O.value:r.n(n.end??n.start,B.value,z.value),u=a*c+c/2,d=i.milestone?r.n(i.start,B.value,z.value)-O.value:r.n(i.start,B.value,z.value),f=o*c+c/2):s===`start-to-start`?(l=r.n(n.start,B.value,z.value),u=a*c+c/2,d=r.n(i.start,B.value,z.value),f=o*c+c/2):s===`finish-to-finish`?(l=r.n(n.end??n.start,B.value,z.value),u=a*c+c/2,d=r.n(i.end??i.start,B.value,z.value),f=o*c+c/2):(l=r.n(n.start,B.value,z.value),u=a*c+c/2,d=r.n(i.end??i.start,B.value,z.value),f=o*c+c/2);let p=l+(d-l)*.5,m=d>l+12?`M${l},${u} H${p} V${f} H${d}`:`M${l},${u} H${l+12} V${(u+f)/2} H${d-12} V${f} H${d}`,h=d,g=f;return{path:m,arrowhead:`${h},${g} ${h-6},${g-4} ${h-6},${g+4}`}}).filter(Boolean)}),Y=(0,i.ref)(null),X=(0,i.ref)(null),Z=(0,i.reactive)({x:0,y:0}),Q=(0,i.ref)(null),ue=(e,t)=>{if(!Y.value)return;let n=Y.value.getBoundingClientRect();Z.x=e.clientX-n.left+12,Z.y=e.clientY-n.top+12,X.value=t.id,Q.value={title:t.label,rows:[{label:`Start`,value:t.start,color:t.color},{label:`End`,value:t.end,color:t.color},...t.progress>0?[{label:`Progress`,value:`${t.progress}%`,color:t.color}]:[]]}},de=(e,t)=>{if(!Y.value)return;let n=Y.value.getBoundingClientRect();Z.x=e.clientX-n.left+12,Z.y=e.clientY-n.top+12,X.value=t.id,Q.value={title:t.label,rows:[{label:`Date`,value:t.date,color:t.color}]}},$=(0,i.computed)(()=>{let e=new Set;for(let t of C.tasks??[])e.add(t.status??`default`);let t={default:`Default`,"on-track":`On track`,"at-risk":`At risk`,behind:`Behind`,complete:`Complete`};return Array.from(e).map(e=>({label:t[e],color:T.value[e]}))});return(r,C)=>((0,i.openBlock)(),(0,i.createBlock)(t.u,{title:e.title,subtitle:e.subtitle,height:e.height,"show-legend":e.showLegend&&$.value.length>1},{legend:(0,i.withCtx)(()=>[(0,i.createVNode)(n.t,{items:$.value},null,8,[`items`])]),default:(0,i.withCtx)(()=>[(0,i.createElementVNode)(`div`,{class:(0,i.normalizeClass)([`nb-gantt`,{"nb-gantt--has-groups":j.value}])},[(0,i.createElementVNode)(`div`,{class:`nb-gantt__list`,style:(0,i.normalizeStyle)({width:`${e.listWidth}px`})},[(0,i.createElementVNode)(`div`,{class:`nb-gantt__list-header`,style:(0,i.normalizeStyle)({height:`${S}px`})},` Tasks `,4),(0,i.createElementVNode)(`div`,a,[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(M.value,t=>((0,i.openBlock)(),(0,i.createElementBlock)(i.Fragment,{key:t.id},[t.type===`group`?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{key:0,class:`nb-gantt__list-group`,style:(0,i.normalizeStyle)({height:`${e.rowHeight}px`}),onClick:e=>A(t.id)},[(0,i.createElementVNode)(`span`,{class:(0,i.normalizeClass)([`nb-gantt__list-caret`,{"is-collapsed":k.value.has(t.id)}])},`▸`,2),(0,i.createElementVNode)(`span`,s,(0,i.toDisplayString)(t.label),1)],12,o)):((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{key:1,class:(0,i.normalizeClass)([`nb-gantt__list-row`,{"is-hovered":X.value===t.id,"is-milestone":t.milestone}]),style:(0,i.normalizeStyle)({height:`${e.rowHeight}px`,paddingLeft:t.indent?`20px`:void 0}),onMouseenter:e=>X.value=t.id,onMouseleave:C[0]||=e=>X.value=null},[(0,i.createElementVNode)(`span`,{class:`nb-gantt__list-label`,title:t.label},(0,i.toDisplayString)(t.label),9,l)],46,c))],64))),128))])],4),(0,i.createElementVNode)(`div`,{ref_key:`timelineEl`,ref:Y,class:`nb-gantt__timeline`},[((0,i.openBlock)(),(0,i.createElementBlock)(`svg`,{class:`nb-gantt__header-svg`,width:V.value,height:S},[(0,i.createElementVNode)(`g`,d,[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(U.value,(e,t)=>((0,i.openBlock)(),(0,i.createElementBlock)(`text`,{key:`th-${t}`,x:e.x+4,y:S-6,class:`nb-gantt__time-label`},(0,i.toDisplayString)(e.label),9,f))),128)),((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(U.value,(e,t)=>((0,i.openBlock)(),(0,i.createElementBlock)(`line`,{key:`tl-${t}`,x1:e.x,x2:e.x,y1:0,y2:S,class:`nb-gantt__header-gridline`},null,8,p))),128))])],8,u)),((0,i.openBlock)(),(0,i.createElementBlock)(`svg`,{class:`nb-gantt__svg`,width:V.value,height:H.value,role:`img`,"aria-label":e.title||`Gantt chart`,onMouseleave:C[4]||=e=>X.value=null},[e.showGrid?((0,i.openBlock)(),(0,i.createElementBlock)(`g`,h,[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(U.value,(e,t)=>((0,i.openBlock)(),(0,i.createElementBlock)(`line`,{key:`grid-${t}`,class:`nb-gantt__gridline`,x1:e.x,x2:e.x,y1:0,y2:H.value},null,8,g))),128))])):(0,i.createCommentVNode)(``,!0),(0,i.createElementVNode)(`g`,null,[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(M.value,(t,n)=>((0,i.openBlock)(),(0,i.createElementBlock)(`rect`,{key:`stripe-${t.id}`,class:(0,i.normalizeClass)([`nb-gantt__row-stripe`,{"is-even":n%2==0,"is-group":t.type===`group`}]),x:0,y:n*e.rowHeight,width:V.value,height:e.rowHeight},null,10,ee))),128))]),e.showTodayMarker&&W.value!==null?((0,i.openBlock)(),(0,i.createElementBlock)(`line`,{key:1,class:`nb-gantt__today-line`,x1:W.value,x2:W.value,y1:0,y2:H.value},null,8,te)):(0,i.createCommentVNode)(``,!0),((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(ce.value,t=>((0,i.openBlock)(),(0,i.createElementBlock)(`g`,{key:`summary-${t.id}`},[(0,i.createElementVNode)(`rect`,{class:`nb-gantt__summary-bar`,x:t.x,y:t.y+e.rowHeight*.35,width:Math.max(t.width,2),height:e.rowHeight*.3,rx:`2`},null,8,ne),(0,i.createElementVNode)(`polygon`,{class:`nb-gantt__summary-caret`,points:q(t.x,t.y+e.rowHeight*.65)},null,8,_),(0,i.createElementVNode)(`polygon`,{class:`nb-gantt__summary-caret`,points:q(t.x+t.width,t.y+e.rowHeight*.65)},null,8,v)]))),128)),((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(oe.value,t=>((0,i.openBlock)(),(0,i.createElementBlock)(`g`,{key:`bar-${t.id}`},[(0,i.createElementVNode)(`rect`,{class:(0,i.normalizeClass)([`nb-gantt__bar`,[`nb-gantt__bar--${t.status}`,{"is-hovered":X.value===t.id,"is-dim":X.value!==null&&X.value!==t.id}]]),x:t.x,y:t.y+E.value,width:Math.max(t.width,4),height:D.value,rx:`3`,fill:t.color,onMouseenter:e=>X.value=t.id,onMouseleave:C[1]||=e=>X.value=null,onMousemove:e=>ue(e,t)},null,42,y),e.showProgress&&t.progress>0?((0,i.openBlock)(),(0,i.createElementBlock)(`rect`,{key:0,class:`nb-gantt__bar-progress`,x:t.x,y:t.y+E.value,width:Math.max(t.width*(t.progress/100),2),height:D.value,rx:`3`,fill:t.color,"pointer-events":`none`},null,8,b)):(0,i.createCommentVNode)(``,!0)]))),128)),((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(se.value,t=>((0,i.openBlock)(),(0,i.createElementBlock)(`g`,{key:`ms-${t.id}`},[(0,i.createElementVNode)(`polygon`,{class:(0,i.normalizeClass)([`nb-gantt__milestone`,{"is-hovered":X.value===t.id,"is-dim":X.value!==null&&X.value!==t.id}]),points:le(t.x,t.y+e.rowHeight/2,O.value),fill:t.color,onMouseenter:e=>X.value=t.id,onMouseleave:C[2]||=e=>X.value=null,onMousemove:e=>de(e,t)},null,42,x)]))),128)),(0,i.createElementVNode)(`g`,null,[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(J.value,(e,t)=>((0,i.openBlock)(),(0,i.createElementBlock)(`path`,{key:`dep-${t}`,class:`nb-gantt__dependency`,d:e.path,fill:`none`},null,8,re))),128)),((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(J.value,(e,t)=>((0,i.openBlock)(),(0,i.createElementBlock)(`polygon`,{key:`dep-arrow-${t}`,class:`nb-gantt__dependency-arrow`,points:e.arrowhead},null,8,ie))),128))]),(0,i.createElementVNode)(`g`,null,[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(N.value,(t,n)=>((0,i.openBlock)(),(0,i.createElementBlock)(`rect`,{key:`hover-${t.id}`,x:0,y:n*e.rowHeight,width:V.value,height:e.rowHeight,fill:`transparent`,onMouseenter:e=>X.value=t.id,onMouseleave:C[3]||=e=>X.value=null},null,40,ae))),128))])],40,m)),(0,i.createVNode)(t.l,{visible:e.showTooltip&&X.value!==null&&Q.value!==null,x:Z.x,y:Z.y,title:Q.value?.title??``,rows:Q.value?.rows??[]},null,8,[`visible`,`x`,`y`,`title`,`rows`])],512)],2)]),_:1},8,[`title`,`subtitle`,`height`,`show-legend`]))}}),w=e.t(C,[[`__scopeId`,`data-v-8b61c468`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return w}});
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { t as e } from "./_plugin-vue_export-helper-O4QQSku4.js";
|
|
2
|
-
import { t } from "./Grid-
|
|
3
|
-
import { t as n } from "./vue-i18n-
|
|
2
|
+
import { t } from "./Grid-XtnH-vr_.js";
|
|
3
|
+
import { t as n } from "./vue-i18n-Dzm-MDw4.js";
|
|
4
4
|
import { Fragment as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, createVNode as u, defineComponent as d, normalizeClass as f, normalizeStyle as p, onBeforeUnmount as ee, onMounted as te, openBlock as m, ref as h, renderList as ne, toDisplayString as g, watch as _, withCtx as v, withModifiers as y } from "vue";
|
|
5
5
|
//#region src/components/ImageCropper.d.ts
|
|
6
6
|
var b = /* @__PURE__ */ function(e) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
require(`./chunk-D-qHiVGv.cjs`);const e=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),t=require(`./Grid-By_NqGWQ.cjs`),n=require(`./vue-i18n-CYAt-t4N.cjs`);let r=require(`vue`);var i=function(e){return e.TopLeft=`top-left`,e.Top=`top`,e.TopRight=`top-right`,e.Right=`right`,e.BottomRight=`bottom-right`,e.Bottom=`bottom`,e.BottomLeft=`bottom-left`,e.Left=`left`,e}(i||{}),a={class:`nb-image-cropper`},o=[`onMousedown`,`onTouchstart`],s=[`src`,`alt`],c=700,l=400,u=(0,r.defineComponent)({__name:`ImageCropper`,props:{image:{},cropAsCircle:{type:Boolean,default:!1},outputAsCircle:{type:Boolean,default:!1},lockAspectRatio:{type:Boolean,default:!1},showPreview:{type:Boolean,default:!1}},emits:[`crop`],setup(e,{emit:u}){let d={en:{X:`X`,Y:`Y`,WIDTH:`Width`,HEIGHT:`Height`,IMAGE_THUMBNAIL:`Cropped preview`},pt:{X:`X`,Y:`Y`,WIDTH:`Largura`,HEIGHT:`Altura`,IMAGE_THUMBNAIL:`Pré-visualização recortada`}},{t:f,te:p,locale:m}=n.t({useScope:`global`});function h(e){if(p(e))return f(e);let t=e.slice(7);return d[String(m.value).toLowerCase().split(`-`)[0]]?.[t]??d.en[t]??e}let g=e,_=u,v=(0,r.ref)(null),y=null,b=new Image,x=null,S={x:1,y:1},C=(0,r.ref)({x:50,y:50,width:200,height:200}),w=(0,r.ref)(null),T=(0,r.ref)(null),E=!1,D=!1,O={x:0,y:0},k=!1,A={x:0,y:0},j={x:0,y:0,width:0,height:0},M=null,N=!1,P=[{name:i.TopLeft},{name:i.Top},{name:i.TopRight},{name:i.Right},{name:i.BottomRight},{name:i.Bottom},{name:i.BottomLeft},{name:i.Left}],F=()=>{if(!g.image){console.error(`No image file provided`);return}x&&=(URL.revokeObjectURL(x),null),b.onload=()=>{let{drawWidth:e,drawHeight:t}=I();if(v.value){v.value.width=e,v.value.height=t;let n=(v.value.width-b.width*S.x)/2,r=(v.value.height-b.height*S.y)/2;if(g.cropAsCircle||g.lockAspectRatio){let e=Math.min(b.width*S.x,b.height*S.y)*.5;C.value={x:n+(b.width*S.x-e)/2,y:r+(b.height*S.y-e)/2,width:e,height:e}}else C.value={x:n+(b.width*S.x*.5-b.width*S.x*.25),y:r+(b.height*S.y*.5-b.height*S.y*.25),width:b.width*S.x*.5,height:b.height*S.y*.5};L(),Q()}},b.onerror=()=>{console.error(`Failed to load image`)},x=URL.createObjectURL(g.image),b.src=x};(0,r.onMounted)(()=>{v.value&&(y=v.value.getContext(`2d`),y&&(y.imageSmoothingEnabled=!0,y.imageSmoothingQuality=`high`),g.image&&F())}),(0,r.onBeforeUnmount)(()=>{x&&=(URL.revokeObjectURL(x),null);let e=w.value;e&&(URL.revokeObjectURL(e),w.value=null)}),(0,r.watch)(()=>g.image,e=>{e&&F()}),(0,r.watch)(()=>[g.cropAsCircle,g.outputAsCircle,g.lockAspectRatio],()=>{v.value&&y&&L()});let I=()=>{let e=b.width/b.height,t=c,n=l;return e>c/l?n=c/e:t=l*e,S.x=t/b.width,S.y=n/b.height,{drawWidth:t,drawHeight:n}},L=()=>{if(y&&v.value){y.clearRect(0,0,v.value.width,v.value.height);let e=(v.value.width-b.width*S.x)/2,t=(v.value.height-b.height*S.y)/2;y.drawImage(b,0,0,b.width,b.height,e,t,b.width*S.x,b.height*S.y),R()}},R=()=>{y&&v.value&&(y.save(),y.beginPath(),g.cropAsCircle?y.arc(C.value.x+C.value.width/2,C.value.y+C.value.height/2,C.value.width/2,0,Math.PI*2):y.rect(C.value.x,C.value.y,C.value.width,C.value.height),y.rect(0,0,v.value.width,v.value.height),y.clip(`evenodd`),y.fillStyle=`rgba(0, 0, 0, 0.5)`,y.fillRect(0,0,v.value.width,v.value.height),y.restore(),y.save(),y.strokeStyle=`rgba(255, 255, 255, 0.8)`,y.lineWidth=1,y.setLineDash([5,5]),y.imageSmoothingEnabled=!1,g.cropAsCircle?(y.beginPath(),y.arc(C.value.x+C.value.width/2,C.value.y+C.value.height/2,C.value.width/2,0,Math.PI*2),y.stroke()):y.strokeRect(C.value.x,C.value.y,C.value.width,C.value.height),y.restore())},z=(0,r.computed)(()=>{if(g.cropAsCircle){let e=C.value.x+C.value.width/2,t=C.value.y+C.value.height/2,n=C.value.width/2;return{"top-left":{left:`${e-n-5}px`,top:`${t-n-5}px`},top:{left:`${e-5}px`,top:`${t-n-5}px`},"top-right":{left:`${e+n-5}px`,top:`${t-n-5}px`},right:{left:`${e+n-5}px`,top:`${t-5}px`},"bottom-right":{left:`${e+n-5}px`,top:`${t+n-5}px`},bottom:{left:`${e-5}px`,top:`${t+n-5}px`},"bottom-left":{left:`${e-n-5}px`,top:`${t+n-5}px`},left:{left:`${e-n-5}px`,top:`${t-5}px`}}}else return{"top-left":{left:`${C.value.x-5}px`,top:`${C.value.y-5}px`},top:{left:`${C.value.x+C.value.width/2-5}px`,top:`${C.value.y-5}px`},"top-right":{left:`${C.value.x+C.value.width-5}px`,top:`${C.value.y-5}px`},right:{left:`${C.value.x+C.value.width-5}px`,top:`${C.value.y+C.value.height/2-5}px`},"bottom-right":{left:`${C.value.x+C.value.width-5}px`,top:`${C.value.y+C.value.height-5}px`},bottom:{left:`${C.value.x+C.value.width/2-5}px`,top:`${C.value.y+C.value.height-5}px`},"bottom-left":{left:`${C.value.x-5}px`,top:`${C.value.y+C.value.height-5}px`},left:{left:`${C.value.x-5}px`,top:`${C.value.y+C.value.height/2-5}px`}}}),B=e=>{if(`touches`in e&&e.touches.length>0){let t=e.touches[0];return{clientX:t.clientX,clientY:t.clientY}}else if(`clientX`in e&&`clientY`in e)return{clientX:e.clientX,clientY:e.clientY};return{clientX:0,clientY:0}},V=e=>{let t=v.value;if(!t)return null;let{clientX:n,clientY:r}=B(e),{left:i,top:a}=t.getBoundingClientRect();return{x:n-i,y:r-a}},H=e=>{e.preventDefault();let t=V(e);if(!t)return;let{x:n,y:r}=t;X(n,r)&&(D=!0,E=!0,O={x:n-C.value.x,y:r-C.value.y})},U=e=>{D?G(e):k&&J(e)},W=()=>{D&&(K(),D=!1,Q()),k&&(Y(),Q()),E=!1,D=!1},G=e=>{if(E){let t=V(e);if(!t)return;let{x:n,y:r}=t;C.value.x=Math.floor(n-O.x),C.value.y=Math.floor(r-O.y),L()}},K=()=>{E&&=(Z(),L(),!1)},q=(e,t)=>{e.preventDefault();let n=V(e);n&&(k=!0,M=t,A={x:n.x,y:n.y},j={...C.value},N=e instanceof MouseEvent&&e.shiftKey)},J=e=>{if(!k)return;if(g.lockAspectRatio&&v.value){let t=V(e);if(!t)return;let{x:n,y:r}=t,i=j.x+j.width/2,a=j.y+j.height/2;if(g.cropAsCircle){let e=Math.max(Math.abs(n-i),Math.abs(r-a)),t=e*2;C.value={x:i-e,y:a-e,width:t,height:t}}else{let e=j.width/j.height,t=Math.abs(n-i),r=Math.max(t*2,50),o=r/e;C.value={x:i-r/2,y:a-o/2,width:r,height:o}}L();return}let t=V(e);if(!t)return;let{x:n,y:r}=t,i=n-A.x,a=r-A.y;N=e instanceof MouseEvent&&e.shiftKey;let o={...j};switch(M){case`top-left`:o.x+=i,o.y+=a,o.width-=i,o.height-=a;break;case`top`:o.y+=a,o.height-=a;break;case`top-right`:o.y+=a,o.width+=i,o.height-=a;break;case`right`:o.width+=i;break;case`bottom-right`:o.width+=i,o.height+=a;break;case`bottom`:o.height+=a;break;case`bottom-left`:o.x+=i,o.width-=i,o.height+=a;break;case`left`:o.x+=i,o.width-=i;break}if(o.width<50&&(o.width=50),o.height<50&&(o.height=50),N&&M){let e=j.width/j.height;[`left`,`right`].includes(M)?(o.height=o.width/e,M===`left`&&(o.y=j.y-(o.height-j.height)/2)):[`top`,`bottom`].includes(M)&&(o.width=o.height*e,M===`top`&&(o.x=j.x-(o.width-j.width)/2))}C.value=o,L()},Y=()=>{k&&(Z(),L(),k=!1,M=null)},X=(e,t)=>{if(g.cropAsCircle){let n=C.value.x+C.value.width/2,r=C.value.y+C.value.height/2,i=C.value.width/2,a=e-n,o=t-r;return a*a+o*o<=i*i}else return e>=C.value.x-2&&e<=C.value.x+C.value.width+2&&t>=C.value.y-2&&t<=C.value.y+C.value.height+2},Z=()=>{let e=v.value.width,t=v.value.height;if(C.value.width<50&&(C.value.width=50),C.value.height<50&&(C.value.height=50),g.lockAspectRatio)if(g.cropAsCircle)C.value.height=C.value.width;else{let e=j.width/j.height;C.value.height=C.value.width/e}else if(N){let e=j.width/j.height;C.value.height=C.value.width/e}if(g.cropAsCircle||g.lockAspectRatio){let n=C.value.width/C.value.height;(C.value.width>e||C.value.height>t)&&(C.value.width>C.value.height?(C.value.width=e,C.value.height=e/n):(C.value.height=t,C.value.width=t*n)),C.value.x<0&&(C.value.x=0),C.value.y<0&&(C.value.y=0),C.value.x+C.value.width>e&&(C.value.x=e-C.value.width),C.value.y+C.value.height>t&&(C.value.y=t-C.value.height)}else C.value.x<0&&(C.value.x=0),C.value.y<0&&(C.value.y=0),C.value.width>e&&(C.value.width=e,C.value.x=0),C.value.height>t&&(C.value.height=t,C.value.y=0),C.value.x+C.value.width>e&&(C.value.x=e-C.value.width),C.value.y+C.value.height>t&&(C.value.y=t-C.value.height)},Q=()=>{if(v.value&&y){let e=(v.value.width-b.width*S.x)/2,t=(v.value.height-b.height*S.y)/2,n=(C.value.x-e)/S.x,r=(C.value.y-t)/S.y,i=C.value.width/S.x,a=C.value.height/S.y,o={x:Math.round(n),y:Math.round(r),width:Math.round(i),height:Math.round(a)},s=Math.max(0,Math.min(o.x,b.width)),c=Math.max(0,Math.min(o.y,b.height)),l=Math.min(o.width,b.width-s),u=Math.min(o.height,b.height-c),d=document.createElement(`canvas`);d.width=l,d.height=u;let f=d.getContext(`2d`);f&&(f.drawImage(b,s,c,l,u,0,0,l,u),g.cropAsCircle&&g.outputAsCircle&&(f.globalCompositeOperation=`destination-in`,f.beginPath(),f.arc(l/2,u/2,l/2,0,Math.PI*2),f.closePath(),f.fill(),f.globalCompositeOperation=`source-over`),d.toBlob(e=>{if(e){let t=w.value;t&&URL.revokeObjectURL(t),w.value=URL.createObjectURL(e),T.value=o,_(`crop`,{blob:e,geometry:o})}},`image/jpeg`,.8))}};return(0,r.watch)(()=>g,()=>{Q()},{deep:!0}),(n,i)=>((0,r.openBlock)(),(0,r.createElementBlock)(`div`,a,[(0,r.createElementVNode)(`div`,{class:`canvas-container`,onMousedown:H,onMousemove:U,onMouseup:W,onMouseleave:W,onTouchstart:H,onTouchmove:U,onTouchend:W},[(0,r.createElementVNode)(`canvas`,{ref_key:`canvas`,ref:v},null,512),((0,r.openBlock)(),(0,r.createElementBlock)(r.Fragment,null,(0,r.renderList)(P,e=>(0,r.createElementVNode)(`div`,{key:e.name,class:(0,r.normalizeClass)([`resize-handle`,e.name]),style:(0,r.normalizeStyle)(z.value[e.name]),onMousedown:(0,r.withModifiers)(t=>q(t,e.name),[`stop`]),onTouchstart:(0,r.withModifiers)(t=>q(t,e.name),[`stop`])},null,46,o)),64))],32),e.showPreview&&w.value&&T.value?((0,r.openBlock)(),(0,r.createBlock)(t.t,{key:0,class:`cropped-image-preview`},{default:(0,r.withCtx)(()=>[(0,r.createVNode)(t.t,{is:`ul`,dir:`col`,justify:`center`,gap:`sm`},{default:(0,r.withCtx)(()=>[(0,r.createElementVNode)(`li`,null,[(0,r.createElementVNode)(`strong`,null,(0,r.toDisplayString)(h(`common.X`)),1),(0,r.createTextVNode)(` `+(0,r.toDisplayString)(T.value.x.toFixed(0)),1)]),(0,r.createElementVNode)(`li`,null,[(0,r.createElementVNode)(`strong`,null,(0,r.toDisplayString)(h(`common.Y`)),1),(0,r.createTextVNode)(` `+(0,r.toDisplayString)(T.value.y.toFixed(0)),1)]),(0,r.createElementVNode)(`li`,null,[(0,r.createElementVNode)(`strong`,null,(0,r.toDisplayString)(h(`common.WIDTH`)),1),(0,r.createTextVNode)(` `+(0,r.toDisplayString)(T.value.width.toFixed(0)),1)]),(0,r.createElementVNode)(`li`,null,[(0,r.createElementVNode)(`strong`,null,(0,r.toDisplayString)(h(`common.HEIGHT`)),1),(0,r.createTextVNode)(` `+(0,r.toDisplayString)(T.value.height.toFixed(0)),1)])]),_:1}),(0,r.createElementVNode)(`img`,{src:w.value,alt:h(`common.IMAGE_THUMBNAIL`)},null,8,s)]),_:1})):(0,r.createCommentVNode)(``,!0)]))}}),d=e.t(u,[[`__scopeId`,`data-v-718b196d`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return d}});
|
|
1
|
+
require(`./chunk-D-qHiVGv.cjs`);const e=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),t=require(`./Grid-D8c0StGs.cjs`),n=require(`./vue-i18n-B_5xehV9.cjs`);let r=require(`vue`);var i=function(e){return e.TopLeft=`top-left`,e.Top=`top`,e.TopRight=`top-right`,e.Right=`right`,e.BottomRight=`bottom-right`,e.Bottom=`bottom`,e.BottomLeft=`bottom-left`,e.Left=`left`,e}(i||{}),a={class:`nb-image-cropper`},o=[`onMousedown`,`onTouchstart`],s=[`src`,`alt`],c=700,l=400,u=(0,r.defineComponent)({__name:`ImageCropper`,props:{image:{},cropAsCircle:{type:Boolean,default:!1},outputAsCircle:{type:Boolean,default:!1},lockAspectRatio:{type:Boolean,default:!1},showPreview:{type:Boolean,default:!1}},emits:[`crop`],setup(e,{emit:u}){let d={en:{X:`X`,Y:`Y`,WIDTH:`Width`,HEIGHT:`Height`,IMAGE_THUMBNAIL:`Cropped preview`},pt:{X:`X`,Y:`Y`,WIDTH:`Largura`,HEIGHT:`Altura`,IMAGE_THUMBNAIL:`Pré-visualização recortada`}},{t:f,te:p,locale:m}=n.t({useScope:`global`});function h(e){if(p(e))return f(e);let t=e.slice(7);return d[String(m.value).toLowerCase().split(`-`)[0]]?.[t]??d.en[t]??e}let g=e,_=u,v=(0,r.ref)(null),y=null,b=new Image,x=null,S={x:1,y:1},C=(0,r.ref)({x:50,y:50,width:200,height:200}),w=(0,r.ref)(null),T=(0,r.ref)(null),E=!1,D=!1,O={x:0,y:0},k=!1,A={x:0,y:0},j={x:0,y:0,width:0,height:0},M=null,N=!1,P=[{name:i.TopLeft},{name:i.Top},{name:i.TopRight},{name:i.Right},{name:i.BottomRight},{name:i.Bottom},{name:i.BottomLeft},{name:i.Left}],F=()=>{if(!g.image){console.error(`No image file provided`);return}x&&=(URL.revokeObjectURL(x),null),b.onload=()=>{let{drawWidth:e,drawHeight:t}=I();if(v.value){v.value.width=e,v.value.height=t;let n=(v.value.width-b.width*S.x)/2,r=(v.value.height-b.height*S.y)/2;if(g.cropAsCircle||g.lockAspectRatio){let e=Math.min(b.width*S.x,b.height*S.y)*.5;C.value={x:n+(b.width*S.x-e)/2,y:r+(b.height*S.y-e)/2,width:e,height:e}}else C.value={x:n+(b.width*S.x*.5-b.width*S.x*.25),y:r+(b.height*S.y*.5-b.height*S.y*.25),width:b.width*S.x*.5,height:b.height*S.y*.5};L(),Q()}},b.onerror=()=>{console.error(`Failed to load image`)},x=URL.createObjectURL(g.image),b.src=x};(0,r.onMounted)(()=>{v.value&&(y=v.value.getContext(`2d`),y&&(y.imageSmoothingEnabled=!0,y.imageSmoothingQuality=`high`),g.image&&F())}),(0,r.onBeforeUnmount)(()=>{x&&=(URL.revokeObjectURL(x),null);let e=w.value;e&&(URL.revokeObjectURL(e),w.value=null)}),(0,r.watch)(()=>g.image,e=>{e&&F()}),(0,r.watch)(()=>[g.cropAsCircle,g.outputAsCircle,g.lockAspectRatio],()=>{v.value&&y&&L()});let I=()=>{let e=b.width/b.height,t=c,n=l;return e>c/l?n=c/e:t=l*e,S.x=t/b.width,S.y=n/b.height,{drawWidth:t,drawHeight:n}},L=()=>{if(y&&v.value){y.clearRect(0,0,v.value.width,v.value.height);let e=(v.value.width-b.width*S.x)/2,t=(v.value.height-b.height*S.y)/2;y.drawImage(b,0,0,b.width,b.height,e,t,b.width*S.x,b.height*S.y),R()}},R=()=>{y&&v.value&&(y.save(),y.beginPath(),g.cropAsCircle?y.arc(C.value.x+C.value.width/2,C.value.y+C.value.height/2,C.value.width/2,0,Math.PI*2):y.rect(C.value.x,C.value.y,C.value.width,C.value.height),y.rect(0,0,v.value.width,v.value.height),y.clip(`evenodd`),y.fillStyle=`rgba(0, 0, 0, 0.5)`,y.fillRect(0,0,v.value.width,v.value.height),y.restore(),y.save(),y.strokeStyle=`rgba(255, 255, 255, 0.8)`,y.lineWidth=1,y.setLineDash([5,5]),y.imageSmoothingEnabled=!1,g.cropAsCircle?(y.beginPath(),y.arc(C.value.x+C.value.width/2,C.value.y+C.value.height/2,C.value.width/2,0,Math.PI*2),y.stroke()):y.strokeRect(C.value.x,C.value.y,C.value.width,C.value.height),y.restore())},z=(0,r.computed)(()=>{if(g.cropAsCircle){let e=C.value.x+C.value.width/2,t=C.value.y+C.value.height/2,n=C.value.width/2;return{"top-left":{left:`${e-n-5}px`,top:`${t-n-5}px`},top:{left:`${e-5}px`,top:`${t-n-5}px`},"top-right":{left:`${e+n-5}px`,top:`${t-n-5}px`},right:{left:`${e+n-5}px`,top:`${t-5}px`},"bottom-right":{left:`${e+n-5}px`,top:`${t+n-5}px`},bottom:{left:`${e-5}px`,top:`${t+n-5}px`},"bottom-left":{left:`${e-n-5}px`,top:`${t+n-5}px`},left:{left:`${e-n-5}px`,top:`${t-5}px`}}}else return{"top-left":{left:`${C.value.x-5}px`,top:`${C.value.y-5}px`},top:{left:`${C.value.x+C.value.width/2-5}px`,top:`${C.value.y-5}px`},"top-right":{left:`${C.value.x+C.value.width-5}px`,top:`${C.value.y-5}px`},right:{left:`${C.value.x+C.value.width-5}px`,top:`${C.value.y+C.value.height/2-5}px`},"bottom-right":{left:`${C.value.x+C.value.width-5}px`,top:`${C.value.y+C.value.height-5}px`},bottom:{left:`${C.value.x+C.value.width/2-5}px`,top:`${C.value.y+C.value.height-5}px`},"bottom-left":{left:`${C.value.x-5}px`,top:`${C.value.y+C.value.height-5}px`},left:{left:`${C.value.x-5}px`,top:`${C.value.y+C.value.height/2-5}px`}}}),B=e=>{if(`touches`in e&&e.touches.length>0){let t=e.touches[0];return{clientX:t.clientX,clientY:t.clientY}}else if(`clientX`in e&&`clientY`in e)return{clientX:e.clientX,clientY:e.clientY};return{clientX:0,clientY:0}},V=e=>{let t=v.value;if(!t)return null;let{clientX:n,clientY:r}=B(e),{left:i,top:a}=t.getBoundingClientRect();return{x:n-i,y:r-a}},H=e=>{e.preventDefault();let t=V(e);if(!t)return;let{x:n,y:r}=t;X(n,r)&&(D=!0,E=!0,O={x:n-C.value.x,y:r-C.value.y})},U=e=>{D?G(e):k&&J(e)},W=()=>{D&&(K(),D=!1,Q()),k&&(Y(),Q()),E=!1,D=!1},G=e=>{if(E){let t=V(e);if(!t)return;let{x:n,y:r}=t;C.value.x=Math.floor(n-O.x),C.value.y=Math.floor(r-O.y),L()}},K=()=>{E&&=(Z(),L(),!1)},q=(e,t)=>{e.preventDefault();let n=V(e);n&&(k=!0,M=t,A={x:n.x,y:n.y},j={...C.value},N=e instanceof MouseEvent&&e.shiftKey)},J=e=>{if(!k)return;if(g.lockAspectRatio&&v.value){let t=V(e);if(!t)return;let{x:n,y:r}=t,i=j.x+j.width/2,a=j.y+j.height/2;if(g.cropAsCircle){let e=Math.max(Math.abs(n-i),Math.abs(r-a)),t=e*2;C.value={x:i-e,y:a-e,width:t,height:t}}else{let e=j.width/j.height,t=Math.abs(n-i),r=Math.max(t*2,50),o=r/e;C.value={x:i-r/2,y:a-o/2,width:r,height:o}}L();return}let t=V(e);if(!t)return;let{x:n,y:r}=t,i=n-A.x,a=r-A.y;N=e instanceof MouseEvent&&e.shiftKey;let o={...j};switch(M){case`top-left`:o.x+=i,o.y+=a,o.width-=i,o.height-=a;break;case`top`:o.y+=a,o.height-=a;break;case`top-right`:o.y+=a,o.width+=i,o.height-=a;break;case`right`:o.width+=i;break;case`bottom-right`:o.width+=i,o.height+=a;break;case`bottom`:o.height+=a;break;case`bottom-left`:o.x+=i,o.width-=i,o.height+=a;break;case`left`:o.x+=i,o.width-=i;break}if(o.width<50&&(o.width=50),o.height<50&&(o.height=50),N&&M){let e=j.width/j.height;[`left`,`right`].includes(M)?(o.height=o.width/e,M===`left`&&(o.y=j.y-(o.height-j.height)/2)):[`top`,`bottom`].includes(M)&&(o.width=o.height*e,M===`top`&&(o.x=j.x-(o.width-j.width)/2))}C.value=o,L()},Y=()=>{k&&(Z(),L(),k=!1,M=null)},X=(e,t)=>{if(g.cropAsCircle){let n=C.value.x+C.value.width/2,r=C.value.y+C.value.height/2,i=C.value.width/2,a=e-n,o=t-r;return a*a+o*o<=i*i}else return e>=C.value.x-2&&e<=C.value.x+C.value.width+2&&t>=C.value.y-2&&t<=C.value.y+C.value.height+2},Z=()=>{let e=v.value.width,t=v.value.height;if(C.value.width<50&&(C.value.width=50),C.value.height<50&&(C.value.height=50),g.lockAspectRatio)if(g.cropAsCircle)C.value.height=C.value.width;else{let e=j.width/j.height;C.value.height=C.value.width/e}else if(N){let e=j.width/j.height;C.value.height=C.value.width/e}if(g.cropAsCircle||g.lockAspectRatio){let n=C.value.width/C.value.height;(C.value.width>e||C.value.height>t)&&(C.value.width>C.value.height?(C.value.width=e,C.value.height=e/n):(C.value.height=t,C.value.width=t*n)),C.value.x<0&&(C.value.x=0),C.value.y<0&&(C.value.y=0),C.value.x+C.value.width>e&&(C.value.x=e-C.value.width),C.value.y+C.value.height>t&&(C.value.y=t-C.value.height)}else C.value.x<0&&(C.value.x=0),C.value.y<0&&(C.value.y=0),C.value.width>e&&(C.value.width=e,C.value.x=0),C.value.height>t&&(C.value.height=t,C.value.y=0),C.value.x+C.value.width>e&&(C.value.x=e-C.value.width),C.value.y+C.value.height>t&&(C.value.y=t-C.value.height)},Q=()=>{if(v.value&&y){let e=(v.value.width-b.width*S.x)/2,t=(v.value.height-b.height*S.y)/2,n=(C.value.x-e)/S.x,r=(C.value.y-t)/S.y,i=C.value.width/S.x,a=C.value.height/S.y,o={x:Math.round(n),y:Math.round(r),width:Math.round(i),height:Math.round(a)},s=Math.max(0,Math.min(o.x,b.width)),c=Math.max(0,Math.min(o.y,b.height)),l=Math.min(o.width,b.width-s),u=Math.min(o.height,b.height-c),d=document.createElement(`canvas`);d.width=l,d.height=u;let f=d.getContext(`2d`);f&&(f.drawImage(b,s,c,l,u,0,0,l,u),g.cropAsCircle&&g.outputAsCircle&&(f.globalCompositeOperation=`destination-in`,f.beginPath(),f.arc(l/2,u/2,l/2,0,Math.PI*2),f.closePath(),f.fill(),f.globalCompositeOperation=`source-over`),d.toBlob(e=>{if(e){let t=w.value;t&&URL.revokeObjectURL(t),w.value=URL.createObjectURL(e),T.value=o,_(`crop`,{blob:e,geometry:o})}},`image/jpeg`,.8))}};return(0,r.watch)(()=>g,()=>{Q()},{deep:!0}),(n,i)=>((0,r.openBlock)(),(0,r.createElementBlock)(`div`,a,[(0,r.createElementVNode)(`div`,{class:`canvas-container`,onMousedown:H,onMousemove:U,onMouseup:W,onMouseleave:W,onTouchstart:H,onTouchmove:U,onTouchend:W},[(0,r.createElementVNode)(`canvas`,{ref_key:`canvas`,ref:v},null,512),((0,r.openBlock)(),(0,r.createElementBlock)(r.Fragment,null,(0,r.renderList)(P,e=>(0,r.createElementVNode)(`div`,{key:e.name,class:(0,r.normalizeClass)([`resize-handle`,e.name]),style:(0,r.normalizeStyle)(z.value[e.name]),onMousedown:(0,r.withModifiers)(t=>q(t,e.name),[`stop`]),onTouchstart:(0,r.withModifiers)(t=>q(t,e.name),[`stop`])},null,46,o)),64))],32),e.showPreview&&w.value&&T.value?((0,r.openBlock)(),(0,r.createBlock)(t.t,{key:0,class:`cropped-image-preview`},{default:(0,r.withCtx)(()=>[(0,r.createVNode)(t.t,{is:`ul`,dir:`col`,justify:`center`,gap:`sm`},{default:(0,r.withCtx)(()=>[(0,r.createElementVNode)(`li`,null,[(0,r.createElementVNode)(`strong`,null,(0,r.toDisplayString)(h(`common.X`)),1),(0,r.createTextVNode)(` `+(0,r.toDisplayString)(T.value.x.toFixed(0)),1)]),(0,r.createElementVNode)(`li`,null,[(0,r.createElementVNode)(`strong`,null,(0,r.toDisplayString)(h(`common.Y`)),1),(0,r.createTextVNode)(` `+(0,r.toDisplayString)(T.value.y.toFixed(0)),1)]),(0,r.createElementVNode)(`li`,null,[(0,r.createElementVNode)(`strong`,null,(0,r.toDisplayString)(h(`common.WIDTH`)),1),(0,r.createTextVNode)(` `+(0,r.toDisplayString)(T.value.width.toFixed(0)),1)]),(0,r.createElementVNode)(`li`,null,[(0,r.createElementVNode)(`strong`,null,(0,r.toDisplayString)(h(`common.HEIGHT`)),1),(0,r.createTextVNode)(` `+(0,r.toDisplayString)(T.value.height.toFixed(0)),1)])]),_:1}),(0,r.createElementVNode)(`img`,{src:w.value,alt:h(`common.IMAGE_THUMBNAIL`)},null,8,s)]),_:1})):(0,r.createCommentVNode)(``,!0)]))}}),d=e.t(u,[[`__scopeId`,`data-v-718b196d`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return d}});
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { t as e } from "./_plugin-vue_export-helper-O4QQSku4.js";
|
|
2
2
|
import { t } from "./Icon-rREAqsu0.js";
|
|
3
3
|
import { useStableId as n } from "./composables/useStableId.composable.mjs";
|
|
4
|
-
import { t as r } from "./Spinner-
|
|
4
|
+
import { t as r } from "./Spinner-BxnDJP1H.js";
|
|
5
5
|
import { computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, defineComponent as u, normalizeClass as d, normalizeStyle as f, onBeforeUnmount as p, openBlock as m, renderSlot as h, toDisplayString as g, unref as _, watch as v } from "vue";
|
|
6
6
|
import * as y from "@nubisco/ui/icons/warning-circle";
|
|
7
7
|
import * as b from "@nubisco/ui/icons/check-circle";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const e=require(`./chunk-D-qHiVGv.cjs`),t=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),n=require(`./Icon-C8R_r_In.cjs`),r=require(`./composables/useStableId.composable.cjs`),i=require(`./Spinner-
|
|
1
|
+
const e=require(`./chunk-D-qHiVGv.cjs`),t=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),n=require(`./Icon-C8R_r_In.cjs`),r=require(`./composables/useStableId.composable.cjs`),i=require(`./Spinner-swPRQ7kf.cjs`);let a=require(`vue`),o=require(`@nubisco/ui/icons/warning-circle`);o=e.n(o);let s=require(`@nubisco/ui/icons/check-circle`);s=e.n(s);var c=function(e){return e.Inactive=`inactive`,e.Active=`active`,e.Finished=`finished`,e.Error=`error`,e}(c||{}),l=[`id`,`aria-live`],u={class:`nb-inline-loading__text`},d=(0,a.defineComponent)({__name:`InlineLoading`,props:{status:{default:c.Inactive},label:{default:`Saving`},finishedLabel:{default:`Saved`},errorLabel:{default:`Could not save`},dwell:{default:1600},reserveSpace:{type:Boolean,default:!0},id:{default:void 0}},emits:[`success`],setup(e,{emit:t}){let d=e,f=t,p=r.useStableId(d),m;function h(){m&&=(clearTimeout(m),void 0)}(0,a.watch)(()=>d.status,e=>{h(),e===c.Finished&&(m=setTimeout(()=>{m=void 0,f(`success`)},d.dwell))},{immediate:!0}),(0,a.onBeforeUnmount)(h);let g=(0,a.computed)(()=>{switch(d.status){case c.Active:return d.label;case c.Finished:return d.finishedLabel;case c.Error:return d.errorLabel;default:return``}}),_=(0,a.computed)(()=>d.status===c.Finished?s:d.status===c.Error?o:null),v=(0,a.computed)(()=>d.status===c.Inactive?`off`:d.status===c.Error?`assertive`:`polite`),y=(0,a.computed)(()=>[`nb-inline-loading`,`nb-inline-loading--${d.status}`]),b=(0,a.computed)(()=>{if(!d.reserveSpace)return;let e=Math.max(d.label.length,d.finishedLabel.length,d.errorLabel.length);return{"--nb-inline-loading-reserve":`${e+1}ch`}});return(t,r)=>((0,a.openBlock)(),(0,a.createElementBlock)(`div`,{id:(0,a.unref)(p),class:(0,a.normalizeClass)(y.value),style:(0,a.normalizeStyle)(b.value),role:`status`,"aria-live":v.value},[e.status===`active`?((0,a.openBlock)(),(0,a.createBlock)(i.t,{key:0,class:`nb-inline-loading__spinner`,size:`sm`,tone:`inherit`,decorative:``})):_.value?((0,a.openBlock)(),(0,a.createBlock)(n.t,{key:1,class:`nb-inline-loading__icon`,name:_.value,size:16,"aria-hidden":`true`},null,8,[`name`])):(0,a.createCommentVNode)(``,!0),(0,a.createElementVNode)(`span`,u,[(0,a.renderSlot)(t.$slots,`default`,{status:e.status,text:g.value},()=>[(0,a.createTextVNode)((0,a.toDisplayString)(g.value),1)],!0)])],14,l))}}),f=t.t(d,[[`__scopeId`,`data-v-077014e8`]]);Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return f}});
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { t as e } from "./_plugin-vue_export-helper-O4QQSku4.js";
|
|
2
|
-
import { i as t, l as n, u as r } from "./palette-
|
|
3
|
-
import { i, r as a } from "./scales-
|
|
4
|
-
import { t as o } from "./useChartSize-
|
|
2
|
+
import { i as t, l as n, u as r } from "./palette-VMXxKICH.js";
|
|
3
|
+
import { i, r as a } from "./scales-DVJzRU1F.js";
|
|
4
|
+
import { t as o } from "./useChartSize-Dyh37PYP.js";
|
|
5
5
|
import { Fragment as s, computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createVNode as ee, defineComponent as p, normalizeClass as te, onBeforeUnmount as ne, openBlock as m, ref as h, renderList as g, toDisplayString as _, unref as v, withCtx as re, withModifiers as y } from "vue";
|
|
6
6
|
//#region src/components/Charts/InterpolationChart.vue?vue&type=script&setup=true&lang.ts
|
|
7
7
|
var b = [
|
|
@@ -1 +1 @@
|
|
|
1
|
-
require(`./chunk-D-qHiVGv.cjs`);const e=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),t=require(`./palette-
|
|
1
|
+
require(`./chunk-D-qHiVGv.cjs`);const e=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),t=require(`./palette-BoABA-De.cjs`),n=require(`./scales-BWtB8m5D.cjs`),r=require(`./useChartSize-D9UxUkiU.cjs`);let i=require(`vue`);var a=[`width`,`height`,`aria-label`],o={key:0},s=[`x1`,`x2`,`y1`,`y2`],c={class:`nb-chart__axis`},l=[`x`,`y`],u={class:`nb-chart__axis`},d=[`x`,`y`],f=[`x1`,`x2`,`y1`,`y2`],p=[`y`,`transform`],ee=[`x`,`y`],te=[`d`,`fill`],m=[`d`,`stroke`],h=[`cx`,`cy`,`r`,`fill`,`onMousedown`,`onContextmenu`],g={key:5},_=[`x1`,`x2`,`y1`,`y2`],v=[`x1`,`x2`,`y1`,`y2`],y=`var(--nb-c-surface)`,b=(0,i.defineComponent)({__name:`InterpolationChart`,props:{modelValue:{default:()=>[]},inputLabel:{default:void 0},outputLabel:{default:void 0},inputMin:{default:0},inputMax:{default:100},outputMin:{default:0},outputMax:{default:100},editable:{type:Boolean,default:!0},minPoints:{default:2},inputStep:{default:0},outputStep:{default:0},title:{default:void 0},subtitle:{default:void 0},height:{default:280},showLegend:{type:Boolean,default:!1},showTooltip:{type:Boolean,default:!0},showGrid:{type:Boolean,default:!0},colors:{default:()=>[]}},emits:[`update:modelValue`],setup(e,{emit:b}){let x=e,S=b,C=(0,i.computed)(()=>t.i(0,x.colors)),w={top:16,right:16,bottom:32,left:48},T=(0,i.ref)(null),E=r.t(T,{width:480,height:240}),D=(0,i.computed)(()=>Math.max(0,E.value.width-w.left-w.right)),O=(0,i.computed)(()=>Math.max(0,E.value.height-w.top-w.bottom)),k=(0,i.computed)(()=>[...x.modelValue].sort((e,t)=>e.input-t.input)),A=(0,i.computed)(()=>[x.inputMin,x.inputMax]),j=(0,i.computed)(()=>{let e=k.value.map(e=>e.output);return n.i(Math.min(x.outputMin,...e),Math.max(x.outputMax,...e),.05)}),M=(0,i.computed)(()=>n.r(A.value,[w.left,E.value.width-w.right])),N=(0,i.computed)(()=>n.r(j.value,[E.value.height-w.bottom,w.top])),P=(0,i.computed)(()=>M.value.ticks(6)),F=(0,i.computed)(()=>N.value.ticks(5)),I=e=>{let[t,n]=A.value,[r,i]=M.value.range;return t+(e-r)/(i-r)*(n-t)},L=e=>{let[t,n]=j.value,[r,i]=N.value.range;return t+(e-r)/(i-r)*(n-t)},R=(e,t)=>!t||t<=0?e:Math.round(e/t)*t,z=(e,t,n)=>Math.max(t,Math.min(n,e)),B=(e,t=1)=>Math.round(e*10**t)/10**t,V=(0,i.computed)(()=>{let e=k.value;return e.length<2?``:e.map((e,t)=>`${t===0?`M`:`L`}${M.value(e.input)},${N.value(e.output)}`).join(` `)}),H=(0,i.computed)(()=>{let e=k.value;if(e.length<2)return``;let t=E.value.height-w.bottom;return`${e.map((e,t)=>`${t===0?`M`:`L`}${M.value(e.input)},${N.value(e.output)}`).join(` `)} L${M.value(e[e.length-1].input)},${t} L${M.value(e[0].input)},${t} Z`}),U=(0,i.ref)(null),W=(0,i.ref)(null);function G(e){S(`update:modelValue`,[...e].sort((e,t)=>e.input-t.input))}function K(e,t){x.editable&&(U.value=e,window.addEventListener(`mousemove`,J),window.addEventListener(`mouseup`,Y))}function q(e){let t=T.value?.querySelector(`svg`);if(!t)return null;let n=t.getBoundingClientRect();return{px:e.clientX-n.left,py:e.clientY-n.top}}function J(e){if(U.value===null)return;let t=q(e);if(!t)return;let n=I(t.px),r=L(t.py),i=[...k.value],a=U.value,o=x.inputStep>0?x.inputStep:.1;i[a]={input:B(R(z(n,a>0?i[a-1].input+o:x.inputMin,a<i.length-1?i[a+1].input-o:x.inputMax),x.inputStep)),output:B(R(z(r,x.outputMin,x.outputMax),x.outputStep))},G(i)}function Y(){U.value=null,window.removeEventListener(`mousemove`,J),window.removeEventListener(`mouseup`,Y)}function X(e){if(U.value!==null)return;let t=q(e);if(!t)return;let n=-1,r=1/0;for(let e=0;e<k.value.length;e++){let i=k.value[e],a=M.value(i.input)-t.px,o=N.value(i.output)-t.py,s=Math.sqrt(a*a+o*o);s<r&&(r=s,n=e)}W.value=r<20?n:null,Q.value={x:t.px+12,y:t.py-12}}function Z(){U.value===null&&(W.value=null)}function ne(){U.value!==null&&(U.value=null,window.removeEventListener(`mousemove`,J),window.removeEventListener(`mouseup`,Y))}function re(e){if(!x.editable)return;let t=q(e);if(!t)return;let n=I(t.px),r=L(t.py);if(n<x.inputMin||n>x.inputMax||r<x.outputMin||r>x.outputMax)return;let i=B(R(z(n,x.inputMin,x.inputMax),x.inputStep)),a=B(R(z(r,x.outputMin,x.outputMax),x.outputStep));G([...k.value,{input:i,output:a}])}function ie(e){x.editable&&(k.value.length<=x.minPoints||G(k.value.filter((t,n)=>n!==e)))}(0,i.onBeforeUnmount)(()=>{window.removeEventListener(`mousemove`,J),window.removeEventListener(`mouseup`,Y)});let Q=(0,i.ref)({x:0,y:0}),ae=(0,i.computed)(()=>W.value!==null||U.value!==null),oe=(0,i.computed)(()=>{let e=U.value??W.value;return e===null?``:`Point ${e+1}`}),se=(0,i.computed)(()=>{let e=U.value??W.value;if(e===null||e>=k.value.length)return[];let t=k.value[e];return[{label:x.inputLabel||`Input`,value:$(t.input),color:C.value},{label:x.outputLabel||`Output`,value:$(t.output),color:C.value}]}),$=e=>Number.isInteger(e)?String(e):e.toFixed(1);return(n,r)=>((0,i.openBlock)(),(0,i.createBlock)(t.u,{title:e.title,subtitle:e.subtitle,height:e.height,"show-legend":!1},{default:(0,i.withCtx)(()=>[(0,i.createElementVNode)(`div`,{ref_key:`root`,ref:T,class:`nb-interpolation-chart`},[((0,i.openBlock)(),(0,i.createElementBlock)(`svg`,{width:(0,i.unref)(E).width,height:(0,i.unref)(E).height,class:`nb-chart__svg`,role:`img`,"aria-label":e.title||`Interpolation chart`,onMousemove:X,onMouseleave:Z,onMouseup:ne,onDblclick:re,onContextmenu:r[0]||=(0,i.withModifiers)(()=>{},[`prevent`])},[e.showGrid&&(0,i.unref)(E).width>0?((0,i.openBlock)(),(0,i.createElementBlock)(`g`,o,[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(F.value,e=>((0,i.openBlock)(),(0,i.createElementBlock)(`line`,{key:`grid-${e}`,class:`nb-chart__gridline`,x1:w.left,x2:(0,i.unref)(E).width-w.right,y1:N.value(e),y2:N.value(e)},null,8,s))),128))])):(0,i.createCommentVNode)(``,!0),(0,i.createElementVNode)(`g`,c,[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(F.value,e=>((0,i.openBlock)(),(0,i.createElementBlock)(`text`,{key:`yt-${e}`,x:w.left-6,y:N.value(e),"text-anchor":`end`,"dominant-baseline":`middle`},(0,i.toDisplayString)($(e)),9,l))),128))]),(0,i.createElementVNode)(`g`,u,[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(P.value,e=>((0,i.openBlock)(),(0,i.createElementBlock)(`text`,{key:`xt-${e}`,x:M.value(e),y:(0,i.unref)(E).height-w.bottom+14,"text-anchor":`middle`},(0,i.toDisplayString)($(e)),9,d))),128))]),(0,i.createElementVNode)(`line`,{class:`nb-chart__axis-line`,x1:w.left,x2:(0,i.unref)(E).width-w.right,y1:(0,i.unref)(E).height-w.bottom,y2:(0,i.unref)(E).height-w.bottom},null,8,f),e.outputLabel?((0,i.openBlock)(),(0,i.createElementBlock)(`text`,{key:1,class:`nb-chart__axis-label`,x:12,y:w.top+O.value/2,"text-anchor":`middle`,transform:`rotate(-90, 12, ${w.top+O.value/2})`},(0,i.toDisplayString)(e.outputLabel),9,p)):(0,i.createCommentVNode)(``,!0),e.inputLabel?((0,i.openBlock)(),(0,i.createElementBlock)(`text`,{key:2,class:`nb-chart__axis-label`,x:w.left+D.value/2,y:(0,i.unref)(E).height-2,"text-anchor":`middle`},(0,i.toDisplayString)(e.inputLabel),9,ee)):(0,i.createCommentVNode)(``,!0),k.value.length>=2?((0,i.openBlock)(),(0,i.createElementBlock)(`path`,{key:3,class:`nb-interpolation-chart__area`,d:H.value,fill:C.value,opacity:`0.12`},null,8,te)):(0,i.createCommentVNode)(``,!0),k.value.length>=2?((0,i.openBlock)(),(0,i.createElementBlock)(`path`,{key:4,class:`nb-interpolation-chart__line`,d:V.value,stroke:C.value,fill:`none`,"stroke-width":`2`,"stroke-linejoin":`round`,"stroke-linecap":`round`},null,8,m)):(0,i.createCommentVNode)(``,!0),((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(k.value,(t,n)=>((0,i.openBlock)(),(0,i.createElementBlock)(`circle`,{key:`pt-${n}`,class:(0,i.normalizeClass)([`nb-interpolation-chart__point`,{"nb-interpolation-chart__point--editable":e.editable,"nb-interpolation-chart__point--dragging":U.value===n,"nb-interpolation-chart__point--hover":W.value===n&&U.value===null}]),cx:M.value(t.input),cy:N.value(t.output),r:U.value===n?7:W.value===n?6:5,fill:C.value,stroke:y,"stroke-width":`2`,onMousedown:(0,i.withModifiers)(e=>K(n,e),[`prevent`]),onContextmenu:(0,i.withModifiers)(e=>ie(n),[`prevent`])},null,42,h))),128)),U.value===null?(0,i.createCommentVNode)(``,!0):((0,i.openBlock)(),(0,i.createElementBlock)(`g`,g,[(0,i.createElementVNode)(`line`,{class:`nb-interpolation-chart__crosshair`,x1:M.value(k.value[U.value].input),x2:M.value(k.value[U.value].input),y1:w.top,y2:(0,i.unref)(E).height-w.bottom},null,8,_),(0,i.createElementVNode)(`line`,{class:`nb-interpolation-chart__crosshair`,x1:w.left,x2:(0,i.unref)(E).width-w.right,y1:N.value(k.value[U.value].output),y2:N.value(k.value[U.value].output)},null,8,v)]))],40,a)),(0,i.createVNode)(t.l,{visible:e.showTooltip&&ae.value,x:Q.value.x,y:Q.value.y,title:oe.value,rows:se.value},null,8,[`visible`,`x`,`y`,`title`,`rows`])],512)]),_:1},8,[`title`,`subtitle`,`height`]))}}),x=e.t(b,[[`__scopeId`,`data-v-676875de`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return x}});
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { t as e } from "./_plugin-vue_export-helper-O4QQSku4.js";
|
|
2
|
-
import { i as t, l as n, n as r, u as i } from "./palette-
|
|
3
|
-
import { t as a } from "./ChartLegend-
|
|
4
|
-
import { i as o, r as s } from "./scales-
|
|
5
|
-
import { t as c } from "./useChartSize-
|
|
2
|
+
import { i as t, l as n, n as r, u as i } from "./palette-VMXxKICH.js";
|
|
3
|
+
import { t as a } from "./ChartLegend-BtBKVnH3.js";
|
|
4
|
+
import { i as o, r as s } from "./scales-DVJzRU1F.js";
|
|
5
|
+
import { t as c } from "./useChartSize-Dyh37PYP.js";
|
|
6
6
|
import { Fragment as l, computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createVNode as h, defineComponent as g, openBlock as _, ref as v, renderList as y, toDisplayString as b, unref as x, withCtx as S } from "vue";
|
|
7
7
|
//#region src/components/Charts/LineChart.vue?vue&type=script&setup=true&lang.ts
|
|
8
8
|
var C = [
|
|
@@ -1 +1 @@
|
|
|
1
|
-
require(`./chunk-D-qHiVGv.cjs`);const e=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),t=require(`./palette-
|
|
1
|
+
require(`./chunk-D-qHiVGv.cjs`);const e=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),t=require(`./palette-BoABA-De.cjs`),n=require(`./ChartLegend-ndpGucTZ.cjs`),r=require(`./scales-BWtB8m5D.cjs`),i=require(`./useChartSize-D9UxUkiU.cjs`);let a=require(`vue`);var o=[`width`,`height`,`aria-label`],s={key:0},c=[`x1`,`x2`,`y1`,`y2`],l={class:`nb-chart__axis`},u=[`x`,`y`],d={class:`nb-chart__axis`},f=[`x`,`y`],p=[`x1`,`x2`,`y1`,`y2`],m=[`d`,`fill`],h=[`d`,`stroke`],g=[`cx`,`cy`,`r`,`fill`],_=[`x1`,`x2`,`y1`,`y2`],v=(0,a.defineComponent)({__name:`LineChart`,props:{series:{default:()=>[]},area:{type:Boolean,default:!1},points:{type:Boolean,default:!1},curve:{default:`smooth`},valueFormatter:{},title:{default:void 0},subtitle:{default:void 0},height:{default:280},showLegend:{type:Boolean,default:!0},showTooltip:{type:Boolean,default:!0},showGrid:{type:Boolean,default:!0},colors:{default:()=>t.n}},setup(e){let v=e,y={top:12,right:16,bottom:28,left:44},b=(0,a.ref)(null),x=i.t(b,{width:480,height:240}),S=(0,a.computed)(()=>v.series.map((e,n)=>({name:e.name,data:e.data,color:e.color??t.i(n,v.colors)}))),C=(0,a.computed)(()=>(v.series[0]?.data??[]).map(e=>e.x)),w=(0,a.computed)(()=>{let e=v.series.flatMap(e=>e.data.map(e=>e.y));return e.length?r.i(Math.min(0,...e),Math.max(...e),.1):[0,1]}),T=(0,a.computed)(()=>r.r(w.value,[Math.max(y.top,x.value.height-y.bottom),y.top])),E=(0,a.computed)(()=>T.value.ticks(5)),D=(0,a.computed)(()=>Math.max(0,x.value.width-y.left-y.right)),O=e=>{let t=C.value.length;return t<=1?y.left+D.value/2:y.left+e/(t-1)*D.value},k=(0,a.computed)(()=>{let e=C.value,t=Math.max(1,Math.ceil(e.length/6)),n=[];for(let r=0;r<e.length;r+=t)n.push({index:r,value:e[r]});return e.length&&n[n.length-1].index!==e.length-1&&n.push({index:e.length-1,value:e[e.length-1]}),n}),A=e=>e.length?M(e.map((e,t)=>[O(t),T.value(e.y)]),v.curve):``,j=e=>{if(!e.length)return``;let t=e.map((e,t)=>[O(t),T.value(e.y)]),n=x.value.height-y.bottom;return`${M(t,v.curve)} L${t[t.length-1][0]},${n} L${t[0][0]},${n} Z`},M=(e,t)=>{if(!e.length)return``;if(e.length===1)return`M${e[0][0]},${e[0][1]}`;if(t===`linear`)return e.map((e,t)=>`${t===0?`M`:`L`}${e[0]},${e[1]}`).join(` `);if(t===`step`){let t=`M${e[0][0]},${e[0][1]}`;for(let n=1;n<e.length;n++){let[r,i]=e[n-1],[a,o]=e[n],s=(r+a)/2;t+=` L${s},${i} L${s},${o} L${a},${o}`}return t}let n=.2,r=`M${e[0][0]},${e[0][1]}`;for(let t=0;t<e.length-1;t++){let i=e[t-1]??e[t],a=e[t],o=e[t+1],s=e[t+2]??o,c=a[0]+(o[0]-i[0])*n,l=a[1]+(o[1]-i[1])*n,u=o[0]-(s[0]-a[0])*n,d=o[1]-(s[1]-a[1])*n;r+=` C${c},${l} ${u},${d} ${o[0]},${o[1]}`}return r},N=e=>Math.abs(e)>=1e3?`${(e/1e3).toFixed(1)}k`:Number.isInteger(e)?String(e):e.toFixed(1),P=e=>v.valueFormatter?v.valueFormatter(e):N(e),F=(0,a.ref)(null),I=(0,a.ref)({x:0,y:0}),L=e=>{let t=e.currentTarget.getBoundingClientRect(),n=e.clientX-t.left,r=C.value.length;if(!r)return;let i=(n-y.left)/Math.max(1,D.value);F.value=Math.round(Math.min(1,Math.max(0,i))*(r-1)),I.value={x:e.clientX-t.left+12,y:e.clientY-t.top+12}},R=(0,a.computed)(()=>F.value===null?[]:S.value.map(e=>{let t=e.data[F.value];return{label:e.name,value:t?.label??P(t?.y??0),color:e.color}}));return(r,i)=>((0,a.openBlock)(),(0,a.createBlock)(t.u,{title:e.title,subtitle:e.subtitle,height:e.height,"show-legend":e.showLegend&&S.value.length>0},{legend:(0,a.withCtx)(()=>[(0,a.createVNode)(n.t,{items:S.value.map(e=>({label:e.name,color:e.color}))},null,8,[`items`])]),default:(0,a.withCtx)(()=>[(0,a.createElementVNode)(`div`,{ref_key:`root`,ref:b,class:`nb-line-chart`},[((0,a.openBlock)(),(0,a.createElementBlock)(`svg`,{width:(0,a.unref)(x).width,height:(0,a.unref)(x).height,class:`nb-chart__svg`,role:`img`,"aria-label":e.title||`Line chart`,onMouseleave:i[0]||=e=>F.value=null,onMousemove:L},[e.showGrid&&(0,a.unref)(x).width>0?((0,a.openBlock)(),(0,a.createElementBlock)(`g`,s,[((0,a.openBlock)(!0),(0,a.createElementBlock)(a.Fragment,null,(0,a.renderList)(E.value,e=>((0,a.openBlock)(),(0,a.createElementBlock)(`line`,{key:`grid-${e}`,class:`nb-chart__gridline`,x1:y.left,x2:(0,a.unref)(x).width-y.right,y1:T.value(e),y2:T.value(e)},null,8,c))),128))])):(0,a.createCommentVNode)(``,!0),(0,a.createElementVNode)(`g`,l,[((0,a.openBlock)(!0),(0,a.createElementBlock)(a.Fragment,null,(0,a.renderList)(E.value,e=>((0,a.openBlock)(),(0,a.createElementBlock)(`text`,{key:`yt-${e}`,x:y.left-6,y:T.value(e),"text-anchor":`end`,"dominant-baseline":`middle`},(0,a.toDisplayString)(P(e)),9,u))),128))]),(0,a.createElementVNode)(`g`,d,[((0,a.openBlock)(!0),(0,a.createElementBlock)(a.Fragment,null,(0,a.renderList)(k.value,(e,t)=>((0,a.openBlock)(),(0,a.createElementBlock)(`text`,{key:`xt-${t}`,x:O(e.index),y:(0,a.unref)(x).height-y.bottom+14,"text-anchor":`middle`},(0,a.toDisplayString)(e.value),9,f))),128))]),(0,a.createElementVNode)(`line`,{class:`nb-chart__axis-line`,x1:y.left,x2:(0,a.unref)(x).width-y.right,y1:(0,a.unref)(x).height-y.bottom,y2:(0,a.unref)(x).height-y.bottom},null,8,p),((0,a.openBlock)(!0),(0,a.createElementBlock)(a.Fragment,null,(0,a.renderList)(S.value,(t,n)=>((0,a.openBlock)(),(0,a.createElementBlock)(`g`,{key:`s-${n}`},[e.area?((0,a.openBlock)(),(0,a.createElementBlock)(`path`,{key:0,class:`nb-chart__area`,d:j(t.data),fill:t.color,opacity:`0.18`},null,8,m)):(0,a.createCommentVNode)(``,!0),(0,a.createElementVNode)(`path`,{class:`nb-chart__line`,d:A(t.data),stroke:t.color,fill:`none`,"stroke-width":`2`,"stroke-linejoin":`round`,"stroke-linecap":`round`},null,8,h),e.points?((0,a.openBlock)(!0),(0,a.createElementBlock)(a.Fragment,{key:1},(0,a.renderList)(t.data,(e,r)=>((0,a.openBlock)(),(0,a.createElementBlock)(`circle`,{key:`p-${n}-${r}`,cx:O(r),cy:T.value(e.y),r:F.value===r?4:3,fill:t.color,class:`nb-chart__point`},null,8,g))),128)):(0,a.createCommentVNode)(``,!0)]))),128)),F.value===null?(0,a.createCommentVNode)(``,!0):((0,a.openBlock)(),(0,a.createElementBlock)(`line`,{key:1,class:`nb-chart__hover-line`,x1:O(F.value),x2:O(F.value),y1:y.top,y2:(0,a.unref)(x).height-y.bottom},null,8,_))],40,o)),(0,a.createVNode)(t.l,{visible:e.showTooltip&&F.value!==null,x:I.value.x,y:I.value.y,title:F.value===null?``:String(C.value[F.value]),rows:R.value},null,8,[`visible`,`x`,`y`,`title`,`rows`])],512)]),_:1},8,[`title`,`subtitle`,`height`,`show-legend`]))}}),y=e.t(v,[[`__scopeId`,`data-v-90bf8144`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return y}});
|
|
@@ -3,8 +3,8 @@ import { t } from "./Icon-rREAqsu0.js";
|
|
|
3
3
|
import { createCommentVNode as n, createElementBlock as r, createVNode as i, defineComponent as a, normalizeClass as o, openBlock as s, renderSlot as c } from "vue";
|
|
4
4
|
import * as l from "@nubisco/ui/icons/info";
|
|
5
5
|
import * as u from "@nubisco/ui/icons/warning-circle";
|
|
6
|
-
import * as d from "@nubisco/ui/icons/
|
|
7
|
-
import * as f from "@nubisco/ui/icons/
|
|
6
|
+
import * as d from "@nubisco/ui/icons/warning";
|
|
7
|
+
import * as f from "@nubisco/ui/icons/check-circle";
|
|
8
8
|
//#region src/components/Message.d.ts
|
|
9
9
|
var p = /* @__PURE__ */ function(e) {
|
|
10
10
|
return e.Error = "error", e.Warning = "warning", e.Success = "success", e.Helper = "helper", e;
|
|
@@ -27,8 +27,8 @@ var p = /* @__PURE__ */ function(e) {
|
|
|
27
27
|
setup(e) {
|
|
28
28
|
let a = e, p = {
|
|
29
29
|
error: u,
|
|
30
|
-
warning:
|
|
31
|
-
success:
|
|
30
|
+
warning: d,
|
|
31
|
+
success: f,
|
|
32
32
|
helper: l
|
|
33
33
|
};
|
|
34
34
|
return (e, l) => (s(), r("div", {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const e=require(`./chunk-D-qHiVGv.cjs`),t=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),n=require(`./Icon-C8R_r_In.cjs`);let r=require(`vue`),i=require(`@nubisco/ui/icons/info`);i=e.n(i);let a=require(`@nubisco/ui/icons/warning-circle`);a=e.n(a);let o=require(`@nubisco/ui/icons/
|
|
1
|
+
const e=require(`./chunk-D-qHiVGv.cjs`),t=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),n=require(`./Icon-C8R_r_In.cjs`);let r=require(`vue`),i=require(`@nubisco/ui/icons/info`);i=e.n(i);let a=require(`@nubisco/ui/icons/warning-circle`);a=e.n(a);let o=require(`@nubisco/ui/icons/warning`);o=e.n(o);let s=require(`@nubisco/ui/icons/check-circle`);s=e.n(s);var c=function(e){return e.Error=`error`,e.Warning=`warning`,e.Success=`success`,e.Helper=`helper`,e}(c||{}),l=[`aria-live`],u={key:0,class:`nb-message__text`},d={key:1,class:`nb-message__tooltip`,"aria-hidden":`true`},f=(0,r.defineComponent)({__name:`Message`,props:{variant:{default:c.Helper},iconOnly:{type:Boolean,default:!1}},setup(e){let t=e,c={error:a,warning:o,success:s,helper:i};return(e,i)=>((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{class:(0,r.normalizeClass)([`nb-message`,`nb-message--${t.variant}`,{"nb-message--icon-only":t.iconOnly}]),role:`status`,"aria-live":t.variant===`error`?`assertive`:`polite`},[(0,r.createVNode)(n.t,{name:c[t.variant],size:14,class:`nb-message__icon`},null,8,[`name`]),t.iconOnly?(0,r.createCommentVNode)(``,!0):((0,r.openBlock)(),(0,r.createElementBlock)(`span`,u,[(0,r.renderSlot)(e.$slots,`default`,{},void 0,!0)])),t.iconOnly?((0,r.openBlock)(),(0,r.createElementBlock)(`span`,d,[(0,r.renderSlot)(e.$slots,`default`,{},void 0,!0)])):(0,r.createCommentVNode)(``,!0)],10,l))}}),p=t.t(f,[[`__scopeId`,`data-v-3b1f8105`]]);Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return p}});
|
|
@@ -3,7 +3,7 @@ import { r as t } from "./Size.d-Bah6vMl3.js";
|
|
|
3
3
|
import { t as n } from "./Icon-rREAqsu0.js";
|
|
4
4
|
import { useSurfaceLayer as r } from "./composables/useSurfaceLayer.composable.mjs";
|
|
5
5
|
import { t as i } from "./Button-IcCXOoCT.js";
|
|
6
|
-
import { t as a } from "./Grid-
|
|
6
|
+
import { t as a } from "./Grid-XtnH-vr_.js";
|
|
7
7
|
import { useVisualViewportVar as o } from "./composables/useVisualViewportVar.composable.mjs";
|
|
8
8
|
import { acquireScrollLock as s, releaseScrollLock as ee } from "./composables/useScrollLock.composable.mjs";
|
|
9
9
|
import { useFocusTrap as c } from "./composables/useFocusTrap.composable.mjs";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const e=require(`./chunk-D-qHiVGv.cjs`),t=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),n=require(`./Size.d-GBIblj2D.cjs`),r=require(`./Icon-C8R_r_In.cjs`),i=require(`./composables/useSurfaceLayer.composable.cjs`),a=require(`./Button-C0UUTgEB.cjs`),o=require(`./Grid-
|
|
1
|
+
const e=require(`./chunk-D-qHiVGv.cjs`),t=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),n=require(`./Size.d-GBIblj2D.cjs`),r=require(`./Icon-C8R_r_In.cjs`),i=require(`./composables/useSurfaceLayer.composable.cjs`),a=require(`./Button-C0UUTgEB.cjs`),o=require(`./Grid-D8c0StGs.cjs`),s=require(`./composables/useVisualViewportVar.composable.cjs`),c=require(`./composables/useScrollLock.composable.cjs`),l=require(`./composables/useFocusTrap.composable.cjs`);let u=require(`vue`),d=require(`@nubisco/ui/icons/x`);d=e.n(d);var f=200,p=[`[data-nb-confirm-floating]`,`.nb-select__dropdown`,`.nb-menu`,`.nb-date-picker__calendar`,`.nb-user-menu__panel`,`.nb-sidebar-menu-item__flyout`],m=new Set;function h(e){let t=e.trim();return t?(m.add(t),()=>{m.delete(t)}):()=>{}}function g(e=[]){return[...p,...m,...e].map(e=>e.trim()).filter(Boolean).join(`,`)}function _(e,t){if(!e)return;let n=`${t?0:200}ms`;e.style.transitionDuration=n;let r=e.parentElement;r instanceof HTMLElement&&(r.style.transitionDuration=n)}var v=[`role`,`aria-labelledby`,`aria-describedby`,`aria-busy`],y={key:0,class:`nb-modal--header`},b=[`disabled`,`aria-disabled`],x=[`tabindex`,`role`,`aria-labelledby`],S=(0,u.defineComponent)({__name:`Modal`,props:{open:{type:Boolean,default:!1},title:{default:void 0},size:{default:n.r.Medium},closeOnOverlay:{type:Boolean,default:!0},role:{default:`dialog`},labelledBy:{default:void 0},describedBy:{default:void 0},busy:{type:Boolean,default:!1},closeDisabled:{type:Boolean,default:!1},closeAppearance:{default:`corner`},closeOnEscape:{type:Boolean,default:!0},trapFocus:{type:Boolean,default:!0},initialFocus:{type:[String,Function],default:void 0},floatingSelectors:{default:void 0}},emits:[`close`],setup(e,{expose:t,emit:n}){let f=e,p=n,m=(0,u.useSlots)(),h=(0,u.computed)(()=>!!m.header||!!f.title),_=`nb-modal-title-${(0,u.useId)()}`,S=(0,u.ref)(null),C=(0,u.ref)(null),{layerProps:w}=i.useSurfaceLayer({overlay:!0});function T(){f.closeOnOverlay&&p(`close`)}function E(){let e=f.initialFocus;return e?typeof e==`function`?e():S.value?.querySelector(e)??null:null}l.useFocusTrap({container:()=>S.value,active:()=>f.open&&f.trapFocus,initialFocus:E,floatingSelector:()=>g(f.floatingSelectors)}),s.useVisualViewportVar(()=>f.open);let D=!1;function O(){D||(D=!0,c.acquireScrollLock())}function k(){D&&(D=!1,c.releaseScrollLock())}let A=(0,u.ref)(!1);function j(){let e=C.value;if(!e)return;let t=e.scrollHeight-e.clientHeight;!A.value&&t>4?A.value=!0:A.value&&t<=0&&(A.value=!1)}let M=null,N=null;function P(){let e=C.value;e&&(F(),typeof ResizeObserver<`u`&&(M=new ResizeObserver(()=>j()),M.observe(e)),typeof MutationObserver<`u`&&(N=new MutationObserver(()=>j()),N.observe(e,{childList:!0,subtree:!0,characterData:!0})),j())}function F(){M?.disconnect(),M=null,N?.disconnect(),N=null}(0,u.watch)(()=>f.open,async e=>{e?O():k(),await(0,u.nextTick)(),e?P():(F(),A.value=!1)},{immediate:!0}),(0,u.onUnmounted)(()=>{k(),F()});function I(){let e=S.value;if(!e)return!1;let t=Array.from(document.querySelectorAll(`[aria-modal="true"]`));return t.length===0||t[t.length-1]===e}function L(e){e.key===`Escape`&&(e.defaultPrevented||!f.open||!f.closeOnEscape||f.closeDisabled||I()&&p(`close`))}return(0,u.onMounted)(()=>{document.addEventListener(`keydown`,L),f.open&&P()}),(0,u.onUnmounted)(()=>{document.removeEventListener(`keydown`,L)}),t({dialogEl:()=>S.value,bodyEl:()=>C.value}),(t,n)=>((0,u.openBlock)(),(0,u.createBlock)(u.Teleport,{to:`body`},[(0,u.createVNode)(u.Transition,{name:`nb-modal`},{default:(0,u.withCtx)(()=>[e.open?((0,u.openBlock)(),(0,u.createElementBlock)(`div`,{key:0,class:`nb-modal--overlay`,onClick:(0,u.withModifiers)(T,[`self`])},[(0,u.createElementVNode)(`div`,(0,u.mergeProps)({ref_key:`contentRef`,ref:S,class:[`nb-modal--content`,`nb-modal--content--${e.size}`]},(0,u.unref)(w),{role:e.role,"aria-modal":`true`,"aria-labelledby":e.labelledBy??(h.value?_:void 0),"aria-describedby":e.describedBy,"aria-busy":e.busy?`true`:void 0,tabindex:`-1`,onClick:n[2]||=(0,u.withModifiers)(()=>{},[`stop`])}),[h.value?((0,u.openBlock)(),(0,u.createElementBlock)(`header`,y,[(0,u.createElementVNode)(`span`,{id:_,class:`nb-modal--title`},[(0,u.renderSlot)(t.$slots,`header`,{},()=>[(0,u.createTextVNode)((0,u.toDisplayString)(e.title),1)],!0)]),e.closeAppearance===`button`?((0,u.openBlock)(),(0,u.createBlock)(a.t,{key:0,class:`nb-modal--close-button`,size:`sm`,variant:`ghost`,icon:d,"aria-label":`Close`,disabled:e.closeDisabled,onClick:n[0]||=e=>p(`close`)},null,8,[`disabled`])):((0,u.openBlock)(),(0,u.createElementBlock)(`button`,{key:1,class:`nb-modal--close`,"aria-label":`Close`,disabled:e.closeDisabled,"aria-disabled":e.closeDisabled?`true`:void 0,onClick:n[1]||=e=>p(`close`)},[(0,u.createVNode)(r.t,{name:(0,u.unref)(d.regular)},null,8,[`name`])],8,b))])):(0,u.createCommentVNode)(``,!0),(0,u.createElementVNode)(`main`,{ref_key:`bodyRef`,ref:C,class:`nb-modal--body`,tabindex:A.value?0:void 0,role:A.value?`region`:void 0,"aria-labelledby":A.value?e.labelledBy??(h.value?_:void 0):void 0},[(0,u.renderSlot)(t.$slots,`default`,{},void 0,!0)],8,x),t.$slots.footer?((0,u.openBlock)(),(0,u.createBlock)(o.t,{key:1,is:`footer`,justify:`end`,class:`nb-modal--footer`,distributed:``},{default:(0,u.withCtx)(()=>[(0,u.renderSlot)(t.$slots,`footer`,{},void 0,!0)]),_:3})):(0,u.createCommentVNode)(``,!0)],16,v)])):(0,u.createCommentVNode)(``,!0)]),_:3})]))}}),C=t.t(S,[[`__scopeId`,`data-v-0d8e2855`]]);Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return _}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return C}});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const e=require(`./chunk-D-qHiVGv.cjs`),t=require(`./Icon-C8R_r_In.cjs`),n=require(`./composables/usePhoneLayout.composable.cjs`),r=require(`./Button-C0UUTgEB.cjs`),i=require(`./EmptyState-CEF56DXZ.cjs`),a=require(`./Spinner-CLflP0Ge.cjs`),o=require(`./Skeleton-D62xVkuM.cjs`),s=require(`./NotificationCenterItem-CXt7QYRf.cjs`);let c=require(`vue`),l=require(`@nubisco/ui/icons/warning-circle`),u=require(`@nubisco/ui/icons/x`);u=e.n(u);let d=require(`@nubisco/ui/icons/bell`);d=e.n(d);var f={key:0,class:`nb-notification-center__badge`,"aria-hidden":`true`},p=[`aria-describedby`,`aria-busy`],m={class:`nb-notification-center__header`},ee={class:`nb-notification-center__sr`,role:`status`},te={class:`nb-notification-center__stale-text`},ne={class:`nb-notification-center__sr`},re=[`tabindex`],ie={key:4,class:`nb-notification-center__empty`},ae={key:5,class:`nb-notification-center__footer`},h=new Set,g=8,_=8,v=96,y=88,b=200;function oe(e,{align:t,side:n,width:r,maxHeight:i,viewport:a}){let o=e.left+e.width;if(n===`right`&&a.width-o-g-_>=r){let n=e.top+e.height,r=t===`end`?n-_:a.height-e.top-_,s=Math.max(y+v,r),c=Math.min(i+v,s),l=Math.max(y,Math.min(i,s-v));return t===`end`?{top:Math.max(_,n-c),bottom:Math.max(_,a.height-n),left:o+g,side:`right`,maxListHeight:l}:{top:Math.max(_,Math.min(e.top,a.height-_-c)),left:o+g,side:`right`,maxListHeight:l}}let s=t===`start`?e.left:e.left+e.width-r,c=Math.min(Math.max(s,_),Math.max(_,a.width-r-_)),l=e.top+e.height,u=a.height-l-g-_,d=e.top-g-_,f=u<b&&d>u?`top`:`bottom`,p=Math.max(y,f===`top`?d:u),m=Math.max(y,Math.min(i,p-v)),ee=Math.min(i+v,p);return{top:f===`top`?Math.max(_,e.top-g-ee):l+g,left:c,side:f,maxListHeight:m}}function se(e,t){return e.left<=t.width&&e.left+e.width>=0&&e.top<=t.height&&e.top+e.height>=0}var x=(0,c.defineComponent)({__name:`NotificationCenter`,props:{items:{default:()=>[]},unreadCount:{default:void 0},itemCount:{default:void 0},open:{type:Boolean,default:void 0},label:{default:`Notifications`},markAllLabel:{default:`Mark all as read`},markAllPendingLabel:{default:`Marking all as read`},markAllPending:{type:Boolean,default:!1},emptyTitle:{default:`No notifications`},emptyDescription:{default:`New activity shows up here.`},loadingLabel:{default:`Loading notifications`},loading:{type:Boolean,default:!1},error:{type:Boolean,default:!1},errorTitle:{default:`Could not load notifications`},errorDescription:{default:`The request failed. Nothing has been lost.`},errorStaleLabel:{default:`These may be out of date.`},retryLabel:{default:`Try again`},showRetry:{type:Boolean,default:!0},maxCount:{default:99},width:{default:360},closeLabel:{default:`Close notifications`},maxHeight:{default:384},align:{default:`end`},side:{default:`vertical`},showMarkAll:{type:Boolean,default:!0},interactive:{type:Boolean,default:!0},closeOnSelect:{type:Boolean,default:!0},closeOnNavigate:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},icon:{default:void 0},locale:{default:void 0},unreadLabel:{default:`Unread`},readLabel:{default:`Read`},formatUnread:{type:Function,default:e=>e===1?`1 unread`:`${e} unread`}},emits:[`update:open`,`open`,`close`,`select`,`mark-all-read`,`retry`],setup(e,{expose:g,emit:_}){let v=e,y=(0,c.computed)(()=>v.icon??d),b=_,x=(0,c.useSlots)(),S=`nb-notification-center-${(0,c.useId)()}`,C=`${S}-title`,ce=`${S}-trigger`,w=`${S}-error`,T=(0,c.ref)(null),le=(0,c.ref)(null),E=(0,c.ref)(null),D=(0,c.ref)(null),ue=(0,c.ref)(!1),O=(0,c.computed)(()=>v.open===void 0?ue.value:v.open),k=(0,c.computed)(()=>typeof v.unreadCount==`number`?Math.max(0,v.unreadCount):v.items.filter(e=>!e.read).length),de=(0,c.computed)(()=>k.value>v.maxCount?`${v.maxCount}+`:String(k.value)),fe=(0,c.computed)(()=>k.value>0?`${v.label}, ${v.formatUnread(k.value)}`:v.label),pe=(0,c.computed)(()=>{if(typeof v.itemCount==`number`)return Math.max(0,v.itemCount);if(!x.default)return v.items.length}),me=(0,c.computed)(()=>(pe.value??0)>0),A=(0,c.computed)(()=>{if(v.loading)return`loading`;let e=pe.value;return v.error&&(e===void 0||e===0)?`error`:e===void 0||e>0?`list`:`empty`}),he=(0,c.computed)(()=>v.error&&!v.loading&&A.value===`list`&&me.value);(0,c.ref)(!1),(0,c.watch)(()=>[O.value,!!x.default,v.itemCount],([e,t,n])=>{},{immediate:!0});function j(){b(`retry`)}let M=(0,c.computed)(()=>({id:ce,"aria-haspopup":`dialog`,"aria-expanded":O.value?`true`:`false`,"aria-controls":O.value?S:void 0,"aria-label":fe.value,disabled:v.disabled||void 0})),N=(0,c.computed)(()=>({type:`button`,disabled:k.value===0&&!v.markAllPending,"aria-disabled":v.markAllPending?`true`:void 0,"aria-busy":v.markAllPending?`true`:void 0,onClick:Ne})),ge=(0,c.computed)(()=>he.value||A.value===`error`?w:void 0);function P(e){if(!e){E.value=null;return}let t=e instanceof HTMLElement?e:e.$el;E.value=t instanceof HTMLElement?t:null}let F=(0,c.ref)({top:0,left:0,side:`bottom`,maxListHeight:v.maxHeight});function I(){return{width:window.innerWidth,height:window.innerHeight}}function L(){let e=T.value?.getBoundingClientRect();e&&(F.value=oe(e,{align:v.align,side:v.side,width:v.width,maxHeight:v.maxHeight,viewport:I()}))}let{phone:_e}=n.usePhoneLayout(),R=(0,c.computed)(()=>_e.value),ve=(0,c.computed)(()=>{if(!R.value)return F.value.bottom===void 0?{top:`${Math.round(F.value.top)}px`,left:`${Math.round(F.value.left)}px`,width:`${v.width}px`}:{bottom:`${Math.round(F.value.bottom)}px`,left:`${Math.round(F.value.left)}px`,width:`${v.width}px`}}),z=(0,c.computed)(()=>R.value?void 0:{maxHeight:`${Math.round(F.value.maxListHeight)}px`}),ye=(0,c.computed)(()=>({"nb-notification-center__panel--sheet":R.value,"nb-notification-center__panel--start":v.align===`start`,"nb-notification-center__panel--above":!R.value&&F.value.side===`top`,"nb-notification-center__panel--beside":!R.value&&F.value.side===`right`}));function be(e){v.open===void 0&&(ue.value=e),b(`update:open`,e)}function B(){v.disabled||O.value||(L(),be(!0),b(`open`))}function V(e={}){if(!O.value)return;let t=D.value?.contains(document.activeElement);be(!1),b(`close`),(e.restoreFocus??t)&&(0,c.nextTick)(xe)}function xe(){let e=E.value;if(e?.isConnected){e.focus();return}(T.value?.querySelector(q))?.focus()}function H(){O.value?V({restoreFocus:!0}):B()}let U=(0,c.ref)(0),Se=new Set([`button`,`link`,`menuitem`,`option`]);function Ce(e){if(e.tagName===`BUTTON`)return!e.hasAttribute(`disabled`);if(e.tagName===`A`)return e.hasAttribute(`href`);let t=e.getAttribute(`role`);return t!==null&&Se.has(t)}function W(){return D.value?Array.from(D.value.querySelectorAll(`[data-nb-notification-item]`)).filter(e=>!!Ce(e)):[]}let we=(0,c.ref)(void 0);function Te(e){let t=le.value;we.value=t&&t.childElementCount>0&&e.length===0?0:void 0}function G(e){let t=W();Te(t),t.length&&(U.value=Math.min(Math.max(e,0),t.length-1),t.forEach((e,t)=>{e.setAttribute(`tabindex`,t===U.value?`0`:`-1`)}))}function K(e){let t=W();if(!t.length)return!1;let n=Math.min(Math.max(e,0),t.length-1);return G(n),t[n]?.focus(),!0}function Ee(e){let t=e.target?.closest(`[data-nb-notification-item]`);if(!t)return;let n=W().indexOf(t);n>=0&&G(n)}let q=`a[href]:not([tabindex="-1"]), button:not([disabled]):not([tabindex="-1"]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex="0"]`;function De(e){return!!e?.closest?.(`input, textarea, select, [contenteditable=""], [contenteditable="true"]`)}function Oe(e){let t=W(),n=e.target?.closest(`[data-nb-notification-item]`),r=n?t.indexOf(n):-1;if(e.key===`Escape`){if(!ke(e))return;e.preventDefault(),e.stopPropagation(),V({restoreFocus:!0});return}if(e.key===`Tab`){Ae(e);return}if(!De(e.target))switch(e.key){case`ArrowDown`:K(r<0?0:r+1)&&e.preventDefault();break;case`ArrowUp`:K(r<0?t.length-1:r-1)&&e.preventDefault();break;case`Home`:r>=0&&(e.preventDefault(),K(0));break;case`End`:r>=0&&(e.preventDefault(),K(t.length-1));break;default:break}}function ke(e){if(e.defaultPrevented)return!1;let t=(e.target??document.activeElement)?.closest?.(`[aria-modal="true"]`);return!(t&&t!==D.value)}function Ae(e){let t=D.value;if(!t)return;let n=Array.from(t.querySelectorAll(q)),r=document.activeElement,i=n[0],a=n[n.length-1],o=!n.length||r===i||!t.contains(r),s=!n.length||r===a;if(e.shiftKey?!o:!s)return;e.preventDefault();let l=e.shiftKey?E.value:je();V({restoreFocus:!1}),(0,c.nextTick)(()=>{l?.isConnected?l.focus():xe()})}function je(){let e=E.value;if(!e)return null;let t=Array.from(document.querySelectorAll(q)).filter(e=>!D.value?.contains(e)).filter(e=>e.tabIndex>=0),n=t.indexOf(e);return n<0?null:t[n+1]??null}function Me(e,t){b(`select`,e,t),v.closeOnSelect&&V({restoreFocus:!1})}function J(e){if(!x.default)return;let t=e.target?.closest(`[data-nb-notification-item]`);if(t&&Ce(t)){if(e.type===`keydown`){let n=e.key;if(n!==`Enter`&&n!==` `||t.tagName===`BUTTON`||t.tagName===`A`)return;e.preventDefault()}b(`select`,null,e),v.closeOnSelect&&V({restoreFocus:!1})}}function Ne(){v.markAllPending||b(`mark-all-read`)}function Pe(e){let t=e.target;T.value?.contains(t)||D.value?.contains(t)||V({restoreFocus:!1})}function Fe(e){e.key===`Escape`&&(D.value?.contains(document.activeElement)||ke(e)&&V({restoreFocus:T.value?.contains(document.activeElement)??!1}))}let Y=0;function X(){!O.value||Y||(Y=requestAnimationFrame(()=>{Y=0,Le()}))}function Ie(){Y&&=(cancelAnimationFrame(Y),0)}function Le(){if(!O.value||R.value)return;let e=T.value?.getBoundingClientRect();if(e&&!se(e,I())){V({restoreFocus:!1});return}L()}function Z(){v.closeOnNavigate&&V({restoreFocus:!1})}function Re(){return window.navigation}function ze(){document.addEventListener(`mousedown`,Pe),document.addEventListener(`keydown`,Fe),window.addEventListener(`resize`,X),window.addEventListener(`scroll`,X,!0),window.addEventListener(`popstate`,Z),window.addEventListener(`hashchange`,Z),Re()?.addEventListener(`navigate`,Z)}function Q(){Ie(),document.removeEventListener(`mousedown`,Pe),document.removeEventListener(`keydown`,Fe),window.removeEventListener(`resize`,X),window.removeEventListener(`scroll`,X,!0),window.removeEventListener(`popstate`,Z),window.removeEventListener(`hashchange`,Z),Re()?.removeEventListener(`navigate`,Z)}let $=()=>V({restoreFocus:!1});return(0,c.watch)(O,e=>{if(e){for(let e of[...h])e!==$&&e();h.add($),ze(),(0,c.nextTick)(()=>{L(),G(0),K(0)||D.value?.focus()})}else h.delete($),Q(),U.value=0}),(0,c.watch)(()=>[v.items.length,A.value],()=>{O.value&&(0,c.nextTick)(()=>G(U.value))}),(0,c.onBeforeUnmount)(()=>{Q(),h.delete($);let e=D.value;e?.isConnected&&e.remove()}),g({show:B,close:V,toggle:H,isOpen:O,unreadCount:k}),(n,d)=>((0,c.openBlock)(),(0,c.createElementBlock)(`div`,{ref_key:`rootRef`,ref:T,class:`nb-notification-center`},[(0,c.renderSlot)(n.$slots,`trigger`,{open:O.value,toggle:H,show:B,close:V,unreadCount:k.value,badge:de.value,panelId:S,triggerProps:M.value,setTriggerRef:P},()=>[(0,c.createElementVNode)(`button`,(0,c.mergeProps)({ref:P,type:`button`,class:[`nb-notification-center__trigger`,{"nb-notification-center__trigger--active":O.value}]},M.value,{onClick:H}),[(0,c.createVNode)(t.t,{name:y.value,size:18},null,8,[`name`]),k.value>0?((0,c.openBlock)(),(0,c.createElementBlock)(`span`,f,(0,c.toDisplayString)(de.value),1)):(0,c.createCommentVNode)(``,!0)],16)]),((0,c.openBlock)(),(0,c.createBlock)(c.Teleport,{to:`body`},[(0,c.createVNode)(c.Transition,{name:`nb-notification-center-pop`},{default:(0,c.withCtx)(()=>[O.value?((0,c.openBlock)(),(0,c.createElementBlock)(`div`,{key:0,id:S,ref_key:`panelRef`,ref:D,class:(0,c.normalizeClass)([`nb-notification-center__panel`,ye.value]),style:(0,c.normalizeStyle)(ve.value),role:`dialog`,tabindex:`-1`,"aria-labelledby":C,"aria-describedby":ge.value,"aria-busy":e.loading?`true`:void 0,onKeydown:Oe,onFocusin:Ee},[(0,c.createElementVNode)(`div`,m,[(0,c.createElementVNode)(`h2`,{id:C,class:`nb-notification-center__title`},(0,c.toDisplayString)(e.label),1),(0,c.renderSlot)(n.$slots,`header-start`,{close:V,unreadCount:k.value}),(0,c.renderSlot)(n.$slots,`header-actions`,{close:V,unreadCount:k.value,markAllRead:Ne,markAllPending:e.markAllPending,markAllProps:N.value,markAllText:e.markAllPending?e.markAllPendingLabel:e.markAllLabel},()=>[e.showMarkAll?((0,c.openBlock)(),(0,c.createElementBlock)(`button`,(0,c.mergeProps)({key:0,class:`nb-notification-center__mark-all`},N.value),[e.markAllPending?((0,c.openBlock)(),(0,c.createBlock)(a.t,{key:0,size:`xs`,tone:`inherit`,decorative:``})):(0,c.createCommentVNode)(``,!0),(0,c.createTextVNode)(` `+(0,c.toDisplayString)(e.markAllPending?e.markAllPendingLabel:e.markAllLabel),1)],16)):(0,c.createCommentVNode)(``,!0)]),R.value?((0,c.openBlock)(),(0,c.createBlock)(r.t,{key:0,class:`nb-notification-center__close`,variant:`ghost`,size:`lg`,icon:u,"aria-label":e.closeLabel,onClick:d[0]||=e=>V()},null,8,[`aria-label`])):(0,c.createCommentVNode)(``,!0)]),(0,c.createElementVNode)(`span`,ee,(0,c.toDisplayString)(e.markAllPending?e.markAllPendingLabel:``),1),he.value?((0,c.openBlock)(),(0,c.createElementBlock)(`div`,{key:0,id:w,class:`nb-notification-center__stale`,role:`status`},[(0,c.createVNode)(t.t,{name:(0,c.unref)(l.regular),size:14,"aria-hidden":`true`},null,8,[`name`]),(0,c.createElementVNode)(`span`,te,(0,c.toDisplayString)(e.errorStaleLabel),1),e.showRetry?((0,c.openBlock)(),(0,c.createElementBlock)(`button`,{key:0,type:`button`,class:`nb-notification-center__retry`,onClick:j},(0,c.toDisplayString)(e.retryLabel),1)):(0,c.createCommentVNode)(``,!0)])):(0,c.createCommentVNode)(``,!0),A.value===`loading`?((0,c.openBlock)(),(0,c.createElementBlock)(`div`,{key:1,class:`nb-notification-center__loading`,role:`status`,style:(0,c.normalizeStyle)(z.value)},[(0,c.createElementVNode)(`span`,ne,(0,c.toDisplayString)(e.loadingLabel),1),((0,c.openBlock)(),(0,c.createElementBlock)(c.Fragment,null,(0,c.renderList)(3,e=>(0,c.createVNode)(o.t,{key:e,variant:`text`,type:`body-sm`,lines:2,"last-line-width":`60%`})),64))],4)):A.value===`error`?((0,c.openBlock)(),(0,c.createElementBlock)(`div`,{key:2,id:w,class:`nb-notification-center__error`,role:`alert`},[(0,c.renderSlot)(n.$slots,`error`,{retry:j},()=>[(0,c.createVNode)(i.t,{size:`sm`,kind:`error`,title:e.errorTitle,description:e.errorDescription},(0,c.createSlots)({_:2},[e.showRetry?{name:`actions`,fn:(0,c.withCtx)(()=>[(0,c.createVNode)(r.t,{size:`sm`,variant:`secondary`,onClick:j},{default:(0,c.withCtx)(()=>[(0,c.createTextVNode)((0,c.toDisplayString)(e.retryLabel),1)]),_:1})]),key:`0`}:void 0]),1032,[`title`,`description`])])])):A.value===`list`?((0,c.openBlock)(),(0,c.createElementBlock)(`ul`,{key:3,ref_key:`listRef`,ref:le,class:`nb-notification-center__list`,role:`list`,tabindex:we.value,style:(0,c.normalizeStyle)(z.value),onClick:J,onKeydown:J},[(0,c.renderSlot)(n.$slots,`default`,{close:V,items:e.items},()=>[((0,c.openBlock)(!0),(0,c.createElementBlock)(c.Fragment,null,(0,c.renderList)(e.items,t=>((0,c.openBlock)(),(0,c.createBlock)(s.t,{key:t.id,title:t.title,body:t.body,time:t.time,"time-label":t.timeLabel,read:t.read,variant:t.variant??`neutral`,icon:t.icon,href:t.href,interactive:t.interactive??e.interactive,locale:e.locale,"unread-label":e.unreadLabel,"read-label":e.readLabel,onSelect:e=>Me(t,e)},null,8,[`title`,`body`,`time`,`time-label`,`read`,`variant`,`icon`,`href`,`interactive`,`locale`,`unread-label`,`read-label`,`onSelect`]))),128))])],44,re)):A.value===`empty`?((0,c.openBlock)(),(0,c.createElementBlock)(`div`,ie,[(0,c.renderSlot)(n.$slots,`empty`,{},()=>[(0,c.createVNode)(i.t,{size:`sm`,icon:y.value,title:e.emptyTitle,description:e.emptyDescription},null,8,[`icon`,`title`,`description`])])])):(0,c.createCommentVNode)(``,!0),n.$slots.footer?((0,c.openBlock)(),(0,c.createElementBlock)(`div`,ae,[(0,c.renderSlot)(n.$slots,`footer`,{close:V})])):(0,c.createCommentVNode)(``,!0)],46,p)):(0,c.createCommentVNode)(``,!0)]),_:3})]))],512))}});Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return x}});
|
|
1
|
+
const e=require(`./chunk-D-qHiVGv.cjs`),t=require(`./Icon-C8R_r_In.cjs`),n=require(`./composables/usePhoneLayout.composable.cjs`),r=require(`./Button-C0UUTgEB.cjs`),i=require(`./EmptyState-CV-UfKR6.cjs`),a=require(`./Spinner-swPRQ7kf.cjs`),o=require(`./Skeleton-Bgo6pIY2.cjs`),s=require(`./NotificationCenterItem-C8zaSiem.cjs`);let c=require(`vue`),l=require(`@nubisco/ui/icons/x`);l=e.n(l);let u=require(`@nubisco/ui/icons/warning-circle`),d=require(`@nubisco/ui/icons/bell`);d=e.n(d);var f={key:0,class:`nb-notification-center__badge`,"aria-hidden":`true`},p=[`aria-describedby`,`aria-busy`],m={class:`nb-notification-center__header`},ee={class:`nb-notification-center__sr`,role:`status`},te={class:`nb-notification-center__stale-text`},ne={class:`nb-notification-center__sr`},re=[`tabindex`],ie={key:4,class:`nb-notification-center__empty`},ae={key:5,class:`nb-notification-center__footer`},h=new Set,g=8,_=8,v=96,y=88,b=200;function oe(e,{align:t,side:n,width:r,maxHeight:i,viewport:a}){let o=e.left+e.width;if(n===`right`&&a.width-o-g-_>=r){let n=e.top+e.height,r=t===`end`?n-_:a.height-e.top-_,s=Math.max(y+v,r),c=Math.min(i+v,s),l=Math.max(y,Math.min(i,s-v));return t===`end`?{top:Math.max(_,n-c),bottom:Math.max(_,a.height-n),left:o+g,side:`right`,maxListHeight:l}:{top:Math.max(_,Math.min(e.top,a.height-_-c)),left:o+g,side:`right`,maxListHeight:l}}let s=t===`start`?e.left:e.left+e.width-r,c=Math.min(Math.max(s,_),Math.max(_,a.width-r-_)),l=e.top+e.height,u=a.height-l-g-_,d=e.top-g-_,f=u<b&&d>u?`top`:`bottom`,p=Math.max(y,f===`top`?d:u),m=Math.max(y,Math.min(i,p-v)),ee=Math.min(i+v,p);return{top:f===`top`?Math.max(_,e.top-g-ee):l+g,left:c,side:f,maxListHeight:m}}function se(e,t){return e.left<=t.width&&e.left+e.width>=0&&e.top<=t.height&&e.top+e.height>=0}var x=(0,c.defineComponent)({__name:`NotificationCenter`,props:{items:{default:()=>[]},unreadCount:{default:void 0},itemCount:{default:void 0},open:{type:Boolean,default:void 0},label:{default:`Notifications`},markAllLabel:{default:`Mark all as read`},markAllPendingLabel:{default:`Marking all as read`},markAllPending:{type:Boolean,default:!1},emptyTitle:{default:`No notifications`},emptyDescription:{default:`New activity shows up here.`},loadingLabel:{default:`Loading notifications`},loading:{type:Boolean,default:!1},error:{type:Boolean,default:!1},errorTitle:{default:`Could not load notifications`},errorDescription:{default:`The request failed. Nothing has been lost.`},errorStaleLabel:{default:`These may be out of date.`},retryLabel:{default:`Try again`},showRetry:{type:Boolean,default:!0},maxCount:{default:99},width:{default:360},closeLabel:{default:`Close notifications`},maxHeight:{default:384},align:{default:`end`},side:{default:`vertical`},showMarkAll:{type:Boolean,default:!0},interactive:{type:Boolean,default:!0},closeOnSelect:{type:Boolean,default:!0},closeOnNavigate:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},icon:{default:void 0},locale:{default:void 0},unreadLabel:{default:`Unread`},readLabel:{default:`Read`},formatUnread:{type:Function,default:e=>e===1?`1 unread`:`${e} unread`}},emits:[`update:open`,`open`,`close`,`select`,`mark-all-read`,`retry`],setup(e,{expose:g,emit:_}){let v=e,y=(0,c.computed)(()=>v.icon??d),b=_,x=(0,c.useSlots)(),S=`nb-notification-center-${(0,c.useId)()}`,C=`${S}-title`,ce=`${S}-trigger`,w=`${S}-error`,T=(0,c.ref)(null),le=(0,c.ref)(null),E=(0,c.ref)(null),D=(0,c.ref)(null),ue=(0,c.ref)(!1),O=(0,c.computed)(()=>v.open===void 0?ue.value:v.open),k=(0,c.computed)(()=>typeof v.unreadCount==`number`?Math.max(0,v.unreadCount):v.items.filter(e=>!e.read).length),de=(0,c.computed)(()=>k.value>v.maxCount?`${v.maxCount}+`:String(k.value)),fe=(0,c.computed)(()=>k.value>0?`${v.label}, ${v.formatUnread(k.value)}`:v.label),pe=(0,c.computed)(()=>{if(typeof v.itemCount==`number`)return Math.max(0,v.itemCount);if(!x.default)return v.items.length}),me=(0,c.computed)(()=>(pe.value??0)>0),A=(0,c.computed)(()=>{if(v.loading)return`loading`;let e=pe.value;return v.error&&(e===void 0||e===0)?`error`:e===void 0||e>0?`list`:`empty`}),he=(0,c.computed)(()=>v.error&&!v.loading&&A.value===`list`&&me.value);(0,c.ref)(!1),(0,c.watch)(()=>[O.value,!!x.default,v.itemCount],([e,t,n])=>{},{immediate:!0});function j(){b(`retry`)}let M=(0,c.computed)(()=>({id:ce,"aria-haspopup":`dialog`,"aria-expanded":O.value?`true`:`false`,"aria-controls":O.value?S:void 0,"aria-label":fe.value,disabled:v.disabled||void 0})),N=(0,c.computed)(()=>({type:`button`,disabled:k.value===0&&!v.markAllPending,"aria-disabled":v.markAllPending?`true`:void 0,"aria-busy":v.markAllPending?`true`:void 0,onClick:Ne})),ge=(0,c.computed)(()=>he.value||A.value===`error`?w:void 0);function P(e){if(!e){E.value=null;return}let t=e instanceof HTMLElement?e:e.$el;E.value=t instanceof HTMLElement?t:null}let F=(0,c.ref)({top:0,left:0,side:`bottom`,maxListHeight:v.maxHeight});function I(){return{width:window.innerWidth,height:window.innerHeight}}function L(){let e=T.value?.getBoundingClientRect();e&&(F.value=oe(e,{align:v.align,side:v.side,width:v.width,maxHeight:v.maxHeight,viewport:I()}))}let{phone:_e}=n.usePhoneLayout(),R=(0,c.computed)(()=>_e.value),ve=(0,c.computed)(()=>{if(!R.value)return F.value.bottom===void 0?{top:`${Math.round(F.value.top)}px`,left:`${Math.round(F.value.left)}px`,width:`${v.width}px`}:{bottom:`${Math.round(F.value.bottom)}px`,left:`${Math.round(F.value.left)}px`,width:`${v.width}px`}}),z=(0,c.computed)(()=>R.value?void 0:{maxHeight:`${Math.round(F.value.maxListHeight)}px`}),ye=(0,c.computed)(()=>({"nb-notification-center__panel--sheet":R.value,"nb-notification-center__panel--start":v.align===`start`,"nb-notification-center__panel--above":!R.value&&F.value.side===`top`,"nb-notification-center__panel--beside":!R.value&&F.value.side===`right`}));function be(e){v.open===void 0&&(ue.value=e),b(`update:open`,e)}function B(){v.disabled||O.value||(L(),be(!0),b(`open`))}function V(e={}){if(!O.value)return;let t=D.value?.contains(document.activeElement);be(!1),b(`close`),(e.restoreFocus??t)&&(0,c.nextTick)(xe)}function xe(){let e=E.value;if(e?.isConnected){e.focus();return}(T.value?.querySelector(q))?.focus()}function H(){O.value?V({restoreFocus:!0}):B()}let U=(0,c.ref)(0),Se=new Set([`button`,`link`,`menuitem`,`option`]);function Ce(e){if(e.tagName===`BUTTON`)return!e.hasAttribute(`disabled`);if(e.tagName===`A`)return e.hasAttribute(`href`);let t=e.getAttribute(`role`);return t!==null&&Se.has(t)}function W(){return D.value?Array.from(D.value.querySelectorAll(`[data-nb-notification-item]`)).filter(e=>!!Ce(e)):[]}let we=(0,c.ref)(void 0);function Te(e){let t=le.value;we.value=t&&t.childElementCount>0&&e.length===0?0:void 0}function G(e){let t=W();Te(t),t.length&&(U.value=Math.min(Math.max(e,0),t.length-1),t.forEach((e,t)=>{e.setAttribute(`tabindex`,t===U.value?`0`:`-1`)}))}function K(e){let t=W();if(!t.length)return!1;let n=Math.min(Math.max(e,0),t.length-1);return G(n),t[n]?.focus(),!0}function Ee(e){let t=e.target?.closest(`[data-nb-notification-item]`);if(!t)return;let n=W().indexOf(t);n>=0&&G(n)}let q=`a[href]:not([tabindex="-1"]), button:not([disabled]):not([tabindex="-1"]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex="0"]`;function De(e){return!!e?.closest?.(`input, textarea, select, [contenteditable=""], [contenteditable="true"]`)}function Oe(e){let t=W(),n=e.target?.closest(`[data-nb-notification-item]`),r=n?t.indexOf(n):-1;if(e.key===`Escape`){if(!ke(e))return;e.preventDefault(),e.stopPropagation(),V({restoreFocus:!0});return}if(e.key===`Tab`){Ae(e);return}if(!De(e.target))switch(e.key){case`ArrowDown`:K(r<0?0:r+1)&&e.preventDefault();break;case`ArrowUp`:K(r<0?t.length-1:r-1)&&e.preventDefault();break;case`Home`:r>=0&&(e.preventDefault(),K(0));break;case`End`:r>=0&&(e.preventDefault(),K(t.length-1));break;default:break}}function ke(e){if(e.defaultPrevented)return!1;let t=(e.target??document.activeElement)?.closest?.(`[aria-modal="true"]`);return!(t&&t!==D.value)}function Ae(e){let t=D.value;if(!t)return;let n=Array.from(t.querySelectorAll(q)),r=document.activeElement,i=n[0],a=n[n.length-1],o=!n.length||r===i||!t.contains(r),s=!n.length||r===a;if(e.shiftKey?!o:!s)return;e.preventDefault();let l=e.shiftKey?E.value:je();V({restoreFocus:!1}),(0,c.nextTick)(()=>{l?.isConnected?l.focus():xe()})}function je(){let e=E.value;if(!e)return null;let t=Array.from(document.querySelectorAll(q)).filter(e=>!D.value?.contains(e)).filter(e=>e.tabIndex>=0),n=t.indexOf(e);return n<0?null:t[n+1]??null}function Me(e,t){b(`select`,e,t),v.closeOnSelect&&V({restoreFocus:!1})}function J(e){if(!x.default)return;let t=e.target?.closest(`[data-nb-notification-item]`);if(t&&Ce(t)){if(e.type===`keydown`){let n=e.key;if(n!==`Enter`&&n!==` `||t.tagName===`BUTTON`||t.tagName===`A`)return;e.preventDefault()}b(`select`,null,e),v.closeOnSelect&&V({restoreFocus:!1})}}function Ne(){v.markAllPending||b(`mark-all-read`)}function Pe(e){let t=e.target;T.value?.contains(t)||D.value?.contains(t)||V({restoreFocus:!1})}function Fe(e){e.key===`Escape`&&(D.value?.contains(document.activeElement)||ke(e)&&V({restoreFocus:T.value?.contains(document.activeElement)??!1}))}let Y=0;function X(){!O.value||Y||(Y=requestAnimationFrame(()=>{Y=0,Le()}))}function Ie(){Y&&=(cancelAnimationFrame(Y),0)}function Le(){if(!O.value||R.value)return;let e=T.value?.getBoundingClientRect();if(e&&!se(e,I())){V({restoreFocus:!1});return}L()}function Z(){v.closeOnNavigate&&V({restoreFocus:!1})}function Re(){return window.navigation}function ze(){document.addEventListener(`mousedown`,Pe),document.addEventListener(`keydown`,Fe),window.addEventListener(`resize`,X),window.addEventListener(`scroll`,X,!0),window.addEventListener(`popstate`,Z),window.addEventListener(`hashchange`,Z),Re()?.addEventListener(`navigate`,Z)}function Q(){Ie(),document.removeEventListener(`mousedown`,Pe),document.removeEventListener(`keydown`,Fe),window.removeEventListener(`resize`,X),window.removeEventListener(`scroll`,X,!0),window.removeEventListener(`popstate`,Z),window.removeEventListener(`hashchange`,Z),Re()?.removeEventListener(`navigate`,Z)}let $=()=>V({restoreFocus:!1});return(0,c.watch)(O,e=>{if(e){for(let e of[...h])e!==$&&e();h.add($),ze(),(0,c.nextTick)(()=>{L(),G(0),K(0)||D.value?.focus()})}else h.delete($),Q(),U.value=0}),(0,c.watch)(()=>[v.items.length,A.value],()=>{O.value&&(0,c.nextTick)(()=>G(U.value))}),(0,c.onBeforeUnmount)(()=>{Q(),h.delete($);let e=D.value;e?.isConnected&&e.remove()}),g({show:B,close:V,toggle:H,isOpen:O,unreadCount:k}),(n,d)=>((0,c.openBlock)(),(0,c.createElementBlock)(`div`,{ref_key:`rootRef`,ref:T,class:`nb-notification-center`},[(0,c.renderSlot)(n.$slots,`trigger`,{open:O.value,toggle:H,show:B,close:V,unreadCount:k.value,badge:de.value,panelId:S,triggerProps:M.value,setTriggerRef:P},()=>[(0,c.createElementVNode)(`button`,(0,c.mergeProps)({ref:P,type:`button`,class:[`nb-notification-center__trigger`,{"nb-notification-center__trigger--active":O.value}]},M.value,{onClick:H}),[(0,c.createVNode)(t.t,{name:y.value,size:18},null,8,[`name`]),k.value>0?((0,c.openBlock)(),(0,c.createElementBlock)(`span`,f,(0,c.toDisplayString)(de.value),1)):(0,c.createCommentVNode)(``,!0)],16)]),((0,c.openBlock)(),(0,c.createBlock)(c.Teleport,{to:`body`},[(0,c.createVNode)(c.Transition,{name:`nb-notification-center-pop`},{default:(0,c.withCtx)(()=>[O.value?((0,c.openBlock)(),(0,c.createElementBlock)(`div`,{key:0,id:S,ref_key:`panelRef`,ref:D,class:(0,c.normalizeClass)([`nb-notification-center__panel`,ye.value]),style:(0,c.normalizeStyle)(ve.value),role:`dialog`,tabindex:`-1`,"aria-labelledby":C,"aria-describedby":ge.value,"aria-busy":e.loading?`true`:void 0,onKeydown:Oe,onFocusin:Ee},[(0,c.createElementVNode)(`div`,m,[(0,c.createElementVNode)(`h2`,{id:C,class:`nb-notification-center__title`},(0,c.toDisplayString)(e.label),1),(0,c.renderSlot)(n.$slots,`header-start`,{close:V,unreadCount:k.value}),(0,c.renderSlot)(n.$slots,`header-actions`,{close:V,unreadCount:k.value,markAllRead:Ne,markAllPending:e.markAllPending,markAllProps:N.value,markAllText:e.markAllPending?e.markAllPendingLabel:e.markAllLabel},()=>[e.showMarkAll?((0,c.openBlock)(),(0,c.createElementBlock)(`button`,(0,c.mergeProps)({key:0,class:`nb-notification-center__mark-all`},N.value),[e.markAllPending?((0,c.openBlock)(),(0,c.createBlock)(a.t,{key:0,size:`xs`,tone:`inherit`,decorative:``})):(0,c.createCommentVNode)(``,!0),(0,c.createTextVNode)(` `+(0,c.toDisplayString)(e.markAllPending?e.markAllPendingLabel:e.markAllLabel),1)],16)):(0,c.createCommentVNode)(``,!0)]),R.value?((0,c.openBlock)(),(0,c.createBlock)(r.t,{key:0,class:`nb-notification-center__close`,variant:`ghost`,size:`lg`,icon:l,"aria-label":e.closeLabel,onClick:d[0]||=e=>V()},null,8,[`aria-label`])):(0,c.createCommentVNode)(``,!0)]),(0,c.createElementVNode)(`span`,ee,(0,c.toDisplayString)(e.markAllPending?e.markAllPendingLabel:``),1),he.value?((0,c.openBlock)(),(0,c.createElementBlock)(`div`,{key:0,id:w,class:`nb-notification-center__stale`,role:`status`},[(0,c.createVNode)(t.t,{name:(0,c.unref)(u.regular),size:14,"aria-hidden":`true`},null,8,[`name`]),(0,c.createElementVNode)(`span`,te,(0,c.toDisplayString)(e.errorStaleLabel),1),e.showRetry?((0,c.openBlock)(),(0,c.createElementBlock)(`button`,{key:0,type:`button`,class:`nb-notification-center__retry`,onClick:j},(0,c.toDisplayString)(e.retryLabel),1)):(0,c.createCommentVNode)(``,!0)])):(0,c.createCommentVNode)(``,!0),A.value===`loading`?((0,c.openBlock)(),(0,c.createElementBlock)(`div`,{key:1,class:`nb-notification-center__loading`,role:`status`,style:(0,c.normalizeStyle)(z.value)},[(0,c.createElementVNode)(`span`,ne,(0,c.toDisplayString)(e.loadingLabel),1),((0,c.openBlock)(),(0,c.createElementBlock)(c.Fragment,null,(0,c.renderList)(3,e=>(0,c.createVNode)(o.t,{key:e,variant:`text`,type:`body-sm`,lines:2,"last-line-width":`60%`})),64))],4)):A.value===`error`?((0,c.openBlock)(),(0,c.createElementBlock)(`div`,{key:2,id:w,class:`nb-notification-center__error`,role:`alert`},[(0,c.renderSlot)(n.$slots,`error`,{retry:j},()=>[(0,c.createVNode)(i.t,{size:`sm`,kind:`error`,title:e.errorTitle,description:e.errorDescription},(0,c.createSlots)({_:2},[e.showRetry?{name:`actions`,fn:(0,c.withCtx)(()=>[(0,c.createVNode)(r.t,{size:`sm`,variant:`secondary`,onClick:j},{default:(0,c.withCtx)(()=>[(0,c.createTextVNode)((0,c.toDisplayString)(e.retryLabel),1)]),_:1})]),key:`0`}:void 0]),1032,[`title`,`description`])])])):A.value===`list`?((0,c.openBlock)(),(0,c.createElementBlock)(`ul`,{key:3,ref_key:`listRef`,ref:le,class:`nb-notification-center__list`,role:`list`,tabindex:we.value,style:(0,c.normalizeStyle)(z.value),onClick:J,onKeydown:J},[(0,c.renderSlot)(n.$slots,`default`,{close:V,items:e.items},()=>[((0,c.openBlock)(!0),(0,c.createElementBlock)(c.Fragment,null,(0,c.renderList)(e.items,t=>((0,c.openBlock)(),(0,c.createBlock)(s.t,{key:t.id,title:t.title,body:t.body,time:t.time,"time-label":t.timeLabel,read:t.read,variant:t.variant??`neutral`,icon:t.icon,href:t.href,interactive:t.interactive??e.interactive,locale:e.locale,"unread-label":e.unreadLabel,"read-label":e.readLabel,onSelect:e=>Me(t,e)},null,8,[`title`,`body`,`time`,`time-label`,`read`,`variant`,`icon`,`href`,`interactive`,`locale`,`unread-label`,`read-label`,`onSelect`]))),128))])],44,re)):A.value===`empty`?((0,c.openBlock)(),(0,c.createElementBlock)(`div`,ie,[(0,c.renderSlot)(n.$slots,`empty`,{},()=>[(0,c.createVNode)(i.t,{size:`sm`,icon:y.value,title:e.emptyTitle,description:e.emptyDescription},null,8,[`icon`,`title`,`description`])])])):(0,c.createCommentVNode)(``,!0),n.$slots.footer?((0,c.openBlock)(),(0,c.createElementBlock)(`div`,ae,[(0,c.renderSlot)(n.$slots,`footer`,{close:V})])):(0,c.createCommentVNode)(``,!0)],46,p)):(0,c.createCommentVNode)(``,!0)]),_:3})]))],512))}});Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return x}});
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { t as e } from "./Icon-rREAqsu0.js";
|
|
2
2
|
import { usePhoneLayout as t } from "./composables/usePhoneLayout.composable.mjs";
|
|
3
3
|
import { t as n } from "./Button-IcCXOoCT.js";
|
|
4
|
-
import { t as r } from "./EmptyState-
|
|
5
|
-
import { t as i } from "./Spinner-
|
|
6
|
-
import { t as a } from "./Skeleton-
|
|
7
|
-
import { t as o } from "./NotificationCenterItem-
|
|
4
|
+
import { t as r } from "./EmptyState-63UqLFX6.js";
|
|
5
|
+
import { t as i } from "./Spinner-BxnDJP1H.js";
|
|
6
|
+
import { t as a } from "./Skeleton-Ba4m2jYi.js";
|
|
7
|
+
import { t as o } from "./NotificationCenterItem-CdzyTsCY.js";
|
|
8
8
|
import { Fragment as s, Teleport as c, Transition as l, computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createSlots as ee, createTextVNode as te, createVNode as h, defineComponent as g, mergeProps as ne, nextTick as _, normalizeClass as re, normalizeStyle as v, onBeforeUnmount as ie, openBlock as y, ref as b, renderList as ae, renderSlot as x, toDisplayString as S, unref as oe, useId as se, useSlots as ce, watch as C, withCtx as w } from "vue";
|
|
9
|
-
import
|
|
10
|
-
import
|
|
9
|
+
import * as le from "@nubisco/ui/icons/x";
|
|
10
|
+
import { regular as ue } from "@nubisco/ui/icons/warning-circle";
|
|
11
11
|
import * as de from "@nubisco/ui/icons/bell";
|
|
12
12
|
//#region src/components/NotificationCenter.vue?vue&type=script&setup=true&lang.ts
|
|
13
13
|
var fe = {
|
|
@@ -465,7 +465,7 @@ var j = /* @__PURE__ */ g({
|
|
|
465
465
|
class: "nb-notification-center__close",
|
|
466
466
|
variant: "ghost",
|
|
467
467
|
size: "lg",
|
|
468
|
-
icon:
|
|
468
|
+
icon: le,
|
|
469
469
|
"aria-label": g.closeLabel,
|
|
470
470
|
onClick: u[0] ||= (e) => G()
|
|
471
471
|
}, null, 8, ["aria-label"])) : f("", !0)
|
|
@@ -478,7 +478,7 @@ var j = /* @__PURE__ */ g({
|
|
|
478
478
|
role: "status"
|
|
479
479
|
}, [
|
|
480
480
|
h(e, {
|
|
481
|
-
name: oe(
|
|
481
|
+
name: oe(ue),
|
|
482
482
|
size: 14,
|
|
483
483
|
"aria-hidden": "true"
|
|
484
484
|
}, null, 8, ["name"]),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const e=require(`./chunk-D-qHiVGv.cjs`),t=require(`./Icon-C8R_r_In.cjs`);let n=require(`vue`),r=require(`@nubisco/ui/icons/info`);r=e.n(r);let i=require(`@nubisco/ui/icons/warning-circle`);i=e.n(i);let a=require(`@nubisco/ui/icons/
|
|
1
|
+
const e=require(`./chunk-D-qHiVGv.cjs`),t=require(`./Icon-C8R_r_In.cjs`);let n=require(`vue`),r=require(`@nubisco/ui/icons/info`);r=e.n(r);let i=require(`@nubisco/ui/icons/warning-circle`);i=e.n(i);let a=require(`@nubisco/ui/icons/warning`);a=e.n(a);let o=require(`@nubisco/ui/icons/check-circle`);o=e.n(o);var s={class:`nb-notification-item__sr`},c={key:0,class:`nb-notification-item__media`},l={class:`nb-notification-item__main`},u={class:`nb-notification-item__head`},d={class:`nb-notification-item__title`},f=[`datetime`],p={key:0,class:`nb-notification-item__body`,"data-nb-notification-body":``},m={key:0,class:`nb-notification-item__actions`},h=(0,n.defineComponent)({__name:`NotificationCenterItem`,props:{title:{default:``},body:{default:``},time:{default:void 0},timeLabel:{default:void 0},read:{type:Boolean,default:!1},variant:{default:`neutral`},icon:{default:void 0},href:{default:void 0},interactive:{type:Boolean,default:!0},locale:{default:void 0},unreadLabel:{default:`Unread`},readLabel:{default:`Read`}},emits:[`select`],setup(e,{emit:h}){let g=e,_=h,v=(0,n.useSlots)(),y=(0,n.computed)(()=>g.href?`a`:g.interactive?`button`:`div`),b=(0,n.computed)(()=>y.value!==`div`),x=(0,n.computed)(()=>b.value?{"data-nb-notification-item":``,href:y.value===`a`?g.href:void 0,type:y.value===`button`?`button`:void 0,onClick:N}:{}),S={neutral:null,info:r,success:o,warning:a,error:i},C=(0,n.computed)(()=>g.variant===`danger`?`error`:g.variant),w=(0,n.computed)(()=>g.icon===null?null:g.icon??S[C.value]),T=(0,n.computed)(()=>!!(w.value||v.media)),E=(0,n.computed)(()=>{if(g.time===void 0||g.time===null)return null;let e=g.time instanceof Date?g.time:new Date(g.time);return Number.isNaN(e.getTime())?null:e}),D=(0,n.computed)(()=>E.value?.toISOString()),O=[[`year`,31536e3],[`month`,2592e3],[`week`,604800],[`day`,86400],[`hour`,3600],[`minute`,60],[`second`,1]];function k(e,t){let n=(e.getTime()-Date.now())/1e3,r=Math.abs(n),i=new Intl.RelativeTimeFormat(t,{numeric:`auto`});for(let[e,t]of O)if(r>=t||e===`second`)return i.format(Math.round(n/t),e);return i.format(0,`second`)}let A=(0,n.ref)(!1);(0,n.onMounted)(()=>{A.value=!0});let j=(0,n.computed)(()=>E.value?new Intl.DateTimeFormat(g.locale,{dateStyle:`medium`,timeStyle:`short`}).format(E.value):``),M=(0,n.computed)(()=>g.timeLabel?g.timeLabel:E.value?A.value?k(E.value,g.locale):j.value:``);function N(e){_(`select`,e)}return(r,i)=>((0,n.openBlock)(),(0,n.createElementBlock)(`li`,{class:(0,n.normalizeClass)([`nb-notification-item`,[`nb-notification-item--${C.value}`,{"nb-notification-item--unread":!e.read}]]),role:`listitem`},[((0,n.openBlock)(),(0,n.createBlock)((0,n.resolveDynamicComponent)(y.value),(0,n.mergeProps)({class:[`nb-notification-item__row`,{"nb-notification-item__row--static":!b.value}]},x.value),{default:(0,n.withCtx)(()=>[i[0]||=(0,n.createElementVNode)(`span`,{class:`nb-notification-item__marker`,"aria-hidden":`true`},null,-1),(0,n.createElementVNode)(`span`,s,(0,n.toDisplayString)(e.read?e.readLabel:e.unreadLabel),1),T.value?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,c,[(0,n.renderSlot)(r.$slots,`media`,{},()=>[w.value?((0,n.openBlock)(),(0,n.createBlock)(t.t,{key:0,name:w.value,size:16},null,8,[`name`])):(0,n.createCommentVNode)(``,!0)])])):(0,n.createCommentVNode)(``,!0),(0,n.createElementVNode)(`span`,l,[(0,n.createElementVNode)(`span`,u,[(0,n.createElementVNode)(`span`,d,[(0,n.renderSlot)(r.$slots,`title`,{},()=>[(0,n.createTextVNode)((0,n.toDisplayString)(e.title),1)])]),M.value?((0,n.openBlock)(),(0,n.createElementBlock)(`time`,{key:0,class:`nb-notification-item__time`,datetime:D.value},(0,n.toDisplayString)(M.value),9,f)):(0,n.createCommentVNode)(``,!0)]),e.body||r.$slots.default?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,p,[(0,n.renderSlot)(r.$slots,`default`,{},()=>[(0,n.createTextVNode)((0,n.toDisplayString)(e.body),1)])])):(0,n.createCommentVNode)(``,!0)])]),_:3},16,[`class`])),r.$slots.actions?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,m,[(0,n.renderSlot)(r.$slots,`actions`)])):(0,n.createCommentVNode)(``,!0)],2))}});Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return h}});
|
|
@@ -2,8 +2,8 @@ import { t as e } from "./Icon-rREAqsu0.js";
|
|
|
2
2
|
import { computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, defineComponent as s, mergeProps as c, normalizeClass as l, onMounted as u, openBlock as d, ref as f, renderSlot as p, resolveDynamicComponent as m, toDisplayString as h, useSlots as g, withCtx as _ } from "vue";
|
|
3
3
|
import * as v from "@nubisco/ui/icons/info";
|
|
4
4
|
import * as y from "@nubisco/ui/icons/warning-circle";
|
|
5
|
-
import * as b from "@nubisco/ui/icons/
|
|
6
|
-
import * as x from "@nubisco/ui/icons/
|
|
5
|
+
import * as b from "@nubisco/ui/icons/warning";
|
|
6
|
+
import * as x from "@nubisco/ui/icons/check-circle";
|
|
7
7
|
//#region src/components/NotificationCenterItem.vue?vue&type=script&setup=true&lang.ts
|
|
8
8
|
var S = { class: "nb-notification-item__sr" }, C = {
|
|
9
9
|
key: 0,
|
|
@@ -47,8 +47,8 @@ var S = { class: "nb-notification-item__sr" }, C = {
|
|
|
47
47
|
} : {}), L = {
|
|
48
48
|
neutral: null,
|
|
49
49
|
info: v,
|
|
50
|
-
success:
|
|
51
|
-
warning:
|
|
50
|
+
success: x,
|
|
51
|
+
warning: b,
|
|
52
52
|
error: y
|
|
53
53
|
}, R = t(() => j.variant === "danger" ? "error" : j.variant), z = t(() => j.icon === null ? null : j.icon ?? L[R.value]), B = t(() => !!(z.value || N.media)), V = t(() => {
|
|
54
54
|
if (j.time === void 0 || j.time === null) return null;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
require(`./chunk-D-qHiVGv.cjs`);const e=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),t=require(`./Icon-C8R_r_In.cjs`),n=require(`./Label-
|
|
1
|
+
require(`./chunk-D-qHiVGv.cjs`);const e=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),t=require(`./Icon-C8R_r_In.cjs`),n=require(`./Label-CVCNXFn1.cjs`),r=require(`./Message-VfpaGblO.cjs`);let i=require(`vue`),a=require(`@nubisco/ui/icons/plus`),o=require(`@nubisco/ui/icons/minus`);var s=[`id`,`placeholder`,`min`,`max`,`step`,`disabled`,`required`],c={class:`nb-number-input__steppers`},l=[`disabled`],u=[`disabled`],d={key:0,class:`nb-number-input__inner-header`},f=[`for`],p={key:0,class:`nb-number-input__asterisk`,"aria-hidden":`true`},m={class:`nb-number-input__fluid-row`},h=[`id`,`placeholder`,`min`,`max`,`step`,`disabled`,`required`],g={class:`nb-number-input__steppers`},_=[`disabled`],v=[`disabled`],y=(0,i.defineComponent)({__name:`NumberInput`,props:{modelValue:{default:null},min:{default:void 0},max:{default:void 0},step:{default:1},placeholder:{default:``},name:{},disabled:{type:Boolean,default:!1},required:{type:Boolean,default:!1},id:{default:void 0},label:{default:``},error:{default:``},warning:{default:``},helper:{default:``},variant:{default:`default`},size:{default:`md`}},emits:[`update:modelValue`,`change`],setup(e,{expose:y,emit:b}){let x=e,S=b,C=(0,i.ref)(null),w=(0,i.ref)(!1),T=`nb-number-input-${(0,i.useId)()}`,E=(0,i.computed)(()=>x.id??T),D=(0,i.computed)(()=>x.min!==void 0&&x.modelValue!==null&&x.modelValue!==void 0&&x.modelValue<=x.min),O=(0,i.computed)(()=>x.max!==void 0&&x.modelValue!==null&&x.modelValue!==void 0&&x.modelValue>=x.max);function k(e){let t=e;return x.min!==void 0&&(t=Math.max(x.min,t)),x.max!==void 0&&(t=Math.min(x.max,t)),t}function A(e){C.value&&(C.value.value=e==null?``:String(e))}(0,i.onMounted)(()=>A(x.modelValue)),(0,i.watch)(()=>x.modelValue,e=>{w.value||A(e)});function j(){let e=k((x.modelValue??0)+x.step);S(`update:modelValue`,e),S(`change`,e),A(e)}function M(){let e=k((x.modelValue??0)-x.step);S(`update:modelValue`,e),S(`change`,e),A(e)}function N(){if(!C.value)return;let e=C.value.value;if(e===``)S(`update:modelValue`,null);else{let t=parseFloat(e);isNaN(t)||S(`update:modelValue`,t)}}function P(){if(w.value=!1,!C.value)return;let e=C.value.value;if(e===``){S(`update:modelValue`,null),S(`change`,null);return}let t=parseFloat(e);if(!isNaN(t)){let e=k(t);S(`update:modelValue`,e),S(`change`,e),A(e)}}let F=(0,i.computed)(()=>[`nb-number-input`,`nb-number-input--${x.variant}`,`nb-number-input--${x.size}`,{"nb-number-input--error":!!x.error,"nb-number-input--warning":!x.error&&!!x.warning,"nb-number-input--disabled":x.disabled}]),I=(0,i.computed)(()=>({"nb-number-input__field-wrapper--focused":w.value,"nb-number-input__field-wrapper--error":!!x.error,"nb-number-input__field-wrapper--warning":!x.error&&!!x.warning,"nb-number-input__field-wrapper--disabled":x.disabled}));return y({focus:()=>C.value?.focus()}),(y,b)=>((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{class:(0,i.normalizeClass)(F.value)},[e.variant===`default`?((0,i.openBlock)(),(0,i.createElementBlock)(i.Fragment,{key:0},[e.label?((0,i.openBlock)(),(0,i.createBlock)(n.t,{key:0,for:E.value,required:e.required,disabled:e.disabled},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(e.label),1)]),_:1},8,[`for`,`required`,`disabled`])):(0,i.createCommentVNode)(``,!0),(0,i.createElementVNode)(`div`,{class:(0,i.normalizeClass)([`nb-number-input__field-wrapper`,I.value])},[(0,i.createElementVNode)(`input`,{id:E.value,ref_key:`inputRef`,ref:C,type:`number`,class:`nb-number-input__field`,placeholder:e.placeholder,min:e.min,max:e.max,step:e.step,disabled:e.disabled,required:e.required,onInput:N,onBlur:P,onKeydown:b[0]||=(0,i.withKeys)((0,i.withModifiers)(()=>C.value?.blur(),[`prevent`]),[`enter`]),onFocus:b[1]||=e=>w.value=!0},null,40,s),e.error?((0,i.openBlock)(),(0,i.createBlock)(r.t,{key:0,variant:`error`,"icon-only":!0,class:`nb-number-input__status`},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(e.error),1)]),_:1})):e.warning?((0,i.openBlock)(),(0,i.createBlock)(r.t,{key:1,variant:`warning`,"icon-only":!0,class:`nb-number-input__status`},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(e.warning),1)]),_:1})):(0,i.createCommentVNode)(``,!0),(0,i.createElementVNode)(`div`,c,[(0,i.createElementVNode)(`button`,{type:`button`,class:(0,i.normalizeClass)([`nb-number-input__stepper`,{"nb-number-input__stepper--at-limit":D.value}]),disabled:e.disabled,"aria-label":`Decrease`,onMousedown:b[2]||=(0,i.withModifiers)(()=>{},[`prevent`]),onClick:M},[(0,i.createVNode)(t.t,{name:(0,i.unref)(o.regular),size:16},null,8,[`name`])],42,l),(0,i.createElementVNode)(`button`,{type:`button`,class:(0,i.normalizeClass)([`nb-number-input__stepper`,{"nb-number-input__stepper--at-limit":O.value}]),disabled:e.disabled,"aria-label":`Increase`,onMousedown:b[3]||=(0,i.withModifiers)(()=>{},[`prevent`]),onClick:j},[(0,i.createVNode)(t.t,{name:(0,i.unref)(a.regular),size:16},null,8,[`name`])],42,u)])],2),e.error?((0,i.openBlock)(),(0,i.createBlock)(r.t,{key:1,variant:`error`,class:`nb-number-input__message`},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(e.error),1)]),_:1})):e.warning?((0,i.openBlock)(),(0,i.createBlock)(r.t,{key:2,variant:`warning`,class:`nb-number-input__message`},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(e.warning),1)]),_:1})):e.helper?((0,i.openBlock)(),(0,i.createBlock)(r.t,{key:3,variant:`helper`,class:`nb-number-input__message`},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(e.helper),1)]),_:1})):(0,i.createCommentVNode)(``,!0)],64)):e.variant===`fluid`?((0,i.openBlock)(),(0,i.createElementBlock)(i.Fragment,{key:1},[(0,i.createElementVNode)(`div`,{class:(0,i.normalizeClass)([`nb-number-input__field-wrapper`,I.value])},[e.label?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,d,[(0,i.createElementVNode)(`label`,{for:E.value,class:`nb-number-input__inner-label`},[(0,i.createTextVNode)((0,i.toDisplayString)(e.label)+` `,1),e.required?((0,i.openBlock)(),(0,i.createElementBlock)(`span`,p,`*`)):(0,i.createCommentVNode)(``,!0)],8,f),e.helper&&!e.error&&!e.warning?((0,i.openBlock)(),(0,i.createBlock)(r.t,{key:0,variant:`helper`,"icon-only":!0,class:`nb-number-input__inner-message`},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(e.helper),1)]),_:1})):(0,i.createCommentVNode)(``,!0)])):(0,i.createCommentVNode)(``,!0),(0,i.createElementVNode)(`div`,m,[(0,i.createElementVNode)(`input`,{id:E.value,ref_key:`inputRef`,ref:C,type:`number`,class:`nb-number-input__field`,placeholder:e.placeholder,min:e.min,max:e.max,step:e.step,disabled:e.disabled,required:e.required,onInput:N,onBlur:P,onKeydown:b[4]||=(0,i.withKeys)((0,i.withModifiers)(()=>C.value?.blur(),[`prevent`]),[`enter`]),onFocus:b[5]||=e=>w.value=!0},null,40,h),e.error?((0,i.openBlock)(),(0,i.createBlock)(r.t,{key:0,variant:`error`,"icon-only":!0,class:`nb-number-input__status`},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(e.error),1)]),_:1})):e.warning?((0,i.openBlock)(),(0,i.createBlock)(r.t,{key:1,variant:`warning`,"icon-only":!0,class:`nb-number-input__status`},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(e.warning),1)]),_:1})):(0,i.createCommentVNode)(``,!0),(0,i.createElementVNode)(`div`,g,[(0,i.createElementVNode)(`button`,{type:`button`,class:(0,i.normalizeClass)([`nb-number-input__stepper`,{"nb-number-input__stepper--at-limit":D.value}]),disabled:e.disabled,"aria-label":`Decrease`,onMousedown:b[6]||=(0,i.withModifiers)(()=>{},[`prevent`]),onClick:M},[(0,i.createVNode)(t.t,{name:(0,i.unref)(o.regular),size:16},null,8,[`name`])],42,_),(0,i.createElementVNode)(`button`,{type:`button`,class:(0,i.normalizeClass)([`nb-number-input__stepper`,{"nb-number-input__stepper--at-limit":O.value}]),disabled:e.disabled,"aria-label":`Increase`,onMousedown:b[7]||=(0,i.withModifiers)(()=>{},[`prevent`]),onClick:j},[(0,i.createVNode)(t.t,{name:(0,i.unref)(a.regular),size:16},null,8,[`name`])],42,v)])])],2),e.error?((0,i.openBlock)(),(0,i.createBlock)(r.t,{key:0,variant:`error`,class:`nb-number-input__fluid-message`},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(e.error),1)]),_:1})):e.warning?((0,i.openBlock)(),(0,i.createBlock)(r.t,{key:1,variant:`warning`,class:`nb-number-input__fluid-message`},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(e.warning),1)]),_:1})):(0,i.createCommentVNode)(``,!0)],64)):(0,i.createCommentVNode)(``,!0)],2))}}),b=e.t(y,[[`__scopeId`,`data-v-7d6b2226`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return b}});
|