@nubisco/ui 4.1.4 → 5.0.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/{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.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 +44 -42
- package/dist/main.d.ts +4 -0
- 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/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
|
@@ -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}});
|
|
@@ -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(`./Label-CXejhF9x.cjs`),i=require(`./Message-
|
|
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(`./Label-CXejhF9x.cjs`),i=require(`./Message-Ax7rnAQl.cjs`);let a=require(`vue`),o=require(`@nubisco/ui/icons/warning-circle`);o=e.n(o);let s=require(`@nubisco/ui/icons/check-circle`);s=e.n(s);var c=function(e){return e.Small=`sm`,e.Medium=`md`,e}(c||{}),l=function(e){return e.Active=`active`,e.Finished=`finished`,e.Error=`error`,e}(l||{}),u={key:0,class:`nb-progress-bar__header`},d=[`aria-label`,`aria-valuemax`,`aria-valuenow`],f=(0,a.defineComponent)({__name:`ProgressBar`,props:{value:{default:void 0},max:{default:100},helper:{default:void 0},size:{default:c.Medium},status:{default:l.Active},id:{default:`progress-bar`},label:{}},setup(e){let t=e,c=(0,a.computed)(()=>t.value==null&&t.status===l.Active),f=(0,a.computed)(()=>t.status===l.Active?t.value==null||t.max<=0?0:Math.min(Math.max(t.value/t.max,0),1):1),p=(0,a.computed)(()=>c.value?void 0:f.value*t.max),m=(0,a.computed)(()=>[`nb-progress-bar`,`nb-progress-bar--${t.size}`,`nb-progress-bar--${t.status}`,{"nb-progress-bar--indeterminate":c.value}]),h=(0,a.computed)(()=>({transform:`scaleX(${f.value})`})),g=(0,a.computed)(()=>t.status===l.Finished?s:t.status===l.Error?o:null),_=(0,a.computed)(()=>t.status===l.Error?i.n.Error:i.n.Helper);return(t,o)=>((0,a.openBlock)(),(0,a.createElementBlock)(`div`,{class:(0,a.normalizeClass)(m.value)},[e.label?((0,a.openBlock)(),(0,a.createElementBlock)(`div`,u,[(0,a.createVNode)(r.t,null,{default:(0,a.withCtx)(()=>[(0,a.createTextVNode)((0,a.toDisplayString)(e.label),1)]),_:1}),g.value?((0,a.openBlock)(),(0,a.createBlock)(n.t,{key:0,name:g.value,size:14,class:`nb-progress-bar__status-icon`},null,8,[`name`])):(0,a.createCommentVNode)(``,!0)])):(0,a.createCommentVNode)(``,!0),(0,a.createElementVNode)(`div`,{class:`nb-progress-bar__track`,role:`progressbar`,"aria-label":e.label,"aria-valuemin":`0`,"aria-valuemax":e.max,"aria-valuenow":p.value},[(0,a.createElementVNode)(`div`,{class:`nb-progress-bar__bar`,style:(0,a.normalizeStyle)(h.value)},null,4)],8,d),e.helper?((0,a.openBlock)(),(0,a.createBlock)(i.t,{key:1,variant:_.value,class:`nb-progress-bar__message`},{default:(0,a.withCtx)(()=>[(0,a.createTextVNode)((0,a.toDisplayString)(e.helper),1)]),_:1},8,[`variant`])):(0,a.createCommentVNode)(``,!0)],2))}}),p=t.t(f,[[`__scopeId`,`data-v-5c8dd315`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return p}});
|
|
@@ -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 { n as r, t as i } from "./Message-
|
|
4
|
+
import { n as r, t as i } from "./Message-DqUW3GHc.js";
|
|
5
5
|
import { 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, normalizeStyle as m, openBlock as h, toDisplayString as g, withCtx as _ } from "vue";
|
|
6
6
|
import * as v from "@nubisco/ui/icons/warning-circle";
|
|
7
7
|
import * as y from "@nubisco/ui/icons/check-circle";
|
|
@@ -66,6 +66,6 @@ var b = /* @__PURE__ */ function(e) {
|
|
|
66
66
|
}, 8, ["variant"])) : s("", !0)
|
|
67
67
|
], 2));
|
|
68
68
|
}
|
|
69
|
-
}), [["__scopeId", "data-v-
|
|
69
|
+
}), [["__scopeId", "data-v-5c8dd315"]]);
|
|
70
70
|
//#endregion
|
|
71
71
|
export { w as t };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { t as e } from "./_plugin-vue_export-helper-O4QQSku4.js";
|
|
2
2
|
import { t } from "./Label-t49uSLIY.js";
|
|
3
|
-
import { t as n } from "./Message-
|
|
3
|
+
import { t as n } from "./Message-DqUW3GHc.js";
|
|
4
4
|
import { Fragment as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, defineComponent as u, normalizeClass as d, openBlock as f, renderList as p, toDisplayString as m, withCtx as h } from "vue";
|
|
5
5
|
//#region src/components/Radio.d.ts
|
|
6
6
|
var g = /* @__PURE__ */ function(e) {
|
|
@@ -93,6 +93,6 @@ var g = /* @__PURE__ */ function(e) {
|
|
|
93
93
|
})) : o("", !0)
|
|
94
94
|
], 2));
|
|
95
95
|
}
|
|
96
|
-
}), [["__scopeId", "data-v-
|
|
96
|
+
}), [["__scopeId", "data-v-e4a0c524"]]);
|
|
97
97
|
//#endregion
|
|
98
98
|
export { S as t };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
require(`./chunk-D-qHiVGv.cjs`);const e=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),t=require(`./Label-CXejhF9x.cjs`),n=require(`./Message-
|
|
1
|
+
require(`./chunk-D-qHiVGv.cjs`);const e=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),t=require(`./Label-CXejhF9x.cjs`),n=require(`./Message-Ax7rnAQl.cjs`);let r=require(`vue`);var i=function(e){return e.Horizontal=`horizontal`,e.Vertical=`vertical`,e}(i||{}),a={class:`nb-radio__control`},o=[`name`,`value`,`checked`,`disabled`,`readonly`,`onChange`],s={class:`nb-radio__circle`},c={key:0,class:`nb-radio__dot`},l={class:`nb-radio__text`},u=(0,r.defineComponent)({__name:`Radio`,props:{modelValue:{},options:{},name:{},direction:{default:i.Vertical},readonly:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},required:{type:Boolean},id:{default:`radio`},label:{},error:{default:void 0},warning:{default:void 0},helper:{default:void 0}},emits:[`update:modelValue`],setup(e){let i=e,u=(0,r.computed)(()=>[`nb-radio`,{"nb-radio--error":!!i.error,"nb-radio--warning":!i.error&&!!i.warning,"nb-radio--disabled":i.disabled,"nb-radio--readonly":i.readonly}]);function d(e){return[`nb-radio__option`,{"nb-radio__option--disabled":i.disabled||e.disabled,"nb-radio__option--readonly":i.readonly}]}return(i,f)=>((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{class:(0,r.normalizeClass)(u.value)},[e.label?((0,r.openBlock)(),(0,r.createBlock)(t.t,{key:0},{default:(0,r.withCtx)(()=>[(0,r.createTextVNode)((0,r.toDisplayString)(e.label),1)]),_:1})):(0,r.createCommentVNode)(``,!0),(0,r.createElementVNode)(`div`,{class:(0,r.normalizeClass)([`nb-radio__group`,`nb-radio__group--${e.direction}`])},[((0,r.openBlock)(!0),(0,r.createElementBlock)(r.Fragment,null,(0,r.renderList)(e.options,t=>((0,r.openBlock)(),(0,r.createElementBlock)(`label`,{key:t.value,class:(0,r.normalizeClass)(d(t))},[(0,r.createElementVNode)(`span`,a,[(0,r.createElementVNode)(`input`,{type:`radio`,name:e.name,value:t.value,checked:e.modelValue===t.value,disabled:e.disabled||t.disabled,readonly:e.readonly,class:`nb-radio__input`,onChange:n=>!e.readonly&&i.$emit(`update:modelValue`,t.value)},null,40,o),(0,r.createElementVNode)(`span`,s,[e.modelValue===t.value?((0,r.openBlock)(),(0,r.createElementBlock)(`span`,c)):(0,r.createCommentVNode)(``,!0)])]),(0,r.createElementVNode)(`span`,l,(0,r.toDisplayString)(t.label),1)],2))),128))],2),e.error?((0,r.openBlock)(),(0,r.createBlock)(n.t,{key:1,variant:`error`,class:`nb-radio__message`},{default:(0,r.withCtx)(()=>[(0,r.createTextVNode)((0,r.toDisplayString)(e.error),1)]),_:1})):e.warning?((0,r.openBlock)(),(0,r.createBlock)(n.t,{key:2,variant:`warning`,class:`nb-radio__message`},{default:(0,r.withCtx)(()=>[(0,r.createTextVNode)((0,r.toDisplayString)(e.warning),1)]),_:1})):e.helper?((0,r.openBlock)(),(0,r.createBlock)(n.t,{key:3,variant:`helper`,class:`nb-radio__message`},{default:(0,r.withCtx)(()=>[(0,r.createTextVNode)((0,r.toDisplayString)(e.helper),1)]),_:1})):(0,r.createCommentVNode)(``,!0)],2))}}),d=e.t(u,[[`__scopeId`,`data-v-e4a0c524`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return d}});
|
|
@@ -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/useStableId.composable.cjs`);let r=require(`vue`),i=require(`@nubisco/ui/icons/dots-six-vertical`);var a=[`aria-label`,`aria-describedby`],o=[`data-index`,`onPointerdown`],s=[`tabindex`,`aria-disabled`,`aria-label`,`onKeydown`,`onBlur`],c={class:`nb-reorder-list__content`},l=[`id`],u={class:`nb-reorder-list__sr`,"aria-live":`assertive`},d=(0,r.defineComponent)({__name:`ReorderList`,props:{modelValue:{default:()=>[]},itemKey:{type:[String,Function],default:void 0},handle:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},label:{default:``}},emits:[`update:modelValue`,`reorder`],setup(e,{emit:d}){let f=e,p=d,m=n.useStableId({}),h=(0,r.ref)(null),g=(0,r.computed)(()=>f.modelValue);function _(e,t){let n=f.itemKey;return typeof n==`function`?n(e,t):typeof n==`string`?e?.[n]:t}function v(e){let t=g.value[e];if(t&&typeof t==`object`){let e=t,n=e.label??e.name??e.title;if(typeof n==`string`)return n}return String(t??`Item ${e+1}`)}function y(e){let t=`${v(e)}, ${e+1} of ${g.value.length}`;return S.value===e?`${t}, picked up`:t}let b=(0,r.ref)(``);function x(e,t,n){if(e===t||e<0||t<0)return;let r=[...g.value],[i]=r.splice(e,1);r.splice(t,0,i),p(`update:modelValue`,r),p(`reorder`,{from:e,to:t,via:n}),b.value=`${v(e)} moved to position ${t+1} of ${r.length}`}let S=(0,r.ref)(null);function C(e,t){if(f.disabled)return;if(e.key===`Escape`&&S.value!==null){e.preventDefault(),S.value=null,b.value=`Move cancelled`;return}if(e.key===` `||e.key===`Enter`){e.preventDefault(),S.value===t?(S.value=null,b.value=`${v(t)} dropped at position ${t+1}`):(S.value=t,b.value=`${v(t)} picked up, position ${t+1} of ${g.value.length}`);return}let n=e.key===`ArrowUp`?-1:e.key===`ArrowDown`?1:0;if(!n)return;e.preventDefault();let r=t+n;r<0||r>=g.value.length||(S.value===t?(x(t,r,`keyboard`),S.value=r,w(r)):w(r))}async function w(e){await Promise.resolve(),(h.value?.querySelector(`[data-index="${e}"] .nb-reorder-list__grab`))?.focus()}function T(e){S.value===e&&(S.value=null)}let E=(0,r.ref)(null),D=(0,r.ref)(null);function O(e,t){if(f.disabled||e.button!==0)return;let n=e.target,r=!!n.closest(`.nb-reorder-list__grab`);f.handle&&!r||!r&&n.closest(`button, a, input, select, textarea`)||(S.value=null,E.value=t,D.value=t,A(),window.addEventListener(`pointermove`,M),window.addEventListener(`pointerup`,N))}let k=null;function A(){typeof document>`u`||k!==null||(k=document.body.style.userSelect,document.body.style.userSelect=`none`,document.body.style.setProperty(`-webkit-user-select`,`none`))}function j(){typeof document>`u`||k===null||(document.body.style.userSelect=k,document.body.style.removeProperty(`-webkit-user-select`),k=null)}function M(e){if(E.value===null||!h.value)return;let t=[...h.value.querySelectorAll(`[data-index]`)],n=t.length;for(let r of t){let t=r.getBoundingClientRect();if(e.clientY<t.top+t.height/2){n=Number(r.dataset.index);break}}D.value=n}function N(){let e=E.value,t=D.value;P(),!(e===null||t===null)&&x(e,t>e?t-1:t,`pointer`)}function P(){j(),E.value=null,D.value=null,window.removeEventListener(`pointermove`,M),window.removeEventListener(`pointerup`,N)}return(0,r.onBeforeUnmount)(P),(n,d)=>((0,r.openBlock)(),(0,r.createElementBlock)(`ul`,{ref_key:`listRef`,ref:h,class:(0,r.normalizeClass)([`nb-reorder-list`,{"nb-reorder-list--dragging":E.value!==null}]),role:`list`,"aria-label":e.label||void 0,"aria-describedby":`${(0,r.unref)(m)}-hint`},[((0,r.openBlock)(!0),(0,r.createElementBlock)(r.Fragment,null,(0,r.renderList)(g.value,(a,l)=>((0,r.openBlock)(),(0,r.createElementBlock)(`li`,{key:_(a,l),class:(0,r.normalizeClass)([`nb-reorder-list__row`,{"nb-reorder-list__row--dragging":E.value===l,"nb-reorder-list__row--lifted":S.value===l,"nb-reorder-list__row--drop-before":D.value===l,"nb-reorder-list__row--drop-after":D.value===l+1&&l===g.value.length-1}]),"data-index":l,onPointerdown:e=>O(e,l)},[(0,r.createElementVNode)(`div`,{class:`nb-reorder-list__grab`,tabindex:e.disabled?-1:0,role:`button`,"aria-disabled":e.disabled||void 0,"aria-label":y(l),onKeydown:e=>C(e,l),onBlur:e=>T(l)},[(0,r.renderSlot)(n.$slots,`handle`,{item:a,index:l},()=>[(0,r.createVNode)(t.t,{class:`nb-reorder-list__grip`,name:(0,r.unref)(i.regular),size:16,"aria-hidden":`true`},null,8,[`name`])],!0)],40,s),(0,r.createElementVNode)(`div`,c,[(0,r.renderSlot)(n.$slots,`default`,{item:a,index:l},()=>[(0,r.createTextVNode)((0,r.toDisplayString)(a),1)],!0)])],42,o))),128)),(0,r.createElementVNode)(`li`,{id:`${(0,r.unref)(m)}-hint`,class:`nb-reorder-list__sr`},` Press Space or Enter to pick up, arrow keys to move, Space or Enter to drop, Escape to cancel. `,8,l),(0,r.createElementVNode)(`li`,u,(0,r.toDisplayString)(b.value),1)],10,a))}}),f=e.t(d,[[`__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`),n=require(`./composables/useStableId.composable.cjs`);let r=require(`vue`),i=require(`@nubisco/ui/icons/dots-six-vertical`);var a=[`aria-label`,`aria-describedby`],o=[`data-index`,`onPointerdown`],s=[`tabindex`,`aria-disabled`,`aria-label`,`onKeydown`,`onBlur`],c={class:`nb-reorder-list__content`},l=[`id`],u={class:`nb-reorder-list__sr`,"aria-live":`assertive`},d=(0,r.defineComponent)({__name:`ReorderList`,props:{modelValue:{default:()=>[]},itemKey:{type:[String,Function],default:void 0},handle:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},label:{default:``}},emits:[`update:modelValue`,`reorder`],setup(e,{emit:d}){let f=e,p=d,m=n.useStableId({}),h=(0,r.ref)(null),g=(0,r.computed)(()=>f.modelValue);function _(e,t){let n=f.itemKey;return typeof n==`function`?n(e,t):typeof n==`string`?e?.[n]:t}function v(e){let t=g.value[e];if(t&&typeof t==`object`){let e=t,n=e.label??e.name??e.title;if(typeof n==`string`)return n}return String(t??`Item ${e+1}`)}function y(e){let t=`${v(e)}, ${e+1} of ${g.value.length}`;return S.value===e?`${t}, picked up`:t}let b=(0,r.ref)(``);function x(e,t,n){if(e===t||e<0||t<0)return;let r=[...g.value],[i]=r.splice(e,1);r.splice(t,0,i),p(`update:modelValue`,r),p(`reorder`,{from:e,to:t,via:n}),b.value=`${v(e)} moved to position ${t+1} of ${r.length}`}let S=(0,r.ref)(null);function C(e,t){if(f.disabled)return;if(e.key===`Escape`&&S.value!==null){e.preventDefault(),S.value=null,b.value=`Move cancelled`;return}if(e.key===` `||e.key===`Enter`){e.preventDefault(),S.value===t?(S.value=null,b.value=`${v(t)} dropped at position ${t+1}`):(S.value=t,b.value=`${v(t)} picked up, position ${t+1} of ${g.value.length}`);return}let n=e.key===`ArrowUp`?-1:e.key===`ArrowDown`?1:0;if(!n)return;e.preventDefault();let r=t+n;r<0||r>=g.value.length||(S.value===t?(x(t,r,`keyboard`),S.value=r,w(r)):w(r))}async function w(e){await Promise.resolve(),(h.value?.querySelector(`[data-index="${e}"] .nb-reorder-list__grab`))?.focus()}function T(e){S.value===e&&(S.value=null)}let E=(0,r.ref)(null),D=(0,r.ref)(null);function O(e,t){if(f.disabled||e.button!==0)return;let n=e.target,r=!!n.closest(`.nb-reorder-list__grab`);f.handle&&!r||!r&&n.closest(`button, a, input, select, textarea`)||(S.value=null,E.value=t,D.value=t,A(),window.addEventListener(`pointermove`,M),window.addEventListener(`pointerup`,N))}let k=null;function A(){typeof document>`u`||k!==null||(k=document.body.style.userSelect,document.body.style.userSelect=`none`,document.body.style.setProperty(`-webkit-user-select`,`none`))}function j(){typeof document>`u`||k===null||(document.body.style.userSelect=k,document.body.style.removeProperty(`-webkit-user-select`),k=null)}function M(e){if(E.value===null||!h.value)return;let t=[...h.value.querySelectorAll(`[data-index]`)],n=t.length;for(let r of t){let t=r.getBoundingClientRect();if(e.clientY<t.top+t.height/2){n=Number(r.dataset.index);break}}D.value=n}function N(){let e=E.value,t=D.value;P(),!(e===null||t===null)&&x(e,t>e?t-1:t,`pointer`)}function P(){j(),E.value=null,D.value=null,window.removeEventListener(`pointermove`,M),window.removeEventListener(`pointerup`,N)}return(0,r.onBeforeUnmount)(P),(n,d)=>((0,r.openBlock)(),(0,r.createElementBlock)(`ul`,{ref_key:`listRef`,ref:h,class:(0,r.normalizeClass)([`nb-reorder-list`,{"nb-reorder-list--dragging":E.value!==null}]),role:`list`,"aria-label":e.label||void 0,"aria-describedby":`${(0,r.unref)(m)}-hint`},[((0,r.openBlock)(!0),(0,r.createElementBlock)(r.Fragment,null,(0,r.renderList)(g.value,(a,l)=>((0,r.openBlock)(),(0,r.createElementBlock)(`li`,{key:_(a,l),class:(0,r.normalizeClass)([`nb-reorder-list__row`,{"nb-reorder-list__row--dragging":E.value===l,"nb-reorder-list__row--lifted":S.value===l,"nb-reorder-list__row--drop-before":D.value===l,"nb-reorder-list__row--drop-after":D.value===l+1&&l===g.value.length-1}]),"data-index":l,onPointerdown:e=>O(e,l)},[(0,r.createElementVNode)(`div`,{class:`nb-reorder-list__grab`,tabindex:e.disabled?-1:0,role:`button`,"aria-disabled":e.disabled||void 0,"aria-label":y(l),onKeydown:e=>C(e,l),onBlur:e=>T(l)},[(0,r.renderSlot)(n.$slots,`handle`,{item:a,index:l},()=>[(0,r.createVNode)(t.t,{class:`nb-reorder-list__grip`,name:(0,r.unref)(i.regular),size:16,"aria-hidden":`true`},null,8,[`name`])],!0)],40,s),(0,r.createElementVNode)(`div`,c,[(0,r.renderSlot)(n.$slots,`default`,{item:a,index:l},()=>[(0,r.createTextVNode)((0,r.toDisplayString)(a),1)],!0)])],42,o))),128)),(0,r.createElementVNode)(`li`,{id:`${(0,r.unref)(m)}-hint`,class:`nb-reorder-list__sr`},` Press Space or Enter to pick up, arrow keys to move, Space or Enter to drop, Escape to cancel. `,8,l),(0,r.createElementVNode)(`li`,u,(0,r.toDisplayString)(b.value),1)],10,a))}}),f=e.t(d,[[`__scopeId`,`data-v-c096ef43`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return f}});
|
|
@@ -160,6 +160,6 @@ var y = ["aria-label", "aria-describedby"], b = ["data-index", "onPointerdown"],
|
|
|
160
160
|
o("li", w, g(N.value), 1)
|
|
161
161
|
], 10, y));
|
|
162
162
|
}
|
|
163
|
-
}), [["__scopeId", "data-v-
|
|
163
|
+
}), [["__scopeId", "data-v-c096ef43"]]);
|
|
164
164
|
//#endregion
|
|
165
165
|
export { T as t };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { t as e } from "./Icon-rREAqsu0.js";
|
|
2
2
|
import { t } from "./Label-t49uSLIY.js";
|
|
3
|
-
import { t as n } from "./Message-
|
|
3
|
+
import { t as n } from "./Message-DqUW3GHc.js";
|
|
4
4
|
import { t as r } from "./Grid-CVNb1HcS.js";
|
|
5
5
|
import { Fragment as i, Teleport as ee, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, createVNode as d, defineComponent as f, nextTick as p, normalizeClass as m, normalizeStyle as h, onBeforeUnmount as te, openBlock as g, ref as _, renderList as ne, renderSlot as v, toDisplayString as y, unref as b, useId as x, vModelText as S, watch as re, withCtx as C, withDirectives as ie, withKeys as ae, withModifiers as w } from "vue";
|
|
6
6
|
import { regular as T } from "@nubisco/ui/icons/caret-down";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
require(`./chunk-D-qHiVGv.cjs`);const e=require(`./Icon-C8R_r_In.cjs`),t=require(`./Label-CXejhF9x.cjs`),n=require(`./Message-Daj6hLC4.cjs`),r=require(`./Grid-DVT8lBHr.cjs`);let i=require(`vue`),a=require(`@nubisco/ui/icons/caret-down`),o=require(`@nubisco/ui/icons/caret-up`);var s=[`id`,`aria-expanded`,`aria-disabled`,`aria-required`,`disabled`],c=[`id`,`aria-expanded`,`aria-disabled`,`aria-required`,`disabled`],l={key:1,class:`nb-select__inner-label`},u={key:0,class:`nb-select__asterisk`,"aria-hidden":`true`},d=[`aria-multiselectable`],f=[`aria-selected`,`aria-disabled`,`onMouseenter`,`onClick`],p={key:0,class:`nb-select__option-check`,"aria-hidden":`true`},m={key:0,viewBox:`0 0 10 8`,fill:`none`,width:`10`,height:`8`},h={class:`nb-select__option-label`},g={key:0,class:`nb-select__empty`},_=[`placeholder`,`onKeydown`],v=(0,i.defineComponent)({__name:`Select`,props:{modelValue:{default:null},options:{default:()=>[]},multiple:{type:Boolean,default:!1},creatable:{type:Boolean,default:!1},createPlaceholder:{default:``},placeholder:{default:`Select…`},name:{default:``},disabled:{type:Boolean,default:!1},required:{type:Boolean,default:!1},id:{default:void 0},label:{default:``},error:{default:``},warning:{default:``},helper:{default:``},variant:{default:`default`},size:{default:`md`}},emits:[`update:modelValue`,`change`,`create`],setup(v,{expose:y,emit:b}){let x=v,S=b,C=(0,i.ref)(``);function w(){let e=C.value.trim();e&&(S(`create`,e),C.value=``)}let T=(0,i.ref)(!1),E=(0,i.ref)(!1),D=(0,i.ref)(-1),O=(0,i.ref)(null),k=(0,i.ref)(null),A=(0,i.ref)(null),j=(0,i.ref)({position:`fixed`,top:`0px`,left:`0px`,width:`0px`,zIndex:`9999`}),M=`nb-select-${(0,i.useId)()}`,N=(0,i.computed)(()=>x.id??M),P=(0,i.computed)(()=>x.modelValue==null?[]:Array.isArray(x.modelValue)?x.modelValue:[x.modelValue]),F=(0,i.computed)(()=>{if(P.value.length===0)return``;let e=x.options??[];return x.multiple?P.value.length===1?e.find(e=>e.value===P.value[0])?.label??String(P.value[0]):P.value.length===2?P.value.map(t=>e.find(e=>e.value===t)?.label??String(t)).join(`, `):`${P.value.length} selected`:e.find(e=>e.value===P.value[0])?.label??String(P.value[0])});function I(e){return P.value.includes(e)}function L(e){if(e.disabled)return;let t;if(x.multiple){let n=[...P.value],r=n.indexOf(e.value);r>=0?n.splice(r,1):n.push(e.value),t=n}else t=e.value,B();S(`update:modelValue`,t),S(`change`,t)}function R(){if(!k.value)return;let e=k.value.getBoundingClientRect(),t=A.value?.offsetHeight??0,n=window.innerHeight-e.bottom,r=e.top;j.value={position:`fixed`,top:t>0&&n<t&&r>n?`${e.top-t}px`:`${e.bottom}px`,left:`${e.left}px`,width:`${e.width}px`,zIndex:`9999`}}function z(){if(x.disabled)return;T.value=!0,R();let e=x.options??[];D.value=P.value.length>0?Math.max(0,e.findIndex(e=>e.value===P.value[0])):-1,(0,i.nextTick)(()=>{R(),G()})}function B(){T.value=!1,D.value=-1}function V(){T.value?B():z()}function H(e){let t=e.target,n=O.value?.contains(t)??!1,r=A.value?.contains(t)??!1;!n&&!r&&B()}function U(){T.value&&R()}(0,i.watch)(T,e=>{e?(document.addEventListener(`mousedown`,H),window.addEventListener(`scroll`,U,!0),window.addEventListener(`resize`,U)):(document.removeEventListener(`mousedown`,H),window.removeEventListener(`scroll`,U,!0),window.removeEventListener(`resize`,U))}),(0,i.onBeforeUnmount)(()=>{document.removeEventListener(`mousedown`,H),window.removeEventListener(`scroll`,U,!0),window.removeEventListener(`resize`,U)});function W(e){let t=x.options??[];if(!T.value){(e.key===`Enter`||e.key===` `||e.key===`ArrowDown`)&&(e.preventDefault(),z());return}e.key===`Escape`?(B(),e.preventDefault()):e.key===`Tab`?B():e.key===`ArrowDown`?(e.preventDefault(),D.value=Math.min(D.value+1,t.length-1),G()):e.key===`ArrowUp`?(e.preventDefault(),D.value=Math.max(D.value-1,0),G()):(e.key===`Enter`||e.key===` `)&&D.value>=0&&(e.preventDefault(),L(t[D.value]))}function G(){(0,i.nextTick)(()=>{!A.value||D.value<0||A.value.querySelectorAll(`.nb-select__option`)[D.value]?.scrollIntoView({block:`nearest`})})}let K=(0,i.computed)(()=>[`nb-select`,`nb-select--${x.variant}`,`nb-select--${x.size}`,{"nb-select--open":T.value,"nb-select--focused":E.value&&!T.value,"nb-select--error":!!x.error,"nb-select--warning":!x.error&&!!x.warning,"nb-select--multiple":x.multiple}]);return y({open:z,close:B}),(y,b)=>((0,i.openBlock)(),(0,i.createElementBlock)(i.Fragment,null,[(0,i.createElementVNode)(`div`,{ref_key:`rootRef`,ref:O,class:(0,i.normalizeClass)(K.value),onKeydown:W},[v.variant===`default`?((0,i.openBlock)(),(0,i.createElementBlock)(i.Fragment,{key:0},[y.$slots.label?(0,i.renderSlot)(y.$slots,`label`,{key:0}):v.label?((0,i.openBlock)(),(0,i.createBlock)(t.t,{key:1,for:N.value,required:v.required,disabled:v.disabled},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(v.label),1)]),_:1},8,[`for`,`required`,`disabled`])):(0,i.createCommentVNode)(``,!0),(0,i.createElementVNode)(`button`,{id:N.value,ref_key:`triggerRef`,ref:k,type:`button`,class:`nb-select__trigger`,role:`combobox`,"aria-expanded":T.value,"aria-haspopup":`listbox`,"aria-disabled":v.disabled||void 0,"aria-required":v.required||void 0,disabled:v.disabled||void 0,onClick:V,onFocus:b[0]||=e=>E.value=!0,onBlur:b[1]||=e=>E.value=!1},[(0,i.createElementVNode)(`span`,{class:(0,i.normalizeClass)([`nb-select__value`,{"nb-select__value--placeholder":!F.value}])},[F.value?(0,i.renderSlot)(y.$slots,`value`,{key:0,values:P.value},()=>[(0,i.createTextVNode)((0,i.toDisplayString)(F.value),1)]):((0,i.openBlock)(),(0,i.createElementBlock)(i.Fragment,{key:1},[(0,i.createTextVNode)((0,i.toDisplayString)(v.placeholder),1)],64))],2),v.error?((0,i.openBlock)(),(0,i.createBlock)(n.t,{key:0,variant:`error`,"icon-only":!0,class:`nb-select__status-icon`},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(v.error),1)]),_:1})):v.warning?((0,i.openBlock)(),(0,i.createBlock)(n.t,{key:1,variant:`warning`,"icon-only":!0,class:`nb-select__status-icon`},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(v.warning),1)]),_:1})):(0,i.createCommentVNode)(``,!0),(0,i.createVNode)(r.t,{align:`center`,justify:`center`,class:`nb-select__caret`},{default:(0,i.withCtx)(()=>[(0,i.createVNode)(e.t,{name:T.value?(0,i.unref)(o.regular):(0,i.unref)(a.regular),size:16},null,8,[`name`])]),_:1})],40,s),v.error?((0,i.openBlock)(),(0,i.createBlock)(n.t,{key:2,variant:`error`,class:`nb-select__message`},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(v.error),1)]),_:1})):v.warning?((0,i.openBlock)(),(0,i.createBlock)(n.t,{key:3,variant:`warning`,class:`nb-select__message`},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(v.warning),1)]),_:1})):v.helper?((0,i.openBlock)(),(0,i.createBlock)(n.t,{key:4,variant:`helper`,class:`nb-select__message`},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(v.helper),1)]),_:1})):(0,i.createCommentVNode)(``,!0)],64)):v.variant===`fluid`?((0,i.openBlock)(),(0,i.createElementBlock)(i.Fragment,{key:1},[(0,i.createElementVNode)(`button`,{id:N.value,ref_key:`triggerRef`,ref:k,type:`button`,class:`nb-select__trigger`,role:`combobox`,"aria-expanded":T.value,"aria-haspopup":`listbox`,"aria-disabled":v.disabled||void 0,"aria-required":v.required||void 0,disabled:v.disabled||void 0,onClick:V,onFocus:b[2]||=e=>E.value=!0,onBlur:b[3]||=e=>E.value=!1},[v.label||y.$slots.label?((0,i.openBlock)(),(0,i.createBlock)(r.t,{key:0,dir:`row`,align:`center`,gap:`xs`,class:`nb-select__inner-header`},{default:(0,i.withCtx)(()=>[y.$slots.label?(0,i.renderSlot)(y.$slots,`label`,{key:0}):((0,i.openBlock)(),(0,i.createElementBlock)(`label`,l,[(0,i.createTextVNode)((0,i.toDisplayString)(v.label)+` `,1),v.required?((0,i.openBlock)(),(0,i.createElementBlock)(`span`,u,`*`)):(0,i.createCommentVNode)(``,!0)])),v.helper&&!v.error&&!v.warning?((0,i.openBlock)(),(0,i.createBlock)(n.t,{key:2,variant:`helper`,"icon-only":!0,class:`nb-select__inner-message`},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(v.helper),1)]),_:1})):(0,i.createCommentVNode)(``,!0)]),_:3})):(0,i.createCommentVNode)(``,!0),(0,i.createVNode)(r.t,{dir:`row`,align:`end`,flex:``,class:`nb-select__value-row`},{default:(0,i.withCtx)(()=>[(0,i.createElementVNode)(`span`,{class:(0,i.normalizeClass)([`nb-select__value`,{"nb-select__value--placeholder":!F.value}])},[F.value?(0,i.renderSlot)(y.$slots,`value`,{key:0,values:P.value},()=>[(0,i.createTextVNode)((0,i.toDisplayString)(F.value),1)]):((0,i.openBlock)(),(0,i.createElementBlock)(i.Fragment,{key:1},[(0,i.createTextVNode)((0,i.toDisplayString)(v.placeholder),1)],64))],2),(0,i.createVNode)(r.t,{align:`center`,justify:`center`,class:`nb-select__caret`},{default:(0,i.withCtx)(()=>[(0,i.createVNode)(e.t,{name:T.value?(0,i.unref)(o.regular):(0,i.unref)(a.regular),size:16},null,8,[`name`])]),_:1})]),_:3})],40,c),v.error?((0,i.openBlock)(),(0,i.createBlock)(n.t,{key:0,variant:`error`,class:`nb-select__fluid-message`},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(v.error),1)]),_:1})):v.warning?((0,i.openBlock)(),(0,i.createBlock)(n.t,{key:1,variant:`warning`,class:`nb-select__fluid-message`},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(v.warning),1)]),_:1})):(0,i.createCommentVNode)(``,!0)],64)):(0,i.createCommentVNode)(``,!0)],34),((0,i.openBlock)(),(0,i.createBlock)(i.Teleport,{to:`body`},[T.value?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{key:0,ref_key:`dropdownRef`,ref:A,class:`nb-select__dropdown`,style:(0,i.normalizeStyle)(j.value),role:`listbox`,"aria-multiselectable":v.multiple||void 0},[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(v.options,(e,t)=>((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{key:e.value,class:(0,i.normalizeClass)([`nb-select__option`,{"nb-select__option--selected":I(e.value),"nb-select__option--highlighted":D.value===t,"nb-select__option--disabled":e.disabled}]),role:`option`,"aria-selected":I(e.value),"aria-disabled":e.disabled||void 0,onMouseenter:e=>D.value=t,onClick:t=>L(e)},[v.multiple?((0,i.openBlock)(),(0,i.createElementBlock)(`span`,p,[I(e.value)?((0,i.openBlock)(),(0,i.createElementBlock)(`svg`,m,[...b[7]||=[(0,i.createElementVNode)(`path`,{d:`M1 4l3 3 5-6`,stroke:`currentColor`,"stroke-width":`1.5`,"stroke-linecap":`round`,"stroke-linejoin":`round`},null,-1)]])):(0,i.createCommentVNode)(``,!0)])):(0,i.createCommentVNode)(``,!0),(0,i.createElementVNode)(`span`,h,[(0,i.renderSlot)(y.$slots,`option`,{option:e},()=>[(0,i.createTextVNode)((0,i.toDisplayString)(e.label),1)])])],42,f))),128)),!v.options||v.options.length===0?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,g,` No options `)):(0,i.createCommentVNode)(``,!0),v.creatable?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{key:1,class:`nb-select__create`,onMousedown:b[6]||=(0,i.withModifiers)(()=>{},[`prevent`])},[(0,i.withDirectives)((0,i.createElementVNode)(`input`,{"onUpdate:modelValue":b[4]||=e=>C.value=e,type:`text`,class:`nb-select__create-input`,placeholder:v.createPlaceholder||`Add new…`,onKeydown:[(0,i.withKeys)((0,i.withModifiers)(w,[`prevent`]),[`enter`]),b[5]||=(0,i.withModifiers)(()=>{},[`stop`])]},null,40,_),[[i.vModelText,C.value]])],32)):(0,i.createCommentVNode)(``,!0)],12,d)):(0,i.createCommentVNode)(``,!0)]))],64))}});Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return v}});
|
|
1
|
+
require(`./chunk-D-qHiVGv.cjs`);const e=require(`./Icon-C8R_r_In.cjs`),t=require(`./Label-CXejhF9x.cjs`),n=require(`./Message-Ax7rnAQl.cjs`),r=require(`./Grid-DVT8lBHr.cjs`);let i=require(`vue`),a=require(`@nubisco/ui/icons/caret-down`),o=require(`@nubisco/ui/icons/caret-up`);var s=[`id`,`aria-expanded`,`aria-disabled`,`aria-required`,`disabled`],c=[`id`,`aria-expanded`,`aria-disabled`,`aria-required`,`disabled`],l={key:1,class:`nb-select__inner-label`},u={key:0,class:`nb-select__asterisk`,"aria-hidden":`true`},d=[`aria-multiselectable`],f=[`aria-selected`,`aria-disabled`,`onMouseenter`,`onClick`],p={key:0,class:`nb-select__option-check`,"aria-hidden":`true`},m={key:0,viewBox:`0 0 10 8`,fill:`none`,width:`10`,height:`8`},h={class:`nb-select__option-label`},g={key:0,class:`nb-select__empty`},_=[`placeholder`,`onKeydown`],v=(0,i.defineComponent)({__name:`Select`,props:{modelValue:{default:null},options:{default:()=>[]},multiple:{type:Boolean,default:!1},creatable:{type:Boolean,default:!1},createPlaceholder:{default:``},placeholder:{default:`Select…`},name:{default:``},disabled:{type:Boolean,default:!1},required:{type:Boolean,default:!1},id:{default:void 0},label:{default:``},error:{default:``},warning:{default:``},helper:{default:``},variant:{default:`default`},size:{default:`md`}},emits:[`update:modelValue`,`change`,`create`],setup(v,{expose:y,emit:b}){let x=v,S=b,C=(0,i.ref)(``);function w(){let e=C.value.trim();e&&(S(`create`,e),C.value=``)}let T=(0,i.ref)(!1),E=(0,i.ref)(!1),D=(0,i.ref)(-1),O=(0,i.ref)(null),k=(0,i.ref)(null),A=(0,i.ref)(null),j=(0,i.ref)({position:`fixed`,top:`0px`,left:`0px`,width:`0px`,zIndex:`9999`}),M=`nb-select-${(0,i.useId)()}`,N=(0,i.computed)(()=>x.id??M),P=(0,i.computed)(()=>x.modelValue==null?[]:Array.isArray(x.modelValue)?x.modelValue:[x.modelValue]),F=(0,i.computed)(()=>{if(P.value.length===0)return``;let e=x.options??[];return x.multiple?P.value.length===1?e.find(e=>e.value===P.value[0])?.label??String(P.value[0]):P.value.length===2?P.value.map(t=>e.find(e=>e.value===t)?.label??String(t)).join(`, `):`${P.value.length} selected`:e.find(e=>e.value===P.value[0])?.label??String(P.value[0])});function I(e){return P.value.includes(e)}function L(e){if(e.disabled)return;let t;if(x.multiple){let n=[...P.value],r=n.indexOf(e.value);r>=0?n.splice(r,1):n.push(e.value),t=n}else t=e.value,B();S(`update:modelValue`,t),S(`change`,t)}function R(){if(!k.value)return;let e=k.value.getBoundingClientRect(),t=A.value?.offsetHeight??0,n=window.innerHeight-e.bottom,r=e.top;j.value={position:`fixed`,top:t>0&&n<t&&r>n?`${e.top-t}px`:`${e.bottom}px`,left:`${e.left}px`,width:`${e.width}px`,zIndex:`9999`}}function z(){if(x.disabled)return;T.value=!0,R();let e=x.options??[];D.value=P.value.length>0?Math.max(0,e.findIndex(e=>e.value===P.value[0])):-1,(0,i.nextTick)(()=>{R(),G()})}function B(){T.value=!1,D.value=-1}function V(){T.value?B():z()}function H(e){let t=e.target,n=O.value?.contains(t)??!1,r=A.value?.contains(t)??!1;!n&&!r&&B()}function U(){T.value&&R()}(0,i.watch)(T,e=>{e?(document.addEventListener(`mousedown`,H),window.addEventListener(`scroll`,U,!0),window.addEventListener(`resize`,U)):(document.removeEventListener(`mousedown`,H),window.removeEventListener(`scroll`,U,!0),window.removeEventListener(`resize`,U))}),(0,i.onBeforeUnmount)(()=>{document.removeEventListener(`mousedown`,H),window.removeEventListener(`scroll`,U,!0),window.removeEventListener(`resize`,U)});function W(e){let t=x.options??[];if(!T.value){(e.key===`Enter`||e.key===` `||e.key===`ArrowDown`)&&(e.preventDefault(),z());return}e.key===`Escape`?(B(),e.preventDefault()):e.key===`Tab`?B():e.key===`ArrowDown`?(e.preventDefault(),D.value=Math.min(D.value+1,t.length-1),G()):e.key===`ArrowUp`?(e.preventDefault(),D.value=Math.max(D.value-1,0),G()):(e.key===`Enter`||e.key===` `)&&D.value>=0&&(e.preventDefault(),L(t[D.value]))}function G(){(0,i.nextTick)(()=>{!A.value||D.value<0||A.value.querySelectorAll(`.nb-select__option`)[D.value]?.scrollIntoView({block:`nearest`})})}let K=(0,i.computed)(()=>[`nb-select`,`nb-select--${x.variant}`,`nb-select--${x.size}`,{"nb-select--open":T.value,"nb-select--focused":E.value&&!T.value,"nb-select--error":!!x.error,"nb-select--warning":!x.error&&!!x.warning,"nb-select--multiple":x.multiple}]);return y({open:z,close:B}),(y,b)=>((0,i.openBlock)(),(0,i.createElementBlock)(i.Fragment,null,[(0,i.createElementVNode)(`div`,{ref_key:`rootRef`,ref:O,class:(0,i.normalizeClass)(K.value),onKeydown:W},[v.variant===`default`?((0,i.openBlock)(),(0,i.createElementBlock)(i.Fragment,{key:0},[y.$slots.label?(0,i.renderSlot)(y.$slots,`label`,{key:0}):v.label?((0,i.openBlock)(),(0,i.createBlock)(t.t,{key:1,for:N.value,required:v.required,disabled:v.disabled},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(v.label),1)]),_:1},8,[`for`,`required`,`disabled`])):(0,i.createCommentVNode)(``,!0),(0,i.createElementVNode)(`button`,{id:N.value,ref_key:`triggerRef`,ref:k,type:`button`,class:`nb-select__trigger`,role:`combobox`,"aria-expanded":T.value,"aria-haspopup":`listbox`,"aria-disabled":v.disabled||void 0,"aria-required":v.required||void 0,disabled:v.disabled||void 0,onClick:V,onFocus:b[0]||=e=>E.value=!0,onBlur:b[1]||=e=>E.value=!1},[(0,i.createElementVNode)(`span`,{class:(0,i.normalizeClass)([`nb-select__value`,{"nb-select__value--placeholder":!F.value}])},[F.value?(0,i.renderSlot)(y.$slots,`value`,{key:0,values:P.value},()=>[(0,i.createTextVNode)((0,i.toDisplayString)(F.value),1)]):((0,i.openBlock)(),(0,i.createElementBlock)(i.Fragment,{key:1},[(0,i.createTextVNode)((0,i.toDisplayString)(v.placeholder),1)],64))],2),v.error?((0,i.openBlock)(),(0,i.createBlock)(n.t,{key:0,variant:`error`,"icon-only":!0,class:`nb-select__status-icon`},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(v.error),1)]),_:1})):v.warning?((0,i.openBlock)(),(0,i.createBlock)(n.t,{key:1,variant:`warning`,"icon-only":!0,class:`nb-select__status-icon`},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(v.warning),1)]),_:1})):(0,i.createCommentVNode)(``,!0),(0,i.createVNode)(r.t,{align:`center`,justify:`center`,class:`nb-select__caret`},{default:(0,i.withCtx)(()=>[(0,i.createVNode)(e.t,{name:T.value?(0,i.unref)(o.regular):(0,i.unref)(a.regular),size:16},null,8,[`name`])]),_:1})],40,s),v.error?((0,i.openBlock)(),(0,i.createBlock)(n.t,{key:2,variant:`error`,class:`nb-select__message`},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(v.error),1)]),_:1})):v.warning?((0,i.openBlock)(),(0,i.createBlock)(n.t,{key:3,variant:`warning`,class:`nb-select__message`},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(v.warning),1)]),_:1})):v.helper?((0,i.openBlock)(),(0,i.createBlock)(n.t,{key:4,variant:`helper`,class:`nb-select__message`},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(v.helper),1)]),_:1})):(0,i.createCommentVNode)(``,!0)],64)):v.variant===`fluid`?((0,i.openBlock)(),(0,i.createElementBlock)(i.Fragment,{key:1},[(0,i.createElementVNode)(`button`,{id:N.value,ref_key:`triggerRef`,ref:k,type:`button`,class:`nb-select__trigger`,role:`combobox`,"aria-expanded":T.value,"aria-haspopup":`listbox`,"aria-disabled":v.disabled||void 0,"aria-required":v.required||void 0,disabled:v.disabled||void 0,onClick:V,onFocus:b[2]||=e=>E.value=!0,onBlur:b[3]||=e=>E.value=!1},[v.label||y.$slots.label?((0,i.openBlock)(),(0,i.createBlock)(r.t,{key:0,dir:`row`,align:`center`,gap:`xs`,class:`nb-select__inner-header`},{default:(0,i.withCtx)(()=>[y.$slots.label?(0,i.renderSlot)(y.$slots,`label`,{key:0}):((0,i.openBlock)(),(0,i.createElementBlock)(`label`,l,[(0,i.createTextVNode)((0,i.toDisplayString)(v.label)+` `,1),v.required?((0,i.openBlock)(),(0,i.createElementBlock)(`span`,u,`*`)):(0,i.createCommentVNode)(``,!0)])),v.helper&&!v.error&&!v.warning?((0,i.openBlock)(),(0,i.createBlock)(n.t,{key:2,variant:`helper`,"icon-only":!0,class:`nb-select__inner-message`},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(v.helper),1)]),_:1})):(0,i.createCommentVNode)(``,!0)]),_:3})):(0,i.createCommentVNode)(``,!0),(0,i.createVNode)(r.t,{dir:`row`,align:`end`,flex:``,class:`nb-select__value-row`},{default:(0,i.withCtx)(()=>[(0,i.createElementVNode)(`span`,{class:(0,i.normalizeClass)([`nb-select__value`,{"nb-select__value--placeholder":!F.value}])},[F.value?(0,i.renderSlot)(y.$slots,`value`,{key:0,values:P.value},()=>[(0,i.createTextVNode)((0,i.toDisplayString)(F.value),1)]):((0,i.openBlock)(),(0,i.createElementBlock)(i.Fragment,{key:1},[(0,i.createTextVNode)((0,i.toDisplayString)(v.placeholder),1)],64))],2),(0,i.createVNode)(r.t,{align:`center`,justify:`center`,class:`nb-select__caret`},{default:(0,i.withCtx)(()=>[(0,i.createVNode)(e.t,{name:T.value?(0,i.unref)(o.regular):(0,i.unref)(a.regular),size:16},null,8,[`name`])]),_:1})]),_:3})],40,c),v.error?((0,i.openBlock)(),(0,i.createBlock)(n.t,{key:0,variant:`error`,class:`nb-select__fluid-message`},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(v.error),1)]),_:1})):v.warning?((0,i.openBlock)(),(0,i.createBlock)(n.t,{key:1,variant:`warning`,class:`nb-select__fluid-message`},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(v.warning),1)]),_:1})):(0,i.createCommentVNode)(``,!0)],64)):(0,i.createCommentVNode)(``,!0)],34),((0,i.openBlock)(),(0,i.createBlock)(i.Teleport,{to:`body`},[T.value?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{key:0,ref_key:`dropdownRef`,ref:A,class:`nb-select__dropdown`,style:(0,i.normalizeStyle)(j.value),role:`listbox`,"aria-multiselectable":v.multiple||void 0},[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(v.options,(e,t)=>((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{key:e.value,class:(0,i.normalizeClass)([`nb-select__option`,{"nb-select__option--selected":I(e.value),"nb-select__option--highlighted":D.value===t,"nb-select__option--disabled":e.disabled}]),role:`option`,"aria-selected":I(e.value),"aria-disabled":e.disabled||void 0,onMouseenter:e=>D.value=t,onClick:t=>L(e)},[v.multiple?((0,i.openBlock)(),(0,i.createElementBlock)(`span`,p,[I(e.value)?((0,i.openBlock)(),(0,i.createElementBlock)(`svg`,m,[...b[7]||=[(0,i.createElementVNode)(`path`,{d:`M1 4l3 3 5-6`,stroke:`currentColor`,"stroke-width":`1.5`,"stroke-linecap":`round`,"stroke-linejoin":`round`},null,-1)]])):(0,i.createCommentVNode)(``,!0)])):(0,i.createCommentVNode)(``,!0),(0,i.createElementVNode)(`span`,h,[(0,i.renderSlot)(y.$slots,`option`,{option:e},()=>[(0,i.createTextVNode)((0,i.toDisplayString)(e.label),1)])])],42,f))),128)),!v.options||v.options.length===0?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,g,` No options `)):(0,i.createCommentVNode)(``,!0),v.creatable?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{key:1,class:`nb-select__create`,onMousedown:b[6]||=(0,i.withModifiers)(()=>{},[`prevent`])},[(0,i.withDirectives)((0,i.createElementVNode)(`input`,{"onUpdate:modelValue":b[4]||=e=>C.value=e,type:`text`,class:`nb-select__create-input`,placeholder:v.createPlaceholder||`Add new…`,onKeydown:[(0,i.withKeys)((0,i.withModifiers)(w,[`prevent`]),[`enter`]),b[5]||=(0,i.withModifiers)(()=>{},[`stop`])]},null,40,_),[[i.vModelText,C.value]])],32)):(0,i.createCommentVNode)(``,!0)],12,d)):(0,i.createCommentVNode)(``,!0)]))],64))}});Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return v}});
|