@nubisco/ui 5.26.0 → 5.27.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/{ActionGroup-lEopoloN.js → ActionGroup-BepLbLUB.js} +1 -1
- package/dist/{ActionGroup-CUN48Qea.cjs → ActionGroup-CPJcdC_x.cjs} +1 -1
- package/dist/{AiProvider-B4salihw.js → AiProvider-CkzXTd_m.js} +1 -1
- package/dist/{AiProvider-pHIvM5zN.cjs → AiProvider-ueSRHZ4d.cjs} +1 -1
- package/dist/{BackToTop-Dm7Aq_81.cjs → BackToTop-Bep47dq4.cjs} +1 -1
- package/dist/{BackToTop-C4Aol9qJ.js → BackToTop-DwInsaIf.js} +1 -1
- package/dist/{Blueprint-DxHaLr4P.cjs → Blueprint-CMNV_pFD.cjs} +1 -1
- package/dist/{Blueprint-CQ0UBrND.js → Blueprint-DAySN9o8.js} +2 -2
- package/dist/{BlueprintCard-BpVITfop.js → BlueprintCard-CaDr0605.js} +1 -1
- package/dist/{BlueprintCard-ndSnIVKE.cjs → BlueprintCard-DIe9bROZ.cjs} +1 -1
- package/dist/{BlueprintControls-BfTyqOwC.cjs → BlueprintControls-BzVToPNV.cjs} +1 -1
- package/dist/{BlueprintControls-COeG8N6G.js → BlueprintControls-Yv2qEoQn.js} +1 -1
- package/dist/{Board-R38Zb5t2.js → Board-CTjk-pTy.js} +1 -1
- package/dist/{Board-DmOzimbT.cjs → Board-CoxZg27T.cjs} +1 -1
- package/dist/{BriefingDestination-CA8Dv-tJ.js → BriefingDestination-D_IHVo71.js} +1 -1
- package/dist/{BriefingDestination-DIXsBoE2.cjs → BriefingDestination-Md4A2sPI.cjs} +1 -1
- package/dist/{Button-C0UUTgEB.cjs → Button-CbQyG-jg.cjs} +1 -1
- package/dist/{Button-IcCXOoCT.js → Button-Cq9dEeHz.js} +1 -1
- package/dist/{Confirm-YhMEfWX5.cjs → Confirm-Bdc104-K.cjs} +1 -1
- package/dist/{Confirm-DQqArhXl.js → Confirm-CpKo6Tav.js} +2 -2
- package/dist/{CopyButton-CqrXMntq.js → CopyButton-DRpVCGXL.js} +1 -1
- package/dist/{CopyButton-BfjJRwj9.cjs → CopyButton-rEPzSx4v.cjs} +1 -1
- package/dist/{DataTable-B2hBaZ2y.cjs → DataTable-D0JW9sxz.cjs} +1 -1
- package/dist/{DataTable-BZ8Q_6fr.js → DataTable-DwLWLUUt.js} +1 -1
- package/dist/{FileUploader-D1HoVmOw.cjs → FileUploader-B1eAj1oT.cjs} +1 -1
- package/dist/{FileUploader-C9Pyc7er.js → FileUploader-B3JSn14R.js} +1 -1
- package/dist/{InlineLoading-w5XKQdGi.cjs → InlineLoading-DBJe1W5c.cjs} +1 -1
- package/dist/{InlineLoading-uGDGiTNv.js → InlineLoading-DcAS5wVb.js} +1 -1
- package/dist/{Modal-CtCD-xEb.cjs → Modal-Bcl003Rp.cjs} +1 -1
- package/dist/{Modal-CfcTmfeK.js → Modal-CWeCxkXh.js} +1 -1
- package/dist/{NotificationCenter-xL9_6BMt.js → NotificationCenter-BcBIvNED.js} +4 -4
- package/dist/{NotificationCenter-CGhxyax1.cjs → NotificationCenter-CzYFsX7I.cjs} +1 -1
- package/dist/{Pagination-CSISbmpl.js → Pagination-DJ8ZuHST.js} +1 -1
- package/dist/{Pagination-Ci1te4UW.cjs → Pagination-d-FYh-zd.cjs} +1 -1
- package/dist/Shell-BWIHH0q8.js +497 -0
- package/dist/Shell-CgOJlNco.cjs +1 -0
- package/dist/SidebarHeaderToggle-BZ_YU8EU.cjs +1 -0
- package/dist/SidebarHeaderToggle-DBiI4idz.js +61 -0
- package/dist/{Skeleton-Ba4m2jYi.js → Skeleton-1DNgvYeb.js} +1 -1
- package/dist/{Skeleton-Bgo6pIY2.cjs → Skeleton-DmkE06TO.cjs} +1 -1
- package/dist/{Slider-BAhq6cJT.js → Slider-B7dj-HgC.js} +1 -1
- package/dist/{Slider-BK5yS7Ih.cjs → Slider-CUe2-pUo.cjs} +1 -1
- package/dist/{Spinner-swPRQ7kf.cjs → Spinner-BJ0Xx-p9.cjs} +1 -1
- package/dist/{Spinner-BxnDJP1H.js → Spinner-DQULvHnJ.js} +1 -1
- package/dist/{Stepper-BH7RO00M.js → Stepper-BOVp6Jjq.js} +1 -1
- package/dist/{Stepper-Da0Ba3PE.cjs → Stepper-SRPMyDLn.cjs} +1 -1
- package/dist/{StepperStep-CI482bzO.cjs → StepperStep-B5eYC6hG.cjs} +1 -1
- package/dist/{StepperStep-CLd8c1dj.js → StepperStep-CqlIqHLF.js} +1 -1
- package/dist/{TableOfContents-BqF5y-1t.js → TableOfContents-D_BGx-pk.js} +1 -1
- package/dist/{TableOfContents-C6xx7P4d.cjs → TableOfContents-DuHDYa_2.cjs} +1 -1
- package/dist/{Toaster-Cit4iNYG.cjs → Toaster-BqGcvJTt.cjs} +1 -1
- package/dist/{Toaster-zIdIFToW.js → Toaster-jp4xMJRY.js} +1 -1
- package/dist/{Tree-BiqO99_n.cjs → Tree-CBRmya_L.cjs} +1 -1
- package/dist/{Tree-ZtXPSE7w.js → Tree-HuylLYXS.js} +1 -1
- package/dist/{TreeNode-HVTTXuRl.js → TreeNode-BUYoyTFq.js} +1 -1
- package/dist/{TreeNode-BcVuy7zd.cjs → TreeNode-QHxF9qEB.cjs} +1 -1
- package/dist/{Video-CY0UEDLL.js → Video-BbraQauu.js} +1 -1
- package/dist/{Video-Bgzvf-C9.cjs → Video-DDytsRcF.cjs} +1 -1
- package/dist/{Walkthrough-oU-NaG_A.cjs → Walkthrough-4ZCZMy5H.cjs} +1 -1
- package/dist/{Walkthrough-KmxZqXxV.js → Walkthrough-BhmY-KYC.js} +1 -1
- package/dist/all.cjs +1 -1
- package/dist/all.mjs +207 -205
- package/dist/component-styles.json +4 -0
- package/dist/components/ActionGroup.cjs +1 -1
- package/dist/components/ActionGroup.mjs +1 -1
- package/dist/components/AiProvider.cjs +1 -1
- package/dist/components/AiProvider.mjs +1 -1
- package/dist/components/BackToTop.cjs +1 -1
- package/dist/components/BackToTop.mjs +1 -1
- package/dist/components/Blueprint.cjs +1 -1
- package/dist/components/Blueprint.mjs +1 -1
- package/dist/components/BlueprintBackground.cjs +1 -1
- package/dist/components/BlueprintBackground.mjs +1 -1
- package/dist/components/BlueprintCard.cjs +1 -1
- package/dist/components/BlueprintCard.mjs +1 -1
- package/dist/components/BlueprintControls.cjs +1 -1
- package/dist/components/BlueprintControls.mjs +1 -1
- package/dist/components/BlueprintMinimap.cjs +1 -1
- package/dist/components/BlueprintMinimap.mjs +1 -1
- package/dist/components/Board.cjs +1 -1
- package/dist/components/Board.mjs +1 -1
- package/dist/components/BottomPanel.cjs +1 -1
- package/dist/components/BottomPanel.mjs +1 -1
- package/dist/components/BriefingDestination.cjs +1 -1
- package/dist/components/BriefingDestination.mjs +1 -1
- package/dist/components/Button.cjs +1 -1
- package/dist/components/Button.mjs +1 -1
- package/dist/components/Button.vue.d.ts.map +1 -1
- package/dist/components/Charts/Sparkline.cjs +1 -1
- package/dist/components/Charts/Sparkline.mjs +1 -1
- package/dist/components/Confirm.cjs +1 -1
- package/dist/components/Confirm.mjs +1 -1
- package/dist/components/CopyButton.cjs +1 -1
- package/dist/components/CopyButton.mjs +1 -1
- package/dist/components/DataTable.cjs +1 -1
- package/dist/components/DataTable.mjs +1 -1
- package/dist/components/FileUploader.cjs +1 -1
- package/dist/components/FileUploader.mjs +1 -1
- package/dist/components/Form.cjs +1 -1
- package/dist/components/Form.mjs +1 -1
- package/dist/components/ImageCropper.cjs +1 -1
- package/dist/components/ImageCropper.mjs +1 -1
- package/dist/components/InlineEdit.cjs +1 -1
- package/dist/components/InlineEdit.mjs +1 -1
- package/dist/components/InlineLoading.cjs +1 -1
- package/dist/components/InlineLoading.mjs +1 -1
- package/dist/components/Modal.cjs +1 -1
- package/dist/components/Modal.mjs +1 -1
- package/dist/components/NotificationCenter.cjs +1 -1
- package/dist/components/NotificationCenter.mjs +1 -1
- package/dist/components/NotificationCenterItem.cjs +1 -1
- package/dist/components/NotificationCenterItem.mjs +1 -1
- package/dist/components/NumberInput.cjs +1 -1
- package/dist/components/NumberInput.mjs +1 -1
- package/dist/components/Pagination.cjs +1 -1
- package/dist/components/Pagination.mjs +1 -1
- package/dist/components/ProgressBar.cjs +1 -1
- package/dist/components/ProgressBar.mjs +1 -1
- package/dist/components/Radio.cjs +1 -1
- package/dist/components/Radio.mjs +1 -1
- package/dist/components/Shell.cjs +1 -1
- package/dist/components/Shell.d.ts +26 -0
- package/dist/components/Shell.mjs +1 -1
- package/dist/components/Shell.vue.d.ts +19 -13
- 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/SidebarHeaderToggle.cjs +1 -0
- package/dist/components/SidebarHeaderToggle.d.ts +22 -0
- package/dist/components/SidebarHeaderToggle.mjs +2 -0
- package/dist/components/SidebarHeaderToggle.vue.d.ts +13 -0
- package/dist/components/SidebarHeaderToggle.vue.d.ts.map +1 -0
- package/dist/components/SidebarLink.cjs +1 -1
- package/dist/components/SidebarLink.mjs +1 -1
- package/dist/components/SidebarMenu.cjs +1 -1
- package/dist/components/SidebarMenu.mjs +1 -1
- package/dist/components/SidebarMenuGroup.cjs +1 -1
- package/dist/components/SidebarMenuGroup.mjs +1 -1
- package/dist/components/Skeleton.cjs +1 -1
- package/dist/components/Skeleton.mjs +1 -1
- package/dist/components/Slider.cjs +1 -1
- package/dist/components/Slider.mjs +1 -1
- package/dist/components/Spinner.cjs +1 -1
- package/dist/components/Spinner.mjs +1 -1
- package/dist/components/Stepper.cjs +1 -1
- package/dist/components/Stepper.mjs +1 -1
- package/dist/components/StepperStep.cjs +1 -1
- package/dist/components/StepperStep.mjs +1 -1
- package/dist/components/TableOfContents.cjs +1 -1
- package/dist/components/TableOfContents.mjs +1 -1
- package/dist/components/Tabs.cjs +1 -1
- package/dist/components/Tabs.mjs +1 -1
- package/dist/components/Toast.cjs +1 -1
- package/dist/components/Toast.mjs +1 -1
- package/dist/components/Toaster.cjs +1 -1
- package/dist/components/Toaster.mjs +1 -1
- package/dist/components/Tree.cjs +1 -1
- package/dist/components/Tree.mjs +1 -1
- package/dist/components/TreeNode.cjs +1 -1
- package/dist/components/TreeNode.mjs +1 -1
- package/dist/components/Video.cjs +1 -1
- package/dist/components/Video.mjs +1 -1
- package/dist/components/Walkthrough.cjs +1 -1
- package/dist/components/Walkthrough.mjs +1 -1
- package/dist/components/Wireframe.cjs +1 -1
- package/dist/components/Wireframe.mjs +1 -1
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/manifest.d.ts +1 -0
- package/dist/components/manifest.d.ts.map +1 -1
- package/dist/components/manifest.js +1 -0
- package/dist/composables/useBlueprint.composable.cjs +1 -1
- package/dist/composables/useBlueprint.composable.mjs +1 -1
- package/dist/composables/useConfirm.composable.cjs +1 -1
- package/dist/composables/useConfirm.composable.mjs +2 -2
- package/dist/composables/useInlineLoading.composable.cjs +1 -1
- package/dist/composables/useInlineLoading.composable.mjs +1 -1
- package/dist/composables/useLoadingAnnouncer.composable.cjs +1 -1
- package/dist/composables/useLoadingAnnouncer.composable.mjs +1 -1
- package/dist/global.d.ts +2 -0
- package/dist/index.cjs +1 -1
- package/dist/index.mjs +64 -63
- package/dist/main.d.ts +3 -1
- package/dist/main.d.ts.map +1 -1
- package/dist/styles/Button.css +1 -1
- package/dist/styles/Shell.css +1 -1
- package/dist/styles/SidebarHeaderToggle.css +1 -0
- package/dist/ui.css +3 -2
- package/package.json +1 -1
- package/dist/Shell-6Dwl2FnC.cjs +0 -1
- package/dist/Shell-C9DK_Phw.js +0 -487
- /package/dist/{Blueprint.context-BU2ujsDD.js → Blueprint.context-2_MDBjES.js} +0 -0
- /package/dist/{Blueprint.context-DjbRPuLQ.cjs → Blueprint.context-Bg93XvTO.cjs} +0 -0
- /package/dist/{BlueprintBackground-D5i-Rlmm.cjs → BlueprintBackground-BMsTpTgI.cjs} +0 -0
- /package/dist/{BlueprintBackground-DtGJCzDy.js → BlueprintBackground-Drl6oulr.js} +0 -0
- /package/dist/{BlueprintMinimap-CujSRNvs.cjs → BlueprintMinimap-BKmT77co.cjs} +0 -0
- /package/dist/{BlueprintMinimap-xwEOZlv6.js → BlueprintMinimap-CfP0QG1u.js} +0 -0
- /package/dist/{BottomPanel-Cpr7_cZI.cjs → BottomPanel-B4BKovGy.cjs} +0 -0
- /package/dist/{BottomPanel-DdjpIyOA.js → BottomPanel-BElntZaN.js} +0 -0
- /package/dist/{Form-2pXj4bhZ.js → Form-4TJwMxqu.js} +0 -0
- /package/dist/{Form-CYesmztD.cjs → Form-B19aJo0v.cjs} +0 -0
- /package/dist/{ImageCropper-CLyH3zZ-.js → ImageCropper-B1a_A5Ib.js} +0 -0
- /package/dist/{ImageCropper-DAU0ddvI.cjs → ImageCropper-Czn19fHb.cjs} +0 -0
- /package/dist/{InlineEdit-BLrO3i1p.cjs → InlineEdit-CdzJp_Qc.cjs} +0 -0
- /package/dist/{InlineEdit-BemWhcI3.js → InlineEdit-sXl15lhv.js} +0 -0
- /package/dist/{NotificationCenterItem-CdzyTsCY.js → NotificationCenterItem-BS99lA9U.js} +0 -0
- /package/dist/{NotificationCenterItem-C8zaSiem.cjs → NotificationCenterItem-Bq6hBjxG.cjs} +0 -0
- /package/dist/{NumberInput-BtPQ7p5y.cjs → NumberInput-B3dMMfkv.cjs} +0 -0
- /package/dist/{NumberInput-Dk8ofnNJ.js → NumberInput-CYKutu9p.js} +0 -0
- /package/dist/{ProgressBar-B2EXpOdC.js → ProgressBar-NAH9T3du.js} +0 -0
- /package/dist/{ProgressBar-D1O4iAxy.cjs → ProgressBar-vlXYuXqm.cjs} +0 -0
- /package/dist/{Radio-DALC1A47.cjs → Radio-CZFANKLv.cjs} +0 -0
- /package/dist/{Radio-fgJU2hwQ.js → Radio-CqwO18b1.js} +0 -0
- /package/dist/{ShellPanel-rrSF7BQs.cjs → ShellPanel-BBR1L2R6.cjs} +0 -0
- /package/dist/{ShellPanel-Cu3C3H9J.js → ShellPanel-BpyI2aIg.js} +0 -0
- /package/dist/{SidebarLink-Bi8GxvCf.js → SidebarLink-CrAE9jVP.js} +0 -0
- /package/dist/{SidebarLink-BbzeT8Tq.cjs → SidebarLink-Q_24cprL.cjs} +0 -0
- /package/dist/{SidebarMenu-B4nng5Fz.cjs → SidebarMenu-CG7INeFB.cjs} +0 -0
- /package/dist/{SidebarMenu-DoMgZO7c.js → SidebarMenu-CyU7BDNi.js} +0 -0
- /package/dist/{SidebarMenuGroup-CmCPtZJD.js → SidebarMenuGroup-DBYK7rcf.js} +0 -0
- /package/dist/{SidebarMenuGroup-BdOpz4N1.cjs → SidebarMenuGroup-DTBKBUjn.cjs} +0 -0
- /package/dist/{Sparkline-DI7arXX0.cjs → Sparkline-BVdqvpyz.cjs} +0 -0
- /package/dist/{Sparkline-C4gA55Pc.js → Sparkline-DcUnQ1P1.js} +0 -0
- /package/dist/{Stepper.context-Dxw8xYGX.cjs → Stepper.context-ChJ_li6d.cjs} +0 -0
- /package/dist/{Stepper.context-q_CjX3CO.js → Stepper.context-qAFBgE0m.js} +0 -0
- /package/dist/{Tabs-D3daz-Xc.cjs → Tabs-CAp2Db_g.cjs} +0 -0
- /package/dist/{Tabs-BzsQiQ2H.js → Tabs-DMvOHEf0.js} +0 -0
- /package/dist/{Toast-Ci4P6mM0.cjs → Toast-DVDmzm3P.cjs} +0 -0
- /package/dist/{Toast-CeGAznEA.js → Toast-DonkhsQJ.js} +0 -0
- /package/dist/{TreeContext-xtlNBGhB.js → TreeContext-C7vosBJ7.js} +0 -0
- /package/dist/{TreeContext-we7Xt7IP.cjs → TreeContext-DndlJ7Bk.cjs} +0 -0
- /package/dist/{Wireframe-CX8KvGJx.cjs → Wireframe-BRodipXd.cjs} +0 -0
- /package/dist/{Wireframe-Bf55dFWu.js → Wireframe-BjuYZcDs.js} +0 -0
- /package/dist/{pixi-scene-D57Y3MvT.js → pixi-scene-BO02twgE.js} +0 -0
- /package/dist/{pixi-scene-OOSMyGKD.cjs → pixi-scene-BZa8QvH8.cjs} +0 -0
- /package/dist/{useLoadingAnnouncer.composable-BMMz4C1C.cjs → useLoadingAnnouncer.composable-BCTl7kry.cjs} +0 -0
- /package/dist/{useLoadingAnnouncer.composable-DY8jGEwJ.js → useLoadingAnnouncer.composable-kJ9fDUqa.js} +0 -0
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { useReducedMotion as e } from "./composables/useReducedMotion.composable.mjs";
|
|
2
2
|
import { t } from "./_plugin-vue_export-helper-O4QQSku4.js";
|
|
3
3
|
import { t as n } from "./Icon-rREAqsu0.js";
|
|
4
|
-
import { t as r } from "./Button-
|
|
4
|
+
import { t as r } from "./Button-Cq9dEeHz.js";
|
|
5
5
|
import { t as i } from "./Message-Cecz48PA.js";
|
|
6
6
|
import { t as a } from "./TextInput-HwIhSOJD.js";
|
|
7
|
-
import { i as o, r as ee, t as te } from "./Modal-
|
|
7
|
+
import { i as o, r as ee, t as te } from "./Modal-CWeCxkXh.js";
|
|
8
8
|
import { computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createTextVNode as f, createVNode as p, defineComponent as m, nextTick as h, normalizeClass as g, onMounted as ne, onUnmounted as re, openBlock as _, ref as v, renderSlot as ie, toDisplayString as y, unref as b, useId as ae, useSlots as oe, watch as x, withCtx as S, withKeys as se, withModifiers as ce } from "vue";
|
|
9
9
|
import { regular as le } from "@nubisco/ui/icons/check";
|
|
10
10
|
import { regular as ue } from "@nubisco/ui/icons/warning";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { t as e } from "./Button-
|
|
1
|
+
import { t as e } from "./Button-Cq9dEeHz.js";
|
|
2
2
|
import { createElementBlock as t, createElementVNode as n, createVNode as r, defineComponent as i, normalizeClass as a, onBeforeUnmount as o, openBlock as s, ref as c, resolveDirective as l, toDisplayString as u, withDirectives as d, withModifiers as f } from "vue";
|
|
3
3
|
import * as p from "@nubisco/ui/icons/check";
|
|
4
4
|
import * as m from "@nubisco/ui/icons/copy";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const e=require(`./chunk-D-qHiVGv.cjs`),t=require(`./Button-
|
|
1
|
+
const e=require(`./chunk-D-qHiVGv.cjs`),t=require(`./Button-CbQyG-jg.cjs`);let n=require(`vue`),r=require(`@nubisco/ui/icons/check`);r=e.n(r);let i=require(`@nubisco/ui/icons/copy`);i=e.n(i);var a={class:`nb-copy-button`},o={class:`nb-copy-button__status`,role:`status`},s=(0,n.defineComponent)({__name:`CopyButton`,props:{text:{},label:{default:`Copy`},copiedLabel:{default:`Copied`},size:{default:`xs`},duration:{default:1500}},emits:[`copied`,`error`],setup(e,{emit:s}){let c=e,l=s,u=(0,n.ref)(!1),d;async function f(e){if(navigator.clipboard?.writeText)try{await navigator.clipboard.writeText(e);return}catch{}let t=document.createElement(`textarea`);t.value=e,t.setAttribute(`readonly`,``),t.style.position=`fixed`,t.style.opacity=`0`,document.body.appendChild(t),t.select();let n=document.execCommand?.(`copy`)??!1;if(t.remove(),!n)throw Error(`The browser did not allow copying.`)}async function p(){try{await f(c.text)}catch(e){l(`error`,e);return}u.value=!0,l(`copied`,c.text),clearTimeout(d),d=setTimeout(()=>u.value=!1,c.duration)}return(0,n.onBeforeUnmount)(()=>clearTimeout(d)),(s,c)=>{let l=(0,n.resolveDirective)(`nb-tooltip`);return(0,n.openBlock)(),(0,n.createElementBlock)(`span`,a,[(0,n.withDirectives)((0,n.createVNode)(t.t,{"aria-label":u.value?e.copiedLabel:e.label,class:(0,n.normalizeClass)([`nb-copy-button__button`,{"nb-copy-button__button--copied":u.value}]),variant:`ghost`,size:e.size,icon:u.value?r:i,onClick:(0,n.withModifiers)(p,[`stop`,`prevent`]),onPointerdown:c[0]||=(0,n.withModifiers)(()=>{},[`stop`]),onMousedown:c[1]||=(0,n.withModifiers)(()=>{},[`stop`]),onDblclick:c[2]||=(0,n.withModifiers)(()=>{},[`stop`])},null,8,[`aria-label`,`class`,`size`,`icon`]),[[l,{body:u.value?e.copiedLabel:e.label,aria:`none`}]]),(0,n.createElementVNode)(`span`,o,(0,n.toDisplayString)(u.value?e.copiedLabel:``),1)])}}});Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return s}});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const e=require(`./chunk-D-qHiVGv.cjs`),t=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),n=require(`./Size.d-GBIblj2D.cjs`),r=require(`./Icon-C8R_r_In.cjs`),i=require(`./composables/useSurfaceLayer.composable.cjs`),a=require(`./composables/usePhoneLayout.composable.cjs`),o=require(`./Button-C0UUTgEB.cjs`),s=require(`./Grid-D8c0StGs.cjs`),c=require(`./Checkbox-lWejJzIQ.cjs`);let l=require(`vue`),u=require(`@nubisco/ui/icons/arrow-up`);u=e.n(u);let d=require(`@nubisco/ui/icons/caret-right`);d=e.n(d);let f=require(`@nubisco/ui/icons/arrows-down-up`);f=e.n(f);let p=require(`@nubisco/ui/icons/arrow-down`);p=e.n(p);var ee=[`inert`,`aria-hidden`],te={key:0},ne={key:0,class:`nb-data-table__title`},re={key:1,class:`nb-data-table__description`},ie=[`inert`,`aria-hidden`],ae={key:1,class:`nb-data-table__batch`,role:`region`,"aria-label":`Table batch actions`},oe={class:`nb-data-table__batch-count`},se={class:`nb-data-table__batch-actions`},ce={class:`nb-data-table__scroll`},le=[`role`,`aria-label`,`aria-busy`],ue={key:0,class:`nb-data-table__col-expand`},de={key:1,class:`nb-data-table__col-select`},m={key:2,class:`nb-data-table__col-actions`},fe=[`role`],pe=[`role`],me={key:0,scope:`col`,class:`nb-data-table__th nb-data-table__expand-cell`},he={key:1,scope:`col`,class:`nb-data-table__th nb-data-table__select-cell`},ge=[`aria-sort`],_e=[`onClick`],ve={class:`nb-data-table__th-label`},ye={key:1,class:`nb-data-table__th-label`},be={key:2,scope:`col`,class:`nb-data-table__th nb-data-table__actions-cell`},xe=[`role`],Se={key:0,class:`nb-data-table__td`},Ce={key:1,class:`nb-data-table__td`},we={key:2,class:`nb-data-table__td`},Te={key:1,class:`nb-data-table__state-row`},Ee=[`colspan`],De={key:2,class:`nb-data-table__state-row`},Oe=[`colspan`],ke=[`role`,`aria-selected`,`tabindex`,`onClick`,`onKeydown`,`onKeyup`],Ae=[`role`],je=[`aria-expanded`,`aria-controls`,`aria-label`,`onClick`],Me=[`checked`,`aria-label`,`onChange`],Ne=[`role`,`data-label`],Pe=[`role`],Fe=[`colspan`,`role`],Ie=[`id`,`aria-label`],Le={key:1,class:`nb-data-table__footer`},h=(0,l.defineComponent)({__name:`DataTable`,props:{columns:{},rows:{},rowKey:{},size:{default:n.r.Medium},sortState:{default:null},selectable:{default:`none`},selected:{default:()=>[]},loading:{type:Boolean,default:!1},skeletonRows:{default:5},error:{default:void 0},emptyMessage:{default:void 0},stickyHeader:{type:Boolean,default:!0},zebra:{type:Boolean,default:!1},fill:{type:Boolean,default:!1},title:{default:void 0},description:{default:void 0},ariaLabel:{default:void 0},stackOnPhone:{type:Boolean,default:!1},expanded:{default:()=>[]}},emits:[`sort`,`update:selected`,`row-click`,`update:expanded`],setup(e,{emit:t}){let n=e,{layerProps:h}=i.useSurfaceLayer(),g=t,_=(0,l.useSlots)(),Re=`nb-data-table-select-${(0,l.useId)()}`,ze=(0,l.computed)(()=>n.size),v=(0,l.computed)(()=>n.columns.filter(e=>!e.hidden)),y=(0,l.computed)(()=>n.selectable!==`none`),b=(0,l.computed)(()=>!!_[`row-actions`]),x=(0,l.computed)(()=>!!_[`row-detail`]),S=(0,l.computed)(()=>v.value.length+(x.value?1:0)+(y.value?1:0)+(b.value?1:0)),{phone:Be}=a.usePhoneLayout(),C=(0,l.computed)(()=>n.stackOnPhone&&Be.value),w=(0,l.computed)(()=>(v.value.find(e=>e.primary)??v.value.find(e=>!e.phoneHidden&&!e.phoneMeta))?.key);function Ve(e){return e.phoneHidden?`nb-data-table__td--phone-hidden`:e.key===w.value?`nb-data-table__td--primary`:e.phoneMeta?`nb-data-table__td--meta`:`nb-data-table__td--field`}let He=(0,l.computed)(()=>!n.loading&&!n.error&&n.rows.length>0&&(n.selectable===`multiple`||v.value.some(e=>e.sortable&&!e.phoneHidden)));function Ue(e){if(e.width!=null)return{width:typeof e.width==`number`?`${e.width}px`:e.width}}function T(e,t){return t[e.key]}function E(e){return e==null?``:String(e)}let D=e=>e.column.render?.(e.row,T(e.column,e.row),e.rowIndex)??null;D.props=[`column`,`row`,`rowIndex`];function O(e){let t=n.rowKey;return typeof t==`function`?t(e):e[t]}let k=(0,l.computed)(()=>new Set(n.selected)),A=(0,l.computed)(()=>n.selected),j=(0,l.computed)(()=>n.selected.length);function M(e){return k.value.has(O(e))}let N=(0,l.computed)(()=>n.rows.map(e=>O(e))),P=(0,l.computed)(()=>N.value.length>0&&N.value.every(e=>k.value.has(e))),We=(0,l.computed)(()=>!P.value&&N.value.some(e=>k.value.has(e))),F=(0,l.ref)(null),I=!1;function L(e){I=e.shiftKey}(0,l.watch)(N,()=>{F.value=null});function Ge(e,t){let r=O(e),i=new Set(n.selected),a=!i.has(r),o=F.value,s=e=>{a?i.add(e):i.delete(e)};if(I&&o!==null&&o!==t){let e=Math.min(o,t),r=Math.max(o,t);for(let t=e;t<=r;t++){let e=n.rows[t];e&&s(O(e))}}else s(r),F.value=t;I=!1,g(`update:selected`,[...i])}function Ke(e){g(`update:selected`,[O(e)])}function qe(){let e=new Set(n.selected);P.value?N.value.forEach(t=>e.delete(t)):N.value.forEach(t=>e.add(t)),g(`update:selected`,[...e])}function R(){g(`update:selected`,[])}let z=(0,l.computed)(()=>n.selectable!==`none`&&!!_[`batch-actions`]),B=(0,l.computed)(()=>z.value&&j.value>0),Je=`nb-data-table-detail-${(0,l.useId)()}`,Ye=(0,l.computed)(()=>new Set(n.expanded));function V(e){return x.value&&Ye.value.has(O(e))}function Xe(e){let t=O(e),r=n.expanded.filter(e=>e!==t);r.length===n.expanded.length&&r.push(t),g(`update:expanded`,r)}function H(e){return`${Je}-${e}`}function U(e,t){let n=v.value.find(e=>e.key===w.value);return`Details for ${(n?E(T(n,e)).trim():``)||`row ${t+1}`}`}let Ze=(0,l.computed)(()=>!!n.title||!!n.description||!!_.toolbar||!!_.search||!!_[`toolbar-actions`]),Qe=(0,l.computed)(()=>Ze.value||z.value),W=(0,l.ref)(null),G=(0,l.ref)(null),K=(0,l.ref)(null),q=(0,l.ref)(!1);function J(){let e=G.value,t=K.value;q.value=!!e&&!!t&&t.offsetTop>=e.offsetTop+e.offsetHeight-1}let Y=null;(0,l.watch)([W,G,K],e=>{if(Y?.disconnect(),J(),!(typeof ResizeObserver>`u`)){Y??=new ResizeObserver(J);for(let t of e)t&&Y.observe(t)}},{flush:`post`}),(0,l.onBeforeUnmount)(()=>{Y?.disconnect(),Y=null});function X(e){return!!n.sortState&&n.sortState.key===e.key&&n.sortState.direction!==`none`}function $e(e){return X(e)?n.sortState.direction===`asc`?`ascending`:`descending`:`none`}function et(e){return X(e)?n.sortState.direction===`asc`?u:p:f}function tt(e){return e===`asc`?`desc`:e===`desc`?`none`:`asc`}function nt(e){let t=n.sortState&&n.sortState.key===e.key?n.sortState.direction:`none`;g(`sort`,{key:e.key,direction:tt(t)})}let rt=(0,l.getCurrentInstance)(),Z=(0,l.computed)(()=>!!rt?.vnode.props?.onRowClick);function Q(e,t){g(`row-click`,e,t)}function $(e){return Z.value&&e.target===e.currentTarget&&!e.altKey&&!e.ctrlKey&&!e.metaKey}function it(e,t,n){$(e)&&(e.key===`Enter`?(e.preventDefault(),e.repeat||Q(t,n)):e.key===` `&&e.preventDefault())}function at(e,t,n){!$(e)||e.key!==` `||(e.preventDefault(),Q(t,n))}return(t,n)=>((0,l.openBlock)(),(0,l.createElementBlock)(`div`,(0,l.mergeProps)({class:[`nb-data-table`,`nb-data-table--${e.size}`,{"nb-data-table--zebra":e.zebra},{"nb-data-table--sticky":e.stickyHeader},{"nb-data-table--fill":e.fill},{"nb-data-table--stacked":C.value},{"nb-data-table--stacked-headless":C.value&&!He.value},{"nb-data-table--expandable":x.value}]},(0,l.unref)(h)),[Qe.value?((0,l.openBlock)(),(0,l.createElementBlock)(`div`,{key:0,ref_key:`toolbarRef`,ref:W,class:(0,l.normalizeClass)([`nb-data-table__toolbar`,{"nb-data-table__toolbar--wrapped":q.value}])},[(0,l.createElementVNode)(`div`,{ref_key:`toolbarHeadingRef`,ref:G,class:`nb-data-table__toolbar-heading`,inert:B.value||void 0,"aria-hidden":B.value||void 0},[(0,l.renderSlot)(t.$slots,`toolbar`,{selectedCount:j.value},()=>[e.title||e.description?((0,l.openBlock)(),(0,l.createElementBlock)(`div`,te,[e.title?((0,l.openBlock)(),(0,l.createElementBlock)(`h2`,ne,(0,l.toDisplayString)(e.title),1)):(0,l.createCommentVNode)(``,!0),e.description?((0,l.openBlock)(),(0,l.createElementBlock)(`p`,re,(0,l.toDisplayString)(e.description),1)):(0,l.createCommentVNode)(``,!0)])):(0,l.createCommentVNode)(``,!0)],!0)],8,ee),t.$slots.search||t.$slots[`toolbar-actions`]?((0,l.openBlock)(),(0,l.createElementBlock)(`div`,{key:0,ref_key:`toolbarToolsRef`,ref:K,class:(0,l.normalizeClass)([`nb-data-table__toolbar-tools`,{"nb-data-table__toolbar-tools--grow-search":q.value&&!!t.$slots.search}]),inert:B.value||void 0,"aria-hidden":B.value||void 0},[(0,l.renderSlot)(t.$slots,`search`,{},void 0,!0),(0,l.renderSlot)(t.$slots,`toolbar-actions`,{},void 0,!0)],10,ie)):(0,l.createCommentVNode)(``,!0),B.value?((0,l.openBlock)(),(0,l.createElementBlock)(`div`,ae,[(0,l.createElementVNode)(`span`,oe,(0,l.toDisplayString)(j.value)+` selected `,1),(0,l.createElementVNode)(`div`,se,[(0,l.renderSlot)(t.$slots,`batch-actions`,{selectedKeys:A.value,clear:R},void 0,!0)]),(0,l.createVNode)(o.t,{class:`nb-data-table__batch-cancel`,variant:`ghost`,size:ze.value,onClick:R},{default:(0,l.withCtx)(()=>[...n[3]||=[(0,l.createTextVNode)(` Cancel `,-1)]]),_:1},8,[`size`])])):(0,l.createCommentVNode)(``,!0)],2)):(0,l.createCommentVNode)(``,!0),(0,l.createElementVNode)(`div`,ce,[(0,l.createElementVNode)(`table`,{class:`nb-data-table__table`,role:C.value?`table`:void 0,"aria-label":e.ariaLabel||e.title||void 0,"aria-busy":e.loading||void 0},[(0,l.createElementVNode)(`colgroup`,null,[x.value?((0,l.openBlock)(),(0,l.createElementBlock)(`col`,ue)):(0,l.createCommentVNode)(``,!0),y.value?((0,l.openBlock)(),(0,l.createElementBlock)(`col`,de)):(0,l.createCommentVNode)(``,!0),((0,l.openBlock)(!0),(0,l.createElementBlock)(l.Fragment,null,(0,l.renderList)(v.value,e=>((0,l.openBlock)(),(0,l.createElementBlock)(`col`,{key:`col-${e.key}`,style:(0,l.normalizeStyle)(Ue(e))},null,4))),128)),b.value?((0,l.openBlock)(),(0,l.createElementBlock)(`col`,m)):(0,l.createCommentVNode)(``,!0)]),(0,l.createElementVNode)(`thead`,{class:`nb-data-table__head`,role:C.value?`rowgroup`:void 0},[(0,l.createElementVNode)(`tr`,{role:C.value?`row`:void 0},[x.value?((0,l.openBlock)(),(0,l.createElementBlock)(`th`,me,[...n[4]||=[(0,l.createElementVNode)(`span`,{class:`nb-sr-only`},`Row details`,-1)]])):(0,l.createCommentVNode)(``,!0),y.value?((0,l.openBlock)(),(0,l.createElementBlock)(`th`,he,[e.selectable===`multiple`?((0,l.openBlock)(),(0,l.createBlock)(c.t,{key:0,"model-value":P.value,indeterminate:We.value,"aria-label":`Select all rows`,"onUpdate:modelValue":qe},null,8,[`model-value`,`indeterminate`])):(0,l.createCommentVNode)(``,!0)])):(0,l.createCommentVNode)(``,!0),((0,l.openBlock)(!0),(0,l.createElementBlock)(l.Fragment,null,(0,l.renderList)(v.value,e=>((0,l.openBlock)(),(0,l.createElementBlock)(`th`,{key:`th-${e.key}`,scope:`col`,class:(0,l.normalizeClass)([`nb-data-table__th`,`nb-data-table__th--${e.align||`left`}`,{"nb-data-table__th--sortable":e.sortable},{"nb-data-table__th--sorted":X(e)},C.value&&e.phoneHidden&&`nb-data-table__th--phone-hidden`]),"aria-sort":e.sortable?$e(e):void 0},[e.sortable?((0,l.openBlock)(),(0,l.createElementBlock)(`button`,{key:0,type:`button`,class:`nb-data-table__sort`,onClick:t=>nt(e)},[(0,l.createElementVNode)(`span`,ve,[(0,l.renderSlot)(t.$slots,`header-${e.key}`,{column:e},()=>[(0,l.createTextVNode)((0,l.toDisplayString)(e.header),1)],!0)]),(0,l.createVNode)(r.t,{name:et(e),class:`nb-data-table__sort-icon`,"aria-hidden":`true`},null,8,[`name`])],8,_e)):((0,l.openBlock)(),(0,l.createElementBlock)(`span`,ye,[(0,l.renderSlot)(t.$slots,`header-${e.key}`,{column:e},()=>[(0,l.createTextVNode)((0,l.toDisplayString)(e.header),1)],!0)]))],10,ge))),128)),b.value?((0,l.openBlock)(),(0,l.createElementBlock)(`th`,be,[...n[5]||=[(0,l.createElementVNode)(`span`,{class:`nb-sr-only`},`Row actions`,-1)]])):(0,l.createCommentVNode)(``,!0)],8,pe)],8,fe),(0,l.createElementVNode)(`tbody`,{class:`nb-data-table__body`,role:C.value?`rowgroup`:void 0},[e.loading?((0,l.openBlock)(!0),(0,l.createElementBlock)(l.Fragment,{key:0},(0,l.renderList)(e.skeletonRows,e=>((0,l.openBlock)(),(0,l.createElementBlock)(`tr`,{key:`skeleton-${e}`,class:`nb-data-table__row nb-data-table__row--skeleton`},[x.value?((0,l.openBlock)(),(0,l.createElementBlock)(`td`,Se)):(0,l.createCommentVNode)(``,!0),y.value?((0,l.openBlock)(),(0,l.createElementBlock)(`td`,Ce,[...n[6]||=[(0,l.createElementVNode)(`span`,{class:`nb-data-table__skeleton nb-data-table__skeleton--box`},null,-1)]])):(0,l.createCommentVNode)(``,!0),((0,l.openBlock)(!0),(0,l.createElementBlock)(l.Fragment,null,(0,l.renderList)(v.value,t=>((0,l.openBlock)(),(0,l.createElementBlock)(`td`,{key:`sk-${e}-${t.key}`,class:`nb-data-table__td`},[...n[7]||=[(0,l.createElementVNode)(`span`,{class:`nb-data-table__skeleton`},null,-1)]]))),128)),b.value?((0,l.openBlock)(),(0,l.createElementBlock)(`td`,we,[...n[8]||=[(0,l.createElementVNode)(`span`,{class:`nb-data-table__skeleton nb-data-table__skeleton--box`},null,-1)]])):(0,l.createCommentVNode)(``,!0)]))),128)):e.error?((0,l.openBlock)(),(0,l.createElementBlock)(`tr`,Te,[(0,l.createElementVNode)(`td`,{colspan:S.value,class:`nb-data-table__state nb-data-table__state--error`},[(0,l.renderSlot)(t.$slots,`error`,{error:e.error},()=>[(0,l.createVNode)(s.t,{is:`span`,align:`center`,justify:`center`,gap:`xs`,class:`nb-data-table__state-inner`},{default:(0,l.withCtx)(()=>[(0,l.createVNode)(r.t,{name:`warning-circle-fill`,"aria-hidden":`true`}),(0,l.createElementVNode)(`span`,null,(0,l.toDisplayString)(e.error),1)]),_:1})],!0)],8,Ee)])):e.rows.length?((0,l.openBlock)(!0),(0,l.createElementBlock)(l.Fragment,{key:3},(0,l.renderList)(e.rows,(i,a)=>((0,l.openBlock)(),(0,l.createElementBlock)(l.Fragment,{key:O(i)},[(0,l.createElementVNode)(`tr`,{class:(0,l.normalizeClass)([`nb-data-table__row`,{"nb-data-table__row--selected":M(i)},{"nb-data-table__row--clickable":Z.value},x.value&&{"nb-data-table__row--expanded":V(i),"nb-data-table__row--even":a%2==1}]),role:C.value?`row`:void 0,"aria-selected":e.selectable===`none`?void 0:M(i),tabindex:Z.value?0:void 0,onClick:e=>Q(i,a),onKeydown:e=>it(e,i,a),onKeyup:e=>at(e,i,a)},[x.value?((0,l.openBlock)(),(0,l.createElementBlock)(`td`,{key:0,class:`nb-data-table__td nb-data-table__expand-cell`,role:C.value?`cell`:void 0,onClick:n[0]||=(0,l.withModifiers)(()=>{},[`stop`])},[(0,l.createElementVNode)(`button`,{type:`button`,class:`nb-data-table__expand`,"aria-expanded":V(i),"aria-controls":V(i)?H(a):void 0,"aria-label":U(i,a),onClick:e=>Xe(i)},[(0,l.createVNode)(r.t,{name:d,class:`nb-data-table__expand-icon`,"aria-hidden":`true`})],8,je)],8,Ae)):(0,l.createCommentVNode)(``,!0),y.value?((0,l.openBlock)(),(0,l.createElementBlock)(`td`,{key:1,class:`nb-data-table__td nb-data-table__select-cell`,onClick:n[1]||=(0,l.withModifiers)(()=>{},[`stop`]),onMousedown:L,onKeydown:L},[e.selectable===`multiple`?((0,l.openBlock)(),(0,l.createBlock)(c.t,{key:0,"model-value":M(i),"aria-label":`Select row ${a+1}`,"onUpdate:modelValue":e=>Ge(i,a)},null,8,[`model-value`,`aria-label`,`onUpdate:modelValue`])):((0,l.openBlock)(),(0,l.createElementBlock)(`input`,{key:1,type:`radio`,class:`nb-data-table__radio`,name:Re,checked:M(i),"aria-label":`Select row ${a+1}`,onChange:e=>Ke(i)},null,40,Me))],32)):(0,l.createCommentVNode)(``,!0),((0,l.openBlock)(!0),(0,l.createElementBlock)(l.Fragment,null,(0,l.renderList)(v.value,n=>((0,l.openBlock)(),(0,l.createElementBlock)(`td`,{key:`td-${O(i)}-${n.key}`,class:(0,l.normalizeClass)([`nb-data-table__td`,`nb-data-table__td--${n.align||`left`}`,n.cellClass,C.value&&Ve(n)]),role:C.value?`cell`:void 0,"data-label":e.stackOnPhone?n.header:void 0},[(0,l.renderSlot)(t.$slots,`cell-${n.key}`,{row:i,value:T(n,i),column:n,rowIndex:a},()=>[n.render?((0,l.openBlock)(),(0,l.createBlock)(D,{key:0,column:n,row:i,"row-index":a},null,8,[`column`,`row`,`row-index`])):((0,l.openBlock)(),(0,l.createElementBlock)(l.Fragment,{key:1},[(0,l.createTextVNode)((0,l.toDisplayString)(E(T(n,i))),1)],64))],!0)],10,Ne))),128)),b.value?((0,l.openBlock)(),(0,l.createElementBlock)(`td`,{key:2,class:`nb-data-table__td nb-data-table__actions-cell`,onClick:n[2]||=(0,l.withModifiers)(()=>{},[`stop`])},[(0,l.renderSlot)(t.$slots,`row-actions`,{row:i,rowIndex:a},void 0,!0)])):(0,l.createCommentVNode)(``,!0)],42,ke),V(i)?((0,l.openBlock)(),(0,l.createElementBlock)(`tr`,{key:0,class:`nb-data-table__detail-row`,role:C.value?`row`:void 0},[(0,l.createElementVNode)(`td`,{colspan:S.value,class:`nb-data-table__detail-cell`,role:C.value?`cell`:void 0},[(0,l.createElementVNode)(`div`,{id:H(a),class:`nb-data-table__detail`,role:`region`,"aria-label":U(i,a)},[(0,l.renderSlot)(t.$slots,`row-detail`,{row:i,rowIndex:a},void 0,!0)],8,Ie)],8,Fe)],8,Pe)):(0,l.createCommentVNode)(``,!0)],64))),128)):((0,l.openBlock)(),(0,l.createElementBlock)(`tr`,De,[(0,l.createElementVNode)(`td`,{colspan:S.value,class:`nb-data-table__state nb-data-table__state--empty`},[(0,l.renderSlot)(t.$slots,`empty`,{},()=>[(0,l.createElementVNode)(`span`,null,(0,l.toDisplayString)(e.emptyMessage||`No data to display`),1)],!0)],8,Oe)]))],8,xe)],8,le)]),t.$slots.footer?((0,l.openBlock)(),(0,l.createElementBlock)(`div`,Le,[(0,l.renderSlot)(t.$slots,`footer`,{},void 0,!0)])):(0,l.createCommentVNode)(``,!0)],16))}}),g=t.t(h,[[`__scopeId`,`data-v-129b9c3a`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return g}});
|
|
1
|
+
const e=require(`./chunk-D-qHiVGv.cjs`),t=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),n=require(`./Size.d-GBIblj2D.cjs`),r=require(`./Icon-C8R_r_In.cjs`),i=require(`./composables/useSurfaceLayer.composable.cjs`),a=require(`./composables/usePhoneLayout.composable.cjs`),o=require(`./Button-CbQyG-jg.cjs`),s=require(`./Grid-D8c0StGs.cjs`),c=require(`./Checkbox-lWejJzIQ.cjs`);let l=require(`vue`),u=require(`@nubisco/ui/icons/arrow-up`);u=e.n(u);let d=require(`@nubisco/ui/icons/caret-right`);d=e.n(d);let f=require(`@nubisco/ui/icons/arrows-down-up`);f=e.n(f);let p=require(`@nubisco/ui/icons/arrow-down`);p=e.n(p);var ee=[`inert`,`aria-hidden`],te={key:0},ne={key:0,class:`nb-data-table__title`},re={key:1,class:`nb-data-table__description`},ie=[`inert`,`aria-hidden`],ae={key:1,class:`nb-data-table__batch`,role:`region`,"aria-label":`Table batch actions`},oe={class:`nb-data-table__batch-count`},se={class:`nb-data-table__batch-actions`},ce={class:`nb-data-table__scroll`},le=[`role`,`aria-label`,`aria-busy`],ue={key:0,class:`nb-data-table__col-expand`},de={key:1,class:`nb-data-table__col-select`},m={key:2,class:`nb-data-table__col-actions`},fe=[`role`],pe=[`role`],me={key:0,scope:`col`,class:`nb-data-table__th nb-data-table__expand-cell`},he={key:1,scope:`col`,class:`nb-data-table__th nb-data-table__select-cell`},ge=[`aria-sort`],_e=[`onClick`],ve={class:`nb-data-table__th-label`},ye={key:1,class:`nb-data-table__th-label`},be={key:2,scope:`col`,class:`nb-data-table__th nb-data-table__actions-cell`},xe=[`role`],Se={key:0,class:`nb-data-table__td`},Ce={key:1,class:`nb-data-table__td`},we={key:2,class:`nb-data-table__td`},Te={key:1,class:`nb-data-table__state-row`},Ee=[`colspan`],De={key:2,class:`nb-data-table__state-row`},Oe=[`colspan`],ke=[`role`,`aria-selected`,`tabindex`,`onClick`,`onKeydown`,`onKeyup`],Ae=[`role`],je=[`aria-expanded`,`aria-controls`,`aria-label`,`onClick`],Me=[`checked`,`aria-label`,`onChange`],Ne=[`role`,`data-label`],Pe=[`role`],Fe=[`colspan`,`role`],Ie=[`id`,`aria-label`],Le={key:1,class:`nb-data-table__footer`},h=(0,l.defineComponent)({__name:`DataTable`,props:{columns:{},rows:{},rowKey:{},size:{default:n.r.Medium},sortState:{default:null},selectable:{default:`none`},selected:{default:()=>[]},loading:{type:Boolean,default:!1},skeletonRows:{default:5},error:{default:void 0},emptyMessage:{default:void 0},stickyHeader:{type:Boolean,default:!0},zebra:{type:Boolean,default:!1},fill:{type:Boolean,default:!1},title:{default:void 0},description:{default:void 0},ariaLabel:{default:void 0},stackOnPhone:{type:Boolean,default:!1},expanded:{default:()=>[]}},emits:[`sort`,`update:selected`,`row-click`,`update:expanded`],setup(e,{emit:t}){let n=e,{layerProps:h}=i.useSurfaceLayer(),g=t,_=(0,l.useSlots)(),Re=`nb-data-table-select-${(0,l.useId)()}`,ze=(0,l.computed)(()=>n.size),v=(0,l.computed)(()=>n.columns.filter(e=>!e.hidden)),y=(0,l.computed)(()=>n.selectable!==`none`),b=(0,l.computed)(()=>!!_[`row-actions`]),x=(0,l.computed)(()=>!!_[`row-detail`]),S=(0,l.computed)(()=>v.value.length+(x.value?1:0)+(y.value?1:0)+(b.value?1:0)),{phone:Be}=a.usePhoneLayout(),C=(0,l.computed)(()=>n.stackOnPhone&&Be.value),w=(0,l.computed)(()=>(v.value.find(e=>e.primary)??v.value.find(e=>!e.phoneHidden&&!e.phoneMeta))?.key);function Ve(e){return e.phoneHidden?`nb-data-table__td--phone-hidden`:e.key===w.value?`nb-data-table__td--primary`:e.phoneMeta?`nb-data-table__td--meta`:`nb-data-table__td--field`}let He=(0,l.computed)(()=>!n.loading&&!n.error&&n.rows.length>0&&(n.selectable===`multiple`||v.value.some(e=>e.sortable&&!e.phoneHidden)));function Ue(e){if(e.width!=null)return{width:typeof e.width==`number`?`${e.width}px`:e.width}}function T(e,t){return t[e.key]}function E(e){return e==null?``:String(e)}let D=e=>e.column.render?.(e.row,T(e.column,e.row),e.rowIndex)??null;D.props=[`column`,`row`,`rowIndex`];function O(e){let t=n.rowKey;return typeof t==`function`?t(e):e[t]}let k=(0,l.computed)(()=>new Set(n.selected)),A=(0,l.computed)(()=>n.selected),j=(0,l.computed)(()=>n.selected.length);function M(e){return k.value.has(O(e))}let N=(0,l.computed)(()=>n.rows.map(e=>O(e))),P=(0,l.computed)(()=>N.value.length>0&&N.value.every(e=>k.value.has(e))),We=(0,l.computed)(()=>!P.value&&N.value.some(e=>k.value.has(e))),F=(0,l.ref)(null),I=!1;function L(e){I=e.shiftKey}(0,l.watch)(N,()=>{F.value=null});function Ge(e,t){let r=O(e),i=new Set(n.selected),a=!i.has(r),o=F.value,s=e=>{a?i.add(e):i.delete(e)};if(I&&o!==null&&o!==t){let e=Math.min(o,t),r=Math.max(o,t);for(let t=e;t<=r;t++){let e=n.rows[t];e&&s(O(e))}}else s(r),F.value=t;I=!1,g(`update:selected`,[...i])}function Ke(e){g(`update:selected`,[O(e)])}function qe(){let e=new Set(n.selected);P.value?N.value.forEach(t=>e.delete(t)):N.value.forEach(t=>e.add(t)),g(`update:selected`,[...e])}function R(){g(`update:selected`,[])}let z=(0,l.computed)(()=>n.selectable!==`none`&&!!_[`batch-actions`]),B=(0,l.computed)(()=>z.value&&j.value>0),Je=`nb-data-table-detail-${(0,l.useId)()}`,Ye=(0,l.computed)(()=>new Set(n.expanded));function V(e){return x.value&&Ye.value.has(O(e))}function Xe(e){let t=O(e),r=n.expanded.filter(e=>e!==t);r.length===n.expanded.length&&r.push(t),g(`update:expanded`,r)}function H(e){return`${Je}-${e}`}function U(e,t){let n=v.value.find(e=>e.key===w.value);return`Details for ${(n?E(T(n,e)).trim():``)||`row ${t+1}`}`}let Ze=(0,l.computed)(()=>!!n.title||!!n.description||!!_.toolbar||!!_.search||!!_[`toolbar-actions`]),Qe=(0,l.computed)(()=>Ze.value||z.value),W=(0,l.ref)(null),G=(0,l.ref)(null),K=(0,l.ref)(null),q=(0,l.ref)(!1);function J(){let e=G.value,t=K.value;q.value=!!e&&!!t&&t.offsetTop>=e.offsetTop+e.offsetHeight-1}let Y=null;(0,l.watch)([W,G,K],e=>{if(Y?.disconnect(),J(),!(typeof ResizeObserver>`u`)){Y??=new ResizeObserver(J);for(let t of e)t&&Y.observe(t)}},{flush:`post`}),(0,l.onBeforeUnmount)(()=>{Y?.disconnect(),Y=null});function X(e){return!!n.sortState&&n.sortState.key===e.key&&n.sortState.direction!==`none`}function $e(e){return X(e)?n.sortState.direction===`asc`?`ascending`:`descending`:`none`}function et(e){return X(e)?n.sortState.direction===`asc`?u:p:f}function tt(e){return e===`asc`?`desc`:e===`desc`?`none`:`asc`}function nt(e){let t=n.sortState&&n.sortState.key===e.key?n.sortState.direction:`none`;g(`sort`,{key:e.key,direction:tt(t)})}let rt=(0,l.getCurrentInstance)(),Z=(0,l.computed)(()=>!!rt?.vnode.props?.onRowClick);function Q(e,t){g(`row-click`,e,t)}function $(e){return Z.value&&e.target===e.currentTarget&&!e.altKey&&!e.ctrlKey&&!e.metaKey}function it(e,t,n){$(e)&&(e.key===`Enter`?(e.preventDefault(),e.repeat||Q(t,n)):e.key===` `&&e.preventDefault())}function at(e,t,n){!$(e)||e.key!==` `||(e.preventDefault(),Q(t,n))}return(t,n)=>((0,l.openBlock)(),(0,l.createElementBlock)(`div`,(0,l.mergeProps)({class:[`nb-data-table`,`nb-data-table--${e.size}`,{"nb-data-table--zebra":e.zebra},{"nb-data-table--sticky":e.stickyHeader},{"nb-data-table--fill":e.fill},{"nb-data-table--stacked":C.value},{"nb-data-table--stacked-headless":C.value&&!He.value},{"nb-data-table--expandable":x.value}]},(0,l.unref)(h)),[Qe.value?((0,l.openBlock)(),(0,l.createElementBlock)(`div`,{key:0,ref_key:`toolbarRef`,ref:W,class:(0,l.normalizeClass)([`nb-data-table__toolbar`,{"nb-data-table__toolbar--wrapped":q.value}])},[(0,l.createElementVNode)(`div`,{ref_key:`toolbarHeadingRef`,ref:G,class:`nb-data-table__toolbar-heading`,inert:B.value||void 0,"aria-hidden":B.value||void 0},[(0,l.renderSlot)(t.$slots,`toolbar`,{selectedCount:j.value},()=>[e.title||e.description?((0,l.openBlock)(),(0,l.createElementBlock)(`div`,te,[e.title?((0,l.openBlock)(),(0,l.createElementBlock)(`h2`,ne,(0,l.toDisplayString)(e.title),1)):(0,l.createCommentVNode)(``,!0),e.description?((0,l.openBlock)(),(0,l.createElementBlock)(`p`,re,(0,l.toDisplayString)(e.description),1)):(0,l.createCommentVNode)(``,!0)])):(0,l.createCommentVNode)(``,!0)],!0)],8,ee),t.$slots.search||t.$slots[`toolbar-actions`]?((0,l.openBlock)(),(0,l.createElementBlock)(`div`,{key:0,ref_key:`toolbarToolsRef`,ref:K,class:(0,l.normalizeClass)([`nb-data-table__toolbar-tools`,{"nb-data-table__toolbar-tools--grow-search":q.value&&!!t.$slots.search}]),inert:B.value||void 0,"aria-hidden":B.value||void 0},[(0,l.renderSlot)(t.$slots,`search`,{},void 0,!0),(0,l.renderSlot)(t.$slots,`toolbar-actions`,{},void 0,!0)],10,ie)):(0,l.createCommentVNode)(``,!0),B.value?((0,l.openBlock)(),(0,l.createElementBlock)(`div`,ae,[(0,l.createElementVNode)(`span`,oe,(0,l.toDisplayString)(j.value)+` selected `,1),(0,l.createElementVNode)(`div`,se,[(0,l.renderSlot)(t.$slots,`batch-actions`,{selectedKeys:A.value,clear:R},void 0,!0)]),(0,l.createVNode)(o.t,{class:`nb-data-table__batch-cancel`,variant:`ghost`,size:ze.value,onClick:R},{default:(0,l.withCtx)(()=>[...n[3]||=[(0,l.createTextVNode)(` Cancel `,-1)]]),_:1},8,[`size`])])):(0,l.createCommentVNode)(``,!0)],2)):(0,l.createCommentVNode)(``,!0),(0,l.createElementVNode)(`div`,ce,[(0,l.createElementVNode)(`table`,{class:`nb-data-table__table`,role:C.value?`table`:void 0,"aria-label":e.ariaLabel||e.title||void 0,"aria-busy":e.loading||void 0},[(0,l.createElementVNode)(`colgroup`,null,[x.value?((0,l.openBlock)(),(0,l.createElementBlock)(`col`,ue)):(0,l.createCommentVNode)(``,!0),y.value?((0,l.openBlock)(),(0,l.createElementBlock)(`col`,de)):(0,l.createCommentVNode)(``,!0),((0,l.openBlock)(!0),(0,l.createElementBlock)(l.Fragment,null,(0,l.renderList)(v.value,e=>((0,l.openBlock)(),(0,l.createElementBlock)(`col`,{key:`col-${e.key}`,style:(0,l.normalizeStyle)(Ue(e))},null,4))),128)),b.value?((0,l.openBlock)(),(0,l.createElementBlock)(`col`,m)):(0,l.createCommentVNode)(``,!0)]),(0,l.createElementVNode)(`thead`,{class:`nb-data-table__head`,role:C.value?`rowgroup`:void 0},[(0,l.createElementVNode)(`tr`,{role:C.value?`row`:void 0},[x.value?((0,l.openBlock)(),(0,l.createElementBlock)(`th`,me,[...n[4]||=[(0,l.createElementVNode)(`span`,{class:`nb-sr-only`},`Row details`,-1)]])):(0,l.createCommentVNode)(``,!0),y.value?((0,l.openBlock)(),(0,l.createElementBlock)(`th`,he,[e.selectable===`multiple`?((0,l.openBlock)(),(0,l.createBlock)(c.t,{key:0,"model-value":P.value,indeterminate:We.value,"aria-label":`Select all rows`,"onUpdate:modelValue":qe},null,8,[`model-value`,`indeterminate`])):(0,l.createCommentVNode)(``,!0)])):(0,l.createCommentVNode)(``,!0),((0,l.openBlock)(!0),(0,l.createElementBlock)(l.Fragment,null,(0,l.renderList)(v.value,e=>((0,l.openBlock)(),(0,l.createElementBlock)(`th`,{key:`th-${e.key}`,scope:`col`,class:(0,l.normalizeClass)([`nb-data-table__th`,`nb-data-table__th--${e.align||`left`}`,{"nb-data-table__th--sortable":e.sortable},{"nb-data-table__th--sorted":X(e)},C.value&&e.phoneHidden&&`nb-data-table__th--phone-hidden`]),"aria-sort":e.sortable?$e(e):void 0},[e.sortable?((0,l.openBlock)(),(0,l.createElementBlock)(`button`,{key:0,type:`button`,class:`nb-data-table__sort`,onClick:t=>nt(e)},[(0,l.createElementVNode)(`span`,ve,[(0,l.renderSlot)(t.$slots,`header-${e.key}`,{column:e},()=>[(0,l.createTextVNode)((0,l.toDisplayString)(e.header),1)],!0)]),(0,l.createVNode)(r.t,{name:et(e),class:`nb-data-table__sort-icon`,"aria-hidden":`true`},null,8,[`name`])],8,_e)):((0,l.openBlock)(),(0,l.createElementBlock)(`span`,ye,[(0,l.renderSlot)(t.$slots,`header-${e.key}`,{column:e},()=>[(0,l.createTextVNode)((0,l.toDisplayString)(e.header),1)],!0)]))],10,ge))),128)),b.value?((0,l.openBlock)(),(0,l.createElementBlock)(`th`,be,[...n[5]||=[(0,l.createElementVNode)(`span`,{class:`nb-sr-only`},`Row actions`,-1)]])):(0,l.createCommentVNode)(``,!0)],8,pe)],8,fe),(0,l.createElementVNode)(`tbody`,{class:`nb-data-table__body`,role:C.value?`rowgroup`:void 0},[e.loading?((0,l.openBlock)(!0),(0,l.createElementBlock)(l.Fragment,{key:0},(0,l.renderList)(e.skeletonRows,e=>((0,l.openBlock)(),(0,l.createElementBlock)(`tr`,{key:`skeleton-${e}`,class:`nb-data-table__row nb-data-table__row--skeleton`},[x.value?((0,l.openBlock)(),(0,l.createElementBlock)(`td`,Se)):(0,l.createCommentVNode)(``,!0),y.value?((0,l.openBlock)(),(0,l.createElementBlock)(`td`,Ce,[...n[6]||=[(0,l.createElementVNode)(`span`,{class:`nb-data-table__skeleton nb-data-table__skeleton--box`},null,-1)]])):(0,l.createCommentVNode)(``,!0),((0,l.openBlock)(!0),(0,l.createElementBlock)(l.Fragment,null,(0,l.renderList)(v.value,t=>((0,l.openBlock)(),(0,l.createElementBlock)(`td`,{key:`sk-${e}-${t.key}`,class:`nb-data-table__td`},[...n[7]||=[(0,l.createElementVNode)(`span`,{class:`nb-data-table__skeleton`},null,-1)]]))),128)),b.value?((0,l.openBlock)(),(0,l.createElementBlock)(`td`,we,[...n[8]||=[(0,l.createElementVNode)(`span`,{class:`nb-data-table__skeleton nb-data-table__skeleton--box`},null,-1)]])):(0,l.createCommentVNode)(``,!0)]))),128)):e.error?((0,l.openBlock)(),(0,l.createElementBlock)(`tr`,Te,[(0,l.createElementVNode)(`td`,{colspan:S.value,class:`nb-data-table__state nb-data-table__state--error`},[(0,l.renderSlot)(t.$slots,`error`,{error:e.error},()=>[(0,l.createVNode)(s.t,{is:`span`,align:`center`,justify:`center`,gap:`xs`,class:`nb-data-table__state-inner`},{default:(0,l.withCtx)(()=>[(0,l.createVNode)(r.t,{name:`warning-circle-fill`,"aria-hidden":`true`}),(0,l.createElementVNode)(`span`,null,(0,l.toDisplayString)(e.error),1)]),_:1})],!0)],8,Ee)])):e.rows.length?((0,l.openBlock)(!0),(0,l.createElementBlock)(l.Fragment,{key:3},(0,l.renderList)(e.rows,(i,a)=>((0,l.openBlock)(),(0,l.createElementBlock)(l.Fragment,{key:O(i)},[(0,l.createElementVNode)(`tr`,{class:(0,l.normalizeClass)([`nb-data-table__row`,{"nb-data-table__row--selected":M(i)},{"nb-data-table__row--clickable":Z.value},x.value&&{"nb-data-table__row--expanded":V(i),"nb-data-table__row--even":a%2==1}]),role:C.value?`row`:void 0,"aria-selected":e.selectable===`none`?void 0:M(i),tabindex:Z.value?0:void 0,onClick:e=>Q(i,a),onKeydown:e=>it(e,i,a),onKeyup:e=>at(e,i,a)},[x.value?((0,l.openBlock)(),(0,l.createElementBlock)(`td`,{key:0,class:`nb-data-table__td nb-data-table__expand-cell`,role:C.value?`cell`:void 0,onClick:n[0]||=(0,l.withModifiers)(()=>{},[`stop`])},[(0,l.createElementVNode)(`button`,{type:`button`,class:`nb-data-table__expand`,"aria-expanded":V(i),"aria-controls":V(i)?H(a):void 0,"aria-label":U(i,a),onClick:e=>Xe(i)},[(0,l.createVNode)(r.t,{name:d,class:`nb-data-table__expand-icon`,"aria-hidden":`true`})],8,je)],8,Ae)):(0,l.createCommentVNode)(``,!0),y.value?((0,l.openBlock)(),(0,l.createElementBlock)(`td`,{key:1,class:`nb-data-table__td nb-data-table__select-cell`,onClick:n[1]||=(0,l.withModifiers)(()=>{},[`stop`]),onMousedown:L,onKeydown:L},[e.selectable===`multiple`?((0,l.openBlock)(),(0,l.createBlock)(c.t,{key:0,"model-value":M(i),"aria-label":`Select row ${a+1}`,"onUpdate:modelValue":e=>Ge(i,a)},null,8,[`model-value`,`aria-label`,`onUpdate:modelValue`])):((0,l.openBlock)(),(0,l.createElementBlock)(`input`,{key:1,type:`radio`,class:`nb-data-table__radio`,name:Re,checked:M(i),"aria-label":`Select row ${a+1}`,onChange:e=>Ke(i)},null,40,Me))],32)):(0,l.createCommentVNode)(``,!0),((0,l.openBlock)(!0),(0,l.createElementBlock)(l.Fragment,null,(0,l.renderList)(v.value,n=>((0,l.openBlock)(),(0,l.createElementBlock)(`td`,{key:`td-${O(i)}-${n.key}`,class:(0,l.normalizeClass)([`nb-data-table__td`,`nb-data-table__td--${n.align||`left`}`,n.cellClass,C.value&&Ve(n)]),role:C.value?`cell`:void 0,"data-label":e.stackOnPhone?n.header:void 0},[(0,l.renderSlot)(t.$slots,`cell-${n.key}`,{row:i,value:T(n,i),column:n,rowIndex:a},()=>[n.render?((0,l.openBlock)(),(0,l.createBlock)(D,{key:0,column:n,row:i,"row-index":a},null,8,[`column`,`row`,`row-index`])):((0,l.openBlock)(),(0,l.createElementBlock)(l.Fragment,{key:1},[(0,l.createTextVNode)((0,l.toDisplayString)(E(T(n,i))),1)],64))],!0)],10,Ne))),128)),b.value?((0,l.openBlock)(),(0,l.createElementBlock)(`td`,{key:2,class:`nb-data-table__td nb-data-table__actions-cell`,onClick:n[2]||=(0,l.withModifiers)(()=>{},[`stop`])},[(0,l.renderSlot)(t.$slots,`row-actions`,{row:i,rowIndex:a},void 0,!0)])):(0,l.createCommentVNode)(``,!0)],42,ke),V(i)?((0,l.openBlock)(),(0,l.createElementBlock)(`tr`,{key:0,class:`nb-data-table__detail-row`,role:C.value?`row`:void 0},[(0,l.createElementVNode)(`td`,{colspan:S.value,class:`nb-data-table__detail-cell`,role:C.value?`cell`:void 0},[(0,l.createElementVNode)(`div`,{id:H(a),class:`nb-data-table__detail`,role:`region`,"aria-label":U(i,a)},[(0,l.renderSlot)(t.$slots,`row-detail`,{row:i,rowIndex:a},void 0,!0)],8,Ie)],8,Fe)],8,Pe)):(0,l.createCommentVNode)(``,!0)],64))),128)):((0,l.openBlock)(),(0,l.createElementBlock)(`tr`,De,[(0,l.createElementVNode)(`td`,{colspan:S.value,class:`nb-data-table__state nb-data-table__state--empty`},[(0,l.renderSlot)(t.$slots,`empty`,{},()=>[(0,l.createElementVNode)(`span`,null,(0,l.toDisplayString)(e.emptyMessage||`No data to display`),1)],!0)],8,Oe)]))],8,xe)],8,le)]),t.$slots.footer?((0,l.openBlock)(),(0,l.createElementBlock)(`div`,Le,[(0,l.renderSlot)(t.$slots,`footer`,{},void 0,!0)])):(0,l.createCommentVNode)(``,!0)],16))}}),g=t.t(h,[[`__scopeId`,`data-v-129b9c3a`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return g}});
|
|
@@ -3,7 +3,7 @@ import { r as t } from "./Size.d-Bah6vMl3.js";
|
|
|
3
3
|
import { t as n } from "./Icon-rREAqsu0.js";
|
|
4
4
|
import { useSurfaceLayer as r } from "./composables/useSurfaceLayer.composable.mjs";
|
|
5
5
|
import { usePhoneLayout as i } from "./composables/usePhoneLayout.composable.mjs";
|
|
6
|
-
import { t as a } from "./Button-
|
|
6
|
+
import { t as a } from "./Button-Cq9dEeHz.js";
|
|
7
7
|
import { t as o } from "./Grid-XtnH-vr_.js";
|
|
8
8
|
import { t as s } from "./Checkbox-B3gBM6xy.js";
|
|
9
9
|
import { Fragment as c, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createTextVNode as m, createVNode as h, defineComponent as g, getCurrentInstance as ee, mergeProps as te, normalizeClass as _, normalizeStyle as ne, onBeforeUnmount as re, openBlock as v, ref as y, renderList as b, renderSlot as x, toDisplayString as S, unref as ie, useId as C, useSlots as ae, watch as w, withCtx as oe, withModifiers as T } from "vue";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
require(`./chunk-D-qHiVGv.cjs`);const e=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),t=require(`./Icon-C8R_r_In.cjs`),n=require(`./composables/useSurfaceLayer.composable.cjs`),r=require(`./Button-
|
|
1
|
+
require(`./chunk-D-qHiVGv.cjs`);const e=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),t=require(`./Icon-C8R_r_In.cjs`),n=require(`./composables/useSurfaceLayer.composable.cjs`),r=require(`./Button-CbQyG-jg.cjs`);let i=require(`vue`),a=require(`@nubisco/ui/icons/x`),o=require(`@nubisco/ui/icons/circle-notch`);var s=function(e){return e.Primary=`primary`,e.Secondary=`secondary`,e.Ghost=`ghost`,e.Danger=`danger`,e.Success=`success`,e.Warning=`warning`,e}(s||{}),c=function(e){return e.Idle=`idle`,e.Loading=`loading`,e.Success=`success`,e}(c||{}),l={key:0,class:`nb-file-uploader__heading`},u={key:1,class:`nb-file-uploader__description`},d=[`accept`,`multiple`,`disabled`],f={key:4,class:`nb-file-uploader__list`},p={class:`nb-file-uploader__name`},m={class:`nb-file-uploader__status`},h=[`aria-label`,`disabled`,`onClick`],g={key:0,class:`nb-file-uploader__error`},_=(0,i.defineComponent)({__name:`FileUploader`,props:{heading:{},description:{},buttonLabel:{default:`Add file`},variant:{default:s.Primary},accept:{},multiple:{type:Boolean,default:!1},maxSize:{},disabled:{type:Boolean,default:!1},id:{}},emits:[`change`,`remove`],setup(e,{expose:s,emit:_}){let v=e,{layerProps:y}=n.useSurfaceLayer(),b=_,x=(0,i.ref)(null),S=(0,i.ref)([]),C=(0,i.ref)(!1),w=0;(0,i.watch)(()=>v.disabled,e=>{e&&(w=0,C.value=!1)});function T(){v.disabled||x.value?.click()}function E(e){if(v.maxSize&&e.size>v.maxSize)return`File exceeds size limit.`;if(v.accept){let t=v.accept.split(`,`).map(e=>e.trim().toLowerCase()),n=e.name.toLowerCase();if(!t.some(t=>t.startsWith(`.`)?n.endsWith(t):t.includes(`/`)?e.type===t||e.type.startsWith(t.replaceAll(`*`,``)):!1))return`File type not accepted.`}}function D(e){let t=Array.from(e);v.multiple||(S.value=[]);for(let e of t){let t=E(e);S.value.push({file:e,status:c.Idle,error:t})}b(`change`,S.value.filter(e=>!e.error).map(e=>e.file))}function O(e){let t=e.target;if(v.disabled){t.value=``;return}t.files?.length&&(D(t.files),t.value=``)}function k(){v.disabled||(w++,C.value=!0)}function A(){w--,w<=0&&(w=0,C.value=!1)}function j(e){v.disabled&&e.dataTransfer&&(e.dataTransfer.dropEffect=`none`)}function M(e){if(w=0,C.value=!1,v.disabled)return;let t=e.dataTransfer?.files;t?.length&&D(t)}function N(e){if(v.disabled)return;let t=S.value[e];S.value.splice(e,1),b(`remove`,t.file),b(`change`,S.value.filter(e=>!e.error).map(e=>e.file))}function P(e,t,n){S.value[e]&&(S.value[e].status=t,S.value[e].error=n)}return s({files:S,setFileStatus:P}),(n,s)=>((0,i.openBlock)(),(0,i.createElementBlock)(`div`,(0,i.mergeProps)({class:[`nb-file-uploader`,{"nb-file-uploader--disabled":e.disabled}]},(0,i.unref)(y),{onDragenter:(0,i.withModifiers)(k,[`prevent`]),onDragover:(0,i.withModifiers)(j,[`prevent`]),onDragleave:(0,i.withModifiers)(A,[`prevent`]),onDrop:(0,i.withModifiers)(M,[`prevent`])}),[e.heading?((0,i.openBlock)(),(0,i.createElementBlock)(`p`,l,(0,i.toDisplayString)(e.heading),1)):(0,i.createCommentVNode)(``,!0),e.description?((0,i.openBlock)(),(0,i.createElementBlock)(`p`,u,(0,i.toDisplayString)(e.description),1)):(0,i.createCommentVNode)(``,!0),C.value?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{key:2,class:(0,i.normalizeClass)([`nb-file-uploader__dropzone`,`nb-file-uploader__dropzone--${e.variant}`])},[...s[0]||=[(0,i.createElementVNode)(`span`,{class:`nb-file-uploader__drop-label`},[(0,i.createTextVNode)(` Drag and drop files here`),(0,i.createElementVNode)(`br`),(0,i.createTextVNode)(`or click to upload `)],-1)]],2)):((0,i.openBlock)(),(0,i.createBlock)(r.t,{key:3,class:`nb-file-uploader__btn`,variant:e.variant,disabled:e.disabled,onClick:(0,i.withModifiers)(T,[`stop`])},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(e.buttonLabel),1)]),_:1},8,[`variant`,`disabled`])),(0,i.createElementVNode)(`input`,{ref_key:`inputRef`,ref:x,type:`file`,class:`nb-file-uploader__input`,accept:e.accept,multiple:e.multiple,disabled:e.disabled,onChange:O},null,40,d),S.value.length?((0,i.openBlock)(),(0,i.createElementBlock)(`ul`,f,[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(S.value,(n,r)=>((0,i.openBlock)(),(0,i.createElementBlock)(`li`,{key:r,class:(0,i.normalizeClass)([`nb-file-uploader__item`,{"nb-file-uploader__item--error":n.error,"nb-file-uploader__item--success":n.status===`success`}])},[(0,i.createElementVNode)(`span`,p,(0,i.toDisplayString)(n.file.name),1),(0,i.createElementVNode)(`span`,m,[n.status===`loading`?((0,i.openBlock)(),(0,i.createBlock)(t.t,{key:0,name:(0,i.unref)(o.regular),class:`nb-file-uploader__spinner`},null,8,[`name`])):n.status===`success`?((0,i.openBlock)(),(0,i.createBlock)(t.t,{key:1,name:`check-circle-fill`,class:`nb-file-uploader__check`})):(0,i.createCommentVNode)(``,!0),n.error?((0,i.openBlock)(),(0,i.createBlock)(t.t,{key:2,name:`warning-circle-fill`,class:`nb-file-uploader__warn`})):(0,i.createCommentVNode)(``,!0),n.status===`loading`?(0,i.createCommentVNode)(``,!0):((0,i.openBlock)(),(0,i.createElementBlock)(`button`,{key:3,class:`nb-file-uploader__remove`,type:`button`,"aria-label":`Remove ${n.file.name}`,disabled:e.disabled,onClick:e=>N(r)},[(0,i.createVNode)(t.t,{name:(0,i.unref)(a.regular)},null,8,[`name`])],8,h))]),n.error?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,g,(0,i.toDisplayString)(n.error),1)):(0,i.createCommentVNode)(``,!0)],2))),128))])):(0,i.createCommentVNode)(``,!0)],16))}}),v=e.t(_,[[`__scopeId`,`data-v-9bd5f6ba`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return v}});
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { t as e } from "./_plugin-vue_export-helper-O4QQSku4.js";
|
|
2
2
|
import { t } from "./Icon-rREAqsu0.js";
|
|
3
3
|
import { useSurfaceLayer as n } from "./composables/useSurfaceLayer.composable.mjs";
|
|
4
|
-
import { t as r } from "./Button-
|
|
4
|
+
import { t as r } from "./Button-Cq9dEeHz.js";
|
|
5
5
|
import { Fragment as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, createVNode as u, defineComponent as d, mergeProps as f, normalizeClass as p, openBlock as m, ref as h, renderList as g, toDisplayString as _, unref as v, watch as y, withCtx as b, withModifiers as x } from "vue";
|
|
6
6
|
import { regular as S } from "@nubisco/ui/icons/x";
|
|
7
7
|
import { regular as C } from "@nubisco/ui/icons/circle-notch";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const e=require(`./chunk-D-qHiVGv.cjs`),t=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),n=require(`./Icon-C8R_r_In.cjs`),r=require(`./composables/useStableId.composable.cjs`),i=require(`./Spinner-
|
|
1
|
+
const e=require(`./chunk-D-qHiVGv.cjs`),t=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),n=require(`./Icon-C8R_r_In.cjs`),r=require(`./composables/useStableId.composable.cjs`),i=require(`./Spinner-BJ0Xx-p9.cjs`);let a=require(`vue`),o=require(`@nubisco/ui/icons/warning-circle`);o=e.n(o);let s=require(`@nubisco/ui/icons/check-circle`);s=e.n(s);var c=function(e){return e.Inactive=`inactive`,e.Active=`active`,e.Finished=`finished`,e.Error=`error`,e}(c||{}),l=[`id`,`aria-live`],u={class:`nb-inline-loading__text`},d=(0,a.defineComponent)({__name:`InlineLoading`,props:{status:{default:c.Inactive},label:{default:`Saving`},finishedLabel:{default:`Saved`},errorLabel:{default:`Could not save`},dwell:{default:1600},reserveSpace:{type:Boolean,default:!0},id:{default:void 0}},emits:[`success`],setup(e,{emit:t}){let d=e,f=t,p=r.useStableId(d),m;function h(){m&&=(clearTimeout(m),void 0)}(0,a.watch)(()=>d.status,e=>{h(),e===c.Finished&&(m=setTimeout(()=>{m=void 0,f(`success`)},d.dwell))},{immediate:!0}),(0,a.onBeforeUnmount)(h);let g=(0,a.computed)(()=>{switch(d.status){case c.Active:return d.label;case c.Finished:return d.finishedLabel;case c.Error:return d.errorLabel;default:return``}}),_=(0,a.computed)(()=>d.status===c.Finished?s:d.status===c.Error?o:null),v=(0,a.computed)(()=>d.status===c.Inactive?`off`:d.status===c.Error?`assertive`:`polite`),y=(0,a.computed)(()=>[`nb-inline-loading`,`nb-inline-loading--${d.status}`]),b=(0,a.computed)(()=>{if(!d.reserveSpace)return;let e=Math.max(d.label.length,d.finishedLabel.length,d.errorLabel.length);return{"--nb-inline-loading-reserve":`${e+1}ch`}});return(t,r)=>((0,a.openBlock)(),(0,a.createElementBlock)(`div`,{id:(0,a.unref)(p),class:(0,a.normalizeClass)(y.value),style:(0,a.normalizeStyle)(b.value),role:`status`,"aria-live":v.value},[e.status===`active`?((0,a.openBlock)(),(0,a.createBlock)(i.t,{key:0,class:`nb-inline-loading__spinner`,size:`sm`,tone:`inherit`,decorative:``})):_.value?((0,a.openBlock)(),(0,a.createBlock)(n.t,{key:1,class:`nb-inline-loading__icon`,name:_.value,size:16,"aria-hidden":`true`},null,8,[`name`])):(0,a.createCommentVNode)(``,!0),(0,a.createElementVNode)(`span`,u,[(0,a.renderSlot)(t.$slots,`default`,{status:e.status,text:g.value},()=>[(0,a.createTextVNode)((0,a.toDisplayString)(g.value),1)],!0)])],14,l))}}),f=t.t(d,[[`__scopeId`,`data-v-077014e8`]]);Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return f}});
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { t as e } from "./_plugin-vue_export-helper-O4QQSku4.js";
|
|
2
2
|
import { t } from "./Icon-rREAqsu0.js";
|
|
3
3
|
import { useStableId as n } from "./composables/useStableId.composable.mjs";
|
|
4
|
-
import { t as r } from "./Spinner-
|
|
4
|
+
import { t as r } from "./Spinner-DQULvHnJ.js";
|
|
5
5
|
import { computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, defineComponent as u, normalizeClass as d, normalizeStyle as f, onBeforeUnmount as p, openBlock as m, renderSlot as h, toDisplayString as g, unref as _, watch as v } from "vue";
|
|
6
6
|
import * as y from "@nubisco/ui/icons/warning-circle";
|
|
7
7
|
import * as b from "@nubisco/ui/icons/check-circle";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const e=require(`./chunk-D-qHiVGv.cjs`),t=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),n=require(`./Size.d-GBIblj2D.cjs`),r=require(`./Icon-C8R_r_In.cjs`),i=require(`./composables/useSurfaceLayer.composable.cjs`),a=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(`./Icon-C8R_r_In.cjs`),i=require(`./composables/useSurfaceLayer.composable.cjs`),a=require(`./Button-CbQyG-jg.cjs`),o=require(`./Grid-D8c0StGs.cjs`),s=require(`./composables/useVisualViewportVar.composable.cjs`),c=require(`./composables/useScrollLock.composable.cjs`),l=require(`./composables/useFocusTrap.composable.cjs`);let u=require(`vue`),d=require(`@nubisco/ui/icons/x`);d=e.n(d);var f=200,p=[`[data-nb-confirm-floating]`,`.nb-select__dropdown`,`.nb-menu`,`.nb-date-picker__calendar`,`.nb-user-menu__panel`,`.nb-sidebar-menu-item__flyout`],m=new Set;function h(e){let t=e.trim();return t?(m.add(t),()=>{m.delete(t)}):()=>{}}function g(e=[]){return[...p,...m,...e].map(e=>e.trim()).filter(Boolean).join(`,`)}function _(e,t){if(!e)return;let n=`${t?0:200}ms`;e.style.transitionDuration=n;let r=e.parentElement;r instanceof HTMLElement&&(r.style.transitionDuration=n)}var v=[`role`,`aria-labelledby`,`aria-describedby`,`aria-busy`],y={key:0,class:`nb-modal--header`},b=[`disabled`,`aria-disabled`],x=[`tabindex`,`role`,`aria-labelledby`],S=(0,u.defineComponent)({__name:`Modal`,props:{open:{type:Boolean,default:!1},title:{default:void 0},size:{default:n.r.Medium},closeOnOverlay:{type:Boolean,default:!0},role:{default:`dialog`},labelledBy:{default:void 0},describedBy:{default:void 0},busy:{type:Boolean,default:!1},closeDisabled:{type:Boolean,default:!1},closeAppearance:{default:`corner`},closeOnEscape:{type:Boolean,default:!0},trapFocus:{type:Boolean,default:!0},initialFocus:{type:[String,Function],default:void 0},floatingSelectors:{default:void 0}},emits:[`close`],setup(e,{expose:t,emit:n}){let f=e,p=n,m=(0,u.useSlots)(),h=(0,u.computed)(()=>!!m.header||!!f.title),_=`nb-modal-title-${(0,u.useId)()}`,S=(0,u.ref)(null),C=(0,u.ref)(null),{layerProps:w}=i.useSurfaceLayer({overlay:!0});function T(){f.closeOnOverlay&&p(`close`)}function E(){let e=f.initialFocus;return e?typeof e==`function`?e():S.value?.querySelector(e)??null:null}l.useFocusTrap({container:()=>S.value,active:()=>f.open&&f.trapFocus,initialFocus:E,floatingSelector:()=>g(f.floatingSelectors)}),s.useVisualViewportVar(()=>f.open);let D=!1;function O(){D||(D=!0,c.acquireScrollLock())}function k(){D&&(D=!1,c.releaseScrollLock())}let A=(0,u.ref)(!1);function j(){let e=C.value;if(!e)return;let t=e.scrollHeight-e.clientHeight;!A.value&&t>4?A.value=!0:A.value&&t<=0&&(A.value=!1)}let M=null,N=null;function P(){let e=C.value;e&&(F(),typeof ResizeObserver<`u`&&(M=new ResizeObserver(()=>j()),M.observe(e)),typeof MutationObserver<`u`&&(N=new MutationObserver(()=>j()),N.observe(e,{childList:!0,subtree:!0,characterData:!0})),j())}function F(){M?.disconnect(),M=null,N?.disconnect(),N=null}(0,u.watch)(()=>f.open,async e=>{e?O():k(),await(0,u.nextTick)(),e?P():(F(),A.value=!1)},{immediate:!0}),(0,u.onUnmounted)(()=>{k(),F()});function I(){let e=S.value;if(!e)return!1;let t=Array.from(document.querySelectorAll(`[aria-modal="true"]`));return t.length===0||t[t.length-1]===e}function L(e){e.key===`Escape`&&(e.defaultPrevented||!f.open||!f.closeOnEscape||f.closeDisabled||I()&&p(`close`))}return(0,u.onMounted)(()=>{document.addEventListener(`keydown`,L),f.open&&P()}),(0,u.onUnmounted)(()=>{document.removeEventListener(`keydown`,L)}),t({dialogEl:()=>S.value,bodyEl:()=>C.value}),(t,n)=>((0,u.openBlock)(),(0,u.createBlock)(u.Teleport,{to:`body`},[(0,u.createVNode)(u.Transition,{name:`nb-modal`},{default:(0,u.withCtx)(()=>[e.open?((0,u.openBlock)(),(0,u.createElementBlock)(`div`,{key:0,class:`nb-modal--overlay`,onClick:(0,u.withModifiers)(T,[`self`])},[(0,u.createElementVNode)(`div`,(0,u.mergeProps)({ref_key:`contentRef`,ref:S,class:[`nb-modal--content`,`nb-modal--content--${e.size}`]},(0,u.unref)(w),{role:e.role,"aria-modal":`true`,"aria-labelledby":e.labelledBy??(h.value?_:void 0),"aria-describedby":e.describedBy,"aria-busy":e.busy?`true`:void 0,tabindex:`-1`,onClick:n[2]||=(0,u.withModifiers)(()=>{},[`stop`])}),[h.value?((0,u.openBlock)(),(0,u.createElementBlock)(`header`,y,[(0,u.createElementVNode)(`span`,{id:_,class:`nb-modal--title`},[(0,u.renderSlot)(t.$slots,`header`,{},()=>[(0,u.createTextVNode)((0,u.toDisplayString)(e.title),1)],!0)]),e.closeAppearance===`button`?((0,u.openBlock)(),(0,u.createBlock)(a.t,{key:0,class:`nb-modal--close-button`,size:`sm`,variant:`ghost`,icon:d,"aria-label":`Close`,disabled:e.closeDisabled,onClick:n[0]||=e=>p(`close`)},null,8,[`disabled`])):((0,u.openBlock)(),(0,u.createElementBlock)(`button`,{key:1,class:`nb-modal--close`,"aria-label":`Close`,disabled:e.closeDisabled,"aria-disabled":e.closeDisabled?`true`:void 0,onClick:n[1]||=e=>p(`close`)},[(0,u.createVNode)(r.t,{name:(0,u.unref)(d.regular)},null,8,[`name`])],8,b))])):(0,u.createCommentVNode)(``,!0),(0,u.createElementVNode)(`main`,{ref_key:`bodyRef`,ref:C,class:`nb-modal--body`,tabindex:A.value?0:void 0,role:A.value?`region`:void 0,"aria-labelledby":A.value?e.labelledBy??(h.value?_:void 0):void 0},[(0,u.renderSlot)(t.$slots,`default`,{},void 0,!0)],8,x),t.$slots.footer?((0,u.openBlock)(),(0,u.createBlock)(o.t,{key:1,is:`footer`,justify:`end`,class:`nb-modal--footer`,distributed:``},{default:(0,u.withCtx)(()=>[(0,u.renderSlot)(t.$slots,`footer`,{},void 0,!0)]),_:3})):(0,u.createCommentVNode)(``,!0)],16,v)])):(0,u.createCommentVNode)(``,!0)]),_:3})]))}}),C=t.t(S,[[`__scopeId`,`data-v-0d8e2855`]]);Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return _}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return C}});
|
|
@@ -2,7 +2,7 @@ import { t as e } from "./_plugin-vue_export-helper-O4QQSku4.js";
|
|
|
2
2
|
import { r as t } from "./Size.d-Bah6vMl3.js";
|
|
3
3
|
import { t as n } from "./Icon-rREAqsu0.js";
|
|
4
4
|
import { useSurfaceLayer as r } from "./composables/useSurfaceLayer.composable.mjs";
|
|
5
|
-
import { t as i } from "./Button-
|
|
5
|
+
import { t as i } from "./Button-Cq9dEeHz.js";
|
|
6
6
|
import { t as a } from "./Grid-XtnH-vr_.js";
|
|
7
7
|
import { useVisualViewportVar as o } from "./composables/useVisualViewportVar.composable.mjs";
|
|
8
8
|
import { acquireScrollLock as s, releaseScrollLock as ee } from "./composables/useScrollLock.composable.mjs";
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { t as e } from "./Icon-rREAqsu0.js";
|
|
2
2
|
import { usePhoneLayout as t } from "./composables/usePhoneLayout.composable.mjs";
|
|
3
|
-
import { t as n } from "./Button-
|
|
3
|
+
import { t as n } from "./Button-Cq9dEeHz.js";
|
|
4
4
|
import { t as r } from "./EmptyState-63UqLFX6.js";
|
|
5
|
-
import { t as i } from "./Spinner-
|
|
6
|
-
import { t as a } from "./Skeleton-
|
|
7
|
-
import { t as o } from "./NotificationCenterItem-
|
|
5
|
+
import { t as i } from "./Spinner-DQULvHnJ.js";
|
|
6
|
+
import { t as a } from "./Skeleton-1DNgvYeb.js";
|
|
7
|
+
import { t as o } from "./NotificationCenterItem-BS99lA9U.js";
|
|
8
8
|
import { Fragment as s, Teleport as c, Transition as l, computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createSlots as ee, createTextVNode as te, createVNode as h, defineComponent as g, mergeProps as ne, nextTick as _, normalizeClass as re, normalizeStyle as v, onBeforeUnmount as ie, openBlock as y, ref as b, renderList as ae, renderSlot as x, toDisplayString as S, unref as oe, useId as se, useSlots as ce, watch as C, withCtx as w } from "vue";
|
|
9
9
|
import * as le from "@nubisco/ui/icons/x";
|
|
10
10
|
import { regular as ue } 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(`./composables/usePhoneLayout.composable.cjs`),r=require(`./Button-C0UUTgEB.cjs`),i=require(`./EmptyState-CV-UfKR6.cjs`),a=require(`./Spinner-swPRQ7kf.cjs`),o=require(`./Skeleton-Bgo6pIY2.cjs`),s=require(`./NotificationCenterItem-C8zaSiem.cjs`);let c=require(`vue`),l=require(`@nubisco/ui/icons/x`);l=e.n(l);let u=require(`@nubisco/ui/icons/warning-circle`),d=require(`@nubisco/ui/icons/bell`);d=e.n(d);var f={key:0,class:`nb-notification-center__badge`,"aria-hidden":`true`},p=[`aria-describedby`,`aria-busy`],m={class:`nb-notification-center__header`},ee={class:`nb-notification-center__sr`,role:`status`},te={class:`nb-notification-center__stale-text`},ne={class:`nb-notification-center__sr`},re=[`tabindex`],ie={key:4,class:`nb-notification-center__empty`},ae={key:5,class:`nb-notification-center__footer`},h=new Set,g=8,_=8,v=96,y=88,b=200;function oe(e,{align:t,side:n,width:r,maxHeight:i,viewport:a}){let o=e.left+e.width;if(n===`right`&&a.width-o-g-_>=r){let n=e.top+e.height,r=t===`end`?n-_:a.height-e.top-_,s=Math.max(y+v,r),c=Math.min(i+v,s),l=Math.max(y,Math.min(i,s-v));return t===`end`?{top:Math.max(_,n-c),bottom:Math.max(_,a.height-n),left:o+g,side:`right`,maxListHeight:l}:{top:Math.max(_,Math.min(e.top,a.height-_-c)),left:o+g,side:`right`,maxListHeight:l}}let s=t===`start`?e.left:e.left+e.width-r,c=Math.min(Math.max(s,_),Math.max(_,a.width-r-_)),l=e.top+e.height,u=a.height-l-g-_,d=e.top-g-_,f=u<b&&d>u?`top`:`bottom`,p=Math.max(y,f===`top`?d:u),m=Math.max(y,Math.min(i,p-v)),ee=Math.min(i+v,p);return{top:f===`top`?Math.max(_,e.top-g-ee):l+g,left:c,side:f,maxListHeight:m}}function se(e,t){return e.left<=t.width&&e.left+e.width>=0&&e.top<=t.height&&e.top+e.height>=0}var x=(0,c.defineComponent)({__name:`NotificationCenter`,props:{items:{default:()=>[]},unreadCount:{default:void 0},itemCount:{default:void 0},open:{type:Boolean,default:void 0},label:{default:`Notifications`},markAllLabel:{default:`Mark all as read`},markAllPendingLabel:{default:`Marking all as read`},markAllPending:{type:Boolean,default:!1},emptyTitle:{default:`No notifications`},emptyDescription:{default:`New activity shows up here.`},loadingLabel:{default:`Loading notifications`},loading:{type:Boolean,default:!1},error:{type:Boolean,default:!1},errorTitle:{default:`Could not load notifications`},errorDescription:{default:`The request failed. Nothing has been lost.`},errorStaleLabel:{default:`These may be out of date.`},retryLabel:{default:`Try again`},showRetry:{type:Boolean,default:!0},maxCount:{default:99},width:{default:360},closeLabel:{default:`Close notifications`},maxHeight:{default:384},align:{default:`end`},side:{default:`vertical`},showMarkAll:{type:Boolean,default:!0},interactive:{type:Boolean,default:!0},closeOnSelect:{type:Boolean,default:!0},closeOnNavigate:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},icon:{default:void 0},locale:{default:void 0},unreadLabel:{default:`Unread`},readLabel:{default:`Read`},formatUnread:{type:Function,default:e=>e===1?`1 unread`:`${e} unread`}},emits:[`update:open`,`open`,`close`,`select`,`mark-all-read`,`retry`],setup(e,{expose:g,emit:_}){let v=e,y=(0,c.computed)(()=>v.icon??d),b=_,x=(0,c.useSlots)(),S=`nb-notification-center-${(0,c.useId)()}`,C=`${S}-title`,ce=`${S}-trigger`,w=`${S}-error`,T=(0,c.ref)(null),le=(0,c.ref)(null),E=(0,c.ref)(null),D=(0,c.ref)(null),ue=(0,c.ref)(!1),O=(0,c.computed)(()=>v.open===void 0?ue.value:v.open),k=(0,c.computed)(()=>typeof v.unreadCount==`number`?Math.max(0,v.unreadCount):v.items.filter(e=>!e.read).length),de=(0,c.computed)(()=>k.value>v.maxCount?`${v.maxCount}+`:String(k.value)),fe=(0,c.computed)(()=>k.value>0?`${v.label}, ${v.formatUnread(k.value)}`:v.label),pe=(0,c.computed)(()=>{if(typeof v.itemCount==`number`)return Math.max(0,v.itemCount);if(!x.default)return v.items.length}),me=(0,c.computed)(()=>(pe.value??0)>0),A=(0,c.computed)(()=>{if(v.loading)return`loading`;let e=pe.value;return v.error&&(e===void 0||e===0)?`error`:e===void 0||e>0?`list`:`empty`}),he=(0,c.computed)(()=>v.error&&!v.loading&&A.value===`list`&&me.value);(0,c.ref)(!1),(0,c.watch)(()=>[O.value,!!x.default,v.itemCount],([e,t,n])=>{},{immediate:!0});function j(){b(`retry`)}let M=(0,c.computed)(()=>({id:ce,"aria-haspopup":`dialog`,"aria-expanded":O.value?`true`:`false`,"aria-controls":O.value?S:void 0,"aria-label":fe.value,disabled:v.disabled||void 0})),N=(0,c.computed)(()=>({type:`button`,disabled:k.value===0&&!v.markAllPending,"aria-disabled":v.markAllPending?`true`:void 0,"aria-busy":v.markAllPending?`true`:void 0,onClick:Ne})),ge=(0,c.computed)(()=>he.value||A.value===`error`?w:void 0);function P(e){if(!e){E.value=null;return}let t=e instanceof HTMLElement?e:e.$el;E.value=t instanceof HTMLElement?t:null}let F=(0,c.ref)({top:0,left:0,side:`bottom`,maxListHeight:v.maxHeight});function I(){return{width:window.innerWidth,height:window.innerHeight}}function L(){let e=T.value?.getBoundingClientRect();e&&(F.value=oe(e,{align:v.align,side:v.side,width:v.width,maxHeight:v.maxHeight,viewport:I()}))}let{phone:_e}=n.usePhoneLayout(),R=(0,c.computed)(()=>_e.value),ve=(0,c.computed)(()=>{if(!R.value)return F.value.bottom===void 0?{top:`${Math.round(F.value.top)}px`,left:`${Math.round(F.value.left)}px`,width:`${v.width}px`}:{bottom:`${Math.round(F.value.bottom)}px`,left:`${Math.round(F.value.left)}px`,width:`${v.width}px`}}),z=(0,c.computed)(()=>R.value?void 0:{maxHeight:`${Math.round(F.value.maxListHeight)}px`}),ye=(0,c.computed)(()=>({"nb-notification-center__panel--sheet":R.value,"nb-notification-center__panel--start":v.align===`start`,"nb-notification-center__panel--above":!R.value&&F.value.side===`top`,"nb-notification-center__panel--beside":!R.value&&F.value.side===`right`}));function be(e){v.open===void 0&&(ue.value=e),b(`update:open`,e)}function B(){v.disabled||O.value||(L(),be(!0),b(`open`))}function V(e={}){if(!O.value)return;let t=D.value?.contains(document.activeElement);be(!1),b(`close`),(e.restoreFocus??t)&&(0,c.nextTick)(xe)}function xe(){let e=E.value;if(e?.isConnected){e.focus();return}(T.value?.querySelector(q))?.focus()}function H(){O.value?V({restoreFocus:!0}):B()}let U=(0,c.ref)(0),Se=new Set([`button`,`link`,`menuitem`,`option`]);function Ce(e){if(e.tagName===`BUTTON`)return!e.hasAttribute(`disabled`);if(e.tagName===`A`)return e.hasAttribute(`href`);let t=e.getAttribute(`role`);return t!==null&&Se.has(t)}function W(){return D.value?Array.from(D.value.querySelectorAll(`[data-nb-notification-item]`)).filter(e=>!!Ce(e)):[]}let we=(0,c.ref)(void 0);function Te(e){let t=le.value;we.value=t&&t.childElementCount>0&&e.length===0?0:void 0}function G(e){let t=W();Te(t),t.length&&(U.value=Math.min(Math.max(e,0),t.length-1),t.forEach((e,t)=>{e.setAttribute(`tabindex`,t===U.value?`0`:`-1`)}))}function K(e){let t=W();if(!t.length)return!1;let n=Math.min(Math.max(e,0),t.length-1);return G(n),t[n]?.focus(),!0}function Ee(e){let t=e.target?.closest(`[data-nb-notification-item]`);if(!t)return;let n=W().indexOf(t);n>=0&&G(n)}let q=`a[href]:not([tabindex="-1"]), button:not([disabled]):not([tabindex="-1"]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex="0"]`;function De(e){return!!e?.closest?.(`input, textarea, select, [contenteditable=""], [contenteditable="true"]`)}function Oe(e){let t=W(),n=e.target?.closest(`[data-nb-notification-item]`),r=n?t.indexOf(n):-1;if(e.key===`Escape`){if(!ke(e))return;e.preventDefault(),e.stopPropagation(),V({restoreFocus:!0});return}if(e.key===`Tab`){Ae(e);return}if(!De(e.target))switch(e.key){case`ArrowDown`:K(r<0?0:r+1)&&e.preventDefault();break;case`ArrowUp`:K(r<0?t.length-1:r-1)&&e.preventDefault();break;case`Home`:r>=0&&(e.preventDefault(),K(0));break;case`End`:r>=0&&(e.preventDefault(),K(t.length-1));break;default:break}}function ke(e){if(e.defaultPrevented)return!1;let t=(e.target??document.activeElement)?.closest?.(`[aria-modal="true"]`);return!(t&&t!==D.value)}function Ae(e){let t=D.value;if(!t)return;let n=Array.from(t.querySelectorAll(q)),r=document.activeElement,i=n[0],a=n[n.length-1],o=!n.length||r===i||!t.contains(r),s=!n.length||r===a;if(e.shiftKey?!o:!s)return;e.preventDefault();let l=e.shiftKey?E.value:je();V({restoreFocus:!1}),(0,c.nextTick)(()=>{l?.isConnected?l.focus():xe()})}function je(){let e=E.value;if(!e)return null;let t=Array.from(document.querySelectorAll(q)).filter(e=>!D.value?.contains(e)).filter(e=>e.tabIndex>=0),n=t.indexOf(e);return n<0?null:t[n+1]??null}function Me(e,t){b(`select`,e,t),v.closeOnSelect&&V({restoreFocus:!1})}function J(e){if(!x.default)return;let t=e.target?.closest(`[data-nb-notification-item]`);if(t&&Ce(t)){if(e.type===`keydown`){let n=e.key;if(n!==`Enter`&&n!==` `||t.tagName===`BUTTON`||t.tagName===`A`)return;e.preventDefault()}b(`select`,null,e),v.closeOnSelect&&V({restoreFocus:!1})}}function Ne(){v.markAllPending||b(`mark-all-read`)}function Pe(e){let t=e.target;T.value?.contains(t)||D.value?.contains(t)||V({restoreFocus:!1})}function Fe(e){e.key===`Escape`&&(D.value?.contains(document.activeElement)||ke(e)&&V({restoreFocus:T.value?.contains(document.activeElement)??!1}))}let Y=0;function X(){!O.value||Y||(Y=requestAnimationFrame(()=>{Y=0,Le()}))}function Ie(){Y&&=(cancelAnimationFrame(Y),0)}function Le(){if(!O.value||R.value)return;let e=T.value?.getBoundingClientRect();if(e&&!se(e,I())){V({restoreFocus:!1});return}L()}function Z(){v.closeOnNavigate&&V({restoreFocus:!1})}function Re(){return window.navigation}function ze(){document.addEventListener(`mousedown`,Pe),document.addEventListener(`keydown`,Fe),window.addEventListener(`resize`,X),window.addEventListener(`scroll`,X,!0),window.addEventListener(`popstate`,Z),window.addEventListener(`hashchange`,Z),Re()?.addEventListener(`navigate`,Z)}function Q(){Ie(),document.removeEventListener(`mousedown`,Pe),document.removeEventListener(`keydown`,Fe),window.removeEventListener(`resize`,X),window.removeEventListener(`scroll`,X,!0),window.removeEventListener(`popstate`,Z),window.removeEventListener(`hashchange`,Z),Re()?.removeEventListener(`navigate`,Z)}let $=()=>V({restoreFocus:!1});return(0,c.watch)(O,e=>{if(e){for(let e of[...h])e!==$&&e();h.add($),ze(),(0,c.nextTick)(()=>{L(),G(0),K(0)||D.value?.focus()})}else h.delete($),Q(),U.value=0}),(0,c.watch)(()=>[v.items.length,A.value],()=>{O.value&&(0,c.nextTick)(()=>G(U.value))}),(0,c.onBeforeUnmount)(()=>{Q(),h.delete($);let e=D.value;e?.isConnected&&e.remove()}),g({show:B,close:V,toggle:H,isOpen:O,unreadCount:k}),(n,d)=>((0,c.openBlock)(),(0,c.createElementBlock)(`div`,{ref_key:`rootRef`,ref:T,class:`nb-notification-center`},[(0,c.renderSlot)(n.$slots,`trigger`,{open:O.value,toggle:H,show:B,close:V,unreadCount:k.value,badge:de.value,panelId:S,triggerProps:M.value,setTriggerRef:P},()=>[(0,c.createElementVNode)(`button`,(0,c.mergeProps)({ref:P,type:`button`,class:[`nb-notification-center__trigger`,{"nb-notification-center__trigger--active":O.value}]},M.value,{onClick:H}),[(0,c.createVNode)(t.t,{name:y.value,size:18},null,8,[`name`]),k.value>0?((0,c.openBlock)(),(0,c.createElementBlock)(`span`,f,(0,c.toDisplayString)(de.value),1)):(0,c.createCommentVNode)(``,!0)],16)]),((0,c.openBlock)(),(0,c.createBlock)(c.Teleport,{to:`body`},[(0,c.createVNode)(c.Transition,{name:`nb-notification-center-pop`},{default:(0,c.withCtx)(()=>[O.value?((0,c.openBlock)(),(0,c.createElementBlock)(`div`,{key:0,id:S,ref_key:`panelRef`,ref:D,class:(0,c.normalizeClass)([`nb-notification-center__panel`,ye.value]),style:(0,c.normalizeStyle)(ve.value),role:`dialog`,tabindex:`-1`,"aria-labelledby":C,"aria-describedby":ge.value,"aria-busy":e.loading?`true`:void 0,onKeydown:Oe,onFocusin:Ee},[(0,c.createElementVNode)(`div`,m,[(0,c.createElementVNode)(`h2`,{id:C,class:`nb-notification-center__title`},(0,c.toDisplayString)(e.label),1),(0,c.renderSlot)(n.$slots,`header-start`,{close:V,unreadCount:k.value}),(0,c.renderSlot)(n.$slots,`header-actions`,{close:V,unreadCount:k.value,markAllRead:Ne,markAllPending:e.markAllPending,markAllProps:N.value,markAllText:e.markAllPending?e.markAllPendingLabel:e.markAllLabel},()=>[e.showMarkAll?((0,c.openBlock)(),(0,c.createElementBlock)(`button`,(0,c.mergeProps)({key:0,class:`nb-notification-center__mark-all`},N.value),[e.markAllPending?((0,c.openBlock)(),(0,c.createBlock)(a.t,{key:0,size:`xs`,tone:`inherit`,decorative:``})):(0,c.createCommentVNode)(``,!0),(0,c.createTextVNode)(` `+(0,c.toDisplayString)(e.markAllPending?e.markAllPendingLabel:e.markAllLabel),1)],16)):(0,c.createCommentVNode)(``,!0)]),R.value?((0,c.openBlock)(),(0,c.createBlock)(r.t,{key:0,class:`nb-notification-center__close`,variant:`ghost`,size:`lg`,icon:l,"aria-label":e.closeLabel,onClick:d[0]||=e=>V()},null,8,[`aria-label`])):(0,c.createCommentVNode)(``,!0)]),(0,c.createElementVNode)(`span`,ee,(0,c.toDisplayString)(e.markAllPending?e.markAllPendingLabel:``),1),he.value?((0,c.openBlock)(),(0,c.createElementBlock)(`div`,{key:0,id:w,class:`nb-notification-center__stale`,role:`status`},[(0,c.createVNode)(t.t,{name:(0,c.unref)(u.regular),size:14,"aria-hidden":`true`},null,8,[`name`]),(0,c.createElementVNode)(`span`,te,(0,c.toDisplayString)(e.errorStaleLabel),1),e.showRetry?((0,c.openBlock)(),(0,c.createElementBlock)(`button`,{key:0,type:`button`,class:`nb-notification-center__retry`,onClick:j},(0,c.toDisplayString)(e.retryLabel),1)):(0,c.createCommentVNode)(``,!0)])):(0,c.createCommentVNode)(``,!0),A.value===`loading`?((0,c.openBlock)(),(0,c.createElementBlock)(`div`,{key:1,class:`nb-notification-center__loading`,role:`status`,style:(0,c.normalizeStyle)(z.value)},[(0,c.createElementVNode)(`span`,ne,(0,c.toDisplayString)(e.loadingLabel),1),((0,c.openBlock)(),(0,c.createElementBlock)(c.Fragment,null,(0,c.renderList)(3,e=>(0,c.createVNode)(o.t,{key:e,variant:`text`,type:`body-sm`,lines:2,"last-line-width":`60%`})),64))],4)):A.value===`error`?((0,c.openBlock)(),(0,c.createElementBlock)(`div`,{key:2,id:w,class:`nb-notification-center__error`,role:`alert`},[(0,c.renderSlot)(n.$slots,`error`,{retry:j},()=>[(0,c.createVNode)(i.t,{size:`sm`,kind:`error`,title:e.errorTitle,description:e.errorDescription},(0,c.createSlots)({_:2},[e.showRetry?{name:`actions`,fn:(0,c.withCtx)(()=>[(0,c.createVNode)(r.t,{size:`sm`,variant:`secondary`,onClick:j},{default:(0,c.withCtx)(()=>[(0,c.createTextVNode)((0,c.toDisplayString)(e.retryLabel),1)]),_:1})]),key:`0`}:void 0]),1032,[`title`,`description`])])])):A.value===`list`?((0,c.openBlock)(),(0,c.createElementBlock)(`ul`,{key:3,ref_key:`listRef`,ref:le,class:`nb-notification-center__list`,role:`list`,tabindex:we.value,style:(0,c.normalizeStyle)(z.value),onClick:J,onKeydown:J},[(0,c.renderSlot)(n.$slots,`default`,{close:V,items:e.items},()=>[((0,c.openBlock)(!0),(0,c.createElementBlock)(c.Fragment,null,(0,c.renderList)(e.items,t=>((0,c.openBlock)(),(0,c.createBlock)(s.t,{key:t.id,title:t.title,body:t.body,time:t.time,"time-label":t.timeLabel,read:t.read,variant:t.variant??`neutral`,icon:t.icon,href:t.href,interactive:t.interactive??e.interactive,locale:e.locale,"unread-label":e.unreadLabel,"read-label":e.readLabel,onSelect:e=>Me(t,e)},null,8,[`title`,`body`,`time`,`time-label`,`read`,`variant`,`icon`,`href`,`interactive`,`locale`,`unread-label`,`read-label`,`onSelect`]))),128))])],44,re)):A.value===`empty`?((0,c.openBlock)(),(0,c.createElementBlock)(`div`,ie,[(0,c.renderSlot)(n.$slots,`empty`,{},()=>[(0,c.createVNode)(i.t,{size:`sm`,icon:y.value,title:e.emptyTitle,description:e.emptyDescription},null,8,[`icon`,`title`,`description`])])])):(0,c.createCommentVNode)(``,!0),n.$slots.footer?((0,c.openBlock)(),(0,c.createElementBlock)(`div`,ae,[(0,c.renderSlot)(n.$slots,`footer`,{close:V})])):(0,c.createCommentVNode)(``,!0)],46,p)):(0,c.createCommentVNode)(``,!0)]),_:3})]))],512))}});Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return x}});
|
|
1
|
+
const e=require(`./chunk-D-qHiVGv.cjs`),t=require(`./Icon-C8R_r_In.cjs`),n=require(`./composables/usePhoneLayout.composable.cjs`),r=require(`./Button-CbQyG-jg.cjs`),i=require(`./EmptyState-CV-UfKR6.cjs`),a=require(`./Spinner-BJ0Xx-p9.cjs`),o=require(`./Skeleton-DmkE06TO.cjs`),s=require(`./NotificationCenterItem-Bq6hBjxG.cjs`);let c=require(`vue`),l=require(`@nubisco/ui/icons/x`);l=e.n(l);let u=require(`@nubisco/ui/icons/warning-circle`),d=require(`@nubisco/ui/icons/bell`);d=e.n(d);var f={key:0,class:`nb-notification-center__badge`,"aria-hidden":`true`},p=[`aria-describedby`,`aria-busy`],m={class:`nb-notification-center__header`},ee={class:`nb-notification-center__sr`,role:`status`},te={class:`nb-notification-center__stale-text`},ne={class:`nb-notification-center__sr`},re=[`tabindex`],ie={key:4,class:`nb-notification-center__empty`},ae={key:5,class:`nb-notification-center__footer`},h=new Set,g=8,_=8,v=96,y=88,b=200;function oe(e,{align:t,side:n,width:r,maxHeight:i,viewport:a}){let o=e.left+e.width;if(n===`right`&&a.width-o-g-_>=r){let n=e.top+e.height,r=t===`end`?n-_:a.height-e.top-_,s=Math.max(y+v,r),c=Math.min(i+v,s),l=Math.max(y,Math.min(i,s-v));return t===`end`?{top:Math.max(_,n-c),bottom:Math.max(_,a.height-n),left:o+g,side:`right`,maxListHeight:l}:{top:Math.max(_,Math.min(e.top,a.height-_-c)),left:o+g,side:`right`,maxListHeight:l}}let s=t===`start`?e.left:e.left+e.width-r,c=Math.min(Math.max(s,_),Math.max(_,a.width-r-_)),l=e.top+e.height,u=a.height-l-g-_,d=e.top-g-_,f=u<b&&d>u?`top`:`bottom`,p=Math.max(y,f===`top`?d:u),m=Math.max(y,Math.min(i,p-v)),ee=Math.min(i+v,p);return{top:f===`top`?Math.max(_,e.top-g-ee):l+g,left:c,side:f,maxListHeight:m}}function se(e,t){return e.left<=t.width&&e.left+e.width>=0&&e.top<=t.height&&e.top+e.height>=0}var x=(0,c.defineComponent)({__name:`NotificationCenter`,props:{items:{default:()=>[]},unreadCount:{default:void 0},itemCount:{default:void 0},open:{type:Boolean,default:void 0},label:{default:`Notifications`},markAllLabel:{default:`Mark all as read`},markAllPendingLabel:{default:`Marking all as read`},markAllPending:{type:Boolean,default:!1},emptyTitle:{default:`No notifications`},emptyDescription:{default:`New activity shows up here.`},loadingLabel:{default:`Loading notifications`},loading:{type:Boolean,default:!1},error:{type:Boolean,default:!1},errorTitle:{default:`Could not load notifications`},errorDescription:{default:`The request failed. Nothing has been lost.`},errorStaleLabel:{default:`These may be out of date.`},retryLabel:{default:`Try again`},showRetry:{type:Boolean,default:!0},maxCount:{default:99},width:{default:360},closeLabel:{default:`Close notifications`},maxHeight:{default:384},align:{default:`end`},side:{default:`vertical`},showMarkAll:{type:Boolean,default:!0},interactive:{type:Boolean,default:!0},closeOnSelect:{type:Boolean,default:!0},closeOnNavigate:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},icon:{default:void 0},locale:{default:void 0},unreadLabel:{default:`Unread`},readLabel:{default:`Read`},formatUnread:{type:Function,default:e=>e===1?`1 unread`:`${e} unread`}},emits:[`update:open`,`open`,`close`,`select`,`mark-all-read`,`retry`],setup(e,{expose:g,emit:_}){let v=e,y=(0,c.computed)(()=>v.icon??d),b=_,x=(0,c.useSlots)(),S=`nb-notification-center-${(0,c.useId)()}`,C=`${S}-title`,ce=`${S}-trigger`,w=`${S}-error`,T=(0,c.ref)(null),le=(0,c.ref)(null),E=(0,c.ref)(null),D=(0,c.ref)(null),ue=(0,c.ref)(!1),O=(0,c.computed)(()=>v.open===void 0?ue.value:v.open),k=(0,c.computed)(()=>typeof v.unreadCount==`number`?Math.max(0,v.unreadCount):v.items.filter(e=>!e.read).length),de=(0,c.computed)(()=>k.value>v.maxCount?`${v.maxCount}+`:String(k.value)),fe=(0,c.computed)(()=>k.value>0?`${v.label}, ${v.formatUnread(k.value)}`:v.label),pe=(0,c.computed)(()=>{if(typeof v.itemCount==`number`)return Math.max(0,v.itemCount);if(!x.default)return v.items.length}),me=(0,c.computed)(()=>(pe.value??0)>0),A=(0,c.computed)(()=>{if(v.loading)return`loading`;let e=pe.value;return v.error&&(e===void 0||e===0)?`error`:e===void 0||e>0?`list`:`empty`}),he=(0,c.computed)(()=>v.error&&!v.loading&&A.value===`list`&&me.value);(0,c.ref)(!1),(0,c.watch)(()=>[O.value,!!x.default,v.itemCount],([e,t,n])=>{},{immediate:!0});function j(){b(`retry`)}let M=(0,c.computed)(()=>({id:ce,"aria-haspopup":`dialog`,"aria-expanded":O.value?`true`:`false`,"aria-controls":O.value?S:void 0,"aria-label":fe.value,disabled:v.disabled||void 0})),N=(0,c.computed)(()=>({type:`button`,disabled:k.value===0&&!v.markAllPending,"aria-disabled":v.markAllPending?`true`:void 0,"aria-busy":v.markAllPending?`true`:void 0,onClick:Ne})),ge=(0,c.computed)(()=>he.value||A.value===`error`?w:void 0);function P(e){if(!e){E.value=null;return}let t=e instanceof HTMLElement?e:e.$el;E.value=t instanceof HTMLElement?t:null}let F=(0,c.ref)({top:0,left:0,side:`bottom`,maxListHeight:v.maxHeight});function I(){return{width:window.innerWidth,height:window.innerHeight}}function L(){let e=T.value?.getBoundingClientRect();e&&(F.value=oe(e,{align:v.align,side:v.side,width:v.width,maxHeight:v.maxHeight,viewport:I()}))}let{phone:_e}=n.usePhoneLayout(),R=(0,c.computed)(()=>_e.value),ve=(0,c.computed)(()=>{if(!R.value)return F.value.bottom===void 0?{top:`${Math.round(F.value.top)}px`,left:`${Math.round(F.value.left)}px`,width:`${v.width}px`}:{bottom:`${Math.round(F.value.bottom)}px`,left:`${Math.round(F.value.left)}px`,width:`${v.width}px`}}),z=(0,c.computed)(()=>R.value?void 0:{maxHeight:`${Math.round(F.value.maxListHeight)}px`}),ye=(0,c.computed)(()=>({"nb-notification-center__panel--sheet":R.value,"nb-notification-center__panel--start":v.align===`start`,"nb-notification-center__panel--above":!R.value&&F.value.side===`top`,"nb-notification-center__panel--beside":!R.value&&F.value.side===`right`}));function be(e){v.open===void 0&&(ue.value=e),b(`update:open`,e)}function B(){v.disabled||O.value||(L(),be(!0),b(`open`))}function V(e={}){if(!O.value)return;let t=D.value?.contains(document.activeElement);be(!1),b(`close`),(e.restoreFocus??t)&&(0,c.nextTick)(xe)}function xe(){let e=E.value;if(e?.isConnected){e.focus();return}(T.value?.querySelector(q))?.focus()}function H(){O.value?V({restoreFocus:!0}):B()}let U=(0,c.ref)(0),Se=new Set([`button`,`link`,`menuitem`,`option`]);function Ce(e){if(e.tagName===`BUTTON`)return!e.hasAttribute(`disabled`);if(e.tagName===`A`)return e.hasAttribute(`href`);let t=e.getAttribute(`role`);return t!==null&&Se.has(t)}function W(){return D.value?Array.from(D.value.querySelectorAll(`[data-nb-notification-item]`)).filter(e=>!!Ce(e)):[]}let we=(0,c.ref)(void 0);function Te(e){let t=le.value;we.value=t&&t.childElementCount>0&&e.length===0?0:void 0}function G(e){let t=W();Te(t),t.length&&(U.value=Math.min(Math.max(e,0),t.length-1),t.forEach((e,t)=>{e.setAttribute(`tabindex`,t===U.value?`0`:`-1`)}))}function K(e){let t=W();if(!t.length)return!1;let n=Math.min(Math.max(e,0),t.length-1);return G(n),t[n]?.focus(),!0}function Ee(e){let t=e.target?.closest(`[data-nb-notification-item]`);if(!t)return;let n=W().indexOf(t);n>=0&&G(n)}let q=`a[href]:not([tabindex="-1"]), button:not([disabled]):not([tabindex="-1"]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex="0"]`;function De(e){return!!e?.closest?.(`input, textarea, select, [contenteditable=""], [contenteditable="true"]`)}function Oe(e){let t=W(),n=e.target?.closest(`[data-nb-notification-item]`),r=n?t.indexOf(n):-1;if(e.key===`Escape`){if(!ke(e))return;e.preventDefault(),e.stopPropagation(),V({restoreFocus:!0});return}if(e.key===`Tab`){Ae(e);return}if(!De(e.target))switch(e.key){case`ArrowDown`:K(r<0?0:r+1)&&e.preventDefault();break;case`ArrowUp`:K(r<0?t.length-1:r-1)&&e.preventDefault();break;case`Home`:r>=0&&(e.preventDefault(),K(0));break;case`End`:r>=0&&(e.preventDefault(),K(t.length-1));break;default:break}}function ke(e){if(e.defaultPrevented)return!1;let t=(e.target??document.activeElement)?.closest?.(`[aria-modal="true"]`);return!(t&&t!==D.value)}function Ae(e){let t=D.value;if(!t)return;let n=Array.from(t.querySelectorAll(q)),r=document.activeElement,i=n[0],a=n[n.length-1],o=!n.length||r===i||!t.contains(r),s=!n.length||r===a;if(e.shiftKey?!o:!s)return;e.preventDefault();let l=e.shiftKey?E.value:je();V({restoreFocus:!1}),(0,c.nextTick)(()=>{l?.isConnected?l.focus():xe()})}function je(){let e=E.value;if(!e)return null;let t=Array.from(document.querySelectorAll(q)).filter(e=>!D.value?.contains(e)).filter(e=>e.tabIndex>=0),n=t.indexOf(e);return n<0?null:t[n+1]??null}function Me(e,t){b(`select`,e,t),v.closeOnSelect&&V({restoreFocus:!1})}function J(e){if(!x.default)return;let t=e.target?.closest(`[data-nb-notification-item]`);if(t&&Ce(t)){if(e.type===`keydown`){let n=e.key;if(n!==`Enter`&&n!==` `||t.tagName===`BUTTON`||t.tagName===`A`)return;e.preventDefault()}b(`select`,null,e),v.closeOnSelect&&V({restoreFocus:!1})}}function Ne(){v.markAllPending||b(`mark-all-read`)}function Pe(e){let t=e.target;T.value?.contains(t)||D.value?.contains(t)||V({restoreFocus:!1})}function Fe(e){e.key===`Escape`&&(D.value?.contains(document.activeElement)||ke(e)&&V({restoreFocus:T.value?.contains(document.activeElement)??!1}))}let Y=0;function X(){!O.value||Y||(Y=requestAnimationFrame(()=>{Y=0,Le()}))}function Ie(){Y&&=(cancelAnimationFrame(Y),0)}function Le(){if(!O.value||R.value)return;let e=T.value?.getBoundingClientRect();if(e&&!se(e,I())){V({restoreFocus:!1});return}L()}function Z(){v.closeOnNavigate&&V({restoreFocus:!1})}function Re(){return window.navigation}function ze(){document.addEventListener(`mousedown`,Pe),document.addEventListener(`keydown`,Fe),window.addEventListener(`resize`,X),window.addEventListener(`scroll`,X,!0),window.addEventListener(`popstate`,Z),window.addEventListener(`hashchange`,Z),Re()?.addEventListener(`navigate`,Z)}function Q(){Ie(),document.removeEventListener(`mousedown`,Pe),document.removeEventListener(`keydown`,Fe),window.removeEventListener(`resize`,X),window.removeEventListener(`scroll`,X,!0),window.removeEventListener(`popstate`,Z),window.removeEventListener(`hashchange`,Z),Re()?.removeEventListener(`navigate`,Z)}let $=()=>V({restoreFocus:!1});return(0,c.watch)(O,e=>{if(e){for(let e of[...h])e!==$&&e();h.add($),ze(),(0,c.nextTick)(()=>{L(),G(0),K(0)||D.value?.focus()})}else h.delete($),Q(),U.value=0}),(0,c.watch)(()=>[v.items.length,A.value],()=>{O.value&&(0,c.nextTick)(()=>G(U.value))}),(0,c.onBeforeUnmount)(()=>{Q(),h.delete($);let e=D.value;e?.isConnected&&e.remove()}),g({show:B,close:V,toggle:H,isOpen:O,unreadCount:k}),(n,d)=>((0,c.openBlock)(),(0,c.createElementBlock)(`div`,{ref_key:`rootRef`,ref:T,class:`nb-notification-center`},[(0,c.renderSlot)(n.$slots,`trigger`,{open:O.value,toggle:H,show:B,close:V,unreadCount:k.value,badge:de.value,panelId:S,triggerProps:M.value,setTriggerRef:P},()=>[(0,c.createElementVNode)(`button`,(0,c.mergeProps)({ref:P,type:`button`,class:[`nb-notification-center__trigger`,{"nb-notification-center__trigger--active":O.value}]},M.value,{onClick:H}),[(0,c.createVNode)(t.t,{name:y.value,size:18},null,8,[`name`]),k.value>0?((0,c.openBlock)(),(0,c.createElementBlock)(`span`,f,(0,c.toDisplayString)(de.value),1)):(0,c.createCommentVNode)(``,!0)],16)]),((0,c.openBlock)(),(0,c.createBlock)(c.Teleport,{to:`body`},[(0,c.createVNode)(c.Transition,{name:`nb-notification-center-pop`},{default:(0,c.withCtx)(()=>[O.value?((0,c.openBlock)(),(0,c.createElementBlock)(`div`,{key:0,id:S,ref_key:`panelRef`,ref:D,class:(0,c.normalizeClass)([`nb-notification-center__panel`,ye.value]),style:(0,c.normalizeStyle)(ve.value),role:`dialog`,tabindex:`-1`,"aria-labelledby":C,"aria-describedby":ge.value,"aria-busy":e.loading?`true`:void 0,onKeydown:Oe,onFocusin:Ee},[(0,c.createElementVNode)(`div`,m,[(0,c.createElementVNode)(`h2`,{id:C,class:`nb-notification-center__title`},(0,c.toDisplayString)(e.label),1),(0,c.renderSlot)(n.$slots,`header-start`,{close:V,unreadCount:k.value}),(0,c.renderSlot)(n.$slots,`header-actions`,{close:V,unreadCount:k.value,markAllRead:Ne,markAllPending:e.markAllPending,markAllProps:N.value,markAllText:e.markAllPending?e.markAllPendingLabel:e.markAllLabel},()=>[e.showMarkAll?((0,c.openBlock)(),(0,c.createElementBlock)(`button`,(0,c.mergeProps)({key:0,class:`nb-notification-center__mark-all`},N.value),[e.markAllPending?((0,c.openBlock)(),(0,c.createBlock)(a.t,{key:0,size:`xs`,tone:`inherit`,decorative:``})):(0,c.createCommentVNode)(``,!0),(0,c.createTextVNode)(` `+(0,c.toDisplayString)(e.markAllPending?e.markAllPendingLabel:e.markAllLabel),1)],16)):(0,c.createCommentVNode)(``,!0)]),R.value?((0,c.openBlock)(),(0,c.createBlock)(r.t,{key:0,class:`nb-notification-center__close`,variant:`ghost`,size:`lg`,icon:l,"aria-label":e.closeLabel,onClick:d[0]||=e=>V()},null,8,[`aria-label`])):(0,c.createCommentVNode)(``,!0)]),(0,c.createElementVNode)(`span`,ee,(0,c.toDisplayString)(e.markAllPending?e.markAllPendingLabel:``),1),he.value?((0,c.openBlock)(),(0,c.createElementBlock)(`div`,{key:0,id:w,class:`nb-notification-center__stale`,role:`status`},[(0,c.createVNode)(t.t,{name:(0,c.unref)(u.regular),size:14,"aria-hidden":`true`},null,8,[`name`]),(0,c.createElementVNode)(`span`,te,(0,c.toDisplayString)(e.errorStaleLabel),1),e.showRetry?((0,c.openBlock)(),(0,c.createElementBlock)(`button`,{key:0,type:`button`,class:`nb-notification-center__retry`,onClick:j},(0,c.toDisplayString)(e.retryLabel),1)):(0,c.createCommentVNode)(``,!0)])):(0,c.createCommentVNode)(``,!0),A.value===`loading`?((0,c.openBlock)(),(0,c.createElementBlock)(`div`,{key:1,class:`nb-notification-center__loading`,role:`status`,style:(0,c.normalizeStyle)(z.value)},[(0,c.createElementVNode)(`span`,ne,(0,c.toDisplayString)(e.loadingLabel),1),((0,c.openBlock)(),(0,c.createElementBlock)(c.Fragment,null,(0,c.renderList)(3,e=>(0,c.createVNode)(o.t,{key:e,variant:`text`,type:`body-sm`,lines:2,"last-line-width":`60%`})),64))],4)):A.value===`error`?((0,c.openBlock)(),(0,c.createElementBlock)(`div`,{key:2,id:w,class:`nb-notification-center__error`,role:`alert`},[(0,c.renderSlot)(n.$slots,`error`,{retry:j},()=>[(0,c.createVNode)(i.t,{size:`sm`,kind:`error`,title:e.errorTitle,description:e.errorDescription},(0,c.createSlots)({_:2},[e.showRetry?{name:`actions`,fn:(0,c.withCtx)(()=>[(0,c.createVNode)(r.t,{size:`sm`,variant:`secondary`,onClick:j},{default:(0,c.withCtx)(()=>[(0,c.createTextVNode)((0,c.toDisplayString)(e.retryLabel),1)]),_:1})]),key:`0`}:void 0]),1032,[`title`,`description`])])])):A.value===`list`?((0,c.openBlock)(),(0,c.createElementBlock)(`ul`,{key:3,ref_key:`listRef`,ref:le,class:`nb-notification-center__list`,role:`list`,tabindex:we.value,style:(0,c.normalizeStyle)(z.value),onClick:J,onKeydown:J},[(0,c.renderSlot)(n.$slots,`default`,{close:V,items:e.items},()=>[((0,c.openBlock)(!0),(0,c.createElementBlock)(c.Fragment,null,(0,c.renderList)(e.items,t=>((0,c.openBlock)(),(0,c.createBlock)(s.t,{key:t.id,title:t.title,body:t.body,time:t.time,"time-label":t.timeLabel,read:t.read,variant:t.variant??`neutral`,icon:t.icon,href:t.href,interactive:t.interactive??e.interactive,locale:e.locale,"unread-label":e.unreadLabel,"read-label":e.readLabel,onSelect:e=>Me(t,e)},null,8,[`title`,`body`,`time`,`time-label`,`read`,`variant`,`icon`,`href`,`interactive`,`locale`,`unread-label`,`read-label`,`onSelect`]))),128))])],44,re)):A.value===`empty`?((0,c.openBlock)(),(0,c.createElementBlock)(`div`,ie,[(0,c.renderSlot)(n.$slots,`empty`,{},()=>[(0,c.createVNode)(i.t,{size:`sm`,icon:y.value,title:e.emptyTitle,description:e.emptyDescription},null,8,[`icon`,`title`,`description`])])])):(0,c.createCommentVNode)(``,!0),n.$slots.footer?((0,c.openBlock)(),(0,c.createElementBlock)(`div`,ae,[(0,c.renderSlot)(n.$slots,`footer`,{close:V})])):(0,c.createCommentVNode)(``,!0)],46,p)):(0,c.createCommentVNode)(``,!0)]),_:3})]))],512))}});Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return x}});
|
|
@@ -1,6 +1,6 @@
|
|
|
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-
|
|
3
|
+
import { t as n } from "./Button-Cq9dEeHz.js";
|
|
4
4
|
import { t as r } from "./Select-CwO5aX8j.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";
|
|
@@ -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-CbQyG-jg.cjs`),i=require(`./Select-CHuZfqLt.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}});
|