@nubisco/ui 4.1.4 → 5.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{AiLabel-VbZiFHAZ.js → AiLabel-Ci7eROcw.js} +1 -1
- package/dist/{AiLabel-DZ9GkGqL.cjs → AiLabel-DtM5ZCQC.cjs} +1 -1
- package/dist/{Banner-7XsX8ibI.js → Banner-C5Erb75B.js} +1 -1
- package/dist/{Banner-DI5fA8Ow.cjs → Banner-JubX-4yR.cjs} +1 -1
- package/dist/{BlueprintControls-CJAKrQ6U.js → BlueprintControls-BkwhsHI8.js} +1 -1
- package/dist/{BlueprintControls-aF11uokn.cjs → BlueprintControls-CdvNvRkW.cjs} +1 -1
- package/dist/{BlueprintMinimap-C-gCkMIW.cjs → BlueprintMinimap-BIBsnBFs.cjs} +1 -1
- package/dist/{BlueprintMinimap-C-65UzhM.js → BlueprintMinimap-QAw6aiCc.js} +1 -1
- package/dist/{BottomPanel-B-dhgMWB.js → BottomPanel-BoBCdANz.js} +1 -1
- package/dist/{BottomPanel-CmVH0Hsf.cjs → BottomPanel-dbllmH2v.cjs} +1 -1
- package/dist/Button-Dwv0rx46.cjs +1 -0
- package/dist/{Button-Cegx6vaT.js → Button-Q8MBLMvG.js} +12 -4
- package/dist/{Card-Cs-7jXxG.cjs → Card-Cn5OS4q-.cjs} +1 -1
- package/dist/{Card-TjV_N8RU.js → Card-eM6DEphF.js} +1 -1
- package/dist/{Checkbox-BJrnykX9.js → Checkbox-DG82KK8V.js} +1 -1
- package/dist/{Checkbox-D9qW3gph.cjs → Checkbox-vFN3fLyr.cjs} +1 -1
- package/dist/{CheckboxGroup-CUSPscyy.js → CheckboxGroup-5pmdu9fe.js} +1 -1
- package/dist/{CheckboxGroup-mWcKUeq9.cjs → CheckboxGroup-Cyj2NUtI.cjs} +1 -1
- package/dist/{ColorStrip-CR1JDzwX.js → ColorStrip-BBTJU1Ox.js} +47 -45
- package/dist/ColorStrip-D3nbTyfs.cjs +1 -0
- package/dist/CommandPalette-CPJKTiDt.cjs +1 -0
- package/dist/CommandPalette-iaEdat_y.js +223 -0
- package/dist/{Confirm-pgn2HajX.js → Confirm-C-HRTF0s.js} +23 -52
- package/dist/Confirm-w3Ig0L5j.cjs +1 -0
- package/dist/{DataTable-c0ltF6wT.js → DataTable-BVxSUB-h.js} +3 -3
- package/dist/{DataTable-BbiDmA1X.cjs → DataTable-Cnyh04sD.cjs} +1 -1
- package/dist/{DatePicker-YJ8-ViVK.js → DatePicker-BimOzKti.js} +1 -1
- package/dist/{DatePicker-C8_qR25v.cjs → DatePicker-CMPgr4Hp.cjs} +1 -1
- package/dist/{EmptyState-DVg8l-bl.js → EmptyState-CwMG-NeI.js} +1 -1
- package/dist/{EmptyState-henL7JH6.cjs → EmptyState-Cz91HAKF.cjs} +1 -1
- package/dist/{FileUploader-Lzy4bFn7.cjs → FileUploader-BJdRC-Kp.cjs} +1 -1
- package/dist/{FileUploader-BLwR6H3f.js → FileUploader-BO2cDUwP.js} +2 -2
- package/dist/{ImageCropper-CpEGFPKb.cjs → ImageCropper-D7mr-xRE.cjs} +1 -1
- package/dist/{ImageCropper-BX2BnJai.js → ImageCropper-DEaGU0cZ.js} +1 -1
- package/dist/{InfoHint-DesESwdO.cjs → InfoHint-BNpqLVSX.cjs} +1 -1
- package/dist/{InfoHint-JwhhBFZP.js → InfoHint-C663u_NL.js} +1 -1
- package/dist/{InlineEdit-CZEt1vhH.cjs → InlineEdit-D95I45Vt.cjs} +1 -1
- package/dist/{InlineEdit-DNMF_40m.js → InlineEdit-DrhJ0AX2.js} +1 -1
- package/dist/{Message-Daj6hLC4.cjs → Message-Ax7rnAQl.cjs} +1 -1
- package/dist/{Message-BuG5t7bu.js → Message-DqUW3GHc.js} +1 -1
- package/dist/Modal-B1CQyPNo.js +206 -0
- package/dist/Modal-DvukGfHg.cjs +1 -0
- package/dist/{NotificationCenter-DL_Tshyb.js → NotificationCenter-Duu3XZC3.js} +3 -3
- package/dist/{NotificationCenter-D51ty3Lq.cjs → NotificationCenter-oOzClQI-.cjs} +1 -1
- package/dist/{NumberInput-Vc2wzK62.cjs → NumberInput-DKZsdWLv.cjs} +1 -1
- package/dist/{NumberInput-6R8FkJc-.js → NumberInput-_ff3Xi2r.js} +2 -2
- package/dist/{Pagination-B6a62qvI.js → Pagination-6bF88x_p.js} +3 -3
- package/dist/{Pagination-CkBe9Naz.cjs → Pagination-EipK6BGe.cjs} +1 -1
- package/dist/{Panel-BVtGI7YH.js → Panel-D3s_MKfd.js} +1 -1
- package/dist/{Panel-DQfmVtie.cjs → Panel-qDfyu_0v.cjs} +1 -1
- package/dist/{ProgressBar-fAaKT9lD.cjs → ProgressBar-CbqsSdZZ.cjs} +1 -1
- package/dist/{ProgressBar-DjejtCKA.js → ProgressBar-aF2zBoRA.js} +2 -2
- package/dist/{Radio-CQveGtXr.js → Radio-BnI7bi9Y.js} +2 -2
- package/dist/{Radio-DSvkUCxV.cjs → Radio-BqjtCaST.cjs} +1 -1
- package/dist/{ReorderList-Bai4yaIG.cjs → ReorderList-DLQ3rVnX.cjs} +1 -1
- package/dist/{ReorderList-Be-qicSf.js → ReorderList-DpytAupm.js} +1 -1
- package/dist/{Select-swFFQIMN.js → Select-B5t5QtVe.js} +1 -1
- package/dist/{Select-ClCyOqQI.cjs → Select-dAYn2iZO.cjs} +1 -1
- package/dist/{Shell-B8YmApR6.cjs → Shell-9lzopP-w.cjs} +1 -1
- package/dist/{Shell-Dr7LHIqk.js → Shell-B3jhTiNP.js} +99 -96
- package/dist/{ShellPanel-I0ZMGQ4K.js → ShellPanel-B3vZcQhX.js} +1 -1
- package/dist/{ShellPanel-CnN9orWH.cjs → ShellPanel-ChujN0eX.cjs} +1 -1
- package/dist/{SidebarLink-y2If8dtl.js → SidebarLink-B_CGHs0b.js} +1 -1
- package/dist/{SidebarLink-CngTvuB6.cjs → SidebarLink-CZrDLC8g.cjs} +1 -1
- package/dist/{SidebarMenuItem-DoyuIs3w.cjs → SidebarMenuItem-Dc6oh2Nc.cjs} +1 -1
- package/dist/{SidebarMenuItem-DBINoxeA.js → SidebarMenuItem-Dpqr9e0A.js} +1 -1
- package/dist/{Skeleton-D8CHd_4p.cjs → Skeleton-DP9iM6Ku.cjs} +1 -1
- package/dist/{Skeleton-CC7LVdxd.js → Skeleton-sox6qUDk.js} +1 -1
- package/dist/Slider-BNiQaaVa.cjs +1 -0
- package/dist/{Slider-lOhGG7UX.js → Slider-C0761rBk.js} +47 -33
- package/dist/{StepperStep-w1SSX7t7.cjs → StepperStep-B9JEE6WJ.cjs} +1 -1
- package/dist/{StepperStep-DNXUj71b.js → StepperStep-DFeOJ1ju.js} +1 -1
- package/dist/{Tabs-W_4iyGVx.js → Tabs-CQP9zwDw.js} +1 -1
- package/dist/{Tabs-Clg7lzy5.cjs → Tabs-Dp27EDrK.cjs} +1 -1
- package/dist/{TextInput-CGD_wFwo.cjs → TextInput-D4jBlYm9.cjs} +2 -2
- package/dist/{TextInput-CxC2HVj6.js → TextInput-DNrd12uS.js} +2 -2
- package/dist/{Toast-DueO27yl.cjs → Toast-BBsrCQK8.cjs} +1 -1
- package/dist/{Toast-QXobTGZM.js → Toast-cisfK5Zd.js} +1 -1
- package/dist/{Toaster-DcA6PJPt.js → Toaster-C1Uyr6O7.js} +1 -1
- package/dist/{Toaster-DY8o_iiy.cjs → Toaster-Dz_o--LF.cjs} +1 -1
- package/dist/{TreeNode-DS1XJGty.cjs → TreeNode-DB7ipWCg.cjs} +1 -1
- package/dist/{TreeNode-BI-Azvhe.js → TreeNode-a0MHLI27.js} +1 -1
- package/dist/{Walkthrough-DHtLDsOk.cjs → Walkthrough-YD3YYxxM.cjs} +1 -1
- package/dist/{Walkthrough-l7HOZths.js → Walkthrough-qaQ1rved.js} +2 -2
- package/dist/all.cjs +1 -1
- package/dist/all.mjs +137 -135
- package/dist/component-styles.json +1 -1
- package/dist/components/AiLabel.cjs +1 -1
- package/dist/components/AiLabel.mjs +1 -1
- package/dist/components/AiLabel.vue.d.ts.map +1 -1
- package/dist/components/Banner.cjs +1 -1
- package/dist/components/Banner.mjs +1 -1
- package/dist/components/Banner.vue.d.ts.map +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/BlueprintMinimap.vue.d.ts.map +1 -1
- 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/BottomPanel.vue.d.ts.map +1 -1
- package/dist/components/Button.cjs +1 -1
- package/dist/components/Button.d.ts +25 -1
- package/dist/components/Button.mjs +1 -1
- package/dist/components/Button.vue.d.ts +1 -1
- package/dist/components/Button.vue.d.ts.map +1 -1
- package/dist/components/Calendar.vue.d.ts.map +1 -1
- package/dist/components/Card.cjs +1 -1
- package/dist/components/Card.mjs +1 -1
- package/dist/components/Card.vue.d.ts.map +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/ColorStrip.vue.d.ts.map +1 -1
- package/dist/components/CommandPalette.cjs +1 -1
- package/dist/components/CommandPalette.d.ts +28 -0
- package/dist/components/CommandPalette.mjs +1 -1
- package/dist/components/CommandPalette.vue.d.ts +2 -0
- 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/Confirm.vue.d.ts +1 -1
- package/dist/components/Confirm.vue.d.ts.map +1 -1
- package/dist/components/DataTable.cjs +1 -1
- 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.map +1 -1
- package/dist/components/EmptyState.cjs +1 -1
- package/dist/components/EmptyState.mjs +1 -1
- package/dist/components/EmptyState.vue.d.ts.map +1 -1
- package/dist/components/FileUploader.cjs +1 -1
- package/dist/components/FileUploader.mjs +1 -1
- package/dist/components/FileUploader.vue.d.ts.map +1 -1
- package/dist/components/ImageCropper.cjs +1 -1
- package/dist/components/ImageCropper.mjs +1 -1
- package/dist/components/ImageCropper.vue.d.ts.map +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.mjs +1 -1
- package/dist/components/InlineEdit.vue.d.ts.map +1 -1
- package/dist/components/Menu.vue.d.ts.map +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/Message.vue.d.ts.map +1 -1
- package/dist/components/Modal.cjs +1 -1
- package/dist/components/Modal.d.ts +39 -0
- package/dist/components/Modal.mjs +1 -1
- package/dist/components/Modal.vue.d.ts +3 -0
- package/dist/components/Modal.vue.d.ts.map +1 -1
- package/dist/components/NotificationCenter.cjs +1 -1
- package/dist/components/NotificationCenter.mjs +1 -1
- package/dist/components/NotificationCenter.vue.d.ts.map +1 -1
- package/dist/components/NotificationCenterItem.vue.d.ts.map +1 -1
- package/dist/components/NumberInput.cjs +1 -1
- package/dist/components/NumberInput.mjs +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/Pagination.vue.d.ts.map +1 -1
- package/dist/components/Panel.cjs +1 -1
- package/dist/components/Panel.mjs +1 -1
- package/dist/components/Panel.vue.d.ts.map +1 -1
- package/dist/components/ProgressBar.cjs +1 -1
- package/dist/components/ProgressBar.mjs +1 -1
- package/dist/components/ProgressBar.vue.d.ts.map +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.map +1 -1
- package/dist/components/ShellPanel.cjs +1 -1
- package/dist/components/ShellPanel.mjs +1 -1
- package/dist/components/ShellPanel.vue.d.ts.map +1 -1
- package/dist/components/SidebarLink.cjs +1 -1
- package/dist/components/SidebarLink.mjs +1 -1
- package/dist/components/SidebarLink.vue.d.ts.map +1 -1
- package/dist/components/SidebarMenuItem.cjs +1 -1
- package/dist/components/SidebarMenuItem.mjs +1 -1
- package/dist/components/SidebarMenuItem.vue.d.ts.map +1 -1
- package/dist/components/Skeleton.cjs +1 -1
- package/dist/components/Skeleton.mjs +1 -1
- package/dist/components/Skeleton.vue.d.ts.map +1 -1
- package/dist/components/Slider.cjs +1 -1
- package/dist/components/Slider.d.ts +8 -0
- package/dist/components/Slider.mjs +1 -1
- package/dist/components/Slider.vue.d.ts +1 -0
- package/dist/components/Slider.vue.d.ts.map +1 -1
- package/dist/components/StepperStep.cjs +1 -1
- package/dist/components/StepperStep.mjs +1 -1
- package/dist/components/StepperStep.vue.d.ts.map +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.map +1 -1
- package/dist/components/Toast.cjs +1 -1
- package/dist/components/Toast.mjs +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/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.vue.d.ts.map +1 -1
- package/dist/components/Walkthrough.cjs +1 -1
- package/dist/components/Walkthrough.mjs +1 -1
- package/dist/components/Walkthrough.vue.d.ts.map +1 -1
- package/dist/composables/useAppearance.composable.cjs +1 -0
- package/dist/composables/useAppearance.composable.d.ts +131 -0
- package/dist/composables/useAppearance.composable.d.ts.map +1 -0
- package/dist/composables/useAppearance.composable.mjs +65 -0
- package/dist/composables/useConfirm.composable.cjs +1 -1
- package/dist/composables/useConfirm.composable.mjs +2 -1
- package/dist/composables/useFocusTrap.composable.cjs +1 -0
- package/dist/composables/useFocusTrap.composable.d.ts +91 -0
- package/dist/composables/useFocusTrap.composable.d.ts.map +1 -0
- package/dist/composables/useFocusTrap.composable.mjs +98 -0
- package/dist/composables/useNamedTheme.composable.cjs +1 -0
- package/dist/composables/useNamedTheme.composable.d.ts +98 -0
- package/dist/composables/useNamedTheme.composable.d.ts.map +1 -0
- package/dist/composables/useNamedTheme.composable.mjs +68 -0
- package/dist/index.cjs +1 -1
- package/dist/index.mjs +45 -43
- package/dist/main.d.ts +5 -1
- package/dist/main.d.ts.map +1 -1
- package/dist/plugins/vite/index.d.ts.map +1 -1
- package/dist/plugins/vite/index.js +59 -0
- package/dist/styles/AiLabel.css +1 -1
- package/dist/styles/Banner.css +1 -1
- package/dist/styles/BlueprintMinimap.css +1 -1
- package/dist/styles/Board.css +1 -1
- package/dist/styles/BottomPanel.css +1 -1
- package/dist/styles/Button.css +1 -1
- package/dist/styles/Calendar.css +1 -1
- package/dist/styles/Card.css +1 -1
- package/dist/styles/Checkbox.css +1 -1
- package/dist/styles/ColorStrip.css +1 -1
- package/dist/styles/CommandPalette.css +1 -1
- package/dist/styles/Confirm.css +1 -1
- package/dist/styles/DataTable.css +1 -1
- package/dist/styles/DatePicker.css +1 -1
- package/dist/styles/EmptyState.css +1 -1
- package/dist/styles/FileUploader.css +1 -1
- package/dist/styles/ImageCropper.css +1 -1
- package/dist/styles/InfoHint.css +1 -1
- package/dist/styles/InlineEdit.css +1 -1
- package/dist/styles/Menu.css +1 -1
- package/dist/styles/MenuItem.css +1 -1
- package/dist/styles/Message.css +1 -1
- package/dist/styles/Modal.css +1 -1
- package/dist/styles/NotificationCenter.css +1 -1
- package/dist/styles/NotificationCenterItem.css +1 -1
- package/dist/styles/NumberInput.css +1 -1
- package/dist/styles/Pagination.css +1 -1
- package/dist/styles/Panel.css +1 -1
- package/dist/styles/ProgressBar.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/ShellPanel.css +1 -1
- package/dist/styles/SidebarLink.css +1 -1
- package/dist/styles/SidebarMenuItem.css +1 -1
- package/dist/styles/Skeleton.css +1 -1
- package/dist/styles/Slider.css +1 -1
- package/dist/styles/StepperStep.css +1 -1
- package/dist/styles/Tabs.css +1 -1
- package/dist/styles/TextInput.css +1 -1
- package/dist/styles/Toast.css +1 -1
- package/dist/styles/TreeNode.css +1 -1
- package/dist/styles/UserMenu.css +1 -1
- package/dist/styles/Walkthrough.css +1 -1
- package/dist/ui.css +45 -45
- package/package.json +7 -4
- package/src/plugins/vite/index.ts +62 -0
- package/src/styles/_appearance.scss +144 -0
- package/src/styles/_theme-api.scss +193 -0
- package/src/styles/_theme.scss +91 -5
- package/src/styles/index.scss +8 -0
- package/src/styles/logic/_radius.scss +146 -0
- package/src/styles/logic/index.scss +1 -0
- package/src/styles/presets/_classic-fields.scss +55 -0
- package/dist/Button-Dqtcr4i0.cjs +0 -1
- package/dist/ColorStrip-CAcR1O_R.cjs +0 -1
- package/dist/CommandPalette-BNXzQurN.js +0 -174
- package/dist/CommandPalette-DBjeOPtA.cjs +0 -1
- package/dist/Confirm-CW160zEF.cjs +0 -1
- package/dist/Modal-8lgeNWj8.cjs +0 -1
- package/dist/Modal-iN94HtKE.js +0 -156
- package/dist/Slider-CxrK7cAU.cjs +0 -1
|
@@ -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-Dwv0rx46.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}});
|
|
@@ -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-Q8MBLMvG.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";
|
|
@@ -157,6 +157,6 @@ var C = /* @__PURE__ */ function(e) {
|
|
|
157
157
|
], 2))), 128))])) : o("", !0)
|
|
158
158
|
], 16));
|
|
159
159
|
}
|
|
160
|
-
}), [["__scopeId", "data-v-
|
|
160
|
+
}), [["__scopeId", "data-v-7f391a7f"]]);
|
|
161
161
|
//#endregion
|
|
162
162
|
export { N as t };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
require(`./chunk-D-qHiVGv.cjs`);const e=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),t=require(`./Grid-DVT8lBHr.cjs`),n=require(`./vue-i18n-BSi_lDPp.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-3b244f2e`]]);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-DVT8lBHr.cjs`),n=require(`./vue-i18n-BSi_lDPp.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 +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(`./utils/anchorPosition.helper.cjs`);let o=require(`vue`),s=require(`@nubisco/ui/icons/info`);s=e.n(s);var c=[`data-term`],l=[`aria-label`,`aria-expanded`,`aria-describedby`,`disabled`],u={key:0,class:`nb-info-hint--title`},d={class:`nb-info-hint--body`},f=(0,o.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:f}){let p=e,m=(0,o.computed)(()=>p.icon??s),h=f,g=`${r.useStableId({})}-popover`,{layerProps:_}=i.useSurfaceLayer({overlay:!0}),v=(0,o.ref)(null),y=(0,o.ref)(null),b=(0,o.ref)(!1),x=(0,o.ref)(!1),S=(0,o.ref)(p.placement),C=(0,o.ref)({top:0,left:0,arrowOffset:50}),w,T,E=(0,o.computed)(()=>({top:`${C.value.top}px`,left:`${C.value.left}px`,"--nb-info-hint-arrow-offset":`${C.value.arrowOffset}%`}));function D(){clearTimeout(w),clearTimeout(T),w=void 0,T=void 0}function O(){let e=v.value,t=y.value;if(!e||!t)return;let n=e.getBoundingClientRect(),r=t.getBoundingClientRect(),i=a.placeAnchored(n,{width:r.width,height:r.height},{side:p.placement,viewport:a.viewportSize()});S.value=i.side,C.value={top:i.top,left:i.left,arrowOffset:i.arrowOffset}}function k(){p.disabled||b.value||(D(),b.value=!0,h(`open`),(0,o.nextTick)(()=>{O(),requestAnimationFrame(O)}))}function A(){b.value&&(D(),b.value=!1,x.value=!1,h(`close`))}function j(){p.disabled||(clearTimeout(T),T=void 0,!b.value&&(w=setTimeout(k,p.openDelay)))}function M(){clearTimeout(w),w=void 0,!x.value&&(T=setTimeout(A,p.closeDelay))}function N(){if(!p.disabled){if(x.value){A();return}x.value=!0,k(),h(`activate`,p.term)}}function P(e){if(e.key===`Escape`){b.value&&(e.preventDefault(),A());return}}function F(){p.disabled||(clearTimeout(T),T=void 0,k())}function I(e){if(x.value)return;let t=e.relatedTarget;t&&y.value?.contains(t)||A()}function L(e){let t=e.target;t&&(v.value?.contains(t)||y.value?.contains(t)||A())}function R(e){e.key===`Escape`&&A()}return(0,o.watch)(b,e=>{typeof document>`u`||(e?(document.addEventListener(`pointerdown`,L,!0),document.addEventListener(`keydown`,R),window.addEventListener(`resize`,O),window.addEventListener(`scroll`,O,!0)):(document.removeEventListener(`pointerdown`,L,!0),document.removeEventListener(`keydown`,R),window.removeEventListener(`resize`,O),window.removeEventListener(`scroll`,O,!0)))}),(0,o.watch)(()=>p.disabled,e=>{e&&A()}),(0,o.onBeforeUnmount)(()=>{D(),!(typeof document>`u`)&&(document.removeEventListener(`pointerdown`,L,!0),document.removeEventListener(`keydown`,R),window.removeEventListener(`resize`,O),window.removeEventListener(`scroll`,O,!0))}),t({open:k,close:A,isOpen:b}),(t,r)=>((0,o.openBlock)(),(0,o.createElementBlock)(`span`,{class:`nb-info-hint`,"data-term":e.term||void 0},[(0,o.createElementVNode)(`button`,{ref_key:`triggerRef`,ref:v,type:`button`,class:(0,o.normalizeClass)([`nb-info-hint--trigger`,{"nb-info-hint--trigger-open":b.value}]),"aria-label":e.label??`More information`,"aria-expanded":b.value,"aria-describedby":b.value?g:void 0,disabled:e.disabled,onClick:(0,o.withModifiers)(N,[`stop`]),onMousedown:r[0]||=(0,o.withModifiers)(()=>{},[`stop`]),onPointerdown:r[1]||=(0,o.withModifiers)(()=>{},[`stop`]),onKeydown:(0,o.withModifiers)(P,[`stop`]),onMouseenter:j,onMouseleave:M,onFocus:F,onBlur:I},[(0,o.createVNode)(n.t,{name:m.value,size:e.size,weight:`regular`},null,8,[`name`,`size`])],42,l),((0,o.openBlock)(),(0,o.createBlock)(o.Teleport,{to:e.teleportTo},[b.value?((0,o.openBlock)(),(0,o.createElementBlock)(`div`,(0,o.mergeProps)({key:0,id:g,ref_key:`popoverRef`,ref:y,class:[`nb-info-hint--popover`,`nb-info-hint--popover-${S.value}`]},(0,o.unref)(_),{role:`tooltip`,style:E.value,onClick:r[2]||=(0,o.withModifiers)(()=>{},[`stop`]),onMousedown:r[3]||=(0,o.withModifiers)(()=>{},[`stop`]),onPointerdown:r[4]||=(0,o.withModifiers)(()=>{},[`stop`]),onMouseenter:j,onMouseleave:M}),[e.title?((0,o.openBlock)(),(0,o.createElementBlock)(`p`,u,(0,o.toDisplayString)(e.title),1)):(0,o.createCommentVNode)(``,!0),(0,o.createElementVNode)(`div`,d,[(0,o.renderSlot)(t.$slots,`default`,{},()=>[(0,o.createTextVNode)((0,o.toDisplayString)(e.text),1)],!0)])],16)):(0,o.createCommentVNode)(``,!0)],8,[`to`]))],8,c))}}),p=t.t(f,[[`__scopeId`,`data-v-
|
|
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(`./utils/anchorPosition.helper.cjs`);let o=require(`vue`),s=require(`@nubisco/ui/icons/info`);s=e.n(s);var c=[`data-term`],l=[`aria-label`,`aria-expanded`,`aria-describedby`,`disabled`],u={key:0,class:`nb-info-hint--title`},d={class:`nb-info-hint--body`},f=(0,o.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:f}){let p=e,m=(0,o.computed)(()=>p.icon??s),h=f,g=`${r.useStableId({})}-popover`,{layerProps:_}=i.useSurfaceLayer({overlay:!0}),v=(0,o.ref)(null),y=(0,o.ref)(null),b=(0,o.ref)(!1),x=(0,o.ref)(!1),S=(0,o.ref)(p.placement),C=(0,o.ref)({top:0,left:0,arrowOffset:50}),w,T,E=(0,o.computed)(()=>({top:`${C.value.top}px`,left:`${C.value.left}px`,"--nb-info-hint-arrow-offset":`${C.value.arrowOffset}%`}));function D(){clearTimeout(w),clearTimeout(T),w=void 0,T=void 0}function O(){let e=v.value,t=y.value;if(!e||!t)return;let n=e.getBoundingClientRect(),r=t.getBoundingClientRect(),i=a.placeAnchored(n,{width:r.width,height:r.height},{side:p.placement,viewport:a.viewportSize()});S.value=i.side,C.value={top:i.top,left:i.left,arrowOffset:i.arrowOffset}}function k(){p.disabled||b.value||(D(),b.value=!0,h(`open`),(0,o.nextTick)(()=>{O(),requestAnimationFrame(O)}))}function A(){b.value&&(D(),b.value=!1,x.value=!1,h(`close`))}function j(){p.disabled||(clearTimeout(T),T=void 0,!b.value&&(w=setTimeout(k,p.openDelay)))}function M(){clearTimeout(w),w=void 0,!x.value&&(T=setTimeout(A,p.closeDelay))}function N(){if(!p.disabled){if(x.value){A();return}x.value=!0,k(),h(`activate`,p.term)}}function P(e){if(e.key===`Escape`){b.value&&(e.preventDefault(),A());return}}function F(){p.disabled||(clearTimeout(T),T=void 0,k())}function I(e){if(x.value)return;let t=e.relatedTarget;t&&y.value?.contains(t)||A()}function L(e){let t=e.target;t&&(v.value?.contains(t)||y.value?.contains(t)||A())}function R(e){e.key===`Escape`&&A()}return(0,o.watch)(b,e=>{typeof document>`u`||(e?(document.addEventListener(`pointerdown`,L,!0),document.addEventListener(`keydown`,R),window.addEventListener(`resize`,O),window.addEventListener(`scroll`,O,!0)):(document.removeEventListener(`pointerdown`,L,!0),document.removeEventListener(`keydown`,R),window.removeEventListener(`resize`,O),window.removeEventListener(`scroll`,O,!0)))}),(0,o.watch)(()=>p.disabled,e=>{e&&A()}),(0,o.onBeforeUnmount)(()=>{D(),!(typeof document>`u`)&&(document.removeEventListener(`pointerdown`,L,!0),document.removeEventListener(`keydown`,R),window.removeEventListener(`resize`,O),window.removeEventListener(`scroll`,O,!0))}),t({open:k,close:A,isOpen:b}),(t,r)=>((0,o.openBlock)(),(0,o.createElementBlock)(`span`,{class:`nb-info-hint`,"data-term":e.term||void 0},[(0,o.createElementVNode)(`button`,{ref_key:`triggerRef`,ref:v,type:`button`,class:(0,o.normalizeClass)([`nb-info-hint--trigger`,{"nb-info-hint--trigger-open":b.value}]),"aria-label":e.label??`More information`,"aria-expanded":b.value,"aria-describedby":b.value?g:void 0,disabled:e.disabled,onClick:(0,o.withModifiers)(N,[`stop`]),onMousedown:r[0]||=(0,o.withModifiers)(()=>{},[`stop`]),onPointerdown:r[1]||=(0,o.withModifiers)(()=>{},[`stop`]),onKeydown:(0,o.withModifiers)(P,[`stop`]),onMouseenter:j,onMouseleave:M,onFocus:F,onBlur:I},[(0,o.createVNode)(n.t,{name:m.value,size:e.size,weight:`regular`},null,8,[`name`,`size`])],42,l),((0,o.openBlock)(),(0,o.createBlock)(o.Teleport,{to:e.teleportTo},[b.value?((0,o.openBlock)(),(0,o.createElementBlock)(`div`,(0,o.mergeProps)({key:0,id:g,ref_key:`popoverRef`,ref:y,class:[`nb-info-hint--popover`,`nb-info-hint--popover-${S.value}`]},(0,o.unref)(_),{role:`tooltip`,style:E.value,onClick:r[2]||=(0,o.withModifiers)(()=>{},[`stop`]),onMousedown:r[3]||=(0,o.withModifiers)(()=>{},[`stop`]),onPointerdown:r[4]||=(0,o.withModifiers)(()=>{},[`stop`]),onMouseenter:j,onMouseleave:M}),[e.title?((0,o.openBlock)(),(0,o.createElementBlock)(`p`,u,(0,o.toDisplayString)(e.title),1)):(0,o.createCommentVNode)(``,!0),(0,o.createElementVNode)(`div`,d,[(0,o.renderSlot)(t.$slots,`default`,{},()=>[(0,o.createTextVNode)((0,o.toDisplayString)(e.text),1)],!0)])],16)):(0,o.createCommentVNode)(``,!0)],8,[`to`]))],8,c))}}),p=t.t(f,[[`__scopeId`,`data-v-05620511`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return p}});
|
|
@@ -160,6 +160,6 @@ var T = ["data-term"], E = [
|
|
|
160
160
|
onMouseleave: Y
|
|
161
161
|
}), [e.title ? (v(), l("p", D, x(e.title), 1)) : c("", !0), u("div", O, [b(n.$slots, "default", {}, () => [d(x(e.text), 1)], !0)])], 16)) : c("", !0)], 8, ["to"]))], 8, T));
|
|
162
162
|
}
|
|
163
|
-
}), [["__scopeId", "data-v-
|
|
163
|
+
}), [["__scopeId", "data-v-05620511"]]);
|
|
164
164
|
//#endregion
|
|
165
165
|
export { k as t };
|
|
@@ -1 +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`,`aria-label`,`disabled`],o=(0,n.defineComponent)({__name:`InlineEdit`,props:{modelValue:{},label:{},placeholder:{default:void 0},size:{default:`md`},disabled:{type:Boolean,default:!1},id:{}},emits:[`update:modelValue`,`commit`,`cancel`],setup(e,{expose:o,emit:s}){let c=e,l=s,u=(0,n.ref)(!1),d=(0,n.ref)(null),f=``,p=(0,n.computed)(()=>({md:14,lg:16,xl:18})[c.size??`md`]);function m(){c.disabled||(f=c.modelValue,u.value=!0,(0,n.nextTick)(()=>{d.value?.focus(),d.value?.select()}))}function h(e){l(`update:modelValue`,e.target.value)}function g(){u.value&&(u.value=!1,l(`commit`,c.modelValue))}function _(){u.value&&(u.value=!1,l(`update:modelValue`,f),l(`cancel`))}return o({start:m}),(o,s)=>u.value?((0,n.openBlock)(),(0,n.createElementBlock)(`input`,{key:0,id:e.id,ref_key:`input`,ref:d,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:h,onBlur:g,onKeydown:[(0,n.withKeys)((0,n.withModifiers)(g,[`prevent`]),[`enter`]),(0,n.withKeys)((0,n.withModifiers)(_,[`prevent`]),[`esc`])]},null,42,i)):((0,n.openBlock)(),(0,n.createElementBlock)(`button`,{key:1,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:m},[(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:p.value},null,8,[`name`,`size`]))],10,a))}}),s=e.t(o,[[`__scopeId`,`data-v-
|
|
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`,`aria-label`,`disabled`],o=(0,n.defineComponent)({__name:`InlineEdit`,props:{modelValue:{},label:{},placeholder:{default:void 0},size:{default:`md`},disabled:{type:Boolean,default:!1},id:{}},emits:[`update:modelValue`,`commit`,`cancel`],setup(e,{expose:o,emit:s}){let c=e,l=s,u=(0,n.ref)(!1),d=(0,n.ref)(null),f=``,p=(0,n.computed)(()=>({md:14,lg:16,xl:18})[c.size??`md`]);function m(){c.disabled||(f=c.modelValue,u.value=!0,(0,n.nextTick)(()=>{d.value?.focus(),d.value?.select()}))}function h(e){l(`update:modelValue`,e.target.value)}function g(){u.value&&(u.value=!1,l(`commit`,c.modelValue))}function _(){u.value&&(u.value=!1,l(`update:modelValue`,f),l(`cancel`))}return o({start:m}),(o,s)=>u.value?((0,n.openBlock)(),(0,n.createElementBlock)(`input`,{key:0,id:e.id,ref_key:`input`,ref:d,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:h,onBlur:g,onKeydown:[(0,n.withKeys)((0,n.withModifiers)(g,[`prevent`]),[`enter`]),(0,n.withKeys)((0,n.withModifiers)(_,[`prevent`]),[`esc`])]},null,42,i)):((0,n.openBlock)(),(0,n.createElementBlock)(`button`,{key:1,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:m},[(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:p.value},null,8,[`name`,`size`]))],10,a))}}),s=e.t(o,[[`__scopeId`,`data-v-f27298c9`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return s}});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const e=require(`./chunk-D-qHiVGv.cjs`),t=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),n=require(`./Icon-C8R_r_In.cjs`);let r=require(`vue`),i=require(`@nubisco/ui/icons/warning-circle`);i=e.n(i);let a=require(`@nubisco/ui/icons/info`);a=e.n(a);let o=require(`@nubisco/ui/icons/check-circle`);o=e.n(o);let s=require(`@nubisco/ui/icons/warning`);s=e.n(s);var c=function(e){return e.Error=`error`,e.Warning=`warning`,e.Success=`success`,e.Helper=`helper`,e}(c||{}),l=[`aria-live`],u={key:0,class:`nb-message__text`},d={key:1,class:`nb-message__tooltip`,"aria-hidden":`true`},f=(0,r.defineComponent)({__name:`Message`,props:{variant:{default:c.Helper},iconOnly:{type:Boolean,default:!1}},setup(e){let t=e,c={error:i,warning:s,success:o,helper:a};return(e,i)=>((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{class:(0,r.normalizeClass)([`nb-message`,`nb-message--${t.variant}`,{"nb-message--icon-only":t.iconOnly}]),role:`status`,"aria-live":t.variant===`error`?`assertive`:`polite`},[(0,r.createVNode)(n.t,{name:c[t.variant],size:14,class:`nb-message__icon`},null,8,[`name`]),t.iconOnly?(0,r.createCommentVNode)(``,!0):((0,r.openBlock)(),(0,r.createElementBlock)(`span`,u,[(0,r.renderSlot)(e.$slots,`default`,{},void 0,!0)])),t.iconOnly?((0,r.openBlock)(),(0,r.createElementBlock)(`span`,d,[(0,r.renderSlot)(e.$slots,`default`,{},void 0,!0)])):(0,r.createCommentVNode)(``,!0)],10,l))}}),p=t.t(f,[[`__scopeId`,`data-v-
|
|
1
|
+
const e=require(`./chunk-D-qHiVGv.cjs`),t=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),n=require(`./Icon-C8R_r_In.cjs`);let r=require(`vue`),i=require(`@nubisco/ui/icons/warning-circle`);i=e.n(i);let a=require(`@nubisco/ui/icons/info`);a=e.n(a);let o=require(`@nubisco/ui/icons/check-circle`);o=e.n(o);let s=require(`@nubisco/ui/icons/warning`);s=e.n(s);var c=function(e){return e.Error=`error`,e.Warning=`warning`,e.Success=`success`,e.Helper=`helper`,e}(c||{}),l=[`aria-live`],u={key:0,class:`nb-message__text`},d={key:1,class:`nb-message__tooltip`,"aria-hidden":`true`},f=(0,r.defineComponent)({__name:`Message`,props:{variant:{default:c.Helper},iconOnly:{type:Boolean,default:!1}},setup(e){let t=e,c={error:i,warning:s,success:o,helper:a};return(e,i)=>((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{class:(0,r.normalizeClass)([`nb-message`,`nb-message--${t.variant}`,{"nb-message--icon-only":t.iconOnly}]),role:`status`,"aria-live":t.variant===`error`?`assertive`:`polite`},[(0,r.createVNode)(n.t,{name:c[t.variant],size:14,class:`nb-message__icon`},null,8,[`name`]),t.iconOnly?(0,r.createCommentVNode)(``,!0):((0,r.openBlock)(),(0,r.createElementBlock)(`span`,u,[(0,r.renderSlot)(e.$slots,`default`,{},void 0,!0)])),t.iconOnly?((0,r.openBlock)(),(0,r.createElementBlock)(`span`,d,[(0,r.renderSlot)(e.$slots,`default`,{},void 0,!0)])):(0,r.createCommentVNode)(``,!0)],10,l))}}),p=t.t(f,[[`__scopeId`,`data-v-3b1f8105`]]);Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return p}});
|
|
@@ -49,6 +49,6 @@ var p = /* @__PURE__ */ function(e) {
|
|
|
49
49
|
a.iconOnly ? (s(), r("span", g, [c(e.$slots, "default", {}, void 0, !0)])) : n("", !0)
|
|
50
50
|
], 10, m));
|
|
51
51
|
}
|
|
52
|
-
}), [["__scopeId", "data-v-
|
|
52
|
+
}), [["__scopeId", "data-v-3b1f8105"]]);
|
|
53
53
|
//#endregion
|
|
54
54
|
export { p as n, _ as t };
|
|
@@ -0,0 +1,206 @@
|
|
|
1
|
+
import { t as e } from "./_plugin-vue_export-helper-O4QQSku4.js";
|
|
2
|
+
import { r as t } from "./Size.d-Bah6vMl3.js";
|
|
3
|
+
import { t as n } from "./Icon-rREAqsu0.js";
|
|
4
|
+
import { useSurfaceLayer as r } from "./composables/useSurfaceLayer.composable.mjs";
|
|
5
|
+
import { t as i } from "./Grid-CVNb1HcS.js";
|
|
6
|
+
import { acquireScrollLock as a, releaseScrollLock as o } from "./composables/useScrollLock.composable.mjs";
|
|
7
|
+
import { useFocusTrap as s } from "./composables/useFocusTrap.composable.mjs";
|
|
8
|
+
import { Teleport as ee, Transition as te, 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 ne, nextTick as g, onMounted as _, onUnmounted as v, openBlock as y, ref as b, renderSlot as x, toDisplayString as S, unref as C, useId as w, useSlots as T, watch as E, withCtx as D, withModifiers as O } from "vue";
|
|
9
|
+
import { regular as re } from "@nubisco/ui/icons/x";
|
|
10
|
+
//#region src/components/Confirm.env.ts
|
|
11
|
+
var k = 200, A = [
|
|
12
|
+
"[data-nb-confirm-floating]",
|
|
13
|
+
".nb-select__dropdown",
|
|
14
|
+
".nb-menu",
|
|
15
|
+
".nb-date-picker__calendar",
|
|
16
|
+
".nb-user-menu__panel",
|
|
17
|
+
".nb-sidebar-menu-item__flyout"
|
|
18
|
+
], j = /* @__PURE__ */ new Set();
|
|
19
|
+
function M(e) {
|
|
20
|
+
let t = e.trim();
|
|
21
|
+
return t ? (j.add(t), () => {
|
|
22
|
+
j.delete(t);
|
|
23
|
+
}) : () => {};
|
|
24
|
+
}
|
|
25
|
+
function N(e = []) {
|
|
26
|
+
return [
|
|
27
|
+
...A,
|
|
28
|
+
...j,
|
|
29
|
+
...e
|
|
30
|
+
].map((e) => e.trim()).filter(Boolean).join(",");
|
|
31
|
+
}
|
|
32
|
+
function P(e, t) {
|
|
33
|
+
if (!e) return;
|
|
34
|
+
let n = `${t ? 0 : 200}ms`;
|
|
35
|
+
e.style.transitionDuration = n;
|
|
36
|
+
let r = e.parentElement;
|
|
37
|
+
r instanceof HTMLElement && (r.style.transitionDuration = n);
|
|
38
|
+
}
|
|
39
|
+
//#endregion
|
|
40
|
+
//#region src/components/Modal.vue?vue&type=script&setup=true&lang.ts
|
|
41
|
+
var F = [
|
|
42
|
+
"role",
|
|
43
|
+
"aria-labelledby",
|
|
44
|
+
"aria-describedby",
|
|
45
|
+
"aria-busy"
|
|
46
|
+
], I = {
|
|
47
|
+
key: 0,
|
|
48
|
+
class: "nb-modal--header"
|
|
49
|
+
}, L = ["disabled", "aria-disabled"], R = [
|
|
50
|
+
"tabindex",
|
|
51
|
+
"role",
|
|
52
|
+
"aria-labelledby"
|
|
53
|
+
], z = /* @__PURE__ */ e(/* @__PURE__ */ h({
|
|
54
|
+
__name: "Modal",
|
|
55
|
+
props: {
|
|
56
|
+
open: {
|
|
57
|
+
type: Boolean,
|
|
58
|
+
default: !1
|
|
59
|
+
},
|
|
60
|
+
title: { default: void 0 },
|
|
61
|
+
size: { default: t.Medium },
|
|
62
|
+
closeOnOverlay: {
|
|
63
|
+
type: Boolean,
|
|
64
|
+
default: !0
|
|
65
|
+
},
|
|
66
|
+
role: { default: "dialog" },
|
|
67
|
+
labelledBy: { default: void 0 },
|
|
68
|
+
describedBy: { default: void 0 },
|
|
69
|
+
busy: {
|
|
70
|
+
type: Boolean,
|
|
71
|
+
default: !1
|
|
72
|
+
},
|
|
73
|
+
closeDisabled: {
|
|
74
|
+
type: Boolean,
|
|
75
|
+
default: !1
|
|
76
|
+
},
|
|
77
|
+
closeOnEscape: {
|
|
78
|
+
type: Boolean,
|
|
79
|
+
default: !0
|
|
80
|
+
},
|
|
81
|
+
trapFocus: {
|
|
82
|
+
type: Boolean,
|
|
83
|
+
default: !0
|
|
84
|
+
},
|
|
85
|
+
initialFocus: {
|
|
86
|
+
type: [String, Function],
|
|
87
|
+
default: void 0
|
|
88
|
+
},
|
|
89
|
+
floatingSelectors: { default: void 0 }
|
|
90
|
+
},
|
|
91
|
+
emits: ["close"],
|
|
92
|
+
setup(e, { expose: t, emit: h }) {
|
|
93
|
+
let k = e, A = h, j = T(), M = c(() => !!j.header || !!k.title), P = `nb-modal-title-${w()}`, z = b(null), B = b(null), { layerProps: V } = r({ overlay: !0 });
|
|
94
|
+
function H() {
|
|
95
|
+
k.closeOnOverlay && A("close");
|
|
96
|
+
}
|
|
97
|
+
function U() {
|
|
98
|
+
let e = k.initialFocus;
|
|
99
|
+
return e ? typeof e == "function" ? e() : z.value?.querySelector(e) ?? null : null;
|
|
100
|
+
}
|
|
101
|
+
s({
|
|
102
|
+
container: () => z.value,
|
|
103
|
+
active: () => k.open && k.trapFocus,
|
|
104
|
+
initialFocus: U,
|
|
105
|
+
floatingSelector: () => N(k.floatingSelectors)
|
|
106
|
+
});
|
|
107
|
+
let W = !1;
|
|
108
|
+
function G() {
|
|
109
|
+
W || (W = !0, a());
|
|
110
|
+
}
|
|
111
|
+
function K() {
|
|
112
|
+
W && (W = !1, o());
|
|
113
|
+
}
|
|
114
|
+
let q = b(!1);
|
|
115
|
+
function J() {
|
|
116
|
+
let e = B.value;
|
|
117
|
+
if (!e) return;
|
|
118
|
+
let t = e.scrollHeight - e.clientHeight;
|
|
119
|
+
!q.value && t > 4 ? q.value = !0 : q.value && t <= 0 && (q.value = !1);
|
|
120
|
+
}
|
|
121
|
+
let Y = null, X = null;
|
|
122
|
+
function Z() {
|
|
123
|
+
let e = B.value;
|
|
124
|
+
e && (Q(), typeof ResizeObserver < "u" && (Y = new ResizeObserver(() => J()), Y.observe(e)), typeof MutationObserver < "u" && (X = new MutationObserver(() => J()), X.observe(e, {
|
|
125
|
+
childList: !0,
|
|
126
|
+
subtree: !0,
|
|
127
|
+
characterData: !0
|
|
128
|
+
})), J());
|
|
129
|
+
}
|
|
130
|
+
function Q() {
|
|
131
|
+
Y?.disconnect(), Y = null, X?.disconnect(), X = null;
|
|
132
|
+
}
|
|
133
|
+
E(() => k.open, async (e) => {
|
|
134
|
+
e ? G() : K(), await g(), e ? Z() : (Q(), q.value = !1);
|
|
135
|
+
}, { immediate: !0 }), v(() => {
|
|
136
|
+
K(), Q();
|
|
137
|
+
});
|
|
138
|
+
function ie() {
|
|
139
|
+
let e = z.value;
|
|
140
|
+
if (!e) return !1;
|
|
141
|
+
let t = Array.from(document.querySelectorAll("[aria-modal=\"true\"]"));
|
|
142
|
+
return t.length === 0 || t[t.length - 1] === e;
|
|
143
|
+
}
|
|
144
|
+
function $(e) {
|
|
145
|
+
e.key === "Escape" && (!k.open || !k.closeOnEscape || k.closeDisabled || ie() && A("close"));
|
|
146
|
+
}
|
|
147
|
+
return _(() => {
|
|
148
|
+
document.addEventListener("keydown", $), k.open && Z();
|
|
149
|
+
}), v(() => {
|
|
150
|
+
document.removeEventListener("keydown", $);
|
|
151
|
+
}), t({
|
|
152
|
+
dialogEl: () => z.value,
|
|
153
|
+
bodyEl: () => B.value
|
|
154
|
+
}), (t, r) => (y(), l(ee, { to: "body" }, [m(te, { name: "nb-modal" }, {
|
|
155
|
+
default: D(() => [e.open ? (y(), d("div", {
|
|
156
|
+
key: 0,
|
|
157
|
+
class: "nb-modal--overlay",
|
|
158
|
+
onClick: O(H, ["self"])
|
|
159
|
+
}, [f("div", ne({
|
|
160
|
+
ref_key: "contentRef",
|
|
161
|
+
ref: z,
|
|
162
|
+
class: ["nb-modal--content", `nb-modal--content--${e.size}`]
|
|
163
|
+
}, C(V), {
|
|
164
|
+
role: e.role,
|
|
165
|
+
"aria-modal": "true",
|
|
166
|
+
"aria-labelledby": e.labelledBy ?? (M.value ? P : void 0),
|
|
167
|
+
"aria-describedby": e.describedBy,
|
|
168
|
+
"aria-busy": e.busy ? "true" : void 0,
|
|
169
|
+
tabindex: "-1",
|
|
170
|
+
onClick: r[1] ||= O(() => {}, ["stop"])
|
|
171
|
+
}), [
|
|
172
|
+
M.value ? (y(), d("header", I, [f("span", {
|
|
173
|
+
id: P,
|
|
174
|
+
class: "nb-modal--title"
|
|
175
|
+
}, [x(t.$slots, "header", {}, () => [p(S(e.title), 1)], !0)]), f("button", {
|
|
176
|
+
class: "nb-modal--close",
|
|
177
|
+
"aria-label": "Close",
|
|
178
|
+
disabled: e.closeDisabled,
|
|
179
|
+
"aria-disabled": e.closeDisabled ? "true" : void 0,
|
|
180
|
+
onClick: r[0] ||= (e) => A("close")
|
|
181
|
+
}, [m(n, { name: C(re) }, null, 8, ["name"])], 8, L)])) : u("", !0),
|
|
182
|
+
f("main", {
|
|
183
|
+
ref_key: "bodyRef",
|
|
184
|
+
ref: B,
|
|
185
|
+
class: "nb-modal--body",
|
|
186
|
+
tabindex: q.value ? 0 : void 0,
|
|
187
|
+
role: q.value ? "region" : void 0,
|
|
188
|
+
"aria-labelledby": q.value ? e.labelledBy ?? (M.value ? P : void 0) : void 0
|
|
189
|
+
}, [x(t.$slots, "default", {}, void 0, !0)], 8, R),
|
|
190
|
+
t.$slots.footer ? (y(), l(i, {
|
|
191
|
+
key: 1,
|
|
192
|
+
is: "footer",
|
|
193
|
+
justify: "end",
|
|
194
|
+
class: "nb-modal--footer",
|
|
195
|
+
distributed: ""
|
|
196
|
+
}, {
|
|
197
|
+
default: D(() => [x(t.$slots, "footer", {}, void 0, !0)]),
|
|
198
|
+
_: 3
|
|
199
|
+
})) : u("", !0)
|
|
200
|
+
], 16, F)])) : u("", !0)]),
|
|
201
|
+
_: 3
|
|
202
|
+
})]));
|
|
203
|
+
}
|
|
204
|
+
}), [["__scopeId", "data-v-8a662ff5"]]);
|
|
205
|
+
//#endregion
|
|
206
|
+
export { M as a, N as i, k as n, P as r, z as t };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
require(`./chunk-D-qHiVGv.cjs`);const e=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),t=require(`./Size.d-GBIblj2D.cjs`),n=require(`./Icon-C8R_r_In.cjs`),r=require(`./composables/useSurfaceLayer.composable.cjs`),i=require(`./Grid-DVT8lBHr.cjs`),a=require(`./composables/useScrollLock.composable.cjs`),o=require(`./composables/useFocusTrap.composable.cjs`);let s=require(`vue`),c=require(`@nubisco/ui/icons/x`);var l=200,u=[`[data-nb-confirm-floating]`,`.nb-select__dropdown`,`.nb-menu`,`.nb-date-picker__calendar`,`.nb-user-menu__panel`,`.nb-sidebar-menu-item__flyout`],d=new Set;function f(e){let t=e.trim();return t?(d.add(t),()=>{d.delete(t)}):()=>{}}function p(e=[]){return[...u,...d,...e].map(e=>e.trim()).filter(Boolean).join(`,`)}function m(e,t){if(!e)return;let n=`${t?0:200}ms`;e.style.transitionDuration=n;let r=e.parentElement;r instanceof HTMLElement&&(r.style.transitionDuration=n)}var h=[`role`,`aria-labelledby`,`aria-describedby`,`aria-busy`],g={key:0,class:`nb-modal--header`},_=[`disabled`,`aria-disabled`],v=[`tabindex`,`role`,`aria-labelledby`],y=(0,s.defineComponent)({__name:`Modal`,props:{open:{type:Boolean,default:!1},title:{default:void 0},size:{default:t.r.Medium},closeOnOverlay:{type:Boolean,default:!0},role:{default:`dialog`},labelledBy:{default:void 0},describedBy:{default:void 0},busy:{type:Boolean,default:!1},closeDisabled:{type:Boolean,default:!1},closeOnEscape:{type:Boolean,default:!0},trapFocus:{type:Boolean,default:!0},initialFocus:{type:[String,Function],default:void 0},floatingSelectors:{default:void 0}},emits:[`close`],setup(e,{expose:t,emit:l}){let u=e,d=l,f=(0,s.useSlots)(),m=(0,s.computed)(()=>!!f.header||!!u.title),y=`nb-modal-title-${(0,s.useId)()}`,b=(0,s.ref)(null),x=(0,s.ref)(null),{layerProps:S}=r.useSurfaceLayer({overlay:!0});function C(){u.closeOnOverlay&&d(`close`)}function w(){let e=u.initialFocus;return e?typeof e==`function`?e():b.value?.querySelector(e)??null:null}o.useFocusTrap({container:()=>b.value,active:()=>u.open&&u.trapFocus,initialFocus:w,floatingSelector:()=>p(u.floatingSelectors)});let T=!1;function E(){T||(T=!0,a.acquireScrollLock())}function D(){T&&(T=!1,a.releaseScrollLock())}let O=(0,s.ref)(!1);function k(){let e=x.value;if(!e)return;let t=e.scrollHeight-e.clientHeight;!O.value&&t>4?O.value=!0:O.value&&t<=0&&(O.value=!1)}let A=null,j=null;function M(){let e=x.value;e&&(N(),typeof ResizeObserver<`u`&&(A=new ResizeObserver(()=>k()),A.observe(e)),typeof MutationObserver<`u`&&(j=new MutationObserver(()=>k()),j.observe(e,{childList:!0,subtree:!0,characterData:!0})),k())}function N(){A?.disconnect(),A=null,j?.disconnect(),j=null}(0,s.watch)(()=>u.open,async e=>{e?E():D(),await(0,s.nextTick)(),e?M():(N(),O.value=!1)},{immediate:!0}),(0,s.onUnmounted)(()=>{D(),N()});function P(){let e=b.value;if(!e)return!1;let t=Array.from(document.querySelectorAll(`[aria-modal="true"]`));return t.length===0||t[t.length-1]===e}function F(e){e.key===`Escape`&&(!u.open||!u.closeOnEscape||u.closeDisabled||P()&&d(`close`))}return(0,s.onMounted)(()=>{document.addEventListener(`keydown`,F),u.open&&M()}),(0,s.onUnmounted)(()=>{document.removeEventListener(`keydown`,F)}),t({dialogEl:()=>b.value,bodyEl:()=>x.value}),(t,r)=>((0,s.openBlock)(),(0,s.createBlock)(s.Teleport,{to:`body`},[(0,s.createVNode)(s.Transition,{name:`nb-modal`},{default:(0,s.withCtx)(()=>[e.open?((0,s.openBlock)(),(0,s.createElementBlock)(`div`,{key:0,class:`nb-modal--overlay`,onClick:(0,s.withModifiers)(C,[`self`])},[(0,s.createElementVNode)(`div`,(0,s.mergeProps)({ref_key:`contentRef`,ref:b,class:[`nb-modal--content`,`nb-modal--content--${e.size}`]},(0,s.unref)(S),{role:e.role,"aria-modal":`true`,"aria-labelledby":e.labelledBy??(m.value?y:void 0),"aria-describedby":e.describedBy,"aria-busy":e.busy?`true`:void 0,tabindex:`-1`,onClick:r[1]||=(0,s.withModifiers)(()=>{},[`stop`])}),[m.value?((0,s.openBlock)(),(0,s.createElementBlock)(`header`,g,[(0,s.createElementVNode)(`span`,{id:y,class:`nb-modal--title`},[(0,s.renderSlot)(t.$slots,`header`,{},()=>[(0,s.createTextVNode)((0,s.toDisplayString)(e.title),1)],!0)]),(0,s.createElementVNode)(`button`,{class:`nb-modal--close`,"aria-label":`Close`,disabled:e.closeDisabled,"aria-disabled":e.closeDisabled?`true`:void 0,onClick:r[0]||=e=>d(`close`)},[(0,s.createVNode)(n.t,{name:(0,s.unref)(c.regular)},null,8,[`name`])],8,_)])):(0,s.createCommentVNode)(``,!0),(0,s.createElementVNode)(`main`,{ref_key:`bodyRef`,ref:x,class:`nb-modal--body`,tabindex:O.value?0:void 0,role:O.value?`region`:void 0,"aria-labelledby":O.value?e.labelledBy??(m.value?y:void 0):void 0},[(0,s.renderSlot)(t.$slots,`default`,{},void 0,!0)],8,v),t.$slots.footer?((0,s.openBlock)(),(0,s.createBlock)(i.t,{key:1,is:`footer`,justify:`end`,class:`nb-modal--footer`,distributed:``},{default:(0,s.withCtx)(()=>[(0,s.renderSlot)(t.$slots,`footer`,{},void 0,!0)]),_:3})):(0,s.createCommentVNode)(``,!0)],16,h)])):(0,s.createCommentVNode)(``,!0)]),_:3})]))}}),b=e.t(y,[[`__scopeId`,`data-v-8a662ff5`]]);Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return b}});
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { t as e } from "./Icon-rREAqsu0.js";
|
|
2
|
-
import { t } from "./EmptyState-
|
|
3
|
-
import { t as n } from "./Button-
|
|
2
|
+
import { t } from "./EmptyState-CwMG-NeI.js";
|
|
3
|
+
import { t as n } from "./Button-Q8MBLMvG.js";
|
|
4
4
|
import { t as r } from "./Spinner-BEYUpJdP.js";
|
|
5
|
-
import { t as i } from "./Skeleton-
|
|
5
|
+
import { t as i } from "./Skeleton-sox6qUDk.js";
|
|
6
6
|
import { t as a } from "./NotificationCenterItem-ZkLsiQIV.js";
|
|
7
7
|
import { Fragment as o, Teleport as s, Transition as c, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createSlots as ee, createTextVNode as te, createVNode as m, defineComponent as h, mergeProps as ne, nextTick as g, normalizeClass as re, normalizeStyle as _, onBeforeUnmount as ie, openBlock as v, ref as y, renderList as ae, renderSlot as b, toDisplayString as x, unref as oe, useId as se, useSlots as ce, watch as S, withCtx as C } from "vue";
|
|
8
8
|
import { regular as le } from "@nubisco/ui/icons/warning-circle";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const e=require(`./chunk-D-qHiVGv.cjs`),t=require(`./Icon-C8R_r_In.cjs`),n=require(`./EmptyState-henL7JH6.cjs`),r=require(`./Button-Dqtcr4i0.cjs`),i=require(`./Spinner-CqSN2vaR.cjs`),a=require(`./Skeleton-D8CHd_4p.cjs`),o=require(`./NotificationCenterItem-Clhhma6H.cjs`);let s=require(`vue`),c=require(`@nubisco/ui/icons/warning-circle`),l=require(`@nubisco/ui/icons/bell`);l=e.n(l);var u={key:0,class:`nb-notification-center__badge`,"aria-hidden":`true`},d=[`aria-describedby`,`aria-busy`],f={class:`nb-notification-center__header`},p={class:`nb-notification-center__sr`,role:`status`},ee={class:`nb-notification-center__stale-text`},te={class:`nb-notification-center__sr`},ne=[`tabindex`],re={key:4,class:`nb-notification-center__empty`},ie={key:5,class:`nb-notification-center__footer`},m=new Set,h=8,g=8,_=96,v=88,y=200;function ae(e,{align:t,width:n,maxHeight:r,viewport:i}){let a=t===`start`?e.left:e.left+e.width-n,o=Math.min(Math.max(a,g),Math.max(g,i.width-n-g)),s=e.top+e.height,c=i.height-s-h-g,l=e.top-h-g,u=c<y&&l>c?`top`:`bottom`,d=Math.max(v,u===`top`?l:c),f=Math.max(v,Math.min(r,d-_)),p=Math.min(r+_,d);return{top:u===`top`?Math.max(g,e.top-h-p):s+h,left:o,side:u,maxListHeight:f}}function oe(e,t){return e.left<=t.width&&e.left+e.width>=0&&e.top<=t.height&&e.top+e.height>=0}var b=(0,s.defineComponent)({__name:`NotificationCenter`,props:{items:{default:()=>[]},unreadCount:{default:void 0},itemCount:{default:void 0},open:{type:Boolean,default:void 0},label:{default:`Notifications`},markAllLabel:{default:`Mark all as read`},markAllPendingLabel:{default:`Marking all as read`},markAllPending:{type:Boolean,default:!1},emptyTitle:{default:`No notifications`},emptyDescription:{default:`New activity shows up here.`},loadingLabel:{default:`Loading notifications`},loading:{type:Boolean,default:!1},error:{type:Boolean,default:!1},errorTitle:{default:`Could not load notifications`},errorDescription:{default:`The request failed. Nothing has been lost.`},errorStaleLabel:{default:`These may be out of date.`},retryLabel:{default:`Try again`},showRetry:{type:Boolean,default:!0},maxCount:{default:99},width:{default:360},maxHeight:{default:384},align:{default:`end`},showMarkAll:{type:Boolean,default:!0},interactive:{type:Boolean,default:!0},closeOnSelect:{type:Boolean,default:!0},closeOnNavigate:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},icon:{default:void 0},locale:{default:void 0},unreadLabel:{default:`Unread`},readLabel:{default:`Read`},formatUnread:{type:Function,default:e=>e===1?`1 unread`:`${e} unread`}},emits:[`update:open`,`open`,`close`,`select`,`mark-all-read`,`retry`],setup(e,{expose:h,emit:g}){let _=e,v=(0,s.computed)(()=>_.icon??l),y=g,b=(0,s.useSlots)(),x=`nb-notification-center-${(0,s.useId)()}`,S=`${x}-title`,se=`${x}-trigger`,C=`${x}-error`,w=(0,s.ref)(null),ce=(0,s.ref)(null),T=(0,s.ref)(null),E=(0,s.ref)(null),le=(0,s.ref)(!1),D=(0,s.computed)(()=>_.open===void 0?le.value:_.open),O=(0,s.computed)(()=>typeof _.unreadCount==`number`?Math.max(0,_.unreadCount):_.items.filter(e=>!e.read).length),ue=(0,s.computed)(()=>O.value>_.maxCount?`${_.maxCount}+`:String(O.value)),de=(0,s.computed)(()=>O.value>0?`${_.label}, ${_.formatUnread(O.value)}`:_.label),fe=(0,s.computed)(()=>{if(typeof _.itemCount==`number`)return Math.max(0,_.itemCount);if(!b.default)return _.items.length}),pe=(0,s.computed)(()=>(fe.value??0)>0),k=(0,s.computed)(()=>{if(_.loading)return`loading`;let e=fe.value;return _.error&&(e===void 0||e===0)?`error`:e===void 0||e>0?`list`:`empty`}),A=(0,s.computed)(()=>_.error&&!_.loading&&k.value===`list`&&pe.value);(0,s.ref)(!1),(0,s.watch)(()=>[D.value,!!b.default,_.itemCount],([e,t,n])=>{},{immediate:!0});function j(){y(`retry`)}let M=(0,s.computed)(()=>({id:se,"aria-haspopup":`dialog`,"aria-expanded":D.value?`true`:`false`,"aria-controls":D.value?x:void 0,"aria-label":de.value,disabled:_.disabled||void 0})),N=(0,s.computed)(()=>({type:`button`,disabled:O.value===0&&!_.markAllPending,"aria-disabled":_.markAllPending?`true`:void 0,"aria-busy":_.markAllPending?`true`:void 0,onClick:Oe})),me=(0,s.computed)(()=>A.value||k.value===`error`?C:void 0);function P(e){if(!e){T.value=null;return}let t=e instanceof HTMLElement?e:e.$el;T.value=t instanceof HTMLElement?t:null}let F=(0,s.ref)({top:0,left:0,side:`bottom`,maxListHeight:_.maxHeight});function I(){return{width:window.innerWidth,height:window.innerHeight}}function L(){let e=w.value?.getBoundingClientRect();e&&(F.value=ae(e,{align:_.align,width:_.width,maxHeight:_.maxHeight,viewport:I()}))}let he=(0,s.computed)(()=>({top:`${Math.round(F.value.top)}px`,left:`${Math.round(F.value.left)}px`,width:`${_.width}px`})),R=(0,s.computed)(()=>({maxHeight:`${Math.round(F.value.maxListHeight)}px`})),ge=(0,s.computed)(()=>({"nb-notification-center__panel--start":_.align===`start`,"nb-notification-center__panel--above":F.value.side===`top`}));function z(e){_.open===void 0&&(le.value=e),y(`update:open`,e)}function B(){_.disabled||D.value||(L(),z(!0),y(`open`))}function V(e={}){if(!D.value)return;let t=E.value?.contains(document.activeElement);z(!1),y(`close`),(e.restoreFocus??t)&&(0,s.nextTick)(H)}function H(){let e=T.value;if(e?.isConnected){e.focus();return}(w.value?.querySelector(J))?.focus()}function U(){D.value?V({restoreFocus:!0}):B()}let W=(0,s.ref)(0),_e=new Set([`button`,`link`,`menuitem`,`option`]);function ve(e){if(e.tagName===`BUTTON`)return!e.hasAttribute(`disabled`);if(e.tagName===`A`)return e.hasAttribute(`href`);let t=e.getAttribute(`role`);return t!==null&&_e.has(t)}function G(){return E.value?Array.from(E.value.querySelectorAll(`[data-nb-notification-item]`)).filter(e=>!!ve(e)):[]}let ye=(0,s.ref)(void 0);function be(e){let t=ce.value;ye.value=t&&t.childElementCount>0&&e.length===0?0:void 0}function K(e){let t=G();be(t),t.length&&(W.value=Math.min(Math.max(e,0),t.length-1),t.forEach((e,t)=>{e.setAttribute(`tabindex`,t===W.value?`0`:`-1`)}))}function q(e){let t=G();if(!t.length)return!1;let n=Math.min(Math.max(e,0),t.length-1);return K(n),t[n]?.focus(),!0}function xe(e){let t=e.target?.closest(`[data-nb-notification-item]`);if(!t)return;let n=G().indexOf(t);n>=0&&K(n)}let J=`a[href]:not([tabindex="-1"]), button:not([disabled]):not([tabindex="-1"]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex="0"]`;function Se(e){return!!e?.closest?.(`input, textarea, select, [contenteditable=""], [contenteditable="true"]`)}function Ce(e){let t=G(),n=e.target?.closest(`[data-nb-notification-item]`),r=n?t.indexOf(n):-1;if(e.key===`Escape`){if(!we(e))return;e.preventDefault(),e.stopPropagation(),V({restoreFocus:!0});return}if(e.key===`Tab`){Te(e);return}if(!Se(e.target))switch(e.key){case`ArrowDown`:q(r<0?0:r+1)&&e.preventDefault();break;case`ArrowUp`:q(r<0?t.length-1:r-1)&&e.preventDefault();break;case`Home`:r>=0&&(e.preventDefault(),q(0));break;case`End`:r>=0&&(e.preventDefault(),q(t.length-1));break;default:break}}function we(e){if(e.defaultPrevented)return!1;let t=(e.target??document.activeElement)?.closest?.(`[aria-modal="true"]`);return!(t&&t!==E.value)}function Te(e){let t=E.value;if(!t)return;let n=Array.from(t.querySelectorAll(J)),r=document.activeElement,i=n[0],a=n[n.length-1],o=!n.length||r===i||!t.contains(r),c=!n.length||r===a;if(e.shiftKey?!o:!c)return;e.preventDefault();let l=e.shiftKey?T.value:Ee();V({restoreFocus:!1}),(0,s.nextTick)(()=>{l?.isConnected?l.focus():H()})}function Ee(){let e=T.value;if(!e)return null;let t=Array.from(document.querySelectorAll(J)).filter(e=>!E.value?.contains(e)).filter(e=>e.tabIndex>=0),n=t.indexOf(e);return n<0?null:t[n+1]??null}function De(e,t){y(`select`,e,t),_.closeOnSelect&&V({restoreFocus:!1})}function Y(e){if(!b.default)return;let t=e.target?.closest(`[data-nb-notification-item]`);if(t&&ve(t)){if(e.type===`keydown`){let n=e.key;if(n!==`Enter`&&n!==` `||t.tagName===`BUTTON`||t.tagName===`A`)return;e.preventDefault()}y(`select`,null,e),_.closeOnSelect&&V({restoreFocus:!1})}}function Oe(){_.markAllPending||y(`mark-all-read`)}function ke(e){let t=e.target;w.value?.contains(t)||E.value?.contains(t)||V({restoreFocus:!1})}function Ae(e){e.key===`Escape`&&(E.value?.contains(document.activeElement)||we(e)&&V({restoreFocus:w.value?.contains(document.activeElement)??!1}))}let X=0;function Z(){!D.value||X||(X=requestAnimationFrame(()=>{X=0,Me()}))}function je(){X&&=(cancelAnimationFrame(X),0)}function Me(){if(!D.value)return;let e=w.value?.getBoundingClientRect();if(e&&!oe(e,I())){V({restoreFocus:!1});return}L()}function Q(){_.closeOnNavigate&&V({restoreFocus:!1})}function Ne(){return window.navigation}function Pe(){document.addEventListener(`mousedown`,ke),document.addEventListener(`keydown`,Ae),window.addEventListener(`resize`,Z),window.addEventListener(`scroll`,Z,!0),window.addEventListener(`popstate`,Q),window.addEventListener(`hashchange`,Q),Ne()?.addEventListener(`navigate`,Q)}function Fe(){je(),document.removeEventListener(`mousedown`,ke),document.removeEventListener(`keydown`,Ae),window.removeEventListener(`resize`,Z),window.removeEventListener(`scroll`,Z,!0),window.removeEventListener(`popstate`,Q),window.removeEventListener(`hashchange`,Q),Ne()?.removeEventListener(`navigate`,Q)}let $=()=>V({restoreFocus:!1});return(0,s.watch)(D,e=>{if(e){for(let e of[...m])e!==$&&e();m.add($),Pe(),(0,s.nextTick)(()=>{L(),K(0),q(0)||E.value?.focus()})}else m.delete($),Fe(),W.value=0}),(0,s.watch)(()=>[_.items.length,k.value],()=>{D.value&&(0,s.nextTick)(()=>K(W.value))}),(0,s.onBeforeUnmount)(()=>{Fe(),m.delete($);let e=E.value;e?.isConnected&&e.remove()}),h({show:B,close:V,toggle:U,isOpen:D,unreadCount:O}),(l,m)=>((0,s.openBlock)(),(0,s.createElementBlock)(`div`,{ref_key:`rootRef`,ref:w,class:`nb-notification-center`},[(0,s.renderSlot)(l.$slots,`trigger`,{open:D.value,toggle:U,show:B,close:V,unreadCount:O.value,badge:ue.value,panelId:x,triggerProps:M.value,setTriggerRef:P},()=>[(0,s.createElementVNode)(`button`,(0,s.mergeProps)({ref:P,type:`button`,class:[`nb-notification-center__trigger`,{"nb-notification-center__trigger--active":D.value}]},M.value,{onClick:U}),[(0,s.createVNode)(t.t,{name:v.value,size:18},null,8,[`name`]),O.value>0?((0,s.openBlock)(),(0,s.createElementBlock)(`span`,u,(0,s.toDisplayString)(ue.value),1)):(0,s.createCommentVNode)(``,!0)],16)]),((0,s.openBlock)(),(0,s.createBlock)(s.Teleport,{to:`body`},[(0,s.createVNode)(s.Transition,{name:`nb-notification-center-pop`},{default:(0,s.withCtx)(()=>[D.value?((0,s.openBlock)(),(0,s.createElementBlock)(`div`,{key:0,id:x,ref_key:`panelRef`,ref:E,class:(0,s.normalizeClass)([`nb-notification-center__panel`,ge.value]),style:(0,s.normalizeStyle)(he.value),role:`dialog`,tabindex:`-1`,"aria-labelledby":S,"aria-describedby":me.value,"aria-busy":e.loading?`true`:void 0,onKeydown:Ce,onFocusin:xe},[(0,s.createElementVNode)(`div`,f,[(0,s.createElementVNode)(`h2`,{id:S,class:`nb-notification-center__title`},(0,s.toDisplayString)(e.label),1),(0,s.renderSlot)(l.$slots,`header-start`,{close:V,unreadCount:O.value}),(0,s.renderSlot)(l.$slots,`header-actions`,{close:V,unreadCount:O.value,markAllRead:Oe,markAllPending:e.markAllPending,markAllProps:N.value,markAllText:e.markAllPending?e.markAllPendingLabel:e.markAllLabel},()=>[e.showMarkAll?((0,s.openBlock)(),(0,s.createElementBlock)(`button`,(0,s.mergeProps)({key:0,class:`nb-notification-center__mark-all`},N.value),[e.markAllPending?((0,s.openBlock)(),(0,s.createBlock)(i.t,{key:0,size:`xs`,tone:`inherit`,decorative:``})):(0,s.createCommentVNode)(``,!0),(0,s.createTextVNode)(` `+(0,s.toDisplayString)(e.markAllPending?e.markAllPendingLabel:e.markAllLabel),1)],16)):(0,s.createCommentVNode)(``,!0)])]),(0,s.createElementVNode)(`span`,p,(0,s.toDisplayString)(e.markAllPending?e.markAllPendingLabel:``),1),A.value?((0,s.openBlock)(),(0,s.createElementBlock)(`div`,{key:0,id:C,class:`nb-notification-center__stale`,role:`status`},[(0,s.createVNode)(t.t,{name:(0,s.unref)(c.regular),size:14,"aria-hidden":`true`},null,8,[`name`]),(0,s.createElementVNode)(`span`,ee,(0,s.toDisplayString)(e.errorStaleLabel),1),e.showRetry?((0,s.openBlock)(),(0,s.createElementBlock)(`button`,{key:0,type:`button`,class:`nb-notification-center__retry`,onClick:j},(0,s.toDisplayString)(e.retryLabel),1)):(0,s.createCommentVNode)(``,!0)])):(0,s.createCommentVNode)(``,!0),k.value===`loading`?((0,s.openBlock)(),(0,s.createElementBlock)(`div`,{key:1,class:`nb-notification-center__loading`,role:`status`,style:(0,s.normalizeStyle)(R.value)},[(0,s.createElementVNode)(`span`,te,(0,s.toDisplayString)(e.loadingLabel),1),((0,s.openBlock)(),(0,s.createElementBlock)(s.Fragment,null,(0,s.renderList)(3,e=>(0,s.createVNode)(a.t,{key:e,variant:`text`,type:`body-sm`,lines:2,"last-line-width":`60%`})),64))],4)):k.value===`error`?((0,s.openBlock)(),(0,s.createElementBlock)(`div`,{key:2,id:C,class:`nb-notification-center__error`,role:`alert`},[(0,s.renderSlot)(l.$slots,`error`,{retry:j},()=>[(0,s.createVNode)(n.t,{size:`sm`,kind:`error`,title:e.errorTitle,description:e.errorDescription},(0,s.createSlots)({_:2},[e.showRetry?{name:`actions`,fn:(0,s.withCtx)(()=>[(0,s.createVNode)(r.t,{size:`sm`,variant:`secondary`,onClick:j},{default:(0,s.withCtx)(()=>[(0,s.createTextVNode)((0,s.toDisplayString)(e.retryLabel),1)]),_:1})]),key:`0`}:void 0]),1032,[`title`,`description`])])])):k.value===`list`?((0,s.openBlock)(),(0,s.createElementBlock)(`ul`,{key:3,ref_key:`listRef`,ref:ce,class:`nb-notification-center__list`,role:`list`,tabindex:ye.value,style:(0,s.normalizeStyle)(R.value),onClick:Y,onKeydown:Y},[(0,s.renderSlot)(l.$slots,`default`,{close:V,items:e.items},()=>[((0,s.openBlock)(!0),(0,s.createElementBlock)(s.Fragment,null,(0,s.renderList)(e.items,t=>((0,s.openBlock)(),(0,s.createBlock)(o.t,{key:t.id,title:t.title,body:t.body,time:t.time,"time-label":t.timeLabel,read:t.read,variant:t.variant??`neutral`,icon:t.icon,href:t.href,interactive:t.interactive??e.interactive,locale:e.locale,"unread-label":e.unreadLabel,"read-label":e.readLabel,onSelect:e=>De(t,e)},null,8,[`title`,`body`,`time`,`time-label`,`read`,`variant`,`icon`,`href`,`interactive`,`locale`,`unread-label`,`read-label`,`onSelect`]))),128))])],44,ne)):k.value===`empty`?((0,s.openBlock)(),(0,s.createElementBlock)(`div`,re,[(0,s.renderSlot)(l.$slots,`empty`,{},()=>[(0,s.createVNode)(n.t,{size:`sm`,icon:v.value,title:e.emptyTitle,description:e.emptyDescription},null,8,[`icon`,`title`,`description`])])])):(0,s.createCommentVNode)(``,!0),l.$slots.footer?((0,s.openBlock)(),(0,s.createElementBlock)(`div`,ie,[(0,s.renderSlot)(l.$slots,`footer`,{close:V})])):(0,s.createCommentVNode)(``,!0)],46,d)):(0,s.createCommentVNode)(``,!0)]),_:3})]))],512))}});Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return b}});
|
|
1
|
+
const e=require(`./chunk-D-qHiVGv.cjs`),t=require(`./Icon-C8R_r_In.cjs`),n=require(`./EmptyState-Cz91HAKF.cjs`),r=require(`./Button-Dwv0rx46.cjs`),i=require(`./Spinner-CqSN2vaR.cjs`),a=require(`./Skeleton-DP9iM6Ku.cjs`),o=require(`./NotificationCenterItem-Clhhma6H.cjs`);let s=require(`vue`),c=require(`@nubisco/ui/icons/warning-circle`),l=require(`@nubisco/ui/icons/bell`);l=e.n(l);var u={key:0,class:`nb-notification-center__badge`,"aria-hidden":`true`},d=[`aria-describedby`,`aria-busy`],f={class:`nb-notification-center__header`},p={class:`nb-notification-center__sr`,role:`status`},ee={class:`nb-notification-center__stale-text`},te={class:`nb-notification-center__sr`},ne=[`tabindex`],re={key:4,class:`nb-notification-center__empty`},ie={key:5,class:`nb-notification-center__footer`},m=new Set,h=8,g=8,_=96,v=88,y=200;function ae(e,{align:t,width:n,maxHeight:r,viewport:i}){let a=t===`start`?e.left:e.left+e.width-n,o=Math.min(Math.max(a,g),Math.max(g,i.width-n-g)),s=e.top+e.height,c=i.height-s-h-g,l=e.top-h-g,u=c<y&&l>c?`top`:`bottom`,d=Math.max(v,u===`top`?l:c),f=Math.max(v,Math.min(r,d-_)),p=Math.min(r+_,d);return{top:u===`top`?Math.max(g,e.top-h-p):s+h,left:o,side:u,maxListHeight:f}}function oe(e,t){return e.left<=t.width&&e.left+e.width>=0&&e.top<=t.height&&e.top+e.height>=0}var b=(0,s.defineComponent)({__name:`NotificationCenter`,props:{items:{default:()=>[]},unreadCount:{default:void 0},itemCount:{default:void 0},open:{type:Boolean,default:void 0},label:{default:`Notifications`},markAllLabel:{default:`Mark all as read`},markAllPendingLabel:{default:`Marking all as read`},markAllPending:{type:Boolean,default:!1},emptyTitle:{default:`No notifications`},emptyDescription:{default:`New activity shows up here.`},loadingLabel:{default:`Loading notifications`},loading:{type:Boolean,default:!1},error:{type:Boolean,default:!1},errorTitle:{default:`Could not load notifications`},errorDescription:{default:`The request failed. Nothing has been lost.`},errorStaleLabel:{default:`These may be out of date.`},retryLabel:{default:`Try again`},showRetry:{type:Boolean,default:!0},maxCount:{default:99},width:{default:360},maxHeight:{default:384},align:{default:`end`},showMarkAll:{type:Boolean,default:!0},interactive:{type:Boolean,default:!0},closeOnSelect:{type:Boolean,default:!0},closeOnNavigate:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},icon:{default:void 0},locale:{default:void 0},unreadLabel:{default:`Unread`},readLabel:{default:`Read`},formatUnread:{type:Function,default:e=>e===1?`1 unread`:`${e} unread`}},emits:[`update:open`,`open`,`close`,`select`,`mark-all-read`,`retry`],setup(e,{expose:h,emit:g}){let _=e,v=(0,s.computed)(()=>_.icon??l),y=g,b=(0,s.useSlots)(),x=`nb-notification-center-${(0,s.useId)()}`,S=`${x}-title`,se=`${x}-trigger`,C=`${x}-error`,w=(0,s.ref)(null),ce=(0,s.ref)(null),T=(0,s.ref)(null),E=(0,s.ref)(null),le=(0,s.ref)(!1),D=(0,s.computed)(()=>_.open===void 0?le.value:_.open),O=(0,s.computed)(()=>typeof _.unreadCount==`number`?Math.max(0,_.unreadCount):_.items.filter(e=>!e.read).length),ue=(0,s.computed)(()=>O.value>_.maxCount?`${_.maxCount}+`:String(O.value)),de=(0,s.computed)(()=>O.value>0?`${_.label}, ${_.formatUnread(O.value)}`:_.label),fe=(0,s.computed)(()=>{if(typeof _.itemCount==`number`)return Math.max(0,_.itemCount);if(!b.default)return _.items.length}),pe=(0,s.computed)(()=>(fe.value??0)>0),k=(0,s.computed)(()=>{if(_.loading)return`loading`;let e=fe.value;return _.error&&(e===void 0||e===0)?`error`:e===void 0||e>0?`list`:`empty`}),A=(0,s.computed)(()=>_.error&&!_.loading&&k.value===`list`&&pe.value);(0,s.ref)(!1),(0,s.watch)(()=>[D.value,!!b.default,_.itemCount],([e,t,n])=>{},{immediate:!0});function j(){y(`retry`)}let M=(0,s.computed)(()=>({id:se,"aria-haspopup":`dialog`,"aria-expanded":D.value?`true`:`false`,"aria-controls":D.value?x:void 0,"aria-label":de.value,disabled:_.disabled||void 0})),N=(0,s.computed)(()=>({type:`button`,disabled:O.value===0&&!_.markAllPending,"aria-disabled":_.markAllPending?`true`:void 0,"aria-busy":_.markAllPending?`true`:void 0,onClick:Oe})),me=(0,s.computed)(()=>A.value||k.value===`error`?C:void 0);function P(e){if(!e){T.value=null;return}let t=e instanceof HTMLElement?e:e.$el;T.value=t instanceof HTMLElement?t:null}let F=(0,s.ref)({top:0,left:0,side:`bottom`,maxListHeight:_.maxHeight});function I(){return{width:window.innerWidth,height:window.innerHeight}}function L(){let e=w.value?.getBoundingClientRect();e&&(F.value=ae(e,{align:_.align,width:_.width,maxHeight:_.maxHeight,viewport:I()}))}let he=(0,s.computed)(()=>({top:`${Math.round(F.value.top)}px`,left:`${Math.round(F.value.left)}px`,width:`${_.width}px`})),R=(0,s.computed)(()=>({maxHeight:`${Math.round(F.value.maxListHeight)}px`})),ge=(0,s.computed)(()=>({"nb-notification-center__panel--start":_.align===`start`,"nb-notification-center__panel--above":F.value.side===`top`}));function z(e){_.open===void 0&&(le.value=e),y(`update:open`,e)}function B(){_.disabled||D.value||(L(),z(!0),y(`open`))}function V(e={}){if(!D.value)return;let t=E.value?.contains(document.activeElement);z(!1),y(`close`),(e.restoreFocus??t)&&(0,s.nextTick)(H)}function H(){let e=T.value;if(e?.isConnected){e.focus();return}(w.value?.querySelector(J))?.focus()}function U(){D.value?V({restoreFocus:!0}):B()}let W=(0,s.ref)(0),_e=new Set([`button`,`link`,`menuitem`,`option`]);function ve(e){if(e.tagName===`BUTTON`)return!e.hasAttribute(`disabled`);if(e.tagName===`A`)return e.hasAttribute(`href`);let t=e.getAttribute(`role`);return t!==null&&_e.has(t)}function G(){return E.value?Array.from(E.value.querySelectorAll(`[data-nb-notification-item]`)).filter(e=>!!ve(e)):[]}let ye=(0,s.ref)(void 0);function be(e){let t=ce.value;ye.value=t&&t.childElementCount>0&&e.length===0?0:void 0}function K(e){let t=G();be(t),t.length&&(W.value=Math.min(Math.max(e,0),t.length-1),t.forEach((e,t)=>{e.setAttribute(`tabindex`,t===W.value?`0`:`-1`)}))}function q(e){let t=G();if(!t.length)return!1;let n=Math.min(Math.max(e,0),t.length-1);return K(n),t[n]?.focus(),!0}function xe(e){let t=e.target?.closest(`[data-nb-notification-item]`);if(!t)return;let n=G().indexOf(t);n>=0&&K(n)}let J=`a[href]:not([tabindex="-1"]), button:not([disabled]):not([tabindex="-1"]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex="0"]`;function Se(e){return!!e?.closest?.(`input, textarea, select, [contenteditable=""], [contenteditable="true"]`)}function Ce(e){let t=G(),n=e.target?.closest(`[data-nb-notification-item]`),r=n?t.indexOf(n):-1;if(e.key===`Escape`){if(!we(e))return;e.preventDefault(),e.stopPropagation(),V({restoreFocus:!0});return}if(e.key===`Tab`){Te(e);return}if(!Se(e.target))switch(e.key){case`ArrowDown`:q(r<0?0:r+1)&&e.preventDefault();break;case`ArrowUp`:q(r<0?t.length-1:r-1)&&e.preventDefault();break;case`Home`:r>=0&&(e.preventDefault(),q(0));break;case`End`:r>=0&&(e.preventDefault(),q(t.length-1));break;default:break}}function we(e){if(e.defaultPrevented)return!1;let t=(e.target??document.activeElement)?.closest?.(`[aria-modal="true"]`);return!(t&&t!==E.value)}function Te(e){let t=E.value;if(!t)return;let n=Array.from(t.querySelectorAll(J)),r=document.activeElement,i=n[0],a=n[n.length-1],o=!n.length||r===i||!t.contains(r),c=!n.length||r===a;if(e.shiftKey?!o:!c)return;e.preventDefault();let l=e.shiftKey?T.value:Ee();V({restoreFocus:!1}),(0,s.nextTick)(()=>{l?.isConnected?l.focus():H()})}function Ee(){let e=T.value;if(!e)return null;let t=Array.from(document.querySelectorAll(J)).filter(e=>!E.value?.contains(e)).filter(e=>e.tabIndex>=0),n=t.indexOf(e);return n<0?null:t[n+1]??null}function De(e,t){y(`select`,e,t),_.closeOnSelect&&V({restoreFocus:!1})}function Y(e){if(!b.default)return;let t=e.target?.closest(`[data-nb-notification-item]`);if(t&&ve(t)){if(e.type===`keydown`){let n=e.key;if(n!==`Enter`&&n!==` `||t.tagName===`BUTTON`||t.tagName===`A`)return;e.preventDefault()}y(`select`,null,e),_.closeOnSelect&&V({restoreFocus:!1})}}function Oe(){_.markAllPending||y(`mark-all-read`)}function ke(e){let t=e.target;w.value?.contains(t)||E.value?.contains(t)||V({restoreFocus:!1})}function Ae(e){e.key===`Escape`&&(E.value?.contains(document.activeElement)||we(e)&&V({restoreFocus:w.value?.contains(document.activeElement)??!1}))}let X=0;function Z(){!D.value||X||(X=requestAnimationFrame(()=>{X=0,Me()}))}function je(){X&&=(cancelAnimationFrame(X),0)}function Me(){if(!D.value)return;let e=w.value?.getBoundingClientRect();if(e&&!oe(e,I())){V({restoreFocus:!1});return}L()}function Q(){_.closeOnNavigate&&V({restoreFocus:!1})}function Ne(){return window.navigation}function Pe(){document.addEventListener(`mousedown`,ke),document.addEventListener(`keydown`,Ae),window.addEventListener(`resize`,Z),window.addEventListener(`scroll`,Z,!0),window.addEventListener(`popstate`,Q),window.addEventListener(`hashchange`,Q),Ne()?.addEventListener(`navigate`,Q)}function Fe(){je(),document.removeEventListener(`mousedown`,ke),document.removeEventListener(`keydown`,Ae),window.removeEventListener(`resize`,Z),window.removeEventListener(`scroll`,Z,!0),window.removeEventListener(`popstate`,Q),window.removeEventListener(`hashchange`,Q),Ne()?.removeEventListener(`navigate`,Q)}let $=()=>V({restoreFocus:!1});return(0,s.watch)(D,e=>{if(e){for(let e of[...m])e!==$&&e();m.add($),Pe(),(0,s.nextTick)(()=>{L(),K(0),q(0)||E.value?.focus()})}else m.delete($),Fe(),W.value=0}),(0,s.watch)(()=>[_.items.length,k.value],()=>{D.value&&(0,s.nextTick)(()=>K(W.value))}),(0,s.onBeforeUnmount)(()=>{Fe(),m.delete($);let e=E.value;e?.isConnected&&e.remove()}),h({show:B,close:V,toggle:U,isOpen:D,unreadCount:O}),(l,m)=>((0,s.openBlock)(),(0,s.createElementBlock)(`div`,{ref_key:`rootRef`,ref:w,class:`nb-notification-center`},[(0,s.renderSlot)(l.$slots,`trigger`,{open:D.value,toggle:U,show:B,close:V,unreadCount:O.value,badge:ue.value,panelId:x,triggerProps:M.value,setTriggerRef:P},()=>[(0,s.createElementVNode)(`button`,(0,s.mergeProps)({ref:P,type:`button`,class:[`nb-notification-center__trigger`,{"nb-notification-center__trigger--active":D.value}]},M.value,{onClick:U}),[(0,s.createVNode)(t.t,{name:v.value,size:18},null,8,[`name`]),O.value>0?((0,s.openBlock)(),(0,s.createElementBlock)(`span`,u,(0,s.toDisplayString)(ue.value),1)):(0,s.createCommentVNode)(``,!0)],16)]),((0,s.openBlock)(),(0,s.createBlock)(s.Teleport,{to:`body`},[(0,s.createVNode)(s.Transition,{name:`nb-notification-center-pop`},{default:(0,s.withCtx)(()=>[D.value?((0,s.openBlock)(),(0,s.createElementBlock)(`div`,{key:0,id:x,ref_key:`panelRef`,ref:E,class:(0,s.normalizeClass)([`nb-notification-center__panel`,ge.value]),style:(0,s.normalizeStyle)(he.value),role:`dialog`,tabindex:`-1`,"aria-labelledby":S,"aria-describedby":me.value,"aria-busy":e.loading?`true`:void 0,onKeydown:Ce,onFocusin:xe},[(0,s.createElementVNode)(`div`,f,[(0,s.createElementVNode)(`h2`,{id:S,class:`nb-notification-center__title`},(0,s.toDisplayString)(e.label),1),(0,s.renderSlot)(l.$slots,`header-start`,{close:V,unreadCount:O.value}),(0,s.renderSlot)(l.$slots,`header-actions`,{close:V,unreadCount:O.value,markAllRead:Oe,markAllPending:e.markAllPending,markAllProps:N.value,markAllText:e.markAllPending?e.markAllPendingLabel:e.markAllLabel},()=>[e.showMarkAll?((0,s.openBlock)(),(0,s.createElementBlock)(`button`,(0,s.mergeProps)({key:0,class:`nb-notification-center__mark-all`},N.value),[e.markAllPending?((0,s.openBlock)(),(0,s.createBlock)(i.t,{key:0,size:`xs`,tone:`inherit`,decorative:``})):(0,s.createCommentVNode)(``,!0),(0,s.createTextVNode)(` `+(0,s.toDisplayString)(e.markAllPending?e.markAllPendingLabel:e.markAllLabel),1)],16)):(0,s.createCommentVNode)(``,!0)])]),(0,s.createElementVNode)(`span`,p,(0,s.toDisplayString)(e.markAllPending?e.markAllPendingLabel:``),1),A.value?((0,s.openBlock)(),(0,s.createElementBlock)(`div`,{key:0,id:C,class:`nb-notification-center__stale`,role:`status`},[(0,s.createVNode)(t.t,{name:(0,s.unref)(c.regular),size:14,"aria-hidden":`true`},null,8,[`name`]),(0,s.createElementVNode)(`span`,ee,(0,s.toDisplayString)(e.errorStaleLabel),1),e.showRetry?((0,s.openBlock)(),(0,s.createElementBlock)(`button`,{key:0,type:`button`,class:`nb-notification-center__retry`,onClick:j},(0,s.toDisplayString)(e.retryLabel),1)):(0,s.createCommentVNode)(``,!0)])):(0,s.createCommentVNode)(``,!0),k.value===`loading`?((0,s.openBlock)(),(0,s.createElementBlock)(`div`,{key:1,class:`nb-notification-center__loading`,role:`status`,style:(0,s.normalizeStyle)(R.value)},[(0,s.createElementVNode)(`span`,te,(0,s.toDisplayString)(e.loadingLabel),1),((0,s.openBlock)(),(0,s.createElementBlock)(s.Fragment,null,(0,s.renderList)(3,e=>(0,s.createVNode)(a.t,{key:e,variant:`text`,type:`body-sm`,lines:2,"last-line-width":`60%`})),64))],4)):k.value===`error`?((0,s.openBlock)(),(0,s.createElementBlock)(`div`,{key:2,id:C,class:`nb-notification-center__error`,role:`alert`},[(0,s.renderSlot)(l.$slots,`error`,{retry:j},()=>[(0,s.createVNode)(n.t,{size:`sm`,kind:`error`,title:e.errorTitle,description:e.errorDescription},(0,s.createSlots)({_:2},[e.showRetry?{name:`actions`,fn:(0,s.withCtx)(()=>[(0,s.createVNode)(r.t,{size:`sm`,variant:`secondary`,onClick:j},{default:(0,s.withCtx)(()=>[(0,s.createTextVNode)((0,s.toDisplayString)(e.retryLabel),1)]),_:1})]),key:`0`}:void 0]),1032,[`title`,`description`])])])):k.value===`list`?((0,s.openBlock)(),(0,s.createElementBlock)(`ul`,{key:3,ref_key:`listRef`,ref:ce,class:`nb-notification-center__list`,role:`list`,tabindex:ye.value,style:(0,s.normalizeStyle)(R.value),onClick:Y,onKeydown:Y},[(0,s.renderSlot)(l.$slots,`default`,{close:V,items:e.items},()=>[((0,s.openBlock)(!0),(0,s.createElementBlock)(s.Fragment,null,(0,s.renderList)(e.items,t=>((0,s.openBlock)(),(0,s.createBlock)(o.t,{key:t.id,title:t.title,body:t.body,time:t.time,"time-label":t.timeLabel,read:t.read,variant:t.variant??`neutral`,icon:t.icon,href:t.href,interactive:t.interactive??e.interactive,locale:e.locale,"unread-label":e.unreadLabel,"read-label":e.readLabel,onSelect:e=>De(t,e)},null,8,[`title`,`body`,`time`,`time-label`,`read`,`variant`,`icon`,`href`,`interactive`,`locale`,`unread-label`,`read-label`,`onSelect`]))),128))])],44,ne)):k.value===`empty`?((0,s.openBlock)(),(0,s.createElementBlock)(`div`,re,[(0,s.renderSlot)(l.$slots,`empty`,{},()=>[(0,s.createVNode)(n.t,{size:`sm`,icon:v.value,title:e.emptyTitle,description:e.emptyDescription},null,8,[`icon`,`title`,`description`])])])):(0,s.createCommentVNode)(``,!0),l.$slots.footer?((0,s.openBlock)(),(0,s.createElementBlock)(`div`,ie,[(0,s.renderSlot)(l.$slots,`footer`,{close:V})])):(0,s.createCommentVNode)(``,!0)],46,d)):(0,s.createCommentVNode)(``,!0)]),_:3})]))],512))}});Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return b}});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
require(`./chunk-D-qHiVGv.cjs`);const e=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),t=require(`./Icon-C8R_r_In.cjs`),n=require(`./Label-CXejhF9x.cjs`),r=require(`./Message-
|
|
1
|
+
require(`./chunk-D-qHiVGv.cjs`);const e=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),t=require(`./Icon-C8R_r_In.cjs`),n=require(`./Label-CXejhF9x.cjs`),r=require(`./Message-Ax7rnAQl.cjs`);let i=require(`vue`),a=require(`@nubisco/ui/icons/plus`),o=require(`@nubisco/ui/icons/minus`);var s=[`id`,`placeholder`,`min`,`max`,`step`,`disabled`,`required`],c={class:`nb-number-input__steppers`},l=[`disabled`],u=[`disabled`],d={key:0,class:`nb-number-input__inner-header`},f=[`for`],p={key:0,class:`nb-number-input__asterisk`,"aria-hidden":`true`},m={class:`nb-number-input__fluid-row`},h=[`id`,`placeholder`,`min`,`max`,`step`,`disabled`,`required`],g={class:`nb-number-input__steppers`},_=[`disabled`],v=[`disabled`],y=(0,i.defineComponent)({__name:`NumberInput`,props:{modelValue:{default:null},min:{default:void 0},max:{default:void 0},step:{default:1},placeholder:{default:``},name:{},disabled:{type:Boolean,default:!1},required:{type:Boolean,default:!1},id:{default:void 0},label:{default:``},error:{default:``},warning:{default:``},helper:{default:``},variant:{default:`default`},size:{default:`md`}},emits:[`update:modelValue`,`change`],setup(e,{expose:y,emit:b}){let x=e,S=b,C=(0,i.ref)(null),w=(0,i.ref)(!1),T=`nb-number-input-${(0,i.useId)()}`,E=(0,i.computed)(()=>x.id??T),D=(0,i.computed)(()=>x.min!==void 0&&x.modelValue!==null&&x.modelValue!==void 0&&x.modelValue<=x.min),O=(0,i.computed)(()=>x.max!==void 0&&x.modelValue!==null&&x.modelValue!==void 0&&x.modelValue>=x.max);function k(e){let t=e;return x.min!==void 0&&(t=Math.max(x.min,t)),x.max!==void 0&&(t=Math.min(x.max,t)),t}function A(e){C.value&&(C.value.value=e==null?``:String(e))}(0,i.onMounted)(()=>A(x.modelValue)),(0,i.watch)(()=>x.modelValue,e=>{w.value||A(e)});function j(){let e=k((x.modelValue??0)+x.step);S(`update:modelValue`,e),S(`change`,e),A(e)}function M(){let e=k((x.modelValue??0)-x.step);S(`update:modelValue`,e),S(`change`,e),A(e)}function N(){if(!C.value)return;let e=C.value.value;if(e===``)S(`update:modelValue`,null);else{let t=parseFloat(e);isNaN(t)||S(`update:modelValue`,t)}}function P(){if(w.value=!1,!C.value)return;let e=C.value.value;if(e===``){S(`update:modelValue`,null),S(`change`,null);return}let t=parseFloat(e);if(!isNaN(t)){let e=k(t);S(`update:modelValue`,e),S(`change`,e),A(e)}}let F=(0,i.computed)(()=>[`nb-number-input`,`nb-number-input--${x.variant}`,`nb-number-input--${x.size}`,{"nb-number-input--error":!!x.error,"nb-number-input--warning":!x.error&&!!x.warning,"nb-number-input--disabled":x.disabled}]),I=(0,i.computed)(()=>({"nb-number-input__field-wrapper--focused":w.value,"nb-number-input__field-wrapper--error":!!x.error,"nb-number-input__field-wrapper--warning":!x.error&&!!x.warning,"nb-number-input__field-wrapper--disabled":x.disabled}));return y({focus:()=>C.value?.focus()}),(y,b)=>((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{class:(0,i.normalizeClass)(F.value)},[e.variant===`default`?((0,i.openBlock)(),(0,i.createElementBlock)(i.Fragment,{key:0},[e.label?((0,i.openBlock)(),(0,i.createBlock)(n.t,{key:0,for:E.value,required:e.required,disabled:e.disabled},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(e.label),1)]),_:1},8,[`for`,`required`,`disabled`])):(0,i.createCommentVNode)(``,!0),(0,i.createElementVNode)(`div`,{class:(0,i.normalizeClass)([`nb-number-input__field-wrapper`,I.value])},[(0,i.createElementVNode)(`input`,{id:E.value,ref_key:`inputRef`,ref:C,type:`number`,class:`nb-number-input__field`,placeholder:e.placeholder,min:e.min,max:e.max,step:e.step,disabled:e.disabled,required:e.required,onInput:N,onBlur:P,onKeydown:b[0]||=(0,i.withKeys)((0,i.withModifiers)(()=>C.value?.blur(),[`prevent`]),[`enter`]),onFocus:b[1]||=e=>w.value=!0},null,40,s),e.error?((0,i.openBlock)(),(0,i.createBlock)(r.t,{key:0,variant:`error`,"icon-only":!0,class:`nb-number-input__status`},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(e.error),1)]),_:1})):e.warning?((0,i.openBlock)(),(0,i.createBlock)(r.t,{key:1,variant:`warning`,"icon-only":!0,class:`nb-number-input__status`},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(e.warning),1)]),_:1})):(0,i.createCommentVNode)(``,!0),(0,i.createElementVNode)(`div`,c,[(0,i.createElementVNode)(`button`,{type:`button`,class:(0,i.normalizeClass)([`nb-number-input__stepper`,{"nb-number-input__stepper--at-limit":D.value}]),disabled:e.disabled,"aria-label":`Decrease`,onMousedown:b[2]||=(0,i.withModifiers)(()=>{},[`prevent`]),onClick:M},[(0,i.createVNode)(t.t,{name:(0,i.unref)(o.regular),size:16},null,8,[`name`])],42,l),(0,i.createElementVNode)(`button`,{type:`button`,class:(0,i.normalizeClass)([`nb-number-input__stepper`,{"nb-number-input__stepper--at-limit":O.value}]),disabled:e.disabled,"aria-label":`Increase`,onMousedown:b[3]||=(0,i.withModifiers)(()=>{},[`prevent`]),onClick:j},[(0,i.createVNode)(t.t,{name:(0,i.unref)(a.regular),size:16},null,8,[`name`])],42,u)])],2),e.error?((0,i.openBlock)(),(0,i.createBlock)(r.t,{key:1,variant:`error`,class:`nb-number-input__message`},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(e.error),1)]),_:1})):e.warning?((0,i.openBlock)(),(0,i.createBlock)(r.t,{key:2,variant:`warning`,class:`nb-number-input__message`},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(e.warning),1)]),_:1})):e.helper?((0,i.openBlock)(),(0,i.createBlock)(r.t,{key:3,variant:`helper`,class:`nb-number-input__message`},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(e.helper),1)]),_:1})):(0,i.createCommentVNode)(``,!0)],64)):e.variant===`fluid`?((0,i.openBlock)(),(0,i.createElementBlock)(i.Fragment,{key:1},[(0,i.createElementVNode)(`div`,{class:(0,i.normalizeClass)([`nb-number-input__field-wrapper`,I.value])},[e.label?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,d,[(0,i.createElementVNode)(`label`,{for:E.value,class:`nb-number-input__inner-label`},[(0,i.createTextVNode)((0,i.toDisplayString)(e.label)+` `,1),e.required?((0,i.openBlock)(),(0,i.createElementBlock)(`span`,p,`*`)):(0,i.createCommentVNode)(``,!0)],8,f),e.helper&&!e.error&&!e.warning?((0,i.openBlock)(),(0,i.createBlock)(r.t,{key:0,variant:`helper`,"icon-only":!0,class:`nb-number-input__inner-message`},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(e.helper),1)]),_:1})):(0,i.createCommentVNode)(``,!0)])):(0,i.createCommentVNode)(``,!0),(0,i.createElementVNode)(`div`,m,[(0,i.createElementVNode)(`input`,{id:E.value,ref_key:`inputRef`,ref:C,type:`number`,class:`nb-number-input__field`,placeholder:e.placeholder,min:e.min,max:e.max,step:e.step,disabled:e.disabled,required:e.required,onInput:N,onBlur:P,onKeydown:b[4]||=(0,i.withKeys)((0,i.withModifiers)(()=>C.value?.blur(),[`prevent`]),[`enter`]),onFocus:b[5]||=e=>w.value=!0},null,40,h),e.error?((0,i.openBlock)(),(0,i.createBlock)(r.t,{key:0,variant:`error`,"icon-only":!0,class:`nb-number-input__status`},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(e.error),1)]),_:1})):e.warning?((0,i.openBlock)(),(0,i.createBlock)(r.t,{key:1,variant:`warning`,"icon-only":!0,class:`nb-number-input__status`},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(e.warning),1)]),_:1})):(0,i.createCommentVNode)(``,!0),(0,i.createElementVNode)(`div`,g,[(0,i.createElementVNode)(`button`,{type:`button`,class:(0,i.normalizeClass)([`nb-number-input__stepper`,{"nb-number-input__stepper--at-limit":D.value}]),disabled:e.disabled,"aria-label":`Decrease`,onMousedown:b[6]||=(0,i.withModifiers)(()=>{},[`prevent`]),onClick:M},[(0,i.createVNode)(t.t,{name:(0,i.unref)(o.regular),size:16},null,8,[`name`])],42,_),(0,i.createElementVNode)(`button`,{type:`button`,class:(0,i.normalizeClass)([`nb-number-input__stepper`,{"nb-number-input__stepper--at-limit":O.value}]),disabled:e.disabled,"aria-label":`Increase`,onMousedown:b[7]||=(0,i.withModifiers)(()=>{},[`prevent`]),onClick:j},[(0,i.createVNode)(t.t,{name:(0,i.unref)(a.regular),size:16},null,8,[`name`])],42,v)])])],2),e.error?((0,i.openBlock)(),(0,i.createBlock)(r.t,{key:0,variant:`error`,class:`nb-number-input__fluid-message`},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(e.error),1)]),_:1})):e.warning?((0,i.openBlock)(),(0,i.createBlock)(r.t,{key:1,variant:`warning`,class:`nb-number-input__fluid-message`},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(e.warning),1)]),_:1})):(0,i.createCommentVNode)(``,!0)],64)):(0,i.createCommentVNode)(``,!0)],2))}}),b=e.t(y,[[`__scopeId`,`data-v-89630543`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return b}});
|
|
@@ -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 { t as n } from "./Label-t49uSLIY.js";
|
|
4
|
-
import { t as r } from "./Message-
|
|
4
|
+
import { t as r } from "./Message-DqUW3GHc.js";
|
|
5
5
|
import { Fragment as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, createVNode as d, defineComponent as f, normalizeClass as p, onMounted as m, openBlock as h, ref as g, toDisplayString as _, unref as v, useId as y, watch as b, withCtx as x, withKeys as S, withModifiers as C } from "vue";
|
|
6
6
|
import { regular as w } from "@nubisco/ui/icons/plus";
|
|
7
7
|
import { regular as T } from "@nubisco/ui/icons/minus";
|
|
@@ -288,6 +288,6 @@ var E = [
|
|
|
288
288
|
_: 1
|
|
289
289
|
})) : s("", !0)], 64)) : s("", !0)], 2));
|
|
290
290
|
}
|
|
291
|
-
}), [["__scopeId", "data-v-
|
|
291
|
+
}), [["__scopeId", "data-v-89630543"]]);
|
|
292
292
|
//#endregion
|
|
293
293
|
export { L as t };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { t as e } from "./_plugin-vue_export-helper-O4QQSku4.js";
|
|
2
2
|
import { r as t } from "./Size.d-Bah6vMl3.js";
|
|
3
|
-
import { t as n } from "./Button-
|
|
4
|
-
import { t as r } from "./Select-
|
|
3
|
+
import { t as n } from "./Button-Q8MBLMvG.js";
|
|
4
|
+
import { t as r } from "./Select-B5t5QtVe.js";
|
|
5
5
|
import { computed as i, createElementBlock as a, createElementVNode as o, createVNode as s, defineComponent as c, normalizeClass as l, openBlock as u, toDisplayString as d } from "vue";
|
|
6
6
|
import * as f from "@nubisco/ui/icons/caret-right";
|
|
7
7
|
import * as p from "@nubisco/ui/icons/caret-left";
|
|
@@ -79,6 +79,6 @@ var m = { class: "nb-pagination__left" }, h = { class: "nb-pagination__page-size
|
|
|
79
79
|
}, null, 8, ["size", "disabled"])
|
|
80
80
|
])], 2));
|
|
81
81
|
}
|
|
82
|
-
}), [["__scopeId", "data-v-
|
|
82
|
+
}), [["__scopeId", "data-v-884e19f9"]]);
|
|
83
83
|
//#endregion
|
|
84
84
|
export { b as t };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const e=require(`./chunk-D-qHiVGv.cjs`),t=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),n=require(`./Size.d-GBIblj2D.cjs`),r=require(`./Button-
|
|
1
|
+
const e=require(`./chunk-D-qHiVGv.cjs`),t=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),n=require(`./Size.d-GBIblj2D.cjs`),r=require(`./Button-Dwv0rx46.cjs`),i=require(`./Select-dAYn2iZO.cjs`);let a=require(`vue`),o=require(`@nubisco/ui/icons/caret-right`);o=e.n(o);let s=require(`@nubisco/ui/icons/caret-left`);s=e.n(s);var c={class:`nb-pagination__left`},l={class:`nb-pagination__page-size`},u={class:`nb-pagination__label`},d={class:`nb-pagination__range`,"aria-live":`polite`},f={class:`nb-pagination__right`},p={class:`nb-pagination__page-of`},m=(0,a.defineComponent)({__name:`Pagination`,props:{page:{},pageSize:{},total:{},pageSizeOptions:{default:()=>[10,20,30,40,50]},size:{default:n.r.Medium},disabled:{type:Boolean,default:!1},pageSizeLabel:{default:`Items per page:`},itemLabel:{default:`items`}},emits:[`update:page`,`update:pageSize`],setup(e,{emit:t}){let n=e,m=t,h=(0,a.computed)(()=>n.size),g=(0,a.computed)(()=>n.pageSizeOptions.includes(n.pageSize)?n.pageSizeOptions:[...n.pageSizeOptions,n.pageSize].sort((e,t)=>e-t)),_=(0,a.computed)(()=>g.value.map(e=>({label:String(e),value:e}))),v=(0,a.computed)(()=>Math.max(1,Math.ceil(n.total/Math.max(1,n.pageSize)))),y=(0,a.computed)(()=>Math.min(Math.max(1,n.page),v.value)),b=(0,a.computed)(()=>n.total===0?0:(y.value-1)*n.pageSize+1),x=(0,a.computed)(()=>Math.min(y.value*n.pageSize,n.total));function S(e){let t=Math.min(Math.max(1,e),v.value);t!==n.page&&m(`update:page`,t)}function C(e){let t=Number(e);!Number.isFinite(t)||t===n.pageSize||(m(`update:pageSize`,t),n.page!==1&&m(`update:page`,1))}return(t,n)=>((0,a.openBlock)(),(0,a.createElementBlock)(`nav`,{class:(0,a.normalizeClass)([`nb-pagination`,`nb-pagination--${e.size}`]),"aria-label":`Pagination`},[(0,a.createElementVNode)(`div`,c,[(0,a.createElementVNode)(`label`,l,[(0,a.createElementVNode)(`span`,u,(0,a.toDisplayString)(e.pageSizeLabel),1),(0,a.createVNode)(i.t,{size:`xs`,"model-value":e.pageSize,options:_.value,disabled:e.disabled,"onUpdate:modelValue":C},null,8,[`model-value`,`options`,`disabled`])]),(0,a.createElementVNode)(`span`,d,(0,a.toDisplayString)(b.value)+`–`+(0,a.toDisplayString)(x.value)+` of `+(0,a.toDisplayString)(e.total)+` `+(0,a.toDisplayString)(e.itemLabel),1)]),(0,a.createElementVNode)(`div`,f,[(0,a.createElementVNode)(`span`,p,` Page `+(0,a.toDisplayString)(y.value)+` of `+(0,a.toDisplayString)(v.value),1),(0,a.createVNode)(r.t,{class:`nb-pagination__nav`,variant:`ghost`,size:h.value,icon:s,disabled:e.disabled||y.value<=1,"aria-label":`Previous page`,onClick:n[0]||=e=>S(y.value-1)},null,8,[`size`,`disabled`]),(0,a.createVNode)(r.t,{class:`nb-pagination__nav`,variant:`ghost`,size:h.value,icon:o,disabled:e.disabled||y.value>=v.value,"aria-label":`Next page`,onClick:n[1]||=e=>S(y.value+1)},null,8,[`size`,`disabled`])])],2))}}),h=t.t(m,[[`__scopeId`,`data-v-884e19f9`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return h}});
|
|
@@ -10,6 +10,6 @@ var c = /* @__PURE__ */ e(/* @__PURE__ */ r({
|
|
|
10
10
|
let r = e, { layerProps: c } = t({ level: () => r.layer });
|
|
11
11
|
return (e, t) => (a(), n("div", i({ class: "nb-panel" }, s(c)), [o(e.$slots, "default", {}, void 0, !0)], 16));
|
|
12
12
|
}
|
|
13
|
-
}), [["__scopeId", "data-v-
|
|
13
|
+
}), [["__scopeId", "data-v-a0d6ea95"]]);
|
|
14
14
|
//#endregion
|
|
15
15
|
export { c as t };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
require(`./chunk-D-qHiVGv.cjs`);const e=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),t=require(`./composables/useSurfaceLayer.composable.cjs`);let n=require(`vue`);var r=(0,n.defineComponent)({__name:`Panel`,props:{layer:{default:void 0}},setup(e){let r=e,{layerProps:i}=t.useSurfaceLayer({level:()=>r.layer});return(e,t)=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,(0,n.mergeProps)({class:`nb-panel`},(0,n.unref)(i)),[(0,n.renderSlot)(e.$slots,`default`,{},void 0,!0)],16))}}),i=e.t(r,[[`__scopeId`,`data-v-
|
|
1
|
+
require(`./chunk-D-qHiVGv.cjs`);const e=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),t=require(`./composables/useSurfaceLayer.composable.cjs`);let n=require(`vue`);var r=(0,n.defineComponent)({__name:`Panel`,props:{layer:{default:void 0}},setup(e){let r=e,{layerProps:i}=t.useSurfaceLayer({level:()=>r.layer});return(e,t)=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,(0,n.mergeProps)({class:`nb-panel`},(0,n.unref)(i)),[(0,n.renderSlot)(e.$slots,`default`,{},void 0,!0)],16))}}),i=e.t(r,[[`__scopeId`,`data-v-a0d6ea95`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return i}});
|