@nubisco/ui 5.18.1 → 5.19.1
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/{AccordionItem-Cg8wmypl.js → AccordionItem-BrpJObcb.js} +2 -2
- package/dist/{AccordionItem-CCndN0ln.cjs → AccordionItem-DVwcaU3f.cjs} +1 -1
- package/dist/ActionGroup-CUN48Qea.cjs +1 -0
- package/dist/ActionGroup-lEopoloN.js +170 -0
- package/dist/{AiLabel-BxCWEOn-.js → AiLabel-BFrehX_F.js} +1 -1
- package/dist/{AiLabel-D4gkbAEC.cjs → AiLabel-kmL1-Hdo.cjs} +1 -1
- package/dist/{BarChart-DUy6vE_i.js → BarChart-DTStA9jd.js} +4 -4
- package/dist/{BarChart-B3B7wH20.cjs → BarChart-Dvrl4xeX.cjs} +1 -1
- package/dist/{Blueprint-DzzoerbM.js → Blueprint-CB5a7H5o.js} +2 -2
- package/dist/{Blueprint-CnXyZkSE.cjs → Blueprint-DIrWXKml.cjs} +1 -1
- package/dist/{BlueprintCard-2Q1zYWcN.js → BlueprintCard-BmuGjOCn.js} +1 -1
- package/dist/{BlueprintCard-D3Rr5cKO.cjs → BlueprintCard-DhnoClRB.cjs} +1 -1
- package/dist/{BlueprintControls-CuOAdppD.js → BlueprintControls-C0yhBzYT.js} +1 -1
- package/dist/{BlueprintControls-LCIgk-cb.cjs → BlueprintControls-Qtd2vep2.cjs} +1 -1
- package/dist/Board-CDrukIty.js +553 -0
- package/dist/Board-D1BkK3J5.cjs +1 -0
- package/dist/Breadcrumbs-B8eAWAvg.js +48 -0
- package/dist/Breadcrumbs-cTxSMgeW.cjs +1 -0
- package/dist/{Button-BZn2lmMA.cjs → Button-C0UUTgEB.cjs} +1 -1
- package/dist/{Button-BAfC7ySK.js → Button-IcCXOoCT.js} +1 -1
- package/dist/{Checkbox-BkRL6Ops.js → Checkbox-CXlovpPs.js} +2 -2
- package/dist/{Checkbox-D8Curaxc.cjs → Checkbox-CZVNZ2pn.cjs} +1 -1
- package/dist/{CheckboxGroup-Hu-wWRto.js → CheckboxGroup-AQ6XgVPU.js} +3 -3
- package/dist/{CheckboxGroup-fEs9Ye8M.cjs → CheckboxGroup-BuvjRAeC.cjs} +1 -1
- package/dist/{ColorStrip-Doh0adti.cjs → ColorStrip-D4vNVSeW.cjs} +1 -1
- package/dist/{ColorStrip-CcMzeYOw.js → ColorStrip-Dknkw-RX.js} +2 -2
- package/dist/{Confirm-DztLfQzB.js → Confirm-Dh1H2PMh.js} +8 -8
- package/dist/{Confirm-Br9VOB2-.cjs → Confirm-ue689l-w.cjs} +1 -1
- package/dist/DataTable-CWMlmjMi.cjs +1 -0
- package/dist/DataTable-DaNZAixf.js +389 -0
- package/dist/DatePicker-DMiiGKYY.js +715 -0
- package/dist/DatePicker-tAhXSR2o.cjs +1 -0
- package/dist/{FileUploader-OJJIlvmH.js → FileUploader-DC1nE86P.js} +1 -1
- package/dist/{FileUploader-DPIAWehF.cjs → FileUploader-DehZc0gP.cjs} +1 -1
- package/dist/FloatingToolbar-J9ucYTsb.js +140 -0
- package/dist/FloatingToolbar-vWo7YmH3.cjs +1 -0
- package/dist/{Form-j4QMRkL5.js → Form-DJ1Hhwnm.js} +1 -1
- package/dist/{Form-u6XCVBqX.cjs → Form-WtS-IVIs.cjs} +1 -1
- package/dist/{GanttChart-C6uVsNrq.cjs → GanttChart-BJ_6YCza.cjs} +1 -1
- package/dist/{GanttChart-asYYkfjM.js → GanttChart-CwCH8pby.js} +3 -3
- package/dist/{ImageCropper-Bl8BjRur.cjs → ImageCropper-BfGyTTY5.cjs} +1 -1
- package/dist/{ImageCropper-DBjxzZhN.js → ImageCropper-Ds5Zq1J0.js} +2 -2
- package/dist/InfoHint-D35B8g96.cjs +1 -0
- package/dist/{InfoHint-CK96hjMo.js → InfoHint-ieo2S-YE.js} +41 -29
- package/dist/InlineEdit-9E8-8JQr.cjs +1 -0
- package/dist/{InlineEdit-DssyFZM6.js → InlineEdit-BCHxGdSy.js} +58 -25
- package/dist/{InlineLoading-DXsOmC3w.cjs → InlineLoading-B2L_asnZ.cjs} +1 -1
- package/dist/{InlineLoading-LCwTwjyJ.js → InlineLoading-DQzKEw-L.js} +1 -1
- package/dist/{InterpolationChart-w1GgDSDT.cjs → InterpolationChart-BXS1n0dY.cjs} +1 -1
- package/dist/{InterpolationChart-CdbT0AvE.js → InterpolationChart-CSEYS5aB.js} +3 -3
- package/dist/{LineChart-CmBBttxc.cjs → LineChart-C5bQNxQ-.cjs} +1 -1
- package/dist/{LineChart-BgnDKI8u.js → LineChart-DG_ows6r.js} +4 -4
- package/dist/Menu-2Se8F81Q.js +136 -0
- package/dist/Menu-CAZmNx60.cjs +1 -0
- package/dist/{MenuBarItem-H1sFt0Mx.js → MenuBarItem-Cxxs8Dnr.js} +1 -1
- package/dist/{MenuBarItem-42bSEdWZ.cjs → MenuBarItem-dBEuTZ3Q.cjs} +1 -1
- package/dist/{Modal-BvZulLj2.js → Modal-BxSP1eyD.js} +35 -34
- package/dist/Modal-sGlC__uQ.cjs +1 -0
- package/dist/NotificationCenter-BpUiKPsp.cjs +1 -0
- package/dist/NotificationCenter-Br-YtY5w.js +584 -0
- package/dist/{NumberInput-DsjKITeI.cjs → NumberInput-1taaS5G3.cjs} +1 -1
- package/dist/{NumberInput-CrbTiAkP.js → NumberInput-DWf2LMGN.js} +3 -3
- package/dist/{Pagination-JW-O2kLk.js → Pagination-Br-k9zuG.js} +2 -2
- package/dist/{Pagination-Di4RPomA.cjs → Pagination-CCMhqtoz.cjs} +1 -1
- package/dist/{PieChart-CUckdHre.cjs → PieChart-BABG-xXQ.cjs} +1 -1
- package/dist/{PieChart-CpkjCb1W.js → PieChart-CmvfqpXR.js} +3 -3
- package/dist/{ProgressBar-Cn-FnvZR.cjs → ProgressBar-BHKgJ4UK.cjs} +1 -1
- package/dist/{ProgressBar-BF-2nm2N.js → ProgressBar-Blt5BdgQ.js} +2 -2
- package/dist/{Radio-pH924Ch3.js → Radio-DsYitO1Z.js} +3 -3
- package/dist/{Radio-CkFwMQZ-.cjs → Radio-zdXHagRQ.cjs} +1 -1
- package/dist/ReorderList-hHh9XYQY.cjs +1 -0
- package/dist/{ReorderList-DC83oBGi.js → ReorderList-v1aWbXjb.js} +31 -15
- package/dist/{Select-Det8tjo1.cjs → Select-ClkEzw5T.cjs} +1 -1
- package/dist/{Select-dJWuOWN0.js → Select-DIw08nte.js} +3 -3
- package/dist/Shell-CfHe8tIp.js +487 -0
- package/dist/Shell-DrXByQxR.cjs +1 -0
- package/dist/{SidebarCollapseToggle-VOdswrKP.cjs → SidebarCollapseToggle-BOLWB51F.cjs} +1 -1
- package/dist/{SidebarCollapseToggle-pNj344jL.js → SidebarCollapseToggle-IzDpcwPs.js} +2 -2
- package/dist/{Skeleton-3N9uC9k_.js → Skeleton-BLn8a0wV.js} +1 -1
- package/dist/{Skeleton-DEzKdU7W.cjs → Skeleton-lLu_CakO.cjs} +1 -1
- package/dist/{Slider-Clgfp-vI.cjs → Slider-Ca5ru23S.cjs} +1 -1
- package/dist/{Slider-Dxh4sXev.js → Slider-CrhYMw5S.js} +4 -4
- package/dist/{Spinner-DpldXeXq.js → Spinner-C7NYF-Xf.js} +1 -1
- package/dist/{Spinner-Cwlskvjj.cjs → Spinner-UsyGqwVq.cjs} +1 -1
- package/dist/{Stepper-BlRuqNKX.cjs → Stepper-BIWoeqFS.cjs} +1 -1
- package/dist/{Stepper-SLb_qc9m.js → Stepper-CrVuq2Ba.js} +1 -1
- package/dist/{StepperStep-DxQQgCrC.js → StepperStep-CBaZPJV7.js} +4 -4
- package/dist/{StepperStep-DoJ3MUEl.cjs → StepperStep-DCpcJbTJ.cjs} +1 -1
- package/dist/Submenu-BC9j6dvb.cjs +1 -0
- package/dist/Submenu-CnRi1GdL.js +149 -0
- package/dist/{Switch-CI_QKz2n.js → Switch-BiqjLsXd.js} +3 -3
- package/dist/{Switch-BnzV_QMu.cjs → Switch-CA01aJ7b.cjs} +1 -1
- package/dist/{TableOfContents-C6Qnq6aS.cjs → TableOfContents-DCfZ4DYi.cjs} +1 -1
- package/dist/{TableOfContents-DwnnMxv5.js → TableOfContents-EYrBCeci.js} +1 -1
- package/dist/Tabs-CrrG1hvh.cjs +1 -0
- package/dist/Tabs-D3pdOieX.js +180 -0
- package/dist/{TextInput--u9htMqc.cjs → TextInput-BdZPqTzI.cjs} +2 -2
- package/dist/{TextInput-C_i6Miob.js → TextInput-KQGVZCcT.js} +4 -4
- package/dist/{Toaster-sBQX6bee.js → Toaster-B4ce6OBe.js} +1 -1
- package/dist/{Toaster-noCUOlwh.cjs → Toaster-CubmjJ_C.cjs} +1 -1
- package/dist/{Tree-CR_288A-.cjs → Tree-CnaGeX7W.cjs} +1 -1
- package/dist/{Tree-C6rMUOja.js → Tree-E3A0GUIG.js} +1 -1
- package/dist/TreeNode-C2W4uFhP.cjs +1 -0
- package/dist/TreeNode-xv6es6z2.js +176 -0
- package/dist/UserMenu-CVXfSmUQ.cjs +1 -0
- package/dist/UserMenu-E-PhzT3T.js +313 -0
- package/dist/{Walkthrough-vAJctcje.js → Walkthrough-BxwgYRUB.js} +1 -1
- package/dist/{Walkthrough-DRx76ziA.cjs → Walkthrough-Dvyp-4Sr.cjs} +1 -1
- package/dist/all.cjs +1 -1
- package/dist/all.mjs +207 -203
- package/dist/component-styles.json +7 -0
- package/dist/components/AccordionItem.cjs +1 -1
- package/dist/components/AccordionItem.mjs +1 -1
- package/dist/components/AccordionItem.vue.d.ts.map +1 -1
- package/dist/components/ActionGroup.cjs +1 -0
- package/dist/components/ActionGroup.d.ts +64 -0
- package/dist/components/ActionGroup.mjs +2 -0
- package/dist/components/ActionGroup.vue.d.ts +24 -0
- package/dist/components/ActionGroup.vue.d.ts.map +1 -0
- package/dist/components/AiLabel.cjs +1 -1
- package/dist/components/AiLabel.mjs +1 -1
- package/dist/components/Avatar.cjs +1 -1
- package/dist/components/Avatar.mjs +1 -1
- package/dist/components/Badge.cjs +1 -1
- package/dist/components/Badge.mjs +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.d.ts +8 -0
- package/dist/components/Board.mjs +1 -1
- package/dist/components/Board.vue.d.ts +7 -3
- package/dist/components/Board.vue.d.ts.map +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/Breadcrumbs.vue.d.ts +12 -1
- package/dist/components/Breadcrumbs.vue.d.ts.map +1 -1
- package/dist/components/Button.cjs +1 -1
- package/dist/components/Button.mjs +1 -1
- package/dist/components/Button.vue.d.ts +3 -3
- package/dist/components/Button.vue.d.ts.map +1 -1
- package/dist/components/Calendar.cjs +1 -1
- package/dist/components/Calendar.mjs +1 -1
- package/dist/components/Card.cjs +1 -1
- package/dist/components/Card.mjs +1 -1
- package/dist/components/Card.vue.d.ts +1 -1
- package/dist/components/CardGrid.cjs +1 -1
- package/dist/components/CardGrid.mjs +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/Checkbox.vue.d.ts.map +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/CommandPalette.vue.d.ts.map +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.d.ts +23 -0
- package/dist/components/DataTable.mjs +1 -1
- package/dist/components/DataTable.vue.d.ts.map +1 -1
- package/dist/components/DatePicker.cjs +1 -1
- package/dist/components/DatePicker.mjs +1 -1
- package/dist/components/DatePicker.vue.d.ts +1 -1
- package/dist/components/DatePicker.vue.d.ts.map +1 -1
- 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.d.ts +11 -0
- package/dist/components/FloatingToolbar.mjs +1 -1
- package/dist/components/FloatingToolbar.vue.d.ts +1 -0
- package/dist/components/FloatingToolbar.vue.d.ts.map +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/InfoHint.cjs +1 -1
- package/dist/components/InfoHint.mjs +1 -1
- package/dist/components/InfoHint.vue.d.ts.map +1 -1
- package/dist/components/InlineEdit.cjs +1 -1
- package/dist/components/InlineEdit.d.ts +5 -0
- package/dist/components/InlineEdit.mjs +1 -1
- package/dist/components/InlineEdit.vue.d.ts +1 -0
- package/dist/components/InlineEdit.vue.d.ts.map +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/Menu.cjs +1 -1
- package/dist/components/Menu.mjs +1 -1
- package/dist/components/Menu.vue.d.ts.map +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/MenuItem.cjs +1 -1
- package/dist/components/MenuItem.mjs +1 -1
- package/dist/components/MenuItem.vue.d.ts +1 -1
- package/dist/components/MenuItem.vue.d.ts.map +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.map +1 -1
- package/dist/components/NotificationCenter.cjs +1 -1
- package/dist/components/NotificationCenter.d.ts +6 -1
- package/dist/components/NotificationCenter.mjs +1 -1
- package/dist/components/NotificationCenter.vue.d.ts +2 -1
- package/dist/components/NotificationCenter.vue.d.ts.map +1 -1
- package/dist/components/NotificationCenterItem.cjs +1 -1
- package/dist/components/NotificationCenterItem.mjs +1 -1
- package/dist/components/NotificationCenterItem.vue.d.ts +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/NumberInput.vue.d.ts.map +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/Radio.vue.d.ts.map +1 -1
- package/dist/components/ReorderList.cjs +1 -1
- package/dist/components/ReorderList.mjs +1 -1
- package/dist/components/ReorderList.vue.d.ts.map +1 -1
- package/dist/components/Select.cjs +1 -1
- package/dist/components/Select.mjs +1 -1
- package/dist/components/Select.vue.d.ts.map +1 -1
- package/dist/components/Shell.cjs +1 -1
- package/dist/components/Shell.mjs +1 -1
- package/dist/components/Shell.vue.d.ts +14 -1
- package/dist/components/Shell.vue.d.ts.map +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/Submenu.vue.d.ts.map +1 -1
- package/dist/components/Switch.cjs +1 -1
- package/dist/components/Switch.mjs +1 -1
- package/dist/components/Switch.vue.d.ts.map +1 -1
- package/dist/components/TableOfContents.cjs +1 -1
- package/dist/components/TableOfContents.mjs +1 -1
- package/dist/components/Tabs.cjs +1 -1
- package/dist/components/Tabs.mjs +1 -1
- package/dist/components/Tabs.vue.d.ts.map +1 -1
- package/dist/components/TextInput.cjs +1 -1
- package/dist/components/TextInput.mjs +1 -1
- package/dist/components/TextInput.vue.d.ts +4 -4
- 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/Toast.vue.d.ts +1 -1
- package/dist/components/Toast.vue.d.ts.map +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/TreeNode.vue.d.ts.map +1 -1
- package/dist/components/UserMenu.cjs +1 -1
- package/dist/components/UserMenu.mjs +1 -1
- package/dist/components/UserMenu.vue.d.ts.map +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 +1 -0
- package/dist/components/manifest.d.ts.map +1 -1
- package/dist/components/manifest.js +1 -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/composables/usePhoneLayout.composable.cjs +1 -0
- package/dist/composables/usePhoneLayout.composable.d.ts +28 -0
- package/dist/composables/usePhoneLayout.composable.d.ts.map +1 -0
- package/dist/composables/usePhoneLayout.composable.mjs +25 -0
- package/dist/composables/useShellLayout.composable.cjs +1 -0
- package/dist/composables/useShellLayout.composable.d.ts +24 -0
- package/dist/composables/useShellLayout.composable.d.ts.map +1 -0
- package/dist/composables/useShellLayout.composable.mjs +14 -0
- package/dist/composables/useVisualViewportVar.composable.cjs +1 -0
- package/dist/composables/useVisualViewportVar.composable.d.ts +36 -0
- package/dist/composables/useVisualViewportVar.composable.d.ts.map +1 -0
- package/dist/composables/useVisualViewportVar.composable.mjs +30 -0
- package/dist/directives/ToolTip.directive.d.ts.map +1 -1
- package/dist/global.d.ts +2 -0
- package/dist/index.cjs +1 -1
- package/dist/index.mjs +113 -110
- package/dist/{main-DgTv5UiQ.js → main-3k7sSIY5.js} +102 -99
- package/dist/main-DmyKNXAy.cjs +4 -0
- package/dist/main.d.ts +5 -0
- package/dist/main.d.ts.map +1 -1
- package/dist/styles/AccordionItem.css +1 -1
- package/dist/styles/ActionGroup.css +1 -0
- package/dist/styles/Board.css +1 -1
- package/dist/styles/Breadcrumbs.css +1 -1
- package/dist/styles/Button.css +1 -1
- package/dist/styles/Checkbox.css +1 -1
- package/dist/styles/CommandPalette.css +1 -1
- package/dist/styles/DataTable.css +1 -1
- package/dist/styles/DatePicker.css +1 -1
- package/dist/styles/FloatingToolbar.css +1 -1
- package/dist/styles/InfoHint.css +1 -1
- package/dist/styles/InlineEdit.css +1 -1
- package/dist/styles/MenuItem.css +1 -1
- package/dist/styles/Modal.css +1 -1
- package/dist/styles/NotificationCenter.css +1 -1
- package/dist/styles/NumberInput.css +1 -1
- package/dist/styles/Radio.css +1 -1
- package/dist/styles/ReorderList.css +1 -1
- package/dist/styles/Select.css +1 -1
- package/dist/styles/Shell.css +1 -1
- package/dist/styles/Switch.css +1 -1
- package/dist/styles/Tabs.css +1 -1
- package/dist/styles/TextInput.css +1 -1
- package/dist/styles/TreeNode.css +1 -1
- package/dist/styles/UserMenu.css +1 -1
- package/dist/ui.css +26 -25
- package/package.json +1 -1
- package/src/styles/logic/_touch.scss +31 -0
- package/src/styles/logic/index.scss +1 -0
- package/src/styles/variables/_breakpoints.scss +36 -0
- package/dist/Board-6D49Yld8.js +0 -524
- package/dist/Board-Cp8XfgZm.cjs +0 -1
- package/dist/Breadcrumbs-BXsbR60g.js +0 -46
- package/dist/Breadcrumbs-CPucjD0z.cjs +0 -1
- package/dist/DataTable-8VaU0T7V.js +0 -358
- package/dist/DataTable-Mq7v4Dyk.cjs +0 -1
- package/dist/DatePicker-Cgnm0ku3.js +0 -704
- package/dist/DatePicker-DytDcACW.cjs +0 -1
- package/dist/FloatingToolbar-DpBbWZL6.cjs +0 -1
- package/dist/FloatingToolbar-_loB4pae.js +0 -134
- package/dist/InfoHint-Cs9-C043.cjs +0 -1
- package/dist/InlineEdit-CR9vOw3i.cjs +0 -1
- package/dist/Menu-CsA8dtMR.js +0 -128
- package/dist/Menu-Xt1MCf-q.cjs +0 -1
- package/dist/Modal-Xa9TIGNi.cjs +0 -1
- package/dist/NotificationCenter-B12PMiat.cjs +0 -1
- package/dist/NotificationCenter-B2kJXtA9.js +0 -569
- package/dist/ReorderList-CigXh_u8.cjs +0 -1
- package/dist/Shell-BzAv4AWb.cjs +0 -1
- package/dist/Shell-COpscGYO.js +0 -448
- package/dist/Submenu-QgPVi2bN.cjs +0 -1
- package/dist/Submenu-SQTJc81U.js +0 -148
- package/dist/Tabs-B5crovQe.cjs +0 -1
- package/dist/Tabs-DRrq4YCX.js +0 -149
- package/dist/TreeNode-CXaEp3-m.js +0 -175
- package/dist/TreeNode-kgKGox1Y.cjs +0 -1
- package/dist/UserMenu-C65Ky9ov.cjs +0 -1
- package/dist/UserMenu-ClcDEyTu.js +0 -301
- package/dist/main-BNXD4cwz.cjs +0 -4
- /package/dist/{Avatar-uYRUtK1R.js → Avatar-B8JS0B-W.js} +0 -0
- /package/dist/{Avatar-CLL3i8dn.cjs → Avatar-C-yA5Rqn.cjs} +0 -0
- /package/dist/{Badge-wDtZdOfk.js → Badge-D3oJVwDo.js} +0 -0
- /package/dist/{Badge-ouVFB318.cjs → Badge-Dkm7PBJ8.cjs} +0 -0
- /package/dist/{Banner-DKMPZuXR.js → Banner-C2DFPW-D.js} +0 -0
- /package/dist/{Banner-CtaMbfyG.cjs → Banner-DXfzpyxc.cjs} +0 -0
- /package/dist/{Blueprint.context-DQAE9pH9.cjs → Blueprint.context-CNt0_OyK.cjs} +0 -0
- /package/dist/{Blueprint.context-C51gyX3c.js → Blueprint.context-Cp__sufg.js} +0 -0
- /package/dist/{BlueprintBackground-CCuLvvq5.cjs → BlueprintBackground-CRbAZfZP.cjs} +0 -0
- /package/dist/{BlueprintBackground-DJhMflIN.js → BlueprintBackground-DqRpS-jP.js} +0 -0
- /package/dist/{BlueprintMinimap-C4hKP0wV.cjs → BlueprintMinimap-Bk6V5xcq.cjs} +0 -0
- /package/dist/{BlueprintMinimap-CUNeYFVd.js → BlueprintMinimap-KRlkpH14.js} +0 -0
- /package/dist/{BottomPanel-BkD7euB4.js → BottomPanel-Bt4k2PJn.js} +0 -0
- /package/dist/{BottomPanel-DvS5Q8c8.cjs → BottomPanel-C1mT0_I0.cjs} +0 -0
- /package/dist/{Calendar-D3ExPJ2t.cjs → Calendar-CI6TG85W.cjs} +0 -0
- /package/dist/{Calendar-DCoZLEcA.js → Calendar-CV-B4qeT.js} +0 -0
- /package/dist/{Card-ChgbYLJP.js → Card-BqIF-svL.js} +0 -0
- /package/dist/{Card-duvlUAg9.cjs → Card-Xmv6oz9a.cjs} +0 -0
- /package/dist/{CardGrid-Desk_vNP.cjs → CardGrid-BbGLqQmb.cjs} +0 -0
- /package/dist/{CardGrid-ChwQuHLa.js → CardGrid-CphjVIvE.js} +0 -0
- /package/dist/{ChartLegend-B_Y9TNfO.js → ChartLegend-BLTbVV2E.js} +0 -0
- /package/dist/{ChartLegend-k-7LH8-7.cjs → ChartLegend-DGgW0yjG.cjs} +0 -0
- /package/dist/{CheckboxGroup.context-DYPnnK72.cjs → CheckboxGroup.context-CBJMSIiT.cjs} +0 -0
- /package/dist/{CheckboxGroup.context-BssNljp4.js → CheckboxGroup.context-D-C4RVyg.js} +0 -0
- /package/dist/{CommandPalette-dNJMbapr.cjs → CommandPalette-C56CkOfF.cjs} +0 -0
- /package/dist/{CommandPalette-Bv_AnaSi.js → CommandPalette-CubX_Udj.js} +0 -0
- /package/dist/{DefinitionList-C5cqvaLy.cjs → DefinitionList-CSBl-Ogy.cjs} +0 -0
- /package/dist/{DefinitionList-fmy6J4Re.js → DefinitionList-MsqB9Lxo.js} +0 -0
- /package/dist/{DefinitionListItem-CJK5RkIw.js → DefinitionListItem-Ddz2wLyc.js} +0 -0
- /package/dist/{DefinitionListItem-CWqjObrZ.cjs → DefinitionListItem-DnphEEw1.cjs} +0 -0
- /package/dist/{DragHandle-CoJEyCLX.cjs → DragHandle-B_rMbMxm.cjs} +0 -0
- /package/dist/{DragHandle-DDJ1Hsmo.js → DragHandle-D9NnsyJc.js} +0 -0
- /package/dist/{EmptyState-xU5I0laM.js → EmptyState-B6pEj4jk.js} +0 -0
- /package/dist/{EmptyState-u1iAtZUB.cjs → EmptyState-DRbjP890.cjs} +0 -0
- /package/dist/{Field-CfktrvRe.cjs → Field-BZ2cHQlw.cjs} +0 -0
- /package/dist/{Field-D7ImyCWp.js → Field-tNwOATAd.js} +0 -0
- /package/dist/{Flag-k-Aakupd.js → Flag-C4SjTXTD.js} +0 -0
- /package/dist/{Flag-Pk2LFD1t.cjs → Flag-DFg5FTus.cjs} +0 -0
- /package/dist/{Grid-HifmWSUS.cjs → Grid-DiCxrPaO.cjs} +0 -0
- /package/dist/{Grid-DA2jibMM.js → Grid-iox-7xyH.js} +0 -0
- /package/dist/{JsonTree-BLgpxnrT.js → JsonTree-Do_bunoq.js} +0 -0
- /package/dist/{JsonTree-DGzMCcSN.cjs → JsonTree-DygODsNE.cjs} +0 -0
- /package/dist/{Label-BIM21I7D.cjs → Label-CZhQEyoi.cjs} +0 -0
- /package/dist/{Label-CiWiUQ_H.js → Label-DGK5nxFy.js} +0 -0
- /package/dist/{Layer-B47tXgJm.js → Layer-CPWK7fSy.js} +0 -0
- /package/dist/{Layer-Csk6CZPD.cjs → Layer-Dn8JBO94.cjs} +0 -0
- /package/dist/{MenuBar-cNc__THT.cjs → MenuBar-Cmty676_.cjs} +0 -0
- /package/dist/{MenuBar-CdBcgokD.js → MenuBar-DgoQm2e6.js} +0 -0
- /package/dist/{MenuDivider-DEy1DSW1.js → MenuDivider-Clt77czV.js} +0 -0
- /package/dist/{MenuDivider-GuRZ5Dek.cjs → MenuDivider-SpMk4am3.cjs} +0 -0
- /package/dist/{MenuItem-BKjhq9o2.js → MenuItem-BDLX2QWw.js} +0 -0
- /package/dist/{MenuItem-B-Q5sVlO.cjs → MenuItem-ZQcFYe4m.cjs} +0 -0
- /package/dist/{Message-DjxOb8mu.cjs → Message-C44ftsaT.cjs} +0 -0
- /package/dist/{Message-SQvoXiWl.js → Message-CHkTWe0K.js} +0 -0
- /package/dist/{NotificationCenterItem-pWiBpKMc.cjs → NotificationCenterItem-BP0VBTaB.cjs} +0 -0
- /package/dist/{NotificationCenterItem-yqlKqwI2.js → NotificationCenterItem-CjJh9W_a.js} +0 -0
- /package/dist/{NubiscoMark-BN6bzMMG.cjs → NubiscoMark-BumRk78m.cjs} +0 -0
- /package/dist/{NubiscoMark-Bj6eID79.js → NubiscoMark-eVqSGOjI.js} +0 -0
- /package/dist/{NubiscoPlatformMark-C0OeymWK.js → NubiscoPlatformMark-Ch6dCICn.js} +0 -0
- /package/dist/{NubiscoPlatformMark-CE-poDEU.cjs → NubiscoPlatformMark-IX-E5QQ_.cjs} +0 -0
- /package/dist/{Panel-PtasWgYu.cjs → Panel-Cd29GNxw.cjs} +0 -0
- /package/dist/{Panel-MK5IWy0W.js → Panel-Y8gOQKuw.js} +0 -0
- /package/dist/{ShellPanel-f75v2_V2.js → ShellPanel-BA7QLnzE.js} +0 -0
- /package/dist/{ShellPanel-DzMmoG81.cjs → ShellPanel-CC_QJlLu.cjs} +0 -0
- /package/dist/{SidebarBrand-B3hJvpkF.js → SidebarBrand-8yDIYIQZ.js} +0 -0
- /package/dist/{SidebarBrand-CHxEUgzI.cjs → SidebarBrand-u8Oau9DK.cjs} +0 -0
- /package/dist/{SidebarLink-QG3kJ2EO.js → SidebarLink-XVXCHDBm.js} +0 -0
- /package/dist/{SidebarLink-B_5TV_Y_.cjs → SidebarLink-pgjUnWzl.cjs} +0 -0
- /package/dist/{SidebarMenu-CHra29Qu.cjs → SidebarMenu-CA0y5Zle.cjs} +0 -0
- /package/dist/{SidebarMenu-B4oKxxC9.js → SidebarMenu-e0qP4Nh-.js} +0 -0
- /package/dist/{SidebarMenuGroup-D4zw60k-.js → SidebarMenuGroup-CGnMAAUM.js} +0 -0
- /package/dist/{SidebarMenuGroup-D3-id6rV.cjs → SidebarMenuGroup-VQLxJ1CS.cjs} +0 -0
- /package/dist/{SidebarMenuItem-rDAFayv3.cjs → SidebarMenuItem-CqDbzAAk.cjs} +0 -0
- /package/dist/{SidebarMenuItem-DKfynXs8.js → SidebarMenuItem-DwBLBW-N.js} +0 -0
- /package/dist/{Sparkline-C__UzqcW.js → Sparkline-Bbt4vFjI.js} +0 -0
- /package/dist/{Sparkline-hfnHBqr_.cjs → Sparkline-CdLiYBEr.cjs} +0 -0
- /package/dist/{Stepper.context-DtdxFiTP.js → Stepper.context-BgQfa8xl.js} +0 -0
- /package/dist/{Stepper.context-OTxRDrqb.cjs → Stepper.context-DBNE-GYb.cjs} +0 -0
- /package/dist/{Toast-DdjLfZW7.cjs → Toast-XjSCXTx8.cjs} +0 -0
- /package/dist/{Toast-C7ZcSqjz.js → Toast-q9KByfYq.js} +0 -0
- /package/dist/{TreeContext-CN8Jmm3J.js → TreeContext-BN1eHAL6.js} +0 -0
- /package/dist/{TreeContext-CRgX277A.cjs → TreeContext-PgcV87_V.cjs} +0 -0
- /package/dist/{Wireframe-yxCSPLE-.cjs → Wireframe-DDRVqrll.cjs} +0 -0
- /package/dist/{Wireframe-Lb8viOfl.js → Wireframe-ql6EOtd2.js} +0 -0
- /package/dist/{palette-CP7R55wd.cjs → palette-Cy2_8mLH.cjs} +0 -0
- /package/dist/{palette-BVXsOJol.js → palette-StNyj_sM.js} +0 -0
- /package/dist/{pixi-scene-CjZJN5UI.js → pixi-scene-CuO3As43.js} +0 -0
- /package/dist/{pixi-scene-Be5EU7HP.cjs → pixi-scene-DE1dBR9n.cjs} +0 -0
- /package/dist/{scales-DJ_hCmZX.cjs → scales-4WxjhxBm.cjs} +0 -0
- /package/dist/{scales-CsGzsNm7.js → scales-DlFF1BRk.js} +0 -0
- /package/dist/{useChartSize-DGUae61E.cjs → useChartSize-C-BIN0vc.cjs} +0 -0
- /package/dist/{useChartSize-6K6L_Xnm.js → useChartSize-UdZSuP3G.js} +0 -0
- /package/dist/{useLoadingAnnouncer.composable-TdYpHGvK.js → useLoadingAnnouncer.composable-C7FA-Ui1.js} +0 -0
- /package/dist/{useLoadingAnnouncer.composable-DeoNGDYL.cjs → useLoadingAnnouncer.composable-DMycMLn-.cjs} +0 -0
- /package/dist/{vue-i18n-CkVGSKx4.js → vue-i18n-B2FDvjI1.js} +0 -0
- /package/dist/{vue-i18n-Bhwom92P.cjs → vue-i18n-D3Ga_miE.cjs} +0 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
require(`./chunk-D-qHiVGv.cjs`);const e=require(`./Icon-C8R_r_In.cjs`),t=require(`./composables/useSurfaceLayer.composable.cjs`),n=require(`./composables/usePhoneLayout.composable.cjs`),r=require(`./Label-CZhQEyoi.cjs`),i=require(`./Message-C44ftsaT.cjs`),a=require(`./Grid-DiCxrPaO.cjs`),o=require(`./composables/useMenuSurface.composable.cjs`),s=require(`./composables/useVisualViewportVar.composable.cjs`);let c=require(`vue`),l=require(`@nubisco/ui/icons/caret-right`),u=require(`@nubisco/ui/icons/calendar`),d=require(`@nubisco/ui/icons/caret-double-left`),ee=require(`@nubisco/ui/icons/caret-left`),te=require(`@nubisco/ui/icons/caret-double-right`);var ne={class:`nb-date-picker__col`},re=[`id`,`value`,`placeholder`,`disabled`,`readonly`,`required`,`name`,`aria-invalid`,`aria-describedby`],ie=[`disabled`,`aria-label`],ae={key:0,class:`nb-date-picker__col`},oe=[`id`,`value`,`placeholder`,`disabled`,`readonly`,`required`,`aria-invalid`,`aria-describedby`],se=[`disabled`,`aria-label`],ce={key:0,class:`nb-date-picker__inner-header`},le=[`for`],ue={key:0,class:`nb-date-picker__asterisk`,"aria-hidden":`true`},de={class:`nb-date-picker__fluid-row`},fe=[`id`,`value`,`placeholder`,`disabled`,`readonly`,`required`,`name`,`aria-invalid`],pe=[`disabled`,`aria-label`],me={key:0,class:`nb-date-picker__inner-header`},he=[`for`],ge={key:0,class:`nb-date-picker__asterisk`,"aria-hidden":`true`},_e={class:`nb-date-picker__fluid-row`},ve=[`id`,`value`,`placeholder`,`disabled`,`readonly`,`required`,`aria-invalid`],ye=[`disabled`,`aria-label`],be=[`aria-label`],xe={class:`nb-date-picker__cal-header`},Se=[`id`],Ce=[`aria-labelledby`],we={class:`nb-date-picker__cal-weekdays`},Te=[`abbr`],Ee=[`aria-selected`,`aria-disabled`],De=[`tabindex`,`disabled`,`aria-label`,`data-date`,`onClick`],f=(0,c.defineComponent)({inheritAttrs:!1,__name:`DatePicker`,props:{modelValue:{default:null},type:{default:`single`},endValue:{default:null},min:{default:void 0},max:{default:void 0},weekStart:{default:1},locale:{default:void 0},endPlaceholder:{default:``},endLabel:{default:``},endError:{default:``},endWarning:{default:``},disabledDates:{type:[Array,Function],default:void 0},readonly:{type:Boolean,default:!1},placeholder:{default:``},name:{default:``},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`,`update:endValue`,`change`],setup(f,{expose:Oe,emit:ke}){let p=f,{layerProps:Ae}=t.useSurfaceLayer({overlay:!0}),m=ke,je=`nb-date-picker-${(0,c.useId)()}`,h=(0,c.computed)(()=>p.id??je),g=(0,c.computed)(()=>`${h.value}-end`),_=(0,c.computed)(()=>`${h.value}-helper`),Me=(0,c.computed)(()=>`${h.value}-message`),Ne=(0,c.computed)(()=>`${h.value}-end-message`),Pe=(0,c.computed)(()=>`${h.value}-cal-title`),v=(0,c.ref)(null),Fe=(0,c.computed)(()=>v.value!==null),y=(0,c.ref)(!1),b=(0,c.ref)($(new Date)),x=(0,c.ref)(null),S=(0,c.ref)(null),C=(0,c.ref)(null),w=(0,c.ref)(null);o.useMenuSurface(w);let{phone:T}=n.usePhoneLayout(),E=(0,c.ref)(null);s.useVisualViewportVar(()=>y.value);let Ie=(0,c.ref)({position:`fixed`,top:`0px`,left:`0px`,zIndex:`9999`}),D=(0,c.ref)(`start`),O=(0,c.computed)(()=>p.locale||navigator.language||`pt-PT`),k=(0,c.computed)(()=>new Intl.DateTimeFormat(O.value).formatToParts(new Date(2e3,0,15)).map(e=>e.type===`day`?`dd`:e.type===`month`?`mm`:e.type===`year`?`yyyy`:e.value).join(``));function A(e){if(!e)return``;let t=new Date(e+`T00:00:00`);return isNaN(t.getTime())?e:t.toLocaleDateString(O.value)}function Le(e){return new Date(e+`T00:00:00`).toLocaleDateString(O.value,{weekday:`long`,year:`numeric`,month:`long`,day:`numeric`})}let Re=(0,c.computed)(()=>A(p.modelValue??null)),ze=(0,c.computed)(()=>A(p.endValue??null)),j=(0,c.computed)(()=>p.error?{variant:`error`,text:p.error}:p.warning?{variant:`warning`,text:p.warning}:null),M=(0,c.computed)(()=>p.type===`range`?p.endError?{variant:`error`,text:p.endError}:p.endWarning?{variant:`warning`,text:p.endWarning}:null:null),N=(0,c.computed)(()=>j.value?j.value:p.helper?{variant:`helper`,text:p.helper}:null),Be=(0,c.computed)(()=>{if(p.variant===`default`)return j.value?Me.value:p.helper?_.value:void 0}),Ve=(0,c.computed)(()=>{if(p.variant===`default`)return M.value?Ne.value:p.helper?_.value:void 0}),P=(0,c.computed)(()=>p.type===`range`&&!!p.endLabel),F=(0,c.computed)(()=>p.endLabel||p.endPlaceholder);function I(e){return p.min!=null&&e<p.min||p.max!=null&&e>p.max?!0:p.disabledDates?typeof p.disabledDates==`function`?p.disabledDates(e):p.disabledDates.includes(e):!1}function He(e){let t=e.trim();if(!t)return null;if(/^\d{4}-\d{2}-\d{2}$/.test(t)){let e=new Date(t+`T00:00:00`);return isNaN(e.getTime())?null:t}let n=new Date(t);return isNaN(n.getTime())?null:$(n)}function Ue(e){let t=e.target.value,n=He(t);n&&I(n)||(n||t===``)&&(m(`update:modelValue`,n),m(`change`,n))}function We(e){let t=e.target.value,n=He(t);n&&I(n)||(n||t===``)&&m(`update:endValue`,n)}function L(e){v.value=e.target===C.value?`end`:`start`,p.type!==`simple`&&!p.readonly&&(D.value=v.value,y.value?B():V())}function R(){v.value=null}function z(e){if(!(p.type===`simple`||p.readonly))switch(e.key){case`Escape`:y.value&&(H(),e.preventDefault());break;case`ArrowDown`:e.preventDefault(),y.value||V(),(0,c.nextTick)(W);break;case`Enter`:y.value||(e.preventDefault(),V(),(0,c.nextTick)(W));break}}function B(){let e=x.value?.querySelectorAll(`.nb-date-picker__input-wrapper`);if(!e?.length)return;let t=(D.value===`end`&&e.length>1?e[1]:e[0]).getBoundingClientRect(),n=w.value?.offsetWidth??0,r=w.value?.offsetHeight??0,i=t.left,a=t.bottom+4;n>0&&(i=Math.max(8,Math.min(i,window.innerWidth-n-8))),r>0&&a+r>window.innerHeight-8&&t.top-4-r>=8&&(a=t.top-4-r),Ie.value={position:`fixed`,top:`${a}px`,left:`${i}px`,zIndex:`9999`}}function V(){if(p.disabled||p.readonly||p.type===`simple`||y.value)return;y.value=!0;let e=D.value===`end`&&p.endValue?p.endValue:p.modelValue,t=e?new Date(e+`T00:00:00`):new Date;X.value=t.getFullYear(),Z.value=t.getMonth(),b.value=e||$(new Date),B(),(0,c.nextTick)(B)}function H(){y.value&&(y.value=!1,(0,c.nextTick)(()=>{D.value===`end`&&C.value?C.value.focus():S.value?.focus()}))}function U(){y.value?H():(D.value=`start`,V(),(0,c.nextTick)(W))}function W(){(0,c.nextTick)(()=>{(w.value?.querySelector(`[data-date="${b.value}"]`))?.focus()})}function Ge(e){I(e)||(p.type===`range`?D.value===`start`?(m(`update:modelValue`,e),m(`change`,e),D.value=`end`,b.value=e,(0,c.nextTick)(()=>C.value?.focus())):(p.modelValue&&e<p.modelValue?(m(`update:endValue`,p.modelValue),m(`update:modelValue`,e),m(`change`,e)):m(`update:endValue`,e),H()):(m(`update:modelValue`,e),m(`change`,e),H()))}function Ke(e){let t=new Date(b.value+`T00:00:00`),n=!0;switch(e.key){case`ArrowRight`:G(t,1);break;case`ArrowLeft`:G(t,-1);break;case`ArrowDown`:G(t,7);break;case`ArrowUp`:G(t,-7);break;case`Home`:qe(t,`start`);break;case`End`:qe(t,`end`);break;case`PageUp`:e.shiftKey?K(t,-12):K(t,-1);break;case`PageDown`:e.shiftKey?K(t,12):K(t,1);break;case`Enter`:case` `:e.preventDefault(),Ge(b.value);return;case`Escape`:H();break;case`Tab`:H();return;default:n=!1}n&&e.preventDefault()}function G(e,t){let n=new Date(e);n.setDate(n.getDate()+t),q(n)}function qe(e,t){let n=e.getDay();p.weekStart===1&&(n=n===0?6:n-1);let r=t===`start`?-n:6-n,i=new Date(e);i.setDate(i.getDate()+r),q(i)}function K(e,t){let n=new Date(e);n.setMonth(n.getMonth()+t),n.getDate()!==e.getDate()&&n.setDate(0),q(n)}function q(e){let t=$(e);p.min!=null&&t<p.min||p.max!=null&&t>p.max||(b.value=t,X.value=e.getFullYear(),Z.value=e.getMonth(),W())}function J(e){let t=e.target,n=x.value?.contains(t)??!1,r=w.value?.contains(t)??!1,i=E.value?.contains(t)??!1;!n&&!r&&!i&&H()}function Y(){y.value&&B()}(0,c.watch)(y,e=>{e?(document.addEventListener(`mousedown`,J),window.addEventListener(`scroll`,Y,!0),window.addEventListener(`resize`,Y)):(document.removeEventListener(`mousedown`,J),window.removeEventListener(`scroll`,Y,!0),window.removeEventListener(`resize`,Y))}),(0,c.onBeforeUnmount)(()=>{document.removeEventListener(`mousedown`,J),window.removeEventListener(`scroll`,Y,!0),window.removeEventListener(`resize`,Y)});let X=(0,c.ref)(new Date().getFullYear()),Z=(0,c.ref)(new Date().getMonth());function Q(e){let t=X.value*12+Z.value+e;X.value=Math.floor(t/12),Z.value=(t%12+12)%12;let n=new Date(b.value+`T00:00:00`).getDate(),r=new Date(X.value,Z.value+1,0).getDate();b.value=$(new Date(X.value,Z.value,Math.min(n,r))),W()}let Je=()=>Q(-1),Ye=()=>Q(1),Xe=()=>Q(-12),Ze=()=>Q(12),Qe=(0,c.computed)(()=>{let e=new Date(X.value,Z.value,1).toLocaleDateString(O.value,{month:`long`,year:`numeric`});return e.charAt(0).toUpperCase()+e.slice(1)}),$e=(0,c.computed)(()=>{let e=[],t=new Date(2024,0,p.weekStart===0?7:1);for(let n=0;n<7;n++){let r=new Date(t);r.setDate(t.getDate()+n);let i=r.toLocaleDateString(O.value,{weekday:`narrow`}).toUpperCase(),a=r.toLocaleDateString(O.value,{weekday:`long`});e.push({narrow:i,full:a.charAt(0).toUpperCase()+a.slice(1)})}return e});function $(e){return`${e.getFullYear()}-${String(e.getMonth()+1).padStart(2,`0`)}-${String(e.getDate()).padStart(2,`0`)}`}let et=(0,c.computed)(()=>$(new Date)),tt=(0,c.computed)(()=>{let e=X.value,t=Z.value,n=new Date(e,t,1),r=new Date(e,t+1,0),i=n.getDay();p.weekStart===1&&(i=i===0?6:i-1);let a=[],o=p.modelValue??null,s=p.endValue??null,c=o&&s?o<s?o:s:null,l=o&&s?o<s?s:o:null;function u(e,t){let n=$(e);return{key:n,date:n,day:e.getDate(),inMonth:t,isToday:n===et.value,isSelected:n===o||n===s,inRange:c!=null&&l!=null&&n>c&&n<l,isRangeStart:n===c&&l!=null,isRangeEnd:n===l&&c!=null,isDisabled:I(n)}}for(let n=i-1;n>=0;n--)a.push(u(new Date(e,t,-n),!1));for(let n=1;n<=r.getDate();n++)a.push(u(new Date(e,t,n),!0));let d=7-a.length%7;if(d<7)for(let n=1;n<=d;n++)a.push(u(new Date(e,t+1,n),!1));return a}),nt=(0,c.computed)(()=>{let e=[];for(let t=0;t<tt.value.length;t+=7)e.push(tt.value.slice(t,t+7));return e}),rt=(0,c.computed)(()=>[`nb-date-picker`,`nb-date-picker--${p.variant}`,`nb-date-picker--${p.size}`,`nb-date-picker--${p.type}`,{"nb-date-picker--focused":Fe.value,"nb-date-picker--open":y.value,"nb-date-picker--error":!!p.error||!!p.endError,"nb-date-picker--warning":!p.error&&!p.endError&&(!!p.warning||!!p.endWarning),"nb-date-picker--disabled":p.disabled,"nb-date-picker--readonly":p.readonly}]),it=(0,c.computed)(()=>({"nb-date-picker__input-wrapper--focused":v.value===`start`,"nb-date-picker__input-wrapper--error":!!p.error,"nb-date-picker__input-wrapper--warning":!p.error&&!!p.warning,"nb-date-picker__input-wrapper--disabled":p.disabled,"nb-date-picker__input-wrapper--readonly":p.readonly})),at=(0,c.computed)(()=>({"nb-date-picker__input-wrapper--focused":v.value===`end`,"nb-date-picker__input-wrapper--error":!!p.endError,"nb-date-picker__input-wrapper--warning":!p.endError&&!!p.endWarning,"nb-date-picker__input-wrapper--disabled":p.disabled,"nb-date-picker__input-wrapper--readonly":p.readonly}));return Oe({open:V,close:H,focus:()=>S.value?.focus()}),(t,n)=>((0,c.openBlock)(),(0,c.createElementBlock)(c.Fragment,null,[(0,c.createElementVNode)(`div`,{ref_key:`rootRef`,ref:x,class:(0,c.normalizeClass)(rt.value)},[f.variant===`default`?((0,c.openBlock)(),(0,c.createElementBlock)(c.Fragment,{key:0},[t.$slots.label?(0,c.renderSlot)(t.$slots,`label`,{key:0}):f.label&&!P.value?((0,c.openBlock)(),(0,c.createBlock)(r.t,{key:1,for:h.value,required:f.required,disabled:f.disabled},{default:(0,c.withCtx)(()=>[(0,c.createTextVNode)((0,c.toDisplayString)(f.label),1)]),_:1},8,[`for`,`required`,`disabled`])):(0,c.createCommentVNode)(``,!0),(0,c.createVNode)(a.t,{dir:`row`,gap:f.type===`range`?`sm`:void 0,class:`nb-date-picker__fields`},{default:(0,c.withCtx)(()=>[(0,c.createElementVNode)(`div`,ne,[P.value&&f.label?((0,c.openBlock)(),(0,c.createBlock)(r.t,{key:0,for:h.value,required:f.required,disabled:f.disabled},{default:(0,c.withCtx)(()=>[(0,c.createTextVNode)((0,c.toDisplayString)(f.label),1)]),_:1},8,[`for`,`required`,`disabled`])):(0,c.createCommentVNode)(``,!0),(0,c.createElementVNode)(`div`,{class:(0,c.normalizeClass)([`nb-date-picker__input-wrapper`,it.value])},[(0,c.createElementVNode)(`input`,(0,c.mergeProps)({id:h.value,ref_key:`inputRef`,ref:S},t.$attrs,{type:`text`,class:`nb-date-picker__field`,value:Re.value,placeholder:f.placeholder||k.value,disabled:f.disabled,readonly:f.readonly,required:f.required,name:f.name,"aria-invalid":f.error?!0:void 0,"aria-describedby":Be.value,onInput:n[0]||=e=>Ue(e),onFocus:L,onBlur:R,onKeydown:z}),null,16,re),f.type===`simple`?(0,c.createCommentVNode)(``,!0):((0,c.openBlock)(),(0,c.createElementBlock)(`button`,{key:0,type:`button`,class:`nb-date-picker__icon`,disabled:f.disabled||f.readonly,tabindex:`-1`,"aria-label":f.modelValue?`Change date, ${A(f.modelValue)}`:`Choose date`,onClick:U},[(0,c.createVNode)(e.t,{name:(0,c.unref)(u.regular),size:16},null,8,[`name`])],8,ie))],2)]),f.type===`range`?((0,c.openBlock)(),(0,c.createElementBlock)(`div`,ae,[P.value?((0,c.openBlock)(),(0,c.createBlock)(r.t,{key:0,for:g.value,required:f.required,disabled:f.disabled},{default:(0,c.withCtx)(()=>[(0,c.createTextVNode)((0,c.toDisplayString)(f.endLabel),1)]),_:1},8,[`for`,`required`,`disabled`])):(0,c.createCommentVNode)(``,!0),(0,c.createElementVNode)(`div`,{class:(0,c.normalizeClass)([`nb-date-picker__input-wrapper`,at.value])},[(0,c.createElementVNode)(`input`,{id:g.value,ref_key:`endInputRef`,ref:C,type:`text`,class:`nb-date-picker__field`,value:ze.value,placeholder:f.endPlaceholder||k.value,disabled:f.disabled,readonly:f.readonly,required:f.required,"aria-invalid":f.endError?!0:void 0,"aria-describedby":Ve.value,onInput:n[1]||=e=>We(e),onFocus:L,onBlur:R,onKeydown:z},null,40,oe),(0,c.createElementVNode)(`button`,{type:`button`,class:`nb-date-picker__icon`,disabled:f.disabled||f.readonly,tabindex:`-1`,"aria-label":f.endValue?`Change end date, ${A(f.endValue)}`:`Choose end date`,onClick:U},[(0,c.createVNode)(e.t,{name:(0,c.unref)(u.regular),size:16},null,8,[`name`])],8,se)],2)])):(0,c.createCommentVNode)(``,!0)]),_:1},8,[`gap`]),j.value?((0,c.openBlock)(),(0,c.createBlock)(i.t,{key:2,id:Me.value,variant:j.value.variant,class:`nb-date-picker__message`},{default:(0,c.withCtx)(()=>[(0,c.createTextVNode)((0,c.toDisplayString)(j.value.text),1)]),_:1},8,[`id`,`variant`])):(0,c.createCommentVNode)(``,!0),M.value?((0,c.openBlock)(),(0,c.createBlock)(i.t,{key:3,id:Ne.value,variant:M.value.variant,class:`nb-date-picker__message`},{default:(0,c.withCtx)(()=>[(0,c.createTextVNode)((0,c.toDisplayString)(M.value.text),1)]),_:1},8,[`id`,`variant`])):(0,c.createCommentVNode)(``,!0),!j.value&&!M.value&&f.helper?((0,c.openBlock)(),(0,c.createBlock)(i.t,{key:4,id:_.value,variant:`helper`,class:`nb-date-picker__message`},{default:(0,c.withCtx)(()=>[(0,c.createTextVNode)((0,c.toDisplayString)(f.helper),1)]),_:1},8,[`id`])):(0,c.createCommentVNode)(``,!0)],64)):f.variant===`fluid`?((0,c.openBlock)(),(0,c.createBlock)(a.t,{key:1,dir:`row`,gap:f.type===`range`?`sm`:void 0,class:`nb-date-picker__fields`},{default:(0,c.withCtx)(()=>[(0,c.createElementVNode)(`div`,{class:(0,c.normalizeClass)([`nb-date-picker__input-wrapper nb-date-picker__input-wrapper--fluid`,it.value])},[f.label||t.$slots.label||N.value?((0,c.openBlock)(),(0,c.createElementBlock)(`div`,ce,[t.$slots.label?(0,c.renderSlot)(t.$slots,`label`,{key:0}):((0,c.openBlock)(),(0,c.createElementBlock)(`label`,{key:1,for:h.value,class:`nb-date-picker__inner-label`},[(0,c.createTextVNode)((0,c.toDisplayString)(f.label)+` `,1),f.required?((0,c.openBlock)(),(0,c.createElementBlock)(`span`,ue,`*`)):(0,c.createCommentVNode)(``,!0)],8,le)),N.value?((0,c.openBlock)(),(0,c.createBlock)(i.t,{key:2,variant:N.value.variant,"icon-only":``,class:`nb-date-picker__inner-message`},{default:(0,c.withCtx)(()=>[(0,c.createTextVNode)((0,c.toDisplayString)(N.value.text),1)]),_:1},8,[`variant`])):(0,c.createCommentVNode)(``,!0)])):(0,c.createCommentVNode)(``,!0),(0,c.createElementVNode)(`div`,de,[(0,c.createElementVNode)(`input`,(0,c.mergeProps)({id:h.value,ref_key:`inputRef`,ref:S},t.$attrs,{type:`text`,class:`nb-date-picker__field`,value:Re.value,placeholder:f.placeholder||k.value,disabled:f.disabled,readonly:f.readonly,required:f.required,name:f.name,"aria-invalid":f.error?!0:void 0,onInput:n[2]||=e=>Ue(e),onFocus:L,onBlur:R,onKeydown:z}),null,16,fe),f.type===`simple`?(0,c.createCommentVNode)(``,!0):((0,c.openBlock)(),(0,c.createElementBlock)(`button`,{key:0,type:`button`,class:`nb-date-picker__icon`,disabled:f.disabled||f.readonly,tabindex:`-1`,"aria-label":f.modelValue?`Change date, ${A(f.modelValue)}`:`Choose date`,onClick:U},[(0,c.createVNode)(e.t,{name:(0,c.unref)(u.regular),size:16},null,8,[`name`])],8,pe))])],2),f.type===`range`?((0,c.openBlock)(),(0,c.createElementBlock)(`div`,{key:0,class:(0,c.normalizeClass)([`nb-date-picker__input-wrapper nb-date-picker__input-wrapper--fluid`,at.value])},[F.value||M.value?((0,c.openBlock)(),(0,c.createElementBlock)(`div`,me,[(0,c.createElementVNode)(`label`,{for:g.value,class:`nb-date-picker__inner-label`},[(0,c.createTextVNode)((0,c.toDisplayString)(F.value)+` `,1),f.required?((0,c.openBlock)(),(0,c.createElementBlock)(`span`,ge,`*`)):(0,c.createCommentVNode)(``,!0)],8,he),M.value?((0,c.openBlock)(),(0,c.createBlock)(i.t,{key:0,variant:M.value.variant,"icon-only":``,class:`nb-date-picker__inner-message`},{default:(0,c.withCtx)(()=>[(0,c.createTextVNode)((0,c.toDisplayString)(M.value.text),1)]),_:1},8,[`variant`])):(0,c.createCommentVNode)(``,!0)])):(0,c.createCommentVNode)(``,!0),(0,c.createElementVNode)(`div`,_e,[(0,c.createElementVNode)(`input`,{id:g.value,ref_key:`endInputRef`,ref:C,type:`text`,class:`nb-date-picker__field`,value:ze.value,placeholder:f.endPlaceholder||k.value,disabled:f.disabled,readonly:f.readonly,required:f.required,"aria-invalid":f.endError?!0:void 0,onInput:n[3]||=e=>We(e),onFocus:L,onBlur:R,onKeydown:z},null,40,ve),(0,c.createElementVNode)(`button`,{type:`button`,class:`nb-date-picker__icon`,disabled:f.disabled||f.readonly,tabindex:`-1`,"aria-label":f.endValue?`Change end date, ${A(f.endValue)}`:`Choose end date`,onClick:U},[(0,c.createVNode)(e.t,{name:(0,c.unref)(u.regular),size:16},null,8,[`name`])],8,ye)])],2)):(0,c.createCommentVNode)(``,!0)]),_:3},8,[`gap`])):(0,c.createCommentVNode)(``,!0)],2),((0,c.openBlock)(),(0,c.createBlock)(c.Teleport,{to:`body`},[y.value&&(0,c.unref)(T)?((0,c.openBlock)(),(0,c.createElementBlock)(`div`,{key:0,ref_key:`scrimRef`,ref:E,class:`nb-date-picker__scrim`,"aria-hidden":`true`,onClick:H},null,512)):(0,c.createCommentVNode)(``,!0),y.value?((0,c.openBlock)(),(0,c.createElementBlock)(`div`,(0,c.mergeProps)({key:1,ref_key:`calendarRef`,ref:w,role:`dialog`,"aria-modal":`true`,"aria-label":f.label?`${f.label} calendar`:`Date picker`,class:[`nb-date-picker__calendar`,{"nb-date-picker__calendar--sheet":(0,c.unref)(T)}]},(0,c.unref)(Ae),{style:(0,c.unref)(T)?void 0:Ie.value,onKeydown:Ke,onMousedown:n[4]||=(0,c.withModifiers)(()=>{},[`prevent`])}),[(0,c.createElementVNode)(`div`,xe,[(0,c.createElementVNode)(`button`,{type:`button`,class:`nb-date-picker__cal-nav`,"aria-label":`Previous year`,onClick:Xe},[(0,c.createVNode)(e.t,{name:(0,c.unref)(d.regular),size:16},null,8,[`name`])]),(0,c.createElementVNode)(`button`,{type:`button`,class:`nb-date-picker__cal-nav`,"aria-label":`Previous month`,onClick:Je},[(0,c.createVNode)(e.t,{name:(0,c.unref)(ee.regular),size:16},null,8,[`name`])]),(0,c.createElementVNode)(`span`,{id:Pe.value,class:`nb-date-picker__cal-title`,"aria-live":`polite`},(0,c.toDisplayString)(Qe.value),9,Se),(0,c.createElementVNode)(`button`,{type:`button`,class:`nb-date-picker__cal-nav`,"aria-label":`Next month`,onClick:Ye},[(0,c.createVNode)(e.t,{name:(0,c.unref)(l.regular),size:16},null,8,[`name`])]),(0,c.createElementVNode)(`button`,{type:`button`,class:`nb-date-picker__cal-nav`,"aria-label":`Next year`,onClick:Ze},[(0,c.createVNode)(e.t,{name:(0,c.unref)(te.regular),size:16},null,8,[`name`])])]),(0,c.createElementVNode)(`table`,{role:`grid`,"aria-labelledby":Pe.value,class:`nb-date-picker__cal-table`},[(0,c.createElementVNode)(`thead`,null,[(0,c.createElementVNode)(`tr`,we,[((0,c.openBlock)(!0),(0,c.createElementBlock)(c.Fragment,null,(0,c.renderList)($e.value,e=>((0,c.openBlock)(),(0,c.createElementBlock)(`th`,{key:e.narrow,scope:`col`,class:`nb-date-picker__cal-weekday`,abbr:e.full},(0,c.toDisplayString)(e.narrow),9,Te))),128))])]),(0,c.createElementVNode)(`tbody`,null,[((0,c.openBlock)(!0),(0,c.createElementBlock)(c.Fragment,null,(0,c.renderList)(nt.value,(e,t)=>((0,c.openBlock)(),(0,c.createElementBlock)(`tr`,{key:t},[((0,c.openBlock)(!0),(0,c.createElementBlock)(c.Fragment,null,(0,c.renderList)(e,e=>((0,c.openBlock)(),(0,c.createElementBlock)(`td`,{key:e.key,role:`gridcell`,"aria-selected":e.isSelected||void 0,"aria-disabled":e.isDisabled||void 0},[(0,c.createElementVNode)(`button`,{type:`button`,class:(0,c.normalizeClass)([`nb-date-picker__cal-day`,{"nb-date-picker__cal-day--outside":!e.inMonth,"nb-date-picker__cal-day--today":e.isToday,"nb-date-picker__cal-day--selected":e.isSelected,"nb-date-picker__cal-day--in-range":e.inRange,"nb-date-picker__cal-day--range-start":e.isRangeStart,"nb-date-picker__cal-day--range-end":e.isRangeEnd,"nb-date-picker__cal-day--disabled":e.isDisabled,"nb-date-picker__cal-day--focused":e.date===b.value}]),tabindex:e.date===b.value?0:-1,disabled:e.isDisabled,"aria-label":Le(e.date),"data-date":e.date,onClick:t=>Ge(e.date)},(0,c.toDisplayString)(e.day),11,De)],8,Ee))),128))]))),128))])],8,Ce)],16,be)):(0,c.createCommentVNode)(``,!0)]))],64))}});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
2
|
import { t } from "./Icon-rREAqsu0.js";
|
|
3
3
|
import { useSurfaceLayer as n } from "./composables/useSurfaceLayer.composable.mjs";
|
|
4
|
-
import { t as r } from "./Button-
|
|
4
|
+
import { t as r } from "./Button-IcCXOoCT.js";
|
|
5
5
|
import { Fragment as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, createVNode as u, defineComponent as d, mergeProps as f, normalizeClass as p, openBlock as m, ref as h, renderList as g, toDisplayString as _, unref as v, withCtx as y, withModifiers as b } from "vue";
|
|
6
6
|
import { regular as x } from "@nubisco/ui/icons/x";
|
|
7
7
|
import { regular as S } from "@nubisco/ui/icons/circle-notch";
|
|
@@ -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(`./composables/useSurfaceLayer.composable.cjs`),r=require(`./Button-
|
|
1
|
+
require(`./chunk-D-qHiVGv.cjs`);const e=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),t=require(`./Icon-C8R_r_In.cjs`),n=require(`./composables/useSurfaceLayer.composable.cjs`),r=require(`./Button-C0UUTgEB.cjs`);let i=require(`vue`),a=require(`@nubisco/ui/icons/x`),o=require(`@nubisco/ui/icons/circle-notch`);var s=function(e){return e.Primary=`primary`,e.Secondary=`secondary`,e.Ghost=`ghost`,e.Danger=`danger`,e.Success=`success`,e.Warning=`warning`,e}(s||{}),c=function(e){return e.Idle=`idle`,e.Loading=`loading`,e.Success=`success`,e}(c||{}),l={key:0,class:`nb-file-uploader__heading`},u={key:1,class:`nb-file-uploader__description`},d=[`accept`,`multiple`],f={key:4,class:`nb-file-uploader__list`},p={class:`nb-file-uploader__name`},m={class:`nb-file-uploader__status`},h=[`aria-label`,`onClick`],g={key:0,class:`nb-file-uploader__error`},_=(0,i.defineComponent)({__name:`FileUploader`,props:{heading:{},description:{},buttonLabel:{default:`Add file`},variant:{default:s.Primary},accept:{},multiple:{type:Boolean,default:!1},maxSize:{},disabled:{type:Boolean},id:{}},emits:[`change`,`remove`],setup(e,{expose:s,emit:_}){let v=e,{layerProps:y}=n.useSurfaceLayer(),b=_,x=(0,i.ref)(null),S=(0,i.ref)([]),C=(0,i.ref)(!1),w=0;function T(){x.value?.click()}function E(e){if(v.maxSize&&e.size>v.maxSize)return`File exceeds size limit.`;if(v.accept){let t=v.accept.split(`,`).map(e=>e.trim().toLowerCase()),n=e.name.toLowerCase();if(!t.some(t=>t.startsWith(`.`)?n.endsWith(t):t.includes(`/`)?e.type===t||e.type.startsWith(t.replaceAll(`*`,``)):!1))return`File type not accepted.`}}function D(e){let t=Array.from(e);v.multiple||(S.value=[]);for(let e of t){let t=E(e);S.value.push({file:e,status:c.Idle,error:t})}b(`change`,S.value.filter(e=>!e.error).map(e=>e.file))}function O(e){let t=e.target;t.files?.length&&(D(t.files),t.value=``)}function k(){w++,C.value=!0}function A(){w--,w<=0&&(w=0,C.value=!1)}function j(e){w=0,C.value=!1;let t=e.dataTransfer?.files;t?.length&&D(t)}function M(e){let t=S.value[e];S.value.splice(e,1),b(`remove`,t.file),b(`change`,S.value.filter(e=>!e.error).map(e=>e.file))}function N(e,t,n){S.value[e]&&(S.value[e].status=t,S.value[e].error=n)}return s({files:S,setFileStatus:N}),(n,s)=>((0,i.openBlock)(),(0,i.createElementBlock)(`div`,(0,i.mergeProps)({class:`nb-file-uploader`},(0,i.unref)(y),{onDragenter:(0,i.withModifiers)(k,[`prevent`]),onDragover:s[0]||=(0,i.withModifiers)(()=>{},[`prevent`]),onDragleave:(0,i.withModifiers)(A,[`prevent`]),onDrop:(0,i.withModifiers)(j,[`prevent`])}),[e.heading?((0,i.openBlock)(),(0,i.createElementBlock)(`p`,l,(0,i.toDisplayString)(e.heading),1)):(0,i.createCommentVNode)(``,!0),e.description?((0,i.openBlock)(),(0,i.createElementBlock)(`p`,u,(0,i.toDisplayString)(e.description),1)):(0,i.createCommentVNode)(``,!0),C.value?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{key:2,class:(0,i.normalizeClass)([`nb-file-uploader__dropzone`,`nb-file-uploader__dropzone--${e.variant}`])},[...s[1]||=[(0,i.createElementVNode)(`span`,{class:`nb-file-uploader__drop-label`},[(0,i.createTextVNode)(` Drag and drop files here`),(0,i.createElementVNode)(`br`),(0,i.createTextVNode)(`or click to upload `)],-1)]],2)):((0,i.openBlock)(),(0,i.createBlock)(r.t,{key:3,class:`nb-file-uploader__btn`,variant:e.variant,onClick:(0,i.withModifiers)(T,[`stop`])},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(e.buttonLabel),1)]),_:1},8,[`variant`])),(0,i.createElementVNode)(`input`,{ref_key:`inputRef`,ref:x,type:`file`,class:`nb-file-uploader__input`,accept:e.accept,multiple:e.multiple,onChange:O},null,40,d),S.value.length?((0,i.openBlock)(),(0,i.createElementBlock)(`ul`,f,[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(S.value,(e,n)=>((0,i.openBlock)(),(0,i.createElementBlock)(`li`,{key:n,class:(0,i.normalizeClass)([`nb-file-uploader__item`,{"nb-file-uploader__item--error":e.error,"nb-file-uploader__item--success":e.status===`success`}])},[(0,i.createElementVNode)(`span`,p,(0,i.toDisplayString)(e.file.name),1),(0,i.createElementVNode)(`span`,m,[e.status===`loading`?((0,i.openBlock)(),(0,i.createBlock)(t.t,{key:0,name:(0,i.unref)(o.regular),class:`nb-file-uploader__spinner`},null,8,[`name`])):e.status===`success`?((0,i.openBlock)(),(0,i.createBlock)(t.t,{key:1,name:`check-circle-fill`,class:`nb-file-uploader__check`})):(0,i.createCommentVNode)(``,!0),e.error?((0,i.openBlock)(),(0,i.createBlock)(t.t,{key:2,name:`warning-circle-fill`,class:`nb-file-uploader__warn`})):(0,i.createCommentVNode)(``,!0),e.status===`loading`?(0,i.createCommentVNode)(``,!0):((0,i.openBlock)(),(0,i.createElementBlock)(`button`,{key:3,class:`nb-file-uploader__remove`,type:`button`,"aria-label":`Remove ${e.file.name}`,onClick:e=>M(n)},[(0,i.createVNode)(t.t,{name:(0,i.unref)(a.regular)},null,8,[`name`])],8,h))]),e.error?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,g,(0,i.toDisplayString)(e.error),1)):(0,i.createCommentVNode)(``,!0)],2))),128))])):(0,i.createCommentVNode)(``,!0)],16))}}),v=e.t(_,[[`__scopeId`,`data-v-7f391a7f`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return v}});
|
|
@@ -0,0 +1,140 @@
|
|
|
1
|
+
import { t as e } from "./_plugin-vue_export-helper-O4QQSku4.js";
|
|
2
|
+
import { useSurfaceLayer as t } from "./composables/useSurfaceLayer.composable.mjs";
|
|
3
|
+
import { usePhoneLayout as n } from "./composables/usePhoneLayout.composable.mjs";
|
|
4
|
+
import { placeAnchored as r, viewportSize as i } from "./utils/anchorPosition.helper.mjs";
|
|
5
|
+
import { useVisualViewportVar as a } from "./composables/useVisualViewportVar.composable.mjs";
|
|
6
|
+
import { Teleport as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, defineComponent as d, mergeProps as f, nextTick as p, onBeforeUnmount as m, openBlock as h, ref as g, renderSlot as _, unref as v, watch as y } from "vue";
|
|
7
|
+
//#region src/components/FloatingToolbar.vue?vue&type=script&setup=true&lang.ts
|
|
8
|
+
var b = ["aria-label", "aria-orientation"], x = "button, [role=\"button\"], a[href], input, select, textarea, [tabindex]", S = /* @__PURE__ */ e(/* @__PURE__ */ d({
|
|
9
|
+
__name: "FloatingToolbar",
|
|
10
|
+
props: {
|
|
11
|
+
open: {
|
|
12
|
+
type: Boolean,
|
|
13
|
+
default: !1
|
|
14
|
+
},
|
|
15
|
+
anchor: { default: null },
|
|
16
|
+
placement: { default: "top" },
|
|
17
|
+
gap: { default: 8 },
|
|
18
|
+
label: {},
|
|
19
|
+
orientation: { default: "horizontal" },
|
|
20
|
+
teleportTo: { default: "body" },
|
|
21
|
+
dock: { default: "none" }
|
|
22
|
+
},
|
|
23
|
+
emits: ["close", "update:open"],
|
|
24
|
+
setup(e, { expose: d, emit: S }) {
|
|
25
|
+
let C = e, w = S, { layerProps: T } = t({ overlay: !0 }), E = g(null), D = g(C.placement), O = g({
|
|
26
|
+
top: 0,
|
|
27
|
+
left: 0
|
|
28
|
+
}), k = g(!1), A = g(0), j = s(() => ({
|
|
29
|
+
top: `${O.value.top}px`,
|
|
30
|
+
left: `${O.value.left}px`
|
|
31
|
+
}));
|
|
32
|
+
function M(e) {
|
|
33
|
+
return "getBoundingClientRect" in e ? e.getBoundingClientRect() : e;
|
|
34
|
+
}
|
|
35
|
+
function N() {
|
|
36
|
+
let e = E.value;
|
|
37
|
+
if (!e || !C.anchor) return;
|
|
38
|
+
let t = M(C.anchor), n = i();
|
|
39
|
+
k.value = n.width > 0 && n.height > 0 && (t.top + t.height < 0 || t.top > n.height || t.left + t.width < 0 || t.left > n.width);
|
|
40
|
+
let a = r(t, {
|
|
41
|
+
width: e.offsetWidth,
|
|
42
|
+
height: e.offsetHeight
|
|
43
|
+
}, {
|
|
44
|
+
side: C.placement,
|
|
45
|
+
gap: C.gap,
|
|
46
|
+
viewport: n
|
|
47
|
+
});
|
|
48
|
+
D.value = a.side, O.value = {
|
|
49
|
+
top: a.top,
|
|
50
|
+
left: a.left
|
|
51
|
+
};
|
|
52
|
+
}
|
|
53
|
+
function P() {
|
|
54
|
+
let e = E.value;
|
|
55
|
+
return e ? Array.from(e.querySelectorAll(x)).filter((t) => !t.disabled && t.getAttribute("aria-hidden") !== "true" && t.closest("[role=\"toolbar\"]") === e) : [];
|
|
56
|
+
}
|
|
57
|
+
function F() {
|
|
58
|
+
let e = P();
|
|
59
|
+
e.length && (A.value >= e.length && (A.value = e.length - 1), A.value < 0 && (A.value = 0), e.forEach((e, t) => {
|
|
60
|
+
let n = t === A.value ? "0" : "-1";
|
|
61
|
+
e.getAttribute("tabindex") !== n && e.setAttribute("tabindex", n);
|
|
62
|
+
}));
|
|
63
|
+
}
|
|
64
|
+
function I(e) {
|
|
65
|
+
let t = P();
|
|
66
|
+
t.length && (A.value = (e + t.length) % t.length, F(), t[A.value].focus());
|
|
67
|
+
}
|
|
68
|
+
function L(e) {
|
|
69
|
+
if (e.key === "Escape") {
|
|
70
|
+
e.preventDefault(), e.stopPropagation(), w("close"), w("update:open", !1);
|
|
71
|
+
return;
|
|
72
|
+
}
|
|
73
|
+
let t = e.target;
|
|
74
|
+
if (t.closest("input, textarea, select, [contenteditable=\"true\"]")) return;
|
|
75
|
+
let n = C.orientation === "vertical", r = n ? "ArrowUp" : "ArrowLeft", i = n ? "ArrowDown" : "ArrowRight", a = P(), o = a.indexOf(t);
|
|
76
|
+
o !== -1 && (e.key === i ? (e.preventDefault(), I(o + 1)) : e.key === r ? (e.preventDefault(), I(o - 1)) : e.key === "Home" ? (e.preventDefault(), I(0)) : e.key === "End" && (e.preventDefault(), I(a.length - 1)));
|
|
77
|
+
}
|
|
78
|
+
function R(e) {
|
|
79
|
+
let t = P().indexOf(e.target);
|
|
80
|
+
t !== -1 && (A.value = t, F());
|
|
81
|
+
}
|
|
82
|
+
function z(e) {
|
|
83
|
+
e.target?.closest("input, textarea, select, [contenteditable=\"true\"]") || e.preventDefault();
|
|
84
|
+
}
|
|
85
|
+
function B() {
|
|
86
|
+
I(A.value);
|
|
87
|
+
}
|
|
88
|
+
let V;
|
|
89
|
+
function H() {
|
|
90
|
+
window.addEventListener("resize", N), window.addEventListener("scroll", N, !0), typeof MutationObserver < "u" && E.value && (V = new MutationObserver(() => F()), V.observe(E.value, {
|
|
91
|
+
childList: !0,
|
|
92
|
+
subtree: !0,
|
|
93
|
+
attributes: !0,
|
|
94
|
+
attributeFilter: ["disabled"]
|
|
95
|
+
}));
|
|
96
|
+
}
|
|
97
|
+
function U() {
|
|
98
|
+
typeof window > "u" || (window.removeEventListener("resize", N), window.removeEventListener("scroll", N, !0), V?.disconnect(), V = void 0);
|
|
99
|
+
}
|
|
100
|
+
let W = s(() => C.open && !!C.anchor), { phone: G } = n(), K = s(() => C.dock === "phone" && G.value);
|
|
101
|
+
return a(() => W.value && C.dock === "phone"), y(W, (e) => {
|
|
102
|
+
typeof window > "u" || (U(), e && (A.value = 0, p(() => {
|
|
103
|
+
H(), F(), N(), requestAnimationFrame(N);
|
|
104
|
+
})));
|
|
105
|
+
}, { immediate: !0 }), y(() => [
|
|
106
|
+
C.anchor,
|
|
107
|
+
C.placement,
|
|
108
|
+
C.gap
|
|
109
|
+
], () => {
|
|
110
|
+
W.value && p(N);
|
|
111
|
+
}), m(U), d({
|
|
112
|
+
reposition: N,
|
|
113
|
+
focus: B,
|
|
114
|
+
el: E
|
|
115
|
+
}), (t, n) => (h(), c(o, { to: e.teleportTo }, [e.open && e.anchor ? (h(), u("div", f({
|
|
116
|
+
key: 0,
|
|
117
|
+
ref_key: "toolbarRef",
|
|
118
|
+
ref: E,
|
|
119
|
+
class: [
|
|
120
|
+
"nb-floating-toolbar",
|
|
121
|
+
`nb-floating-toolbar--${D.value}`,
|
|
122
|
+
`nb-floating-toolbar--${e.orientation}`,
|
|
123
|
+
{
|
|
124
|
+
"nb-floating-toolbar--anchor-hidden": k.value && !K.value,
|
|
125
|
+
"nb-floating-toolbar--docked": K.value
|
|
126
|
+
}
|
|
127
|
+
]
|
|
128
|
+
}, v(T), {
|
|
129
|
+
role: "toolbar",
|
|
130
|
+
"aria-label": e.label,
|
|
131
|
+
"aria-orientation": e.orientation,
|
|
132
|
+
style: K.value ? void 0 : j.value,
|
|
133
|
+
onMousedown: z,
|
|
134
|
+
onKeydown: L,
|
|
135
|
+
onFocusin: R
|
|
136
|
+
}), [_(t.$slots, "default", {}, void 0, !0)], 16, b)) : l("", !0)], 8, ["to"]));
|
|
137
|
+
}
|
|
138
|
+
}), [["__scopeId", "data-v-78607a91"]]);
|
|
139
|
+
//#endregion
|
|
140
|
+
export { S as t };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
require(`./chunk-D-qHiVGv.cjs`);const e=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),t=require(`./composables/useSurfaceLayer.composable.cjs`),n=require(`./composables/usePhoneLayout.composable.cjs`),r=require(`./utils/anchorPosition.helper.cjs`),i=require(`./composables/useVisualViewportVar.composable.cjs`);let a=require(`vue`);var o=[`aria-label`,`aria-orientation`],s=`button, [role="button"], a[href], input, select, textarea, [tabindex]`,c=(0,a.defineComponent)({__name:`FloatingToolbar`,props:{open:{type:Boolean,default:!1},anchor:{default:null},placement:{default:`top`},gap:{default:8},label:{},orientation:{default:`horizontal`},teleportTo:{default:`body`},dock:{default:`none`}},emits:[`close`,`update:open`],setup(e,{expose:c,emit:l}){let u=e,d=l,{layerProps:f}=t.useSurfaceLayer({overlay:!0}),p=(0,a.ref)(null),m=(0,a.ref)(u.placement),h=(0,a.ref)({top:0,left:0}),g=(0,a.ref)(!1),_=(0,a.ref)(0),v=(0,a.computed)(()=>({top:`${h.value.top}px`,left:`${h.value.left}px`}));function y(e){return`getBoundingClientRect`in e?e.getBoundingClientRect():e}function b(){let e=p.value;if(!e||!u.anchor)return;let t=y(u.anchor),n=r.viewportSize();g.value=n.width>0&&n.height>0&&(t.top+t.height<0||t.top>n.height||t.left+t.width<0||t.left>n.width);let i=r.placeAnchored(t,{width:e.offsetWidth,height:e.offsetHeight},{side:u.placement,gap:u.gap,viewport:n});m.value=i.side,h.value={top:i.top,left:i.left}}function x(){let e=p.value;return e?Array.from(e.querySelectorAll(s)).filter(t=>!t.disabled&&t.getAttribute(`aria-hidden`)!==`true`&&t.closest(`[role="toolbar"]`)===e):[]}function S(){let e=x();e.length&&(_.value>=e.length&&(_.value=e.length-1),_.value<0&&(_.value=0),e.forEach((e,t)=>{let n=t===_.value?`0`:`-1`;e.getAttribute(`tabindex`)!==n&&e.setAttribute(`tabindex`,n)}))}function C(e){let t=x();t.length&&(_.value=(e+t.length)%t.length,S(),t[_.value].focus())}function w(e){if(e.key===`Escape`){e.preventDefault(),e.stopPropagation(),d(`close`),d(`update:open`,!1);return}let t=e.target;if(t.closest(`input, textarea, select, [contenteditable="true"]`))return;let n=u.orientation===`vertical`,r=n?`ArrowUp`:`ArrowLeft`,i=n?`ArrowDown`:`ArrowRight`,a=x(),o=a.indexOf(t);o!==-1&&(e.key===i?(e.preventDefault(),C(o+1)):e.key===r?(e.preventDefault(),C(o-1)):e.key===`Home`?(e.preventDefault(),C(0)):e.key===`End`&&(e.preventDefault(),C(a.length-1)))}function T(e){let t=x().indexOf(e.target);t!==-1&&(_.value=t,S())}function E(e){e.target?.closest(`input, textarea, select, [contenteditable="true"]`)||e.preventDefault()}function D(){C(_.value)}let O;function k(){window.addEventListener(`resize`,b),window.addEventListener(`scroll`,b,!0),typeof MutationObserver<`u`&&p.value&&(O=new MutationObserver(()=>S()),O.observe(p.value,{childList:!0,subtree:!0,attributes:!0,attributeFilter:[`disabled`]}))}function A(){typeof window>`u`||(window.removeEventListener(`resize`,b),window.removeEventListener(`scroll`,b,!0),O?.disconnect(),O=void 0)}let j=(0,a.computed)(()=>u.open&&!!u.anchor),{phone:M}=n.usePhoneLayout(),N=(0,a.computed)(()=>u.dock===`phone`&&M.value);return i.useVisualViewportVar(()=>j.value&&u.dock===`phone`),(0,a.watch)(j,e=>{typeof window>`u`||(A(),e&&(_.value=0,(0,a.nextTick)(()=>{k(),S(),b(),requestAnimationFrame(b)})))},{immediate:!0}),(0,a.watch)(()=>[u.anchor,u.placement,u.gap],()=>{j.value&&(0,a.nextTick)(b)}),(0,a.onBeforeUnmount)(A),c({reposition:b,focus:D,el:p}),(t,n)=>((0,a.openBlock)(),(0,a.createBlock)(a.Teleport,{to:e.teleportTo},[e.open&&e.anchor?((0,a.openBlock)(),(0,a.createElementBlock)(`div`,(0,a.mergeProps)({key:0,ref_key:`toolbarRef`,ref:p,class:[`nb-floating-toolbar`,`nb-floating-toolbar--${m.value}`,`nb-floating-toolbar--${e.orientation}`,{"nb-floating-toolbar--anchor-hidden":g.value&&!N.value,"nb-floating-toolbar--docked":N.value}]},(0,a.unref)(f),{role:`toolbar`,"aria-label":e.label,"aria-orientation":e.orientation,style:N.value?void 0:v.value,onMousedown:E,onKeydown:w,onFocusin:T}),[(0,a.renderSlot)(t.$slots,`default`,{},void 0,!0)],16,o)):(0,a.createCommentVNode)(``,!0)],8,[`to`]))}}),l=e.t(c,[[`__scopeId`,`data-v-78607a91`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return l}});
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { t as e } from "./Grid-
|
|
1
|
+
import { t as e } from "./Grid-iox-7xyH.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-DiCxrPaO.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 +1 @@
|
|
|
1
|
-
require(`./chunk-D-qHiVGv.cjs`);const e=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),t=require(`./palette-CP7R55wd.cjs`),n=require(`./ChartLegend-k-7LH8-7.cjs`),r=require(`./scales-DJ_hCmZX.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-Cy2_8mLH.cjs`),n=require(`./ChartLegend-DGgW0yjG.cjs`),r=require(`./scales-4WxjhxBm.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,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-StNyj_sM.js";
|
|
3
|
+
import { t as o } from "./ChartLegend-BLTbVV2E.js";
|
|
4
|
+
import { a as s, n as c } from "./scales-DlFF1BRk.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(`./Grid-HifmWSUS.cjs`),n=require(`./vue-i18n-Bhwom92P.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-DiCxrPaO.cjs`),n=require(`./vue-i18n-D3Ga_miE.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,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-iox-7xyH.js";
|
|
3
|
+
import { t as n } from "./vue-i18n-B2FDvjI1.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) {
|
|
@@ -0,0 +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(`./composables/useSurfaceLayer.composable.cjs`),a=require(`./composables/usePhoneLayout.composable.cjs`),o=require(`./utils/anchorPosition.helper.cjs`);let s=require(`vue`),c=require(`@nubisco/ui/icons/info`);c=e.n(c);var l=[`data-term`],u=[`aria-label`,`aria-expanded`,`aria-describedby`,`disabled`],d={key:0,class:`nb-info-hint--title`},f={class:`nb-info-hint--body`},p=(0,s.defineComponent)({__name:`InfoHint`,props:{text:{default:void 0},title:{default:void 0},term:{default:void 0},placement:{default:`top`},size:{default:14},icon:{default:void 0},label:{default:void 0},openDelay:{default:120},closeDelay:{default:140},teleportTo:{default:`body`},disabled:{type:Boolean,default:!1}},emits:[`open`,`close`,`activate`],setup(e,{expose:t,emit:p}){let m=e,h=(0,s.computed)(()=>m.icon??c),g=p,_=`${r.useStableId({})}-popover`,{layerProps:v}=i.useSurfaceLayer({overlay:!0}),y=(0,s.ref)(null),b=(0,s.ref)(null),x=(0,s.ref)(!1),S=(0,s.ref)(!1),C=(0,s.ref)(m.placement),w=(0,s.ref)({top:0,left:0,arrowOffset:50}),T,E,D=(0,s.computed)(()=>({top:`${w.value.top}px`,left:`${w.value.left}px`,"--nb-info-hint-arrow-offset":`${w.value.arrowOffset}%`}));function O(){clearTimeout(T),clearTimeout(E),T=void 0,E=void 0}function k(){let e=y.value,t=b.value;if(!e||!t)return;let n=o.placeAnchored(e.getBoundingClientRect(),{width:t.offsetWidth,height:t.offsetHeight},{side:m.placement,viewport:o.viewportSize()});C.value=n.side,w.value={top:n.top,left:n.left,arrowOffset:n.arrowOffset}}function A(){m.disabled||x.value||(O(),x.value=!0,g(`open`),(0,s.nextTick)(()=>{k(),requestAnimationFrame(k)}))}function j(){x.value&&(O(),x.value=!1,S.value=!1,g(`close`))}function M(){m.disabled||(clearTimeout(E),E=void 0,!x.value&&(T=setTimeout(A,m.openDelay)))}function N(){clearTimeout(T),T=void 0,!S.value&&(E=setTimeout(j,m.closeDelay))}function P(){if(!m.disabled){if(S.value){j();return}S.value=!0,A(),g(`activate`,m.term)}}function F(e){if(e.key===`Escape`){x.value&&(e.preventDefault(),j());return}}function I(){m.disabled||(clearTimeout(E),E=void 0,A())}function L(e){if(S.value)return;let t=e.relatedTarget;t&&b.value?.contains(t)||j()}function R(e){let t=e.target;t&&(y.value?.contains(t)||b.value?.contains(t)||j())}function z(e){e.key===`Escape`&&j()}let{phone:B}=a.usePhoneLayout();function V(e){if(B.value&&H(e.target)){j();return}k()}function H(e){return e===document||e===window?!0:!(e instanceof Node)||b.value?.contains(e)?!1:!!y.value&&e.contains(y.value)}return(0,s.watch)(x,e=>{typeof document>`u`||(e?(document.addEventListener(`pointerdown`,R,!0),document.addEventListener(`keydown`,z),window.addEventListener(`resize`,k),window.addEventListener(`scroll`,V,!0)):(document.removeEventListener(`pointerdown`,R,!0),document.removeEventListener(`keydown`,z),window.removeEventListener(`resize`,k),window.removeEventListener(`scroll`,V,!0)))}),(0,s.watch)(()=>m.disabled,e=>{e&&j()}),(0,s.onBeforeUnmount)(()=>{O(),!(typeof document>`u`)&&(document.removeEventListener(`pointerdown`,R,!0),document.removeEventListener(`keydown`,z),window.removeEventListener(`resize`,k),window.removeEventListener(`scroll`,V,!0))}),t({open:A,close:j,isOpen:x}),(t,r)=>((0,s.openBlock)(),(0,s.createElementBlock)(`span`,{class:`nb-info-hint`,"data-term":e.term||void 0},[(0,s.createElementVNode)(`button`,{ref_key:`triggerRef`,ref:y,type:`button`,class:(0,s.normalizeClass)([`nb-info-hint--trigger`,{"nb-info-hint--trigger-open":x.value}]),"aria-label":e.label??`More information`,"aria-expanded":x.value,"aria-describedby":x.value?_:void 0,disabled:e.disabled,onClick:(0,s.withModifiers)(P,[`stop`]),onMousedown:r[0]||=(0,s.withModifiers)(()=>{},[`stop`]),onPointerdown:r[1]||=(0,s.withModifiers)(()=>{},[`stop`]),onKeydown:(0,s.withModifiers)(F,[`stop`]),onMouseenter:M,onMouseleave:N,onFocus:I,onBlur:L},[(0,s.createVNode)(n.t,{name:h.value,size:e.size,weight:`regular`},null,8,[`name`,`size`])],42,u),((0,s.openBlock)(),(0,s.createBlock)(s.Teleport,{to:e.teleportTo},[x.value?((0,s.openBlock)(),(0,s.createElementBlock)(`div`,(0,s.mergeProps)({key:0,id:_,ref_key:`popoverRef`,ref:b,class:[`nb-info-hint--popover`,`nb-info-hint--popover-${C.value}`]},(0,s.unref)(v),{role:`tooltip`,style:D.value,onClick:r[2]||=(0,s.withModifiers)(()=>{},[`stop`]),onMousedown:r[3]||=(0,s.withModifiers)(()=>{},[`stop`]),onPointerdown:r[4]||=(0,s.withModifiers)(()=>{},[`stop`]),onMouseenter:M,onMouseleave:N}),[e.title?((0,s.openBlock)(),(0,s.createElementBlock)(`p`,d,(0,s.toDisplayString)(e.title),1)):(0,s.createCommentVNode)(``,!0),(0,s.createElementVNode)(`div`,f,[(0,s.renderSlot)(t.$slots,`default`,{},()=>[(0,s.createTextVNode)((0,s.toDisplayString)(e.text),1)],!0)])],16)):(0,s.createCommentVNode)(``,!0)],8,[`to`]))],8,l))}}),m=t.t(p,[[`__scopeId`,`data-v-adafa650`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return m}});
|
|
@@ -2,8 +2,9 @@ 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
4
|
import { useSurfaceLayer as r } from "./composables/useSurfaceLayer.composable.mjs";
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
5
|
+
import { usePhoneLayout as i } from "./composables/usePhoneLayout.composable.mjs";
|
|
6
|
+
import { placeAnchored as a, viewportSize as o } from "./utils/anchorPosition.helper.mjs";
|
|
7
|
+
import { Teleport as s, computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createTextVNode as p, createVNode as m, defineComponent as h, mergeProps as ee, nextTick as g, normalizeClass as _, onBeforeUnmount as te, openBlock as v, ref as y, renderSlot as b, toDisplayString as x, unref as ne, watch as S, withModifiers as C } from "vue";
|
|
7
8
|
import * as w from "@nubisco/ui/icons/info";
|
|
8
9
|
//#region src/components/InfoHint.vue?vue&type=script&setup=true&lang.ts
|
|
9
10
|
var T = ["data-term"], E = [
|
|
@@ -14,7 +15,7 @@ var T = ["data-term"], E = [
|
|
|
14
15
|
], D = {
|
|
15
16
|
key: 0,
|
|
16
17
|
class: "nb-info-hint--title"
|
|
17
|
-
}, O = { class: "nb-info-hint--body" }, k = /* @__PURE__ */ e(/* @__PURE__ */
|
|
18
|
+
}, O = { class: "nb-info-hint--body" }, k = /* @__PURE__ */ e(/* @__PURE__ */ h({
|
|
18
19
|
__name: "InfoHint",
|
|
19
20
|
props: {
|
|
20
21
|
text: { default: void 0 },
|
|
@@ -37,12 +38,12 @@ var T = ["data-term"], E = [
|
|
|
37
38
|
"close",
|
|
38
39
|
"activate"
|
|
39
40
|
],
|
|
40
|
-
setup(e, { expose:
|
|
41
|
-
let A = e, j =
|
|
41
|
+
setup(e, { expose: h, emit: k }) {
|
|
42
|
+
let A = e, j = c(() => A.icon ?? w), M = k, N = `${n({})}-popover`, { layerProps: P } = r({ overlay: !0 }), F = y(null), I = y(null), L = y(!1), R = y(!1), z = y(A.placement), B = y({
|
|
42
43
|
top: 0,
|
|
43
44
|
left: 0,
|
|
44
45
|
arrowOffset: 50
|
|
45
|
-
}), V, H, U =
|
|
46
|
+
}), V, H, U = c(() => ({
|
|
46
47
|
top: `${B.value.top}px`,
|
|
47
48
|
left: `${B.value.left}px`,
|
|
48
49
|
"--nb-info-hint-arrow-offset": `${B.value.arrowOffset}%`
|
|
@@ -53,12 +54,12 @@ var T = ["data-term"], E = [
|
|
|
53
54
|
function G() {
|
|
54
55
|
let e = F.value, t = I.value;
|
|
55
56
|
if (!e || !t) return;
|
|
56
|
-
let n =
|
|
57
|
+
let n = a(e.getBoundingClientRect(), {
|
|
57
58
|
width: t.offsetWidth,
|
|
58
59
|
height: t.offsetHeight
|
|
59
60
|
}, {
|
|
60
61
|
side: A.placement,
|
|
61
|
-
viewport:
|
|
62
|
+
viewport: o()
|
|
62
63
|
});
|
|
63
64
|
z.value = n.side, B.value = {
|
|
64
65
|
top: n.top,
|
|
@@ -67,7 +68,7 @@ var T = ["data-term"], E = [
|
|
|
67
68
|
};
|
|
68
69
|
}
|
|
69
70
|
function K() {
|
|
70
|
-
A.disabled || L.value || (W(), L.value = !0, M("open"),
|
|
71
|
+
A.disabled || L.value || (W(), L.value = !0, M("open"), g(() => {
|
|
71
72
|
G(), requestAnimationFrame(G);
|
|
72
73
|
}));
|
|
73
74
|
}
|
|
@@ -89,45 +90,56 @@ var T = ["data-term"], E = [
|
|
|
89
90
|
R.value = !0, K(), M("activate", A.term);
|
|
90
91
|
}
|
|
91
92
|
}
|
|
92
|
-
function
|
|
93
|
+
function re(e) {
|
|
93
94
|
if (e.key === "Escape") {
|
|
94
95
|
L.value && (e.preventDefault(), q());
|
|
95
96
|
return;
|
|
96
97
|
}
|
|
97
98
|
}
|
|
98
|
-
function
|
|
99
|
+
function ie() {
|
|
99
100
|
A.disabled || (clearTimeout(H), H = void 0, K());
|
|
100
101
|
}
|
|
101
|
-
function
|
|
102
|
+
function ae(e) {
|
|
102
103
|
if (R.value) return;
|
|
103
104
|
let t = e.relatedTarget;
|
|
104
105
|
t && I.value?.contains(t) || q();
|
|
105
106
|
}
|
|
106
|
-
function
|
|
107
|
+
function Z(e) {
|
|
107
108
|
let t = e.target;
|
|
108
109
|
t && (F.value?.contains(t) || I.value?.contains(t) || q());
|
|
109
110
|
}
|
|
110
|
-
function
|
|
111
|
+
function Q(e) {
|
|
111
112
|
e.key === "Escape" && q();
|
|
112
113
|
}
|
|
114
|
+
let { phone: oe } = i();
|
|
115
|
+
function $(e) {
|
|
116
|
+
if (oe.value && se(e.target)) {
|
|
117
|
+
q();
|
|
118
|
+
return;
|
|
119
|
+
}
|
|
120
|
+
G();
|
|
121
|
+
}
|
|
122
|
+
function se(e) {
|
|
123
|
+
return e === document || e === window ? !0 : !(e instanceof Node) || I.value?.contains(e) ? !1 : !!F.value && e.contains(F.value);
|
|
124
|
+
}
|
|
113
125
|
return S(L, (e) => {
|
|
114
|
-
typeof document > "u" || (e ? (document.addEventListener("pointerdown",
|
|
126
|
+
typeof document > "u" || (e ? (document.addEventListener("pointerdown", Z, !0), document.addEventListener("keydown", Q), window.addEventListener("resize", G), window.addEventListener("scroll", $, !0)) : (document.removeEventListener("pointerdown", Z, !0), document.removeEventListener("keydown", Q), window.removeEventListener("resize", G), window.removeEventListener("scroll", $, !0)));
|
|
115
127
|
}), S(() => A.disabled, (e) => {
|
|
116
128
|
e && q();
|
|
117
|
-
}),
|
|
118
|
-
W(), !(typeof document > "u") && (document.removeEventListener("pointerdown",
|
|
119
|
-
}),
|
|
129
|
+
}), te(() => {
|
|
130
|
+
W(), !(typeof document > "u") && (document.removeEventListener("pointerdown", Z, !0), document.removeEventListener("keydown", Q), window.removeEventListener("resize", G), window.removeEventListener("scroll", $, !0));
|
|
131
|
+
}), h({
|
|
120
132
|
open: K,
|
|
121
133
|
close: q,
|
|
122
134
|
isOpen: L
|
|
123
|
-
}), (n, r) => (
|
|
135
|
+
}), (n, r) => (v(), d("span", {
|
|
124
136
|
class: "nb-info-hint",
|
|
125
137
|
"data-term": e.term || void 0
|
|
126
|
-
}, [
|
|
138
|
+
}, [f("button", {
|
|
127
139
|
ref_key: "triggerRef",
|
|
128
140
|
ref: F,
|
|
129
141
|
type: "button",
|
|
130
|
-
class:
|
|
142
|
+
class: _(["nb-info-hint--trigger", { "nb-info-hint--trigger-open": L.value }]),
|
|
131
143
|
"aria-label": e.label ?? "More information",
|
|
132
144
|
"aria-expanded": L.value,
|
|
133
145
|
"aria-describedby": L.value ? N : void 0,
|
|
@@ -135,22 +147,22 @@ var T = ["data-term"], E = [
|
|
|
135
147
|
onClick: C(X, ["stop"]),
|
|
136
148
|
onMousedown: r[0] ||= C(() => {}, ["stop"]),
|
|
137
149
|
onPointerdown: r[1] ||= C(() => {}, ["stop"]),
|
|
138
|
-
onKeydown: C(
|
|
150
|
+
onKeydown: C(re, ["stop"]),
|
|
139
151
|
onMouseenter: J,
|
|
140
152
|
onMouseleave: Y,
|
|
141
|
-
onFocus:
|
|
142
|
-
onBlur:
|
|
143
|
-
}, [
|
|
153
|
+
onFocus: ie,
|
|
154
|
+
onBlur: ae
|
|
155
|
+
}, [m(t, {
|
|
144
156
|
name: j.value,
|
|
145
157
|
size: e.size,
|
|
146
158
|
weight: "regular"
|
|
147
|
-
}, null, 8, ["name", "size"])], 42, E), (
|
|
159
|
+
}, null, 8, ["name", "size"])], 42, E), (v(), l(s, { to: e.teleportTo }, [L.value ? (v(), d("div", ee({
|
|
148
160
|
key: 0,
|
|
149
161
|
id: N,
|
|
150
162
|
ref_key: "popoverRef",
|
|
151
163
|
ref: I,
|
|
152
164
|
class: ["nb-info-hint--popover", `nb-info-hint--popover-${z.value}`]
|
|
153
|
-
},
|
|
165
|
+
}, ne(P), {
|
|
154
166
|
role: "tooltip",
|
|
155
167
|
style: U.value,
|
|
156
168
|
onClick: r[2] ||= C(() => {}, ["stop"]),
|
|
@@ -158,8 +170,8 @@ var T = ["data-term"], E = [
|
|
|
158
170
|
onPointerdown: r[4] ||= C(() => {}, ["stop"]),
|
|
159
171
|
onMouseenter: J,
|
|
160
172
|
onMouseleave: Y
|
|
161
|
-
}), [e.title ? (
|
|
173
|
+
}), [e.title ? (v(), d("p", D, x(e.title), 1)) : u("", !0), f("div", O, [b(n.$slots, "default", {}, () => [p(x(e.text), 1)], !0)])], 16)) : u("", !0)], 8, ["to"]))], 8, T));
|
|
162
174
|
}
|
|
163
|
-
}), [["__scopeId", "data-v-
|
|
175
|
+
}), [["__scopeId", "data-v-adafa650"]]);
|
|
164
176
|
//#endregion
|
|
165
177
|
export { k as t };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
require(`./chunk-D-qHiVGv.cjs`);const e=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),t=require(`./Icon-C8R_r_In.cjs`);let n=require(`vue`),r=require(`@nubisco/ui/icons/pencil-simple`);var i=[`id`,`value`,`aria-label`,`placeholder`,`onKeydown`],a=[`id`,`value`,`aria-label`,`placeholder`,`onKeydown`],o=[`id`,`aria-label`,`disabled`],s=(0,n.defineComponent)({__name:`InlineEdit`,props:{modelValue:{},label:{},placeholder:{default:void 0},size:{default:`md`},disabled:{type:Boolean,default:!1},multiline:{type:Boolean,default:!1},id:{}},emits:[`update:modelValue`,`commit`,`cancel`],setup(e,{expose:s,emit:c}){let l=e,u=c,d=(0,n.ref)(!1),f=(0,n.ref)(null),p=``,m=(0,n.computed)(()=>({md:14,lg:16,xl:18})[l.size??`md`]);function h(){l.disabled||(p=l.modelValue,d.value=!0,(0,n.nextTick)(()=>{_(),f.value?.focus(),f.value?.select()}))}function g(e){u(`update:modelValue`,e.target.value)}function _(){let e=f.value;!l.multiline||!(e instanceof HTMLTextAreaElement)||(e.style.height=`auto`,e.style.height=`${e.scrollHeight}px`)}function v(e){u(`update:modelValue`,e.target.value),_()}function y(e){e.shiftKey||e.isComposing||(e.preventDefault(),b())}function b(){d.value&&(d.value=!1,u(`commit`,l.modelValue))}function x(){d.value&&(d.value=!1,u(`update:modelValue`,p),u(`cancel`))}return s({start:h}),(s,c)=>d.value&&e.multiline?((0,n.openBlock)(),(0,n.createElementBlock)(`textarea`,{key:0,id:e.id,ref_key:`input`,ref:f,class:(0,n.normalizeClass)([`nb-inline-edit__input nb-inline-edit__input--multiline`,`nb-inline-edit__input--${e.size}`]),rows:`1`,value:e.modelValue,"aria-label":e.label,placeholder:e.placeholder,onInput:v,onBlur:b,onKeydown:[(0,n.withKeys)(y,[`enter`]),(0,n.withKeys)((0,n.withModifiers)(x,[`prevent`]),[`esc`])]},null,42,i)):d.value?((0,n.openBlock)(),(0,n.createElementBlock)(`input`,{key:1,id:e.id,ref_key:`input`,ref:f,class:(0,n.normalizeClass)([`nb-inline-edit__input`,`nb-inline-edit__input--${e.size}`]),value:e.modelValue,"aria-label":e.label,placeholder:e.placeholder,onInput:g,onBlur:b,onKeydown:[(0,n.withKeys)((0,n.withModifiers)(b,[`prevent`]),[`enter`]),(0,n.withKeys)((0,n.withModifiers)(x,[`prevent`]),[`esc`])]},null,42,a)):((0,n.openBlock)(),(0,n.createElementBlock)(`button`,{key:2,id:e.id,type:`button`,class:(0,n.normalizeClass)([`nb-inline-edit__text`,[`nb-inline-edit__text--${e.size}`,{"is-disabled":e.disabled}]]),"aria-label":`${e.label}: ${e.modelValue||e.placeholder||`empty`}. Press Enter to edit.`,disabled:e.disabled,onClick:h},[(0,n.createElementVNode)(`span`,{class:(0,n.normalizeClass)({"nb-inline-edit__placeholder":!e.modelValue})},(0,n.toDisplayString)(e.modelValue||e.placeholder),3),e.disabled?(0,n.createCommentVNode)(``,!0):((0,n.openBlock)(),(0,n.createBlock)(t.t,{key:0,class:`nb-inline-edit__pencil`,name:(0,n.unref)(r.regular),size:m.value},null,8,[`name`,`size`]))],10,o))}}),c=e.t(s,[[`__scopeId`,`data-v-b8610ff0`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return c}});
|