@nubisco/ui 5.0.0 → 5.2.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/{Blueprint-zT-ZOWep.cjs → Blueprint-C819Fit5.cjs} +1 -1
- package/dist/{Blueprint-BssBWGv5.js → Blueprint-fhDJzNS2.js} +2 -2
- package/dist/{BlueprintCard-CS_ZWdB0.js → BlueprintCard-B2S3dtFk.js} +1 -1
- package/dist/{BlueprintCard-CYXyeph3.cjs → BlueprintCard-s0ss_fab.cjs} +1 -1
- package/dist/CommandPalette-CPJKTiDt.cjs +1 -0
- package/dist/CommandPalette-iaEdat_y.js +223 -0
- package/dist/{InlineLoading-DQZ1capH.cjs → InlineLoading-8HdPSyXm.cjs} +1 -1
- package/dist/{InlineLoading-DA8__t0M.js → InlineLoading-ZeqQTbY1.js} +1 -1
- package/dist/{NotificationCenter-Duu3XZC3.js → NotificationCenter-BAncrTOw.js} +3 -3
- package/dist/{NotificationCenter-oOzClQI-.cjs → NotificationCenter-Cw2YXNQj.cjs} +1 -1
- package/dist/SidebarCollapseToggle-BQuF6kSO.js +48 -0
- package/dist/SidebarCollapseToggle-DM1899Ee.cjs +1 -0
- package/dist/SidebarMenuItem-B-H0berP.js +246 -0
- package/dist/SidebarMenuItem-COd8DP6e.cjs +1 -0
- package/dist/{Skeleton-DP9iM6Ku.cjs → Skeleton-C7qpz76n.cjs} +1 -1
- package/dist/{Skeleton-sox6qUDk.js → Skeleton-D8_ZS3rD.js} +1 -1
- package/dist/{Slider-C0761rBk.js → Slider-BJcuzn-P.js} +1 -1
- package/dist/{Slider-BNiQaaVa.cjs → Slider-CyAUWetS.cjs} +1 -1
- package/dist/{Spinner-CqSN2vaR.cjs → Spinner-0U-QK2re.cjs} +1 -1
- package/dist/{Spinner-BEYUpJdP.js → Spinner-CcKjiWEY.js} +1 -1
- package/dist/{Stepper-2WscvFLm.cjs → Stepper-Dthh04Y2.cjs} +1 -1
- package/dist/{Stepper-Ce3Qa_7z.js → Stepper-yBAsjyhx.js} +1 -1
- package/dist/{StepperStep-B9JEE6WJ.cjs → StepperStep-IoUSk6oB.cjs} +1 -1
- package/dist/{StepperStep-DFeOJ1ju.js → StepperStep-r0LjQQI9.js} +1 -1
- package/dist/{Toaster-Dz_o--LF.cjs → Toaster-D9lIWrdC.cjs} +1 -1
- package/dist/{Toaster-C1Uyr6O7.js → Toaster-DRVC544c.js} +1 -1
- package/dist/{Tree-D2gEoq-H.cjs → Tree-BLqp392K.cjs} +1 -1
- package/dist/{Tree-BXEqU6js.js → Tree-Ol3M-fjh.js} +1 -1
- package/dist/{TreeNode-DB7ipWCg.cjs → TreeNode-C4ukoVd5.cjs} +1 -1
- package/dist/{TreeNode-a0MHLI27.js → TreeNode-COO-Fyys.js} +1 -1
- package/dist/UserMenu-Cmk1RDMh.cjs +1 -0
- package/dist/UserMenu-D1TNnwFB.js +305 -0
- package/dist/all.cjs +1 -1
- package/dist/all.mjs +92 -89
- package/dist/component-styles.json +4 -0
- package/dist/components/AiLabel.cjs +1 -1
- package/dist/components/AiLabel.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/BottomPanel.cjs +1 -1
- package/dist/components/BottomPanel.mjs +1 -1
- package/dist/components/Charts/Sparkline.cjs +1 -1
- package/dist/components/Charts/Sparkline.mjs +1 -1
- package/dist/components/CommandPalette.cjs +1 -1
- package/dist/components/CommandPalette.d.ts +28 -0
- package/dist/components/CommandPalette.mjs +1 -1
- package/dist/components/CommandPalette.vue.d.ts +2 -0
- package/dist/components/CommandPalette.vue.d.ts.map +1 -1
- package/dist/components/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/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/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/ShellPanel.cjs +1 -1
- package/dist/components/ShellPanel.mjs +1 -1
- package/dist/components/SidebarCollapseToggle.cjs +1 -0
- package/dist/components/SidebarCollapseToggle.d.ts +14 -0
- package/dist/components/SidebarCollapseToggle.mjs +2 -0
- package/dist/components/SidebarCollapseToggle.vue.d.ts +12 -0
- package/dist/components/SidebarCollapseToggle.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/SidebarMenuItem.cjs +1 -1
- package/dist/components/SidebarMenuItem.mjs +1 -1
- package/dist/components/SidebarMenuItem.vue.d.ts +3 -3
- package/dist/components/SidebarMenuItem.vue.d.ts.map +1 -1
- package/dist/components/Skeleton.cjs +1 -1
- package/dist/components/Skeleton.mjs +1 -1
- package/dist/components/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/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/UserMenu.cjs +1 -1
- package/dist/components/UserMenu.d.ts +21 -0
- package/dist/components/UserMenu.mjs +1 -1
- package/dist/components/UserMenu.vue.d.ts +3 -1
- package/dist/components/UserMenu.vue.d.ts.map +1 -1
- package/dist/components/Walkthrough.cjs +1 -1
- package/dist/components/Walkthrough.mjs +1 -1
- package/dist/components/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/useInlineLoading.composable.cjs +1 -1
- package/dist/composables/useInlineLoading.composable.mjs +1 -1
- package/dist/composables/useLoadingAnnouncer.composable.cjs +1 -1
- package/dist/composables/useLoadingAnnouncer.composable.mjs +1 -1
- package/dist/composables/useSidebarVariant.composable.cjs +1 -0
- package/dist/composables/useSidebarVariant.composable.d.ts +44 -0
- package/dist/composables/useSidebarVariant.composable.d.ts.map +1 -0
- package/dist/composables/useSidebarVariant.composable.mjs +34 -0
- package/dist/global.d.ts +2 -0
- package/dist/index.cjs +1 -1
- package/dist/index.mjs +52 -50
- package/dist/main.d.ts +6 -2
- package/dist/main.d.ts.map +1 -1
- package/dist/styles/SidebarMenuItem.css +1 -1
- package/dist/styles/UserMenu.css +1 -1
- package/dist/ui.css +2 -2
- package/package.json +1 -1
- package/src/styles/presets/_classic-fields.scss +1 -1
- package/dist/CommandPalette-BNXzQurN.js +0 -174
- package/dist/CommandPalette-DBjeOPtA.cjs +0 -1
- package/dist/SidebarMenuItem-Dc6oh2Nc.cjs +0 -1
- package/dist/SidebarMenuItem-Dpqr9e0A.js +0 -170
- package/dist/UserMenu-CFJBVNEU.cjs +0 -1
- package/dist/UserMenu-a4P_4Yau.js +0 -265
- /package/dist/{AiLabel-DtM5ZCQC.cjs → AiLabel-B-nN5dz3.cjs} +0 -0
- /package/dist/{AiLabel-Ci7eROcw.js → AiLabel-BYVf6DKC.js} +0 -0
- /package/dist/{Blueprint.context-CFxL4QTQ.cjs → Blueprint.context-CFUllT-M.cjs} +0 -0
- /package/dist/{Blueprint.context-CFdYIXJd.js → Blueprint.context-M8FbIHtQ.js} +0 -0
- /package/dist/{BlueprintBackground-Cfr5Xqcc.cjs → BlueprintBackground-CwzmUWRZ.cjs} +0 -0
- /package/dist/{BlueprintBackground-Bm9-bZiz.js → BlueprintBackground-SShbMh4a.js} +0 -0
- /package/dist/{BlueprintControls-CdvNvRkW.cjs → BlueprintControls-C2x7gjPJ.cjs} +0 -0
- /package/dist/{BlueprintControls-BkwhsHI8.js → BlueprintControls-C5kAAVIV.js} +0 -0
- /package/dist/{BlueprintMinimap-QAw6aiCc.js → BlueprintMinimap-CoA82G-Y.js} +0 -0
- /package/dist/{BlueprintMinimap-BIBsnBFs.cjs → BlueprintMinimap-DnCeuLvK.cjs} +0 -0
- /package/dist/{BottomPanel-BoBCdANz.js → BottomPanel-BV9xSzmN.js} +0 -0
- /package/dist/{BottomPanel-dbllmH2v.cjs → BottomPanel-CuaR0raL.cjs} +0 -0
- /package/dist/{FileUploader-BJdRC-Kp.cjs → FileUploader-B6Uty0Ya.cjs} +0 -0
- /package/dist/{FileUploader-BO2cDUwP.js → FileUploader-BfnrcMOa.js} +0 -0
- /package/dist/{Form-MtBoH-yt.cjs → Form-DE_I3zEv.cjs} +0 -0
- /package/dist/{Form-z5burrVK.js → Form-SCxw_ZSP.js} +0 -0
- /package/dist/{ImageCropper-D7mr-xRE.cjs → ImageCropper-96gRzxtH.cjs} +0 -0
- /package/dist/{ImageCropper-DEaGU0cZ.js → ImageCropper-Ded-xHG3.js} +0 -0
- /package/dist/{InlineEdit-D95I45Vt.cjs → InlineEdit-BEsB1dcq.cjs} +0 -0
- /package/dist/{InlineEdit-DrhJ0AX2.js → InlineEdit-BpdGtf_0.js} +0 -0
- /package/dist/{NotificationCenterItem-ZkLsiQIV.js → NotificationCenterItem-CH-V1S51.js} +0 -0
- /package/dist/{NotificationCenterItem-Clhhma6H.cjs → NotificationCenterItem-D2TueTtH.cjs} +0 -0
- /package/dist/{NumberInput-_ff3Xi2r.js → NumberInput-Dq5-rq78.js} +0 -0
- /package/dist/{NumberInput-DKZsdWLv.cjs → NumberInput-jrHPvBH3.cjs} +0 -0
- /package/dist/{ProgressBar-aF2zBoRA.js → ProgressBar-CCkhkJCY.js} +0 -0
- /package/dist/{ProgressBar-CbqsSdZZ.cjs → ProgressBar-DEVGzMmq.cjs} +0 -0
- /package/dist/{Radio-BqjtCaST.cjs → Radio-BSjYK8vn.cjs} +0 -0
- /package/dist/{Radio-BnI7bi9Y.js → Radio-xIeFUWBJ.js} +0 -0
- /package/dist/{ShellPanel-ChujN0eX.cjs → ShellPanel-CYFImHWL.cjs} +0 -0
- /package/dist/{ShellPanel-B3vZcQhX.js → ShellPanel-Dxs-yyJW.js} +0 -0
- /package/dist/{SidebarLink-B_CGHs0b.js → SidebarLink-DfWX2gXM.js} +0 -0
- /package/dist/{SidebarLink-CZrDLC8g.cjs → SidebarLink-Q3APfpMA.cjs} +0 -0
- /package/dist/{SidebarMenu-LLy6Fora.js → SidebarMenu-B9-8XELL.js} +0 -0
- /package/dist/{SidebarMenu-f3GDn1-I.cjs → SidebarMenu-Cbn_syLg.cjs} +0 -0
- /package/dist/{SidebarMenuGroup-B4jMOWcm.js → SidebarMenuGroup-BlmhsFfz.js} +0 -0
- /package/dist/{SidebarMenuGroup-Bb6qRMwk.cjs → SidebarMenuGroup-sMHiDmvz.cjs} +0 -0
- /package/dist/{Sparkline-DgYLtmOW.cjs → Sparkline-BaGrganz.cjs} +0 -0
- /package/dist/{Sparkline-DpyFwHrc.js → Sparkline-DOXwM53Q.js} +0 -0
- /package/dist/{Stepper.context-CKSUoiem.js → Stepper.context-DE2-4Awo.js} +0 -0
- /package/dist/{Stepper.context-BOGBVJcj.cjs → Stepper.context-ZHRlJj2r.cjs} +0 -0
- /package/dist/{Tabs-Dp27EDrK.cjs → Tabs-4ar_u69q.cjs} +0 -0
- /package/dist/{Tabs-CQP9zwDw.js → Tabs-BY0w2xIE.js} +0 -0
- /package/dist/{Toast-BBsrCQK8.cjs → Toast-DxqsMIum.cjs} +0 -0
- /package/dist/{Toast-cisfK5Zd.js → Toast-LmQbzDjd.js} +0 -0
- /package/dist/{TreeContext-Chb7z8Xc.cjs → TreeContext-CzS1Wz-R.cjs} +0 -0
- /package/dist/{TreeContext-DMZ0w_tb.js → TreeContext-qAmvKbZg.js} +0 -0
- /package/dist/{Walkthrough-qaQ1rved.js → Walkthrough-CDJ_L5v6.js} +0 -0
- /package/dist/{Walkthrough-YD3YYxxM.cjs → Walkthrough-sxBesCKN.cjs} +0 -0
- /package/dist/{pixi-scene-CO-pr1Vt.cjs → pixi-scene-DD4f6Hr_.cjs} +0 -0
- /package/dist/{pixi-scene-BsU_T9YR.js → pixi-scene-zrD35mCw.js} +0 -0
- /package/dist/{useLoadingAnnouncer.composable-DjrPyN_4.cjs → useLoadingAnnouncer.composable-0p9NR_9q.cjs} +0 -0
- /package/dist/{useLoadingAnnouncer.composable-CUiJu52w.js → useLoadingAnnouncer.composable-_dHf3wif.js} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
const e=require(`./chunk-D-qHiVGv.cjs`),t=require(`./Icon-C8R_r_In.cjs`),n=require(`./EmptyState-Cz91HAKF.cjs`),r=require(`./Button-Dwv0rx46.cjs`),i=require(`./Spinner-CqSN2vaR.cjs`),a=require(`./Skeleton-DP9iM6Ku.cjs`),o=require(`./NotificationCenterItem-Clhhma6H.cjs`);let s=require(`vue`),c=require(`@nubisco/ui/icons/warning-circle`),l=require(`@nubisco/ui/icons/bell`);l=e.n(l);var u={key:0,class:`nb-notification-center__badge`,"aria-hidden":`true`},d=[`aria-describedby`,`aria-busy`],f={class:`nb-notification-center__header`},p={class:`nb-notification-center__sr`,role:`status`},ee={class:`nb-notification-center__stale-text`},te={class:`nb-notification-center__sr`},ne=[`tabindex`],re={key:4,class:`nb-notification-center__empty`},ie={key:5,class:`nb-notification-center__footer`},m=new Set,h=8,g=8,_=96,v=88,y=200;function ae(e,{align:t,width:n,maxHeight:r,viewport:i}){let a=t===`start`?e.left:e.left+e.width-n,o=Math.min(Math.max(a,g),Math.max(g,i.width-n-g)),s=e.top+e.height,c=i.height-s-h-g,l=e.top-h-g,u=c<y&&l>c?`top`:`bottom`,d=Math.max(v,u===`top`?l:c),f=Math.max(v,Math.min(r,d-_)),p=Math.min(r+_,d);return{top:u===`top`?Math.max(g,e.top-h-p):s+h,left:o,side:u,maxListHeight:f}}function oe(e,t){return e.left<=t.width&&e.left+e.width>=0&&e.top<=t.height&&e.top+e.height>=0}var b=(0,s.defineComponent)({__name:`NotificationCenter`,props:{items:{default:()=>[]},unreadCount:{default:void 0},itemCount:{default:void 0},open:{type:Boolean,default:void 0},label:{default:`Notifications`},markAllLabel:{default:`Mark all as read`},markAllPendingLabel:{default:`Marking all as read`},markAllPending:{type:Boolean,default:!1},emptyTitle:{default:`No notifications`},emptyDescription:{default:`New activity shows up here.`},loadingLabel:{default:`Loading notifications`},loading:{type:Boolean,default:!1},error:{type:Boolean,default:!1},errorTitle:{default:`Could not load notifications`},errorDescription:{default:`The request failed. Nothing has been lost.`},errorStaleLabel:{default:`These may be out of date.`},retryLabel:{default:`Try again`},showRetry:{type:Boolean,default:!0},maxCount:{default:99},width:{default:360},maxHeight:{default:384},align:{default:`end`},showMarkAll:{type:Boolean,default:!0},interactive:{type:Boolean,default:!0},closeOnSelect:{type:Boolean,default:!0},closeOnNavigate:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},icon:{default:void 0},locale:{default:void 0},unreadLabel:{default:`Unread`},readLabel:{default:`Read`},formatUnread:{type:Function,default:e=>e===1?`1 unread`:`${e} unread`}},emits:[`update:open`,`open`,`close`,`select`,`mark-all-read`,`retry`],setup(e,{expose:h,emit:g}){let _=e,v=(0,s.computed)(()=>_.icon??l),y=g,b=(0,s.useSlots)(),x=`nb-notification-center-${(0,s.useId)()}`,S=`${x}-title`,se=`${x}-trigger`,C=`${x}-error`,w=(0,s.ref)(null),ce=(0,s.ref)(null),T=(0,s.ref)(null),E=(0,s.ref)(null),le=(0,s.ref)(!1),D=(0,s.computed)(()=>_.open===void 0?le.value:_.open),O=(0,s.computed)(()=>typeof _.unreadCount==`number`?Math.max(0,_.unreadCount):_.items.filter(e=>!e.read).length),ue=(0,s.computed)(()=>O.value>_.maxCount?`${_.maxCount}+`:String(O.value)),de=(0,s.computed)(()=>O.value>0?`${_.label}, ${_.formatUnread(O.value)}`:_.label),fe=(0,s.computed)(()=>{if(typeof _.itemCount==`number`)return Math.max(0,_.itemCount);if(!b.default)return _.items.length}),pe=(0,s.computed)(()=>(fe.value??0)>0),k=(0,s.computed)(()=>{if(_.loading)return`loading`;let e=fe.value;return _.error&&(e===void 0||e===0)?`error`:e===void 0||e>0?`list`:`empty`}),A=(0,s.computed)(()=>_.error&&!_.loading&&k.value===`list`&&pe.value);(0,s.ref)(!1),(0,s.watch)(()=>[D.value,!!b.default,_.itemCount],([e,t,n])=>{},{immediate:!0});function j(){y(`retry`)}let M=(0,s.computed)(()=>({id:se,"aria-haspopup":`dialog`,"aria-expanded":D.value?`true`:`false`,"aria-controls":D.value?x:void 0,"aria-label":de.value,disabled:_.disabled||void 0})),N=(0,s.computed)(()=>({type:`button`,disabled:O.value===0&&!_.markAllPending,"aria-disabled":_.markAllPending?`true`:void 0,"aria-busy":_.markAllPending?`true`:void 0,onClick:Oe})),me=(0,s.computed)(()=>A.value||k.value===`error`?C:void 0);function P(e){if(!e){T.value=null;return}let t=e instanceof HTMLElement?e:e.$el;T.value=t instanceof HTMLElement?t:null}let F=(0,s.ref)({top:0,left:0,side:`bottom`,maxListHeight:_.maxHeight});function I(){return{width:window.innerWidth,height:window.innerHeight}}function L(){let e=w.value?.getBoundingClientRect();e&&(F.value=ae(e,{align:_.align,width:_.width,maxHeight:_.maxHeight,viewport:I()}))}let he=(0,s.computed)(()=>({top:`${Math.round(F.value.top)}px`,left:`${Math.round(F.value.left)}px`,width:`${_.width}px`})),R=(0,s.computed)(()=>({maxHeight:`${Math.round(F.value.maxListHeight)}px`})),ge=(0,s.computed)(()=>({"nb-notification-center__panel--start":_.align===`start`,"nb-notification-center__panel--above":F.value.side===`top`}));function z(e){_.open===void 0&&(le.value=e),y(`update:open`,e)}function B(){_.disabled||D.value||(L(),z(!0),y(`open`))}function V(e={}){if(!D.value)return;let t=E.value?.contains(document.activeElement);z(!1),y(`close`),(e.restoreFocus??t)&&(0,s.nextTick)(H)}function H(){let e=T.value;if(e?.isConnected){e.focus();return}(w.value?.querySelector(J))?.focus()}function U(){D.value?V({restoreFocus:!0}):B()}let W=(0,s.ref)(0),_e=new Set([`button`,`link`,`menuitem`,`option`]);function ve(e){if(e.tagName===`BUTTON`)return!e.hasAttribute(`disabled`);if(e.tagName===`A`)return e.hasAttribute(`href`);let t=e.getAttribute(`role`);return t!==null&&_e.has(t)}function G(){return E.value?Array.from(E.value.querySelectorAll(`[data-nb-notification-item]`)).filter(e=>!!ve(e)):[]}let ye=(0,s.ref)(void 0);function be(e){let t=ce.value;ye.value=t&&t.childElementCount>0&&e.length===0?0:void 0}function K(e){let t=G();be(t),t.length&&(W.value=Math.min(Math.max(e,0),t.length-1),t.forEach((e,t)=>{e.setAttribute(`tabindex`,t===W.value?`0`:`-1`)}))}function q(e){let t=G();if(!t.length)return!1;let n=Math.min(Math.max(e,0),t.length-1);return K(n),t[n]?.focus(),!0}function xe(e){let t=e.target?.closest(`[data-nb-notification-item]`);if(!t)return;let n=G().indexOf(t);n>=0&&K(n)}let J=`a[href]:not([tabindex="-1"]), button:not([disabled]):not([tabindex="-1"]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex="0"]`;function Se(e){return!!e?.closest?.(`input, textarea, select, [contenteditable=""], [contenteditable="true"]`)}function Ce(e){let t=G(),n=e.target?.closest(`[data-nb-notification-item]`),r=n?t.indexOf(n):-1;if(e.key===`Escape`){if(!we(e))return;e.preventDefault(),e.stopPropagation(),V({restoreFocus:!0});return}if(e.key===`Tab`){Te(e);return}if(!Se(e.target))switch(e.key){case`ArrowDown`:q(r<0?0:r+1)&&e.preventDefault();break;case`ArrowUp`:q(r<0?t.length-1:r-1)&&e.preventDefault();break;case`Home`:r>=0&&(e.preventDefault(),q(0));break;case`End`:r>=0&&(e.preventDefault(),q(t.length-1));break;default:break}}function we(e){if(e.defaultPrevented)return!1;let t=(e.target??document.activeElement)?.closest?.(`[aria-modal="true"]`);return!(t&&t!==E.value)}function Te(e){let t=E.value;if(!t)return;let n=Array.from(t.querySelectorAll(J)),r=document.activeElement,i=n[0],a=n[n.length-1],o=!n.length||r===i||!t.contains(r),c=!n.length||r===a;if(e.shiftKey?!o:!c)return;e.preventDefault();let l=e.shiftKey?T.value:Ee();V({restoreFocus:!1}),(0,s.nextTick)(()=>{l?.isConnected?l.focus():H()})}function Ee(){let e=T.value;if(!e)return null;let t=Array.from(document.querySelectorAll(J)).filter(e=>!E.value?.contains(e)).filter(e=>e.tabIndex>=0),n=t.indexOf(e);return n<0?null:t[n+1]??null}function De(e,t){y(`select`,e,t),_.closeOnSelect&&V({restoreFocus:!1})}function Y(e){if(!b.default)return;let t=e.target?.closest(`[data-nb-notification-item]`);if(t&&ve(t)){if(e.type===`keydown`){let n=e.key;if(n!==`Enter`&&n!==` `||t.tagName===`BUTTON`||t.tagName===`A`)return;e.preventDefault()}y(`select`,null,e),_.closeOnSelect&&V({restoreFocus:!1})}}function Oe(){_.markAllPending||y(`mark-all-read`)}function ke(e){let t=e.target;w.value?.contains(t)||E.value?.contains(t)||V({restoreFocus:!1})}function Ae(e){e.key===`Escape`&&(E.value?.contains(document.activeElement)||we(e)&&V({restoreFocus:w.value?.contains(document.activeElement)??!1}))}let X=0;function Z(){!D.value||X||(X=requestAnimationFrame(()=>{X=0,Me()}))}function je(){X&&=(cancelAnimationFrame(X),0)}function Me(){if(!D.value)return;let e=w.value?.getBoundingClientRect();if(e&&!oe(e,I())){V({restoreFocus:!1});return}L()}function Q(){_.closeOnNavigate&&V({restoreFocus:!1})}function Ne(){return window.navigation}function Pe(){document.addEventListener(`mousedown`,ke),document.addEventListener(`keydown`,Ae),window.addEventListener(`resize`,Z),window.addEventListener(`scroll`,Z,!0),window.addEventListener(`popstate`,Q),window.addEventListener(`hashchange`,Q),Ne()?.addEventListener(`navigate`,Q)}function Fe(){je(),document.removeEventListener(`mousedown`,ke),document.removeEventListener(`keydown`,Ae),window.removeEventListener(`resize`,Z),window.removeEventListener(`scroll`,Z,!0),window.removeEventListener(`popstate`,Q),window.removeEventListener(`hashchange`,Q),Ne()?.removeEventListener(`navigate`,Q)}let $=()=>V({restoreFocus:!1});return(0,s.watch)(D,e=>{if(e){for(let e of[...m])e!==$&&e();m.add($),Pe(),(0,s.nextTick)(()=>{L(),K(0),q(0)||E.value?.focus()})}else m.delete($),Fe(),W.value=0}),(0,s.watch)(()=>[_.items.length,k.value],()=>{D.value&&(0,s.nextTick)(()=>K(W.value))}),(0,s.onBeforeUnmount)(()=>{Fe(),m.delete($);let e=E.value;e?.isConnected&&e.remove()}),h({show:B,close:V,toggle:U,isOpen:D,unreadCount:O}),(l,m)=>((0,s.openBlock)(),(0,s.createElementBlock)(`div`,{ref_key:`rootRef`,ref:w,class:`nb-notification-center`},[(0,s.renderSlot)(l.$slots,`trigger`,{open:D.value,toggle:U,show:B,close:V,unreadCount:O.value,badge:ue.value,panelId:x,triggerProps:M.value,setTriggerRef:P},()=>[(0,s.createElementVNode)(`button`,(0,s.mergeProps)({ref:P,type:`button`,class:[`nb-notification-center__trigger`,{"nb-notification-center__trigger--active":D.value}]},M.value,{onClick:U}),[(0,s.createVNode)(t.t,{name:v.value,size:18},null,8,[`name`]),O.value>0?((0,s.openBlock)(),(0,s.createElementBlock)(`span`,u,(0,s.toDisplayString)(ue.value),1)):(0,s.createCommentVNode)(``,!0)],16)]),((0,s.openBlock)(),(0,s.createBlock)(s.Teleport,{to:`body`},[(0,s.createVNode)(s.Transition,{name:`nb-notification-center-pop`},{default:(0,s.withCtx)(()=>[D.value?((0,s.openBlock)(),(0,s.createElementBlock)(`div`,{key:0,id:x,ref_key:`panelRef`,ref:E,class:(0,s.normalizeClass)([`nb-notification-center__panel`,ge.value]),style:(0,s.normalizeStyle)(he.value),role:`dialog`,tabindex:`-1`,"aria-labelledby":S,"aria-describedby":me.value,"aria-busy":e.loading?`true`:void 0,onKeydown:Ce,onFocusin:xe},[(0,s.createElementVNode)(`div`,f,[(0,s.createElementVNode)(`h2`,{id:S,class:`nb-notification-center__title`},(0,s.toDisplayString)(e.label),1),(0,s.renderSlot)(l.$slots,`header-start`,{close:V,unreadCount:O.value}),(0,s.renderSlot)(l.$slots,`header-actions`,{close:V,unreadCount:O.value,markAllRead:Oe,markAllPending:e.markAllPending,markAllProps:N.value,markAllText:e.markAllPending?e.markAllPendingLabel:e.markAllLabel},()=>[e.showMarkAll?((0,s.openBlock)(),(0,s.createElementBlock)(`button`,(0,s.mergeProps)({key:0,class:`nb-notification-center__mark-all`},N.value),[e.markAllPending?((0,s.openBlock)(),(0,s.createBlock)(i.t,{key:0,size:`xs`,tone:`inherit`,decorative:``})):(0,s.createCommentVNode)(``,!0),(0,s.createTextVNode)(` `+(0,s.toDisplayString)(e.markAllPending?e.markAllPendingLabel:e.markAllLabel),1)],16)):(0,s.createCommentVNode)(``,!0)])]),(0,s.createElementVNode)(`span`,p,(0,s.toDisplayString)(e.markAllPending?e.markAllPendingLabel:``),1),A.value?((0,s.openBlock)(),(0,s.createElementBlock)(`div`,{key:0,id:C,class:`nb-notification-center__stale`,role:`status`},[(0,s.createVNode)(t.t,{name:(0,s.unref)(c.regular),size:14,"aria-hidden":`true`},null,8,[`name`]),(0,s.createElementVNode)(`span`,ee,(0,s.toDisplayString)(e.errorStaleLabel),1),e.showRetry?((0,s.openBlock)(),(0,s.createElementBlock)(`button`,{key:0,type:`button`,class:`nb-notification-center__retry`,onClick:j},(0,s.toDisplayString)(e.retryLabel),1)):(0,s.createCommentVNode)(``,!0)])):(0,s.createCommentVNode)(``,!0),k.value===`loading`?((0,s.openBlock)(),(0,s.createElementBlock)(`div`,{key:1,class:`nb-notification-center__loading`,role:`status`,style:(0,s.normalizeStyle)(R.value)},[(0,s.createElementVNode)(`span`,te,(0,s.toDisplayString)(e.loadingLabel),1),((0,s.openBlock)(),(0,s.createElementBlock)(s.Fragment,null,(0,s.renderList)(3,e=>(0,s.createVNode)(a.t,{key:e,variant:`text`,type:`body-sm`,lines:2,"last-line-width":`60%`})),64))],4)):k.value===`error`?((0,s.openBlock)(),(0,s.createElementBlock)(`div`,{key:2,id:C,class:`nb-notification-center__error`,role:`alert`},[(0,s.renderSlot)(l.$slots,`error`,{retry:j},()=>[(0,s.createVNode)(n.t,{size:`sm`,kind:`error`,title:e.errorTitle,description:e.errorDescription},(0,s.createSlots)({_:2},[e.showRetry?{name:`actions`,fn:(0,s.withCtx)(()=>[(0,s.createVNode)(r.t,{size:`sm`,variant:`secondary`,onClick:j},{default:(0,s.withCtx)(()=>[(0,s.createTextVNode)((0,s.toDisplayString)(e.retryLabel),1)]),_:1})]),key:`0`}:void 0]),1032,[`title`,`description`])])])):k.value===`list`?((0,s.openBlock)(),(0,s.createElementBlock)(`ul`,{key:3,ref_key:`listRef`,ref:ce,class:`nb-notification-center__list`,role:`list`,tabindex:ye.value,style:(0,s.normalizeStyle)(R.value),onClick:Y,onKeydown:Y},[(0,s.renderSlot)(l.$slots,`default`,{close:V,items:e.items},()=>[((0,s.openBlock)(!0),(0,s.createElementBlock)(s.Fragment,null,(0,s.renderList)(e.items,t=>((0,s.openBlock)(),(0,s.createBlock)(o.t,{key:t.id,title:t.title,body:t.body,time:t.time,"time-label":t.timeLabel,read:t.read,variant:t.variant??`neutral`,icon:t.icon,href:t.href,interactive:t.interactive??e.interactive,locale:e.locale,"unread-label":e.unreadLabel,"read-label":e.readLabel,onSelect:e=>De(t,e)},null,8,[`title`,`body`,`time`,`time-label`,`read`,`variant`,`icon`,`href`,`interactive`,`locale`,`unread-label`,`read-label`,`onSelect`]))),128))])],44,ne)):k.value===`empty`?((0,s.openBlock)(),(0,s.createElementBlock)(`div`,re,[(0,s.renderSlot)(l.$slots,`empty`,{},()=>[(0,s.createVNode)(n.t,{size:`sm`,icon:v.value,title:e.emptyTitle,description:e.emptyDescription},null,8,[`icon`,`title`,`description`])])])):(0,s.createCommentVNode)(``,!0),l.$slots.footer?((0,s.openBlock)(),(0,s.createElementBlock)(`div`,ie,[(0,s.renderSlot)(l.$slots,`footer`,{close:V})])):(0,s.createCommentVNode)(``,!0)],46,d)):(0,s.createCommentVNode)(``,!0)]),_:3})]))],512))}});Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return b}});
|
|
1
|
+
const e=require(`./chunk-D-qHiVGv.cjs`),t=require(`./Icon-C8R_r_In.cjs`),n=require(`./EmptyState-Cz91HAKF.cjs`),r=require(`./Button-Dwv0rx46.cjs`),i=require(`./Spinner-0U-QK2re.cjs`),a=require(`./Skeleton-C7qpz76n.cjs`),o=require(`./NotificationCenterItem-D2TueTtH.cjs`);let s=require(`vue`),c=require(`@nubisco/ui/icons/warning-circle`),l=require(`@nubisco/ui/icons/bell`);l=e.n(l);var u={key:0,class:`nb-notification-center__badge`,"aria-hidden":`true`},d=[`aria-describedby`,`aria-busy`],f={class:`nb-notification-center__header`},p={class:`nb-notification-center__sr`,role:`status`},ee={class:`nb-notification-center__stale-text`},te={class:`nb-notification-center__sr`},ne=[`tabindex`],re={key:4,class:`nb-notification-center__empty`},ie={key:5,class:`nb-notification-center__footer`},m=new Set,h=8,g=8,_=96,v=88,y=200;function ae(e,{align:t,width:n,maxHeight:r,viewport:i}){let a=t===`start`?e.left:e.left+e.width-n,o=Math.min(Math.max(a,g),Math.max(g,i.width-n-g)),s=e.top+e.height,c=i.height-s-h-g,l=e.top-h-g,u=c<y&&l>c?`top`:`bottom`,d=Math.max(v,u===`top`?l:c),f=Math.max(v,Math.min(r,d-_)),p=Math.min(r+_,d);return{top:u===`top`?Math.max(g,e.top-h-p):s+h,left:o,side:u,maxListHeight:f}}function oe(e,t){return e.left<=t.width&&e.left+e.width>=0&&e.top<=t.height&&e.top+e.height>=0}var b=(0,s.defineComponent)({__name:`NotificationCenter`,props:{items:{default:()=>[]},unreadCount:{default:void 0},itemCount:{default:void 0},open:{type:Boolean,default:void 0},label:{default:`Notifications`},markAllLabel:{default:`Mark all as read`},markAllPendingLabel:{default:`Marking all as read`},markAllPending:{type:Boolean,default:!1},emptyTitle:{default:`No notifications`},emptyDescription:{default:`New activity shows up here.`},loadingLabel:{default:`Loading notifications`},loading:{type:Boolean,default:!1},error:{type:Boolean,default:!1},errorTitle:{default:`Could not load notifications`},errorDescription:{default:`The request failed. Nothing has been lost.`},errorStaleLabel:{default:`These may be out of date.`},retryLabel:{default:`Try again`},showRetry:{type:Boolean,default:!0},maxCount:{default:99},width:{default:360},maxHeight:{default:384},align:{default:`end`},showMarkAll:{type:Boolean,default:!0},interactive:{type:Boolean,default:!0},closeOnSelect:{type:Boolean,default:!0},closeOnNavigate:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},icon:{default:void 0},locale:{default:void 0},unreadLabel:{default:`Unread`},readLabel:{default:`Read`},formatUnread:{type:Function,default:e=>e===1?`1 unread`:`${e} unread`}},emits:[`update:open`,`open`,`close`,`select`,`mark-all-read`,`retry`],setup(e,{expose:h,emit:g}){let _=e,v=(0,s.computed)(()=>_.icon??l),y=g,b=(0,s.useSlots)(),x=`nb-notification-center-${(0,s.useId)()}`,S=`${x}-title`,se=`${x}-trigger`,C=`${x}-error`,w=(0,s.ref)(null),ce=(0,s.ref)(null),T=(0,s.ref)(null),E=(0,s.ref)(null),le=(0,s.ref)(!1),D=(0,s.computed)(()=>_.open===void 0?le.value:_.open),O=(0,s.computed)(()=>typeof _.unreadCount==`number`?Math.max(0,_.unreadCount):_.items.filter(e=>!e.read).length),ue=(0,s.computed)(()=>O.value>_.maxCount?`${_.maxCount}+`:String(O.value)),de=(0,s.computed)(()=>O.value>0?`${_.label}, ${_.formatUnread(O.value)}`:_.label),fe=(0,s.computed)(()=>{if(typeof _.itemCount==`number`)return Math.max(0,_.itemCount);if(!b.default)return _.items.length}),pe=(0,s.computed)(()=>(fe.value??0)>0),k=(0,s.computed)(()=>{if(_.loading)return`loading`;let e=fe.value;return _.error&&(e===void 0||e===0)?`error`:e===void 0||e>0?`list`:`empty`}),A=(0,s.computed)(()=>_.error&&!_.loading&&k.value===`list`&&pe.value);(0,s.ref)(!1),(0,s.watch)(()=>[D.value,!!b.default,_.itemCount],([e,t,n])=>{},{immediate:!0});function j(){y(`retry`)}let M=(0,s.computed)(()=>({id:se,"aria-haspopup":`dialog`,"aria-expanded":D.value?`true`:`false`,"aria-controls":D.value?x:void 0,"aria-label":de.value,disabled:_.disabled||void 0})),N=(0,s.computed)(()=>({type:`button`,disabled:O.value===0&&!_.markAllPending,"aria-disabled":_.markAllPending?`true`:void 0,"aria-busy":_.markAllPending?`true`:void 0,onClick:Oe})),me=(0,s.computed)(()=>A.value||k.value===`error`?C:void 0);function P(e){if(!e){T.value=null;return}let t=e instanceof HTMLElement?e:e.$el;T.value=t instanceof HTMLElement?t:null}let F=(0,s.ref)({top:0,left:0,side:`bottom`,maxListHeight:_.maxHeight});function I(){return{width:window.innerWidth,height:window.innerHeight}}function L(){let e=w.value?.getBoundingClientRect();e&&(F.value=ae(e,{align:_.align,width:_.width,maxHeight:_.maxHeight,viewport:I()}))}let he=(0,s.computed)(()=>({top:`${Math.round(F.value.top)}px`,left:`${Math.round(F.value.left)}px`,width:`${_.width}px`})),R=(0,s.computed)(()=>({maxHeight:`${Math.round(F.value.maxListHeight)}px`})),ge=(0,s.computed)(()=>({"nb-notification-center__panel--start":_.align===`start`,"nb-notification-center__panel--above":F.value.side===`top`}));function z(e){_.open===void 0&&(le.value=e),y(`update:open`,e)}function B(){_.disabled||D.value||(L(),z(!0),y(`open`))}function V(e={}){if(!D.value)return;let t=E.value?.contains(document.activeElement);z(!1),y(`close`),(e.restoreFocus??t)&&(0,s.nextTick)(H)}function H(){let e=T.value;if(e?.isConnected){e.focus();return}(w.value?.querySelector(J))?.focus()}function U(){D.value?V({restoreFocus:!0}):B()}let W=(0,s.ref)(0),_e=new Set([`button`,`link`,`menuitem`,`option`]);function ve(e){if(e.tagName===`BUTTON`)return!e.hasAttribute(`disabled`);if(e.tagName===`A`)return e.hasAttribute(`href`);let t=e.getAttribute(`role`);return t!==null&&_e.has(t)}function G(){return E.value?Array.from(E.value.querySelectorAll(`[data-nb-notification-item]`)).filter(e=>!!ve(e)):[]}let ye=(0,s.ref)(void 0);function be(e){let t=ce.value;ye.value=t&&t.childElementCount>0&&e.length===0?0:void 0}function K(e){let t=G();be(t),t.length&&(W.value=Math.min(Math.max(e,0),t.length-1),t.forEach((e,t)=>{e.setAttribute(`tabindex`,t===W.value?`0`:`-1`)}))}function q(e){let t=G();if(!t.length)return!1;let n=Math.min(Math.max(e,0),t.length-1);return K(n),t[n]?.focus(),!0}function xe(e){let t=e.target?.closest(`[data-nb-notification-item]`);if(!t)return;let n=G().indexOf(t);n>=0&&K(n)}let J=`a[href]:not([tabindex="-1"]), button:not([disabled]):not([tabindex="-1"]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex="0"]`;function Se(e){return!!e?.closest?.(`input, textarea, select, [contenteditable=""], [contenteditable="true"]`)}function Ce(e){let t=G(),n=e.target?.closest(`[data-nb-notification-item]`),r=n?t.indexOf(n):-1;if(e.key===`Escape`){if(!we(e))return;e.preventDefault(),e.stopPropagation(),V({restoreFocus:!0});return}if(e.key===`Tab`){Te(e);return}if(!Se(e.target))switch(e.key){case`ArrowDown`:q(r<0?0:r+1)&&e.preventDefault();break;case`ArrowUp`:q(r<0?t.length-1:r-1)&&e.preventDefault();break;case`Home`:r>=0&&(e.preventDefault(),q(0));break;case`End`:r>=0&&(e.preventDefault(),q(t.length-1));break;default:break}}function we(e){if(e.defaultPrevented)return!1;let t=(e.target??document.activeElement)?.closest?.(`[aria-modal="true"]`);return!(t&&t!==E.value)}function Te(e){let t=E.value;if(!t)return;let n=Array.from(t.querySelectorAll(J)),r=document.activeElement,i=n[0],a=n[n.length-1],o=!n.length||r===i||!t.contains(r),c=!n.length||r===a;if(e.shiftKey?!o:!c)return;e.preventDefault();let l=e.shiftKey?T.value:Ee();V({restoreFocus:!1}),(0,s.nextTick)(()=>{l?.isConnected?l.focus():H()})}function Ee(){let e=T.value;if(!e)return null;let t=Array.from(document.querySelectorAll(J)).filter(e=>!E.value?.contains(e)).filter(e=>e.tabIndex>=0),n=t.indexOf(e);return n<0?null:t[n+1]??null}function De(e,t){y(`select`,e,t),_.closeOnSelect&&V({restoreFocus:!1})}function Y(e){if(!b.default)return;let t=e.target?.closest(`[data-nb-notification-item]`);if(t&&ve(t)){if(e.type===`keydown`){let n=e.key;if(n!==`Enter`&&n!==` `||t.tagName===`BUTTON`||t.tagName===`A`)return;e.preventDefault()}y(`select`,null,e),_.closeOnSelect&&V({restoreFocus:!1})}}function Oe(){_.markAllPending||y(`mark-all-read`)}function ke(e){let t=e.target;w.value?.contains(t)||E.value?.contains(t)||V({restoreFocus:!1})}function Ae(e){e.key===`Escape`&&(E.value?.contains(document.activeElement)||we(e)&&V({restoreFocus:w.value?.contains(document.activeElement)??!1}))}let X=0;function Z(){!D.value||X||(X=requestAnimationFrame(()=>{X=0,Me()}))}function je(){X&&=(cancelAnimationFrame(X),0)}function Me(){if(!D.value)return;let e=w.value?.getBoundingClientRect();if(e&&!oe(e,I())){V({restoreFocus:!1});return}L()}function Q(){_.closeOnNavigate&&V({restoreFocus:!1})}function Ne(){return window.navigation}function Pe(){document.addEventListener(`mousedown`,ke),document.addEventListener(`keydown`,Ae),window.addEventListener(`resize`,Z),window.addEventListener(`scroll`,Z,!0),window.addEventListener(`popstate`,Q),window.addEventListener(`hashchange`,Q),Ne()?.addEventListener(`navigate`,Q)}function Fe(){je(),document.removeEventListener(`mousedown`,ke),document.removeEventListener(`keydown`,Ae),window.removeEventListener(`resize`,Z),window.removeEventListener(`scroll`,Z,!0),window.removeEventListener(`popstate`,Q),window.removeEventListener(`hashchange`,Q),Ne()?.removeEventListener(`navigate`,Q)}let $=()=>V({restoreFocus:!1});return(0,s.watch)(D,e=>{if(e){for(let e of[...m])e!==$&&e();m.add($),Pe(),(0,s.nextTick)(()=>{L(),K(0),q(0)||E.value?.focus()})}else m.delete($),Fe(),W.value=0}),(0,s.watch)(()=>[_.items.length,k.value],()=>{D.value&&(0,s.nextTick)(()=>K(W.value))}),(0,s.onBeforeUnmount)(()=>{Fe(),m.delete($);let e=E.value;e?.isConnected&&e.remove()}),h({show:B,close:V,toggle:U,isOpen:D,unreadCount:O}),(l,m)=>((0,s.openBlock)(),(0,s.createElementBlock)(`div`,{ref_key:`rootRef`,ref:w,class:`nb-notification-center`},[(0,s.renderSlot)(l.$slots,`trigger`,{open:D.value,toggle:U,show:B,close:V,unreadCount:O.value,badge:ue.value,panelId:x,triggerProps:M.value,setTriggerRef:P},()=>[(0,s.createElementVNode)(`button`,(0,s.mergeProps)({ref:P,type:`button`,class:[`nb-notification-center__trigger`,{"nb-notification-center__trigger--active":D.value}]},M.value,{onClick:U}),[(0,s.createVNode)(t.t,{name:v.value,size:18},null,8,[`name`]),O.value>0?((0,s.openBlock)(),(0,s.createElementBlock)(`span`,u,(0,s.toDisplayString)(ue.value),1)):(0,s.createCommentVNode)(``,!0)],16)]),((0,s.openBlock)(),(0,s.createBlock)(s.Teleport,{to:`body`},[(0,s.createVNode)(s.Transition,{name:`nb-notification-center-pop`},{default:(0,s.withCtx)(()=>[D.value?((0,s.openBlock)(),(0,s.createElementBlock)(`div`,{key:0,id:x,ref_key:`panelRef`,ref:E,class:(0,s.normalizeClass)([`nb-notification-center__panel`,ge.value]),style:(0,s.normalizeStyle)(he.value),role:`dialog`,tabindex:`-1`,"aria-labelledby":S,"aria-describedby":me.value,"aria-busy":e.loading?`true`:void 0,onKeydown:Ce,onFocusin:xe},[(0,s.createElementVNode)(`div`,f,[(0,s.createElementVNode)(`h2`,{id:S,class:`nb-notification-center__title`},(0,s.toDisplayString)(e.label),1),(0,s.renderSlot)(l.$slots,`header-start`,{close:V,unreadCount:O.value}),(0,s.renderSlot)(l.$slots,`header-actions`,{close:V,unreadCount:O.value,markAllRead:Oe,markAllPending:e.markAllPending,markAllProps:N.value,markAllText:e.markAllPending?e.markAllPendingLabel:e.markAllLabel},()=>[e.showMarkAll?((0,s.openBlock)(),(0,s.createElementBlock)(`button`,(0,s.mergeProps)({key:0,class:`nb-notification-center__mark-all`},N.value),[e.markAllPending?((0,s.openBlock)(),(0,s.createBlock)(i.t,{key:0,size:`xs`,tone:`inherit`,decorative:``})):(0,s.createCommentVNode)(``,!0),(0,s.createTextVNode)(` `+(0,s.toDisplayString)(e.markAllPending?e.markAllPendingLabel:e.markAllLabel),1)],16)):(0,s.createCommentVNode)(``,!0)])]),(0,s.createElementVNode)(`span`,p,(0,s.toDisplayString)(e.markAllPending?e.markAllPendingLabel:``),1),A.value?((0,s.openBlock)(),(0,s.createElementBlock)(`div`,{key:0,id:C,class:`nb-notification-center__stale`,role:`status`},[(0,s.createVNode)(t.t,{name:(0,s.unref)(c.regular),size:14,"aria-hidden":`true`},null,8,[`name`]),(0,s.createElementVNode)(`span`,ee,(0,s.toDisplayString)(e.errorStaleLabel),1),e.showRetry?((0,s.openBlock)(),(0,s.createElementBlock)(`button`,{key:0,type:`button`,class:`nb-notification-center__retry`,onClick:j},(0,s.toDisplayString)(e.retryLabel),1)):(0,s.createCommentVNode)(``,!0)])):(0,s.createCommentVNode)(``,!0),k.value===`loading`?((0,s.openBlock)(),(0,s.createElementBlock)(`div`,{key:1,class:`nb-notification-center__loading`,role:`status`,style:(0,s.normalizeStyle)(R.value)},[(0,s.createElementVNode)(`span`,te,(0,s.toDisplayString)(e.loadingLabel),1),((0,s.openBlock)(),(0,s.createElementBlock)(s.Fragment,null,(0,s.renderList)(3,e=>(0,s.createVNode)(a.t,{key:e,variant:`text`,type:`body-sm`,lines:2,"last-line-width":`60%`})),64))],4)):k.value===`error`?((0,s.openBlock)(),(0,s.createElementBlock)(`div`,{key:2,id:C,class:`nb-notification-center__error`,role:`alert`},[(0,s.renderSlot)(l.$slots,`error`,{retry:j},()=>[(0,s.createVNode)(n.t,{size:`sm`,kind:`error`,title:e.errorTitle,description:e.errorDescription},(0,s.createSlots)({_:2},[e.showRetry?{name:`actions`,fn:(0,s.withCtx)(()=>[(0,s.createVNode)(r.t,{size:`sm`,variant:`secondary`,onClick:j},{default:(0,s.withCtx)(()=>[(0,s.createTextVNode)((0,s.toDisplayString)(e.retryLabel),1)]),_:1})]),key:`0`}:void 0]),1032,[`title`,`description`])])])):k.value===`list`?((0,s.openBlock)(),(0,s.createElementBlock)(`ul`,{key:3,ref_key:`listRef`,ref:ce,class:`nb-notification-center__list`,role:`list`,tabindex:ye.value,style:(0,s.normalizeStyle)(R.value),onClick:Y,onKeydown:Y},[(0,s.renderSlot)(l.$slots,`default`,{close:V,items:e.items},()=>[((0,s.openBlock)(!0),(0,s.createElementBlock)(s.Fragment,null,(0,s.renderList)(e.items,t=>((0,s.openBlock)(),(0,s.createBlock)(o.t,{key:t.id,title:t.title,body:t.body,time:t.time,"time-label":t.timeLabel,read:t.read,variant:t.variant??`neutral`,icon:t.icon,href:t.href,interactive:t.interactive??e.interactive,locale:e.locale,"unread-label":e.unreadLabel,"read-label":e.readLabel,onSelect:e=>De(t,e)},null,8,[`title`,`body`,`time`,`time-label`,`read`,`variant`,`icon`,`href`,`interactive`,`locale`,`unread-label`,`read-label`,`onSelect`]))),128))])],44,ne)):k.value===`empty`?((0,s.openBlock)(),(0,s.createElementBlock)(`div`,re,[(0,s.renderSlot)(l.$slots,`empty`,{},()=>[(0,s.createVNode)(n.t,{size:`sm`,icon:v.value,title:e.emptyTitle,description:e.emptyDescription},null,8,[`icon`,`title`,`description`])])])):(0,s.createCommentVNode)(``,!0),l.$slots.footer?((0,s.openBlock)(),(0,s.createElementBlock)(`div`,ie,[(0,s.renderSlot)(l.$slots,`footer`,{close:V})])):(0,s.createCommentVNode)(``,!0)],46,d)):(0,s.createCommentVNode)(``,!0)]),_:3})]))],512))}});Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return b}});
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import { t as e } from "./vue-i18n-KFH4YCAW.js";
|
|
2
|
+
import { t } from "./SidebarMenuItem-B-H0berP.js";
|
|
3
|
+
import { computed as n, createBlock as r, defineComponent as i, inject as a, openBlock as o, ref as s } from "vue";
|
|
4
|
+
import * as c from "@nubisco/ui/icons/caret-line-left";
|
|
5
|
+
import * as l from "@nubisco/ui/icons/caret-line-right";
|
|
6
|
+
//#endregion
|
|
7
|
+
//#region src/components/SidebarCollapseToggle.vue
|
|
8
|
+
var u = /* @__PURE__ */ i({
|
|
9
|
+
__name: "SidebarCollapseToggle",
|
|
10
|
+
props: {
|
|
11
|
+
collapseLabel: { default: void 0 },
|
|
12
|
+
expandLabel: { default: void 0 }
|
|
13
|
+
},
|
|
14
|
+
emits: ["toggle"],
|
|
15
|
+
setup(i, { emit: u }) {
|
|
16
|
+
let d = i, f = u, p = a("nb-shell-sidebar-variant", s("verbose")), m = n(() => p.value === "compact"), h = {
|
|
17
|
+
en: {
|
|
18
|
+
COLLAPSE: "Collapse sidebar",
|
|
19
|
+
EXPAND: "Expand sidebar"
|
|
20
|
+
},
|
|
21
|
+
pt: {
|
|
22
|
+
COLLAPSE: "Recolher barra lateral",
|
|
23
|
+
EXPAND: "Expandir barra lateral"
|
|
24
|
+
}
|
|
25
|
+
};
|
|
26
|
+
function g() {
|
|
27
|
+
try {
|
|
28
|
+
return e({ useScope: "global" });
|
|
29
|
+
} catch {
|
|
30
|
+
return null;
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
let _ = g();
|
|
34
|
+
function v(e) {
|
|
35
|
+
let t = `sidebarCollapseToggle.${e}`;
|
|
36
|
+
return _?.te(t) ? _.t(t) : h[String(_?.locale.value ?? "en").toLowerCase().split("-")[0]]?.[e] ?? h.en[e];
|
|
37
|
+
}
|
|
38
|
+
let y = n(() => m.value ? d.expandLabel ?? v("EXPAND") : d.collapseLabel ?? v("COLLAPSE"));
|
|
39
|
+
return (e, n) => (o(), r(t, {
|
|
40
|
+
class: "nb-sidebar-collapse-toggle",
|
|
41
|
+
label: y.value,
|
|
42
|
+
icon: m.value ? l : c,
|
|
43
|
+
onClick: n[0] ||= (e) => f("toggle")
|
|
44
|
+
}, null, 8, ["label", "icon"]));
|
|
45
|
+
}
|
|
46
|
+
});
|
|
47
|
+
//#endregion
|
|
48
|
+
export { u as t };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
const e=require(`./chunk-D-qHiVGv.cjs`),t=require(`./vue-i18n-BSi_lDPp.cjs`),n=require(`./SidebarMenuItem-COd8DP6e.cjs`);let r=require(`vue`),i=require(`@nubisco/ui/icons/caret-line-left`);i=e.n(i);let a=require(`@nubisco/ui/icons/caret-line-right`);a=e.n(a);var o=(0,r.defineComponent)({__name:`SidebarCollapseToggle`,props:{collapseLabel:{default:void 0},expandLabel:{default:void 0}},emits:[`toggle`],setup(e,{emit:o}){let s=e,c=o,l=(0,r.inject)(`nb-shell-sidebar-variant`,(0,r.ref)(`verbose`)),u=(0,r.computed)(()=>l.value===`compact`),d={en:{COLLAPSE:`Collapse sidebar`,EXPAND:`Expand sidebar`},pt:{COLLAPSE:`Recolher barra lateral`,EXPAND:`Expandir barra lateral`}};function f(){try{return t.t({useScope:`global`})}catch{return null}}let p=f();function m(e){let t=`sidebarCollapseToggle.${e}`;return p?.te(t)?p.t(t):d[String(p?.locale.value??`en`).toLowerCase().split(`-`)[0]]?.[e]??d.en[e]}let h=(0,r.computed)(()=>u.value?s.expandLabel??m(`EXPAND`):s.collapseLabel??m(`COLLAPSE`));return(e,t)=>((0,r.openBlock)(),(0,r.createBlock)(n.t,{class:`nb-sidebar-collapse-toggle`,label:h.value,icon:u.value?a:i,onClick:t[0]||=e=>c(`toggle`)},null,8,[`label`,`icon`]))}});Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return o}});
|
|
@@ -0,0 +1,246 @@
|
|
|
1
|
+
import { t as e } from "./_plugin-vue_export-helper-O4QQSku4.js";
|
|
2
|
+
import { t } from "./Icon-rREAqsu0.js";
|
|
3
|
+
import { useRouterLink as n } from "./composables/useRouterLink.composable.mjs";
|
|
4
|
+
import { hasRenderableContent as r } from "./utils/slotContent.helper.mjs";
|
|
5
|
+
import { Fragment as ee, Teleport as te, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, defineComponent as l, inject as ne, mergeProps as re, nextTick as ie, normalizeClass as u, normalizeStyle as d, onBeforeUnmount as f, openBlock as p, provide as m, ref as h, renderSlot as g, resolveDynamicComponent as _, toDisplayString as v, toRef as y, unref as b, useSlots as ae, vShow as x, watch as S, withCtx as C, withDirectives as w } from "vue";
|
|
6
|
+
import { regular as T } from "@nubisco/ui/icons/caret-right";
|
|
7
|
+
//#endregion
|
|
8
|
+
//#region src/components/SidebarVariantScope.vue
|
|
9
|
+
var E = /* @__PURE__ */ l({
|
|
10
|
+
__name: "SidebarVariantScope",
|
|
11
|
+
props: { variant: {} },
|
|
12
|
+
setup(e) {
|
|
13
|
+
return m("nb-shell-sidebar-variant", y(e, "variant")), (e, t) => g(e.$slots, "default");
|
|
14
|
+
}
|
|
15
|
+
}), D = { class: "nb-sidebar-menu-item__label" }, oe = ["title"], se = {
|
|
16
|
+
key: 0,
|
|
17
|
+
class: "nb-sidebar-menu-item__children",
|
|
18
|
+
role: "group"
|
|
19
|
+
}, ce = { class: "nb-sidebar-menu-item__flyout-header" }, le = { class: "nb-sidebar-menu-item__flyout-label" }, ue = ["aria-label"], O = /* @__PURE__ */ e(/* @__PURE__ */ l({
|
|
20
|
+
__name: "SidebarMenuItem",
|
|
21
|
+
props: {
|
|
22
|
+
label: {},
|
|
23
|
+
icon: { default: void 0 },
|
|
24
|
+
to: { default: void 0 },
|
|
25
|
+
href: { default: void 0 },
|
|
26
|
+
active: {
|
|
27
|
+
type: Boolean,
|
|
28
|
+
default: !1
|
|
29
|
+
},
|
|
30
|
+
disabled: {
|
|
31
|
+
type: Boolean,
|
|
32
|
+
default: !1
|
|
33
|
+
},
|
|
34
|
+
defaultExpanded: {
|
|
35
|
+
type: Boolean,
|
|
36
|
+
default: !1
|
|
37
|
+
},
|
|
38
|
+
badge: { default: void 0 },
|
|
39
|
+
badgeVariant: { default: "neutral" }
|
|
40
|
+
},
|
|
41
|
+
emits: ["click"],
|
|
42
|
+
setup(e, { emit: l }) {
|
|
43
|
+
let m = e, y = l, O = ne("nb-shell-sidebar-variant", h("verbose")), k = i(() => O.value), A = ae(), j = i(() => {
|
|
44
|
+
let e = A.default?.();
|
|
45
|
+
return e ? r(e) : !1;
|
|
46
|
+
}), M = h(m.defaultExpanded || m.active), N = n(), P = i(() => {
|
|
47
|
+
if (typeof m.to == "string") return m.to;
|
|
48
|
+
if (m.href) return m.href;
|
|
49
|
+
}), F = i(() => j.value), I = i(() => m.to != null && !F.value && !!N.value), L = i(() => F.value ? "button" : I.value ? N.value : P.value ? "a" : "button"), R = i(() => L.value === "a" ? { href: P.value } : {});
|
|
50
|
+
function z(e) {
|
|
51
|
+
if (m.disabled) {
|
|
52
|
+
e.preventDefault();
|
|
53
|
+
return;
|
|
54
|
+
}
|
|
55
|
+
if (F.value && k.value === "verbose") {
|
|
56
|
+
M.value = !M.value;
|
|
57
|
+
return;
|
|
58
|
+
}
|
|
59
|
+
F.value && k.value === "compact" && me(e), y("click", e);
|
|
60
|
+
}
|
|
61
|
+
let B = h(null), V = h(null), H = h(!1), U = h(!1), W = h({}), G = null;
|
|
62
|
+
function K() {
|
|
63
|
+
if (k.value !== "compact") return;
|
|
64
|
+
G &&= (clearTimeout(G), null);
|
|
65
|
+
let e = Y();
|
|
66
|
+
if (!e) return;
|
|
67
|
+
let t = e.getBoundingClientRect();
|
|
68
|
+
W.value = {
|
|
69
|
+
top: `${t.top}px`,
|
|
70
|
+
left: `${t.right + 8}px`
|
|
71
|
+
}, H.value = !0;
|
|
72
|
+
}
|
|
73
|
+
function q() {
|
|
74
|
+
U.value || (G && clearTimeout(G), G = setTimeout(() => {
|
|
75
|
+
H.value = !1, G = null;
|
|
76
|
+
}, 120));
|
|
77
|
+
}
|
|
78
|
+
function de() {
|
|
79
|
+
K();
|
|
80
|
+
}
|
|
81
|
+
function fe() {
|
|
82
|
+
q();
|
|
83
|
+
}
|
|
84
|
+
function pe() {
|
|
85
|
+
G &&= (clearTimeout(G), null);
|
|
86
|
+
}
|
|
87
|
+
function J() {
|
|
88
|
+
q();
|
|
89
|
+
}
|
|
90
|
+
function Y() {
|
|
91
|
+
let e = B.value;
|
|
92
|
+
return e ? e instanceof HTMLElement ? e : e.$el ?? null : null;
|
|
93
|
+
}
|
|
94
|
+
function X(e = !1) {
|
|
95
|
+
G &&= (clearTimeout(G), null), H.value = !1, U.value = !1, e && Y()?.focus();
|
|
96
|
+
}
|
|
97
|
+
function Z() {
|
|
98
|
+
let e = V.value;
|
|
99
|
+
return e ? Array.from(e.querySelectorAll("[role=\"menuitem\"]")).filter((e) => !e.hasAttribute("disabled") && e.getAttribute("aria-disabled") !== "true" && !e.closest("[style*=\"display: none\"]")) : [];
|
|
100
|
+
}
|
|
101
|
+
async function Q(e) {
|
|
102
|
+
K(), U.value = !0, e && (await ie(), Z()[0]?.focus());
|
|
103
|
+
}
|
|
104
|
+
function me(e) {
|
|
105
|
+
if (H.value && U.value) {
|
|
106
|
+
X();
|
|
107
|
+
return;
|
|
108
|
+
}
|
|
109
|
+
Q(e.detail === 0);
|
|
110
|
+
}
|
|
111
|
+
function he(e) {
|
|
112
|
+
!F.value || k.value !== "compact" || (e.key === "ArrowRight" || e.key === "ArrowDown" ? (e.preventDefault(), Q(!0)) : e.key === "Escape" && H.value && (e.preventDefault(), X(!0)));
|
|
113
|
+
}
|
|
114
|
+
function ge(e) {
|
|
115
|
+
let t = Z(), n = t.indexOf(document.activeElement);
|
|
116
|
+
switch (e.key) {
|
|
117
|
+
case "Escape":
|
|
118
|
+
case "ArrowLeft":
|
|
119
|
+
e.preventDefault(), e.stopPropagation(), X(!0);
|
|
120
|
+
return;
|
|
121
|
+
case "ArrowDown":
|
|
122
|
+
e.preventDefault(), t[(n + 1) % t.length]?.focus();
|
|
123
|
+
return;
|
|
124
|
+
case "ArrowUp":
|
|
125
|
+
e.preventDefault(), t[(n - 1 + t.length) % t.length]?.focus();
|
|
126
|
+
return;
|
|
127
|
+
case "Home":
|
|
128
|
+
e.preventDefault(), t[0]?.focus();
|
|
129
|
+
return;
|
|
130
|
+
case "End":
|
|
131
|
+
e.preventDefault(), t[t.length - 1]?.focus();
|
|
132
|
+
return;
|
|
133
|
+
case "Tab":
|
|
134
|
+
X(!0);
|
|
135
|
+
return;
|
|
136
|
+
}
|
|
137
|
+
}
|
|
138
|
+
function _e(e) {
|
|
139
|
+
let t = e.relatedTarget;
|
|
140
|
+
t && (V.value?.contains(t) || Y()?.contains(t) || X());
|
|
141
|
+
}
|
|
142
|
+
function ve(e) {
|
|
143
|
+
let t = e.target?.closest("[role=\"menuitem\"]");
|
|
144
|
+
t && !t.hasAttribute("aria-expanded") && X();
|
|
145
|
+
}
|
|
146
|
+
function $(e) {
|
|
147
|
+
let t = e.target;
|
|
148
|
+
t && (V.value?.contains(t) || Y()?.contains(t) || X());
|
|
149
|
+
}
|
|
150
|
+
return S(H, (e) => {
|
|
151
|
+
typeof document > "u" || (e ? document.addEventListener("pointerdown", $, !0) : document.removeEventListener("pointerdown", $, !0));
|
|
152
|
+
}), S(k, () => X()), f(() => {
|
|
153
|
+
G && clearTimeout(G), typeof document < "u" && document.removeEventListener("pointerdown", $, !0);
|
|
154
|
+
}), (n, r) => (p(), s("li", {
|
|
155
|
+
class: u(["nb-sidebar-menu-item", [`nb-sidebar-menu-item--${k.value}`]]),
|
|
156
|
+
role: "none",
|
|
157
|
+
onMouseenter: de,
|
|
158
|
+
onMouseleave: fe
|
|
159
|
+
}, [
|
|
160
|
+
(p(), a(_(L.value), re({
|
|
161
|
+
ref_key: "rowRef",
|
|
162
|
+
ref: B,
|
|
163
|
+
class: ["nb-sidebar-menu-item__row", {
|
|
164
|
+
"nb-sidebar-menu-item__row--active": e.active,
|
|
165
|
+
"nb-sidebar-menu-item__row--disabled": e.disabled,
|
|
166
|
+
"nb-sidebar-menu-item__row--expandable": j.value && k.value === "verbose",
|
|
167
|
+
"nb-sidebar-menu-item__row--compact": k.value === "compact"
|
|
168
|
+
}],
|
|
169
|
+
type: L.value === "button" ? "button" : void 0,
|
|
170
|
+
to: I.value ? e.to : void 0
|
|
171
|
+
}, R.value, {
|
|
172
|
+
disabled: L.value === "button" && !j.value && e.disabled || void 0,
|
|
173
|
+
"aria-disabled": e.disabled || void 0,
|
|
174
|
+
"aria-expanded": j.value ? k.value === "verbose" ? M.value : H.value : void 0,
|
|
175
|
+
"aria-haspopup": j.value && k.value === "compact" ? "menu" : void 0,
|
|
176
|
+
"aria-label": k.value === "compact" ? e.label : void 0,
|
|
177
|
+
role: "menuitem",
|
|
178
|
+
onClick: z,
|
|
179
|
+
onKeydown: he
|
|
180
|
+
}), {
|
|
181
|
+
default: C(() => [e.icon ? (p(), a(t, {
|
|
182
|
+
key: 0,
|
|
183
|
+
class: "nb-sidebar-menu-item__icon",
|
|
184
|
+
name: e.icon,
|
|
185
|
+
size: k.value === "compact" ? 18 : 16
|
|
186
|
+
}, null, 8, ["name", "size"])) : o("", !0), k.value === "verbose" ? (p(), s(ee, { key: 1 }, [
|
|
187
|
+
c("span", D, v(e.label), 1),
|
|
188
|
+
e.badge === void 0 ? o("", !0) : (p(), s("span", {
|
|
189
|
+
key: 0,
|
|
190
|
+
class: u(["nb-sidebar-menu-item__badge", [`nb-sidebar-menu-item__badge--${e.badgeVariant}`]])
|
|
191
|
+
}, v(e.badge), 3)),
|
|
192
|
+
j.value ? (p(), a(t, {
|
|
193
|
+
key: 1,
|
|
194
|
+
class: u(["nb-sidebar-menu-item__caret", { "nb-sidebar-menu-item__caret--expanded": M.value }]),
|
|
195
|
+
name: b(T),
|
|
196
|
+
size: 12
|
|
197
|
+
}, null, 8, ["class", "name"])) : o("", !0)
|
|
198
|
+
], 64)) : e.badge === void 0 ? o("", !0) : (p(), s("span", {
|
|
199
|
+
key: 2,
|
|
200
|
+
class: u(["nb-sidebar-menu-item__badge-dot", [`nb-sidebar-menu-item__badge-dot--${e.badgeVariant}`]]),
|
|
201
|
+
title: String(e.badge)
|
|
202
|
+
}, null, 10, oe))]),
|
|
203
|
+
_: 1
|
|
204
|
+
}, 16, [
|
|
205
|
+
"class",
|
|
206
|
+
"type",
|
|
207
|
+
"to",
|
|
208
|
+
"disabled",
|
|
209
|
+
"aria-disabled",
|
|
210
|
+
"aria-expanded",
|
|
211
|
+
"aria-haspopup",
|
|
212
|
+
"aria-label"
|
|
213
|
+
])),
|
|
214
|
+
j.value && k.value === "verbose" ? w((p(), s("ul", se, [g(n.$slots, "default", {}, void 0, !0)], 512)), [[x, M.value]]) : o("", !0),
|
|
215
|
+
k.value === "compact" && H.value ? (p(), a(te, {
|
|
216
|
+
key: 1,
|
|
217
|
+
to: "body"
|
|
218
|
+
}, [c("div", {
|
|
219
|
+
ref_key: "flyoutRef",
|
|
220
|
+
ref: V,
|
|
221
|
+
class: "nb-sidebar-menu-item__flyout",
|
|
222
|
+
style: d(W.value),
|
|
223
|
+
onMouseenter: pe,
|
|
224
|
+
onMouseleave: J,
|
|
225
|
+
onKeydown: ge,
|
|
226
|
+
onFocusout: _e,
|
|
227
|
+
onClick: ve
|
|
228
|
+
}, [c("div", ce, [c("span", le, v(e.label), 1), e.badge === void 0 ? o("", !0) : (p(), s("span", {
|
|
229
|
+
key: 0,
|
|
230
|
+
class: u(["nb-sidebar-menu-item__badge", [`nb-sidebar-menu-item__badge--${e.badgeVariant}`]])
|
|
231
|
+
}, v(e.badge), 3))]), j.value ? (p(), a(E, {
|
|
232
|
+
key: 0,
|
|
233
|
+
variant: "verbose"
|
|
234
|
+
}, {
|
|
235
|
+
default: C(() => [c("ul", {
|
|
236
|
+
class: "nb-sidebar-menu-item__flyout-children",
|
|
237
|
+
role: "menu",
|
|
238
|
+
"aria-label": e.label
|
|
239
|
+
}, [g(n.$slots, "default", {}, void 0, !0)], 8, ue)]),
|
|
240
|
+
_: 3
|
|
241
|
+
})) : o("", !0)], 36)])) : o("", !0)
|
|
242
|
+
], 34));
|
|
243
|
+
}
|
|
244
|
+
}), [["__scopeId", "data-v-85fda35a"]]);
|
|
245
|
+
//#endregion
|
|
246
|
+
export { O as t };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
require(`./chunk-D-qHiVGv.cjs`);const e=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),t=require(`./Icon-C8R_r_In.cjs`),n=require(`./composables/useRouterLink.composable.cjs`),r=require(`./utils/slotContent.helper.cjs`);let i=require(`vue`),a=require(`@nubisco/ui/icons/caret-right`);var o=(0,i.defineComponent)({__name:`SidebarVariantScope`,props:{variant:{}},setup(e){return(0,i.provide)(`nb-shell-sidebar-variant`,(0,i.toRef)(e,`variant`)),(e,t)=>(0,i.renderSlot)(e.$slots,`default`)}}),s={class:`nb-sidebar-menu-item__label`},c=[`title`],l={key:0,class:`nb-sidebar-menu-item__children`,role:`group`},u={class:`nb-sidebar-menu-item__flyout-header`},d={class:`nb-sidebar-menu-item__flyout-label`},f=[`aria-label`],p=(0,i.defineComponent)({__name:`SidebarMenuItem`,props:{label:{},icon:{default:void 0},to:{default:void 0},href:{default:void 0},active:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},defaultExpanded:{type:Boolean,default:!1},badge:{default:void 0},badgeVariant:{default:`neutral`}},emits:[`click`],setup(e,{emit:p}){let m=e,h=p,g=(0,i.inject)(`nb-shell-sidebar-variant`,(0,i.ref)(`verbose`)),_=(0,i.computed)(()=>g.value),v=(0,i.useSlots)(),y=(0,i.computed)(()=>{let e=v.default?.();return e?r.hasRenderableContent(e):!1}),b=(0,i.ref)(m.defaultExpanded||m.active),x=n.useRouterLink(),S=(0,i.computed)(()=>{if(typeof m.to==`string`)return m.to;if(m.href)return m.href}),C=(0,i.computed)(()=>y.value),w=(0,i.computed)(()=>m.to!=null&&!C.value&&!!x.value),T=(0,i.computed)(()=>C.value?`button`:w.value?x.value:S.value?`a`:`button`),E=(0,i.computed)(()=>T.value===`a`?{href:S.value}:{});function D(e){if(m.disabled){e.preventDefault();return}if(C.value&&_.value===`verbose`){b.value=!b.value;return}C.value&&_.value===`compact`&&W(e),h(`click`,e)}let O=(0,i.ref)(null),k=(0,i.ref)(null),A=(0,i.ref)(!1),j=(0,i.ref)(!1),M=(0,i.ref)({}),N=null;function P(){if(_.value!==`compact`)return;N&&=(clearTimeout(N),null);let e=B();if(!e)return;let t=e.getBoundingClientRect();M.value={top:`${t.top}px`,left:`${t.right+8}px`},A.value=!0}function F(){j.value||(N&&clearTimeout(N),N=setTimeout(()=>{A.value=!1,N=null},120))}function I(){P()}function L(){F()}function R(){N&&=(clearTimeout(N),null)}function z(){F()}function B(){let e=O.value;return e?e instanceof HTMLElement?e:e.$el??null:null}function V(e=!1){N&&=(clearTimeout(N),null),A.value=!1,j.value=!1,e&&B()?.focus()}function H(){let e=k.value;return e?Array.from(e.querySelectorAll(`[role="menuitem"]`)).filter(e=>!e.hasAttribute(`disabled`)&&e.getAttribute(`aria-disabled`)!==`true`&&!e.closest(`[style*="display: none"]`)):[]}async function U(e){P(),j.value=!0,e&&(await(0,i.nextTick)(),H()[0]?.focus())}function W(e){if(A.value&&j.value){V();return}U(e.detail===0)}function G(e){!C.value||_.value!==`compact`||(e.key===`ArrowRight`||e.key===`ArrowDown`?(e.preventDefault(),U(!0)):e.key===`Escape`&&A.value&&(e.preventDefault(),V(!0)))}function K(e){let t=H(),n=t.indexOf(document.activeElement);switch(e.key){case`Escape`:case`ArrowLeft`:e.preventDefault(),e.stopPropagation(),V(!0);return;case`ArrowDown`:e.preventDefault(),t[(n+1)%t.length]?.focus();return;case`ArrowUp`:e.preventDefault(),t[(n-1+t.length)%t.length]?.focus();return;case`Home`:e.preventDefault(),t[0]?.focus();return;case`End`:e.preventDefault(),t[t.length-1]?.focus();return;case`Tab`:V(!0);return}}function q(e){let t=e.relatedTarget;t&&(k.value?.contains(t)||B()?.contains(t)||V())}function J(e){let t=e.target?.closest(`[role="menuitem"]`);t&&!t.hasAttribute(`aria-expanded`)&&V()}function Y(e){let t=e.target;t&&(k.value?.contains(t)||B()?.contains(t)||V())}return(0,i.watch)(A,e=>{typeof document>`u`||(e?document.addEventListener(`pointerdown`,Y,!0):document.removeEventListener(`pointerdown`,Y,!0))}),(0,i.watch)(_,()=>V()),(0,i.onBeforeUnmount)(()=>{N&&clearTimeout(N),typeof document<`u`&&document.removeEventListener(`pointerdown`,Y,!0)}),(n,r)=>((0,i.openBlock)(),(0,i.createElementBlock)(`li`,{class:(0,i.normalizeClass)([`nb-sidebar-menu-item`,[`nb-sidebar-menu-item--${_.value}`]]),role:`none`,onMouseenter:I,onMouseleave:L},[((0,i.openBlock)(),(0,i.createBlock)((0,i.resolveDynamicComponent)(T.value),(0,i.mergeProps)({ref_key:`rowRef`,ref:O,class:[`nb-sidebar-menu-item__row`,{"nb-sidebar-menu-item__row--active":e.active,"nb-sidebar-menu-item__row--disabled":e.disabled,"nb-sidebar-menu-item__row--expandable":y.value&&_.value===`verbose`,"nb-sidebar-menu-item__row--compact":_.value===`compact`}],type:T.value===`button`?`button`:void 0,to:w.value?e.to:void 0},E.value,{disabled:T.value===`button`&&!y.value&&e.disabled||void 0,"aria-disabled":e.disabled||void 0,"aria-expanded":y.value?_.value===`verbose`?b.value:A.value:void 0,"aria-haspopup":y.value&&_.value===`compact`?`menu`:void 0,"aria-label":_.value===`compact`?e.label:void 0,role:`menuitem`,onClick:D,onKeydown:G}),{default:(0,i.withCtx)(()=>[e.icon?((0,i.openBlock)(),(0,i.createBlock)(t.t,{key:0,class:`nb-sidebar-menu-item__icon`,name:e.icon,size:_.value===`compact`?18:16},null,8,[`name`,`size`])):(0,i.createCommentVNode)(``,!0),_.value===`verbose`?((0,i.openBlock)(),(0,i.createElementBlock)(i.Fragment,{key:1},[(0,i.createElementVNode)(`span`,s,(0,i.toDisplayString)(e.label),1),e.badge===void 0?(0,i.createCommentVNode)(``,!0):((0,i.openBlock)(),(0,i.createElementBlock)(`span`,{key:0,class:(0,i.normalizeClass)([`nb-sidebar-menu-item__badge`,[`nb-sidebar-menu-item__badge--${e.badgeVariant}`]])},(0,i.toDisplayString)(e.badge),3)),y.value?((0,i.openBlock)(),(0,i.createBlock)(t.t,{key:1,class:(0,i.normalizeClass)([`nb-sidebar-menu-item__caret`,{"nb-sidebar-menu-item__caret--expanded":b.value}]),name:(0,i.unref)(a.regular),size:12},null,8,[`class`,`name`])):(0,i.createCommentVNode)(``,!0)],64)):e.badge===void 0?(0,i.createCommentVNode)(``,!0):((0,i.openBlock)(),(0,i.createElementBlock)(`span`,{key:2,class:(0,i.normalizeClass)([`nb-sidebar-menu-item__badge-dot`,[`nb-sidebar-menu-item__badge-dot--${e.badgeVariant}`]]),title:String(e.badge)},null,10,c))]),_:1},16,[`class`,`type`,`to`,`disabled`,`aria-disabled`,`aria-expanded`,`aria-haspopup`,`aria-label`])),y.value&&_.value===`verbose`?(0,i.withDirectives)(((0,i.openBlock)(),(0,i.createElementBlock)(`ul`,l,[(0,i.renderSlot)(n.$slots,`default`,{},void 0,!0)],512)),[[i.vShow,b.value]]):(0,i.createCommentVNode)(``,!0),_.value===`compact`&&A.value?((0,i.openBlock)(),(0,i.createBlock)(i.Teleport,{key:1,to:`body`},[(0,i.createElementVNode)(`div`,{ref_key:`flyoutRef`,ref:k,class:`nb-sidebar-menu-item__flyout`,style:(0,i.normalizeStyle)(M.value),onMouseenter:R,onMouseleave:z,onKeydown:K,onFocusout:q,onClick:J},[(0,i.createElementVNode)(`div`,u,[(0,i.createElementVNode)(`span`,d,(0,i.toDisplayString)(e.label),1),e.badge===void 0?(0,i.createCommentVNode)(``,!0):((0,i.openBlock)(),(0,i.createElementBlock)(`span`,{key:0,class:(0,i.normalizeClass)([`nb-sidebar-menu-item__badge`,[`nb-sidebar-menu-item__badge--${e.badgeVariant}`]])},(0,i.toDisplayString)(e.badge),3))]),y.value?((0,i.openBlock)(),(0,i.createBlock)(o,{key:0,variant:`verbose`},{default:(0,i.withCtx)(()=>[(0,i.createElementVNode)(`ul`,{class:`nb-sidebar-menu-item__flyout-children`,role:`menu`,"aria-label":e.label},[(0,i.renderSlot)(n.$slots,`default`,{},void 0,!0)],8,f)]),_:3})):(0,i.createCommentVNode)(``,!0)],36)])):(0,i.createCommentVNode)(``,!0)],34))}}),m=e.t(p,[[`__scopeId`,`data-v-85fda35a`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return m}});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
require(`./chunk-D-qHiVGv.cjs`);const e=require(`./composables/useReducedMotion.composable.cjs`),t=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),n=require(`./composables/useStableId.composable.cjs`),r=require(`./useLoadingAnnouncer.composable-
|
|
1
|
+
require(`./chunk-D-qHiVGv.cjs`);const e=require(`./composables/useReducedMotion.composable.cjs`),t=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),n=require(`./composables/useStableId.composable.cjs`),r=require(`./useLoadingAnnouncer.composable-0p9NR_9q.cjs`);let i=require(`vue`);var a=function(e){return e.Text=`text`,e.Heading=`heading`,e.Block=`block`,e.Circle=`circle`,e}(a||{}),o=[`id`,`role`,`aria-live`,`aria-hidden`],s={key:0,class:`nb-skeleton__label`},c={class:`nb-skeleton__lines`,"aria-busy":`true`},l=(0,i.defineComponent)({__name:`Skeleton`,props:{variant:{default:a.Text},type:{default:void 0},lines:{default:1},lastLineWidth:{default:`60%`},width:{default:void 0},height:{default:void 0},radius:{default:`sm`},animated:{type:Boolean,default:!0},label:{default:void 0},completeLabel:{default:void 0},id:{default:void 0}},setup(t){let l=t,u=n.useStableId(l),d=e.useReducedMotion(),f=(0,i.ref)(``),p;(0,i.watch)(()=>l.label,e=>{if(p&&=(clearTimeout(p),void 0),!e){f.value=``;return}if(f.value!==``){f.value=e;return}p=setTimeout(()=>{p=void 0,f.value=e},0)},{immediate:!0}),(0,i.onBeforeUnmount)(()=>{p&&clearTimeout(p),r.t(l.completeLabel)});let m=[`label-sm`,`label-md`,`label-lg`,`body-sm`,`body-md`,`body-lg`,`code-sm`,`code-md`,`code-lg`,`heading-01`,`heading-02`,`heading-03`,`heading-04`,`heading-05`,`heading-06`],h=(0,i.computed)(()=>l.type&&m.includes(l.type)?l.type:l.variant===a.Heading?`heading-02`:`body-md`),g=(0,i.computed)(()=>l.variant===a.Text||l.variant===a.Heading),_=(0,i.computed)(()=>l.variant===a.Text?Math.max(1,Math.floor(l.lines)):1);function v(e){if(e!=null)return typeof e==`number`?`${e}px`:e}let y=(0,i.computed)(()=>Array.from({length:_.value},(e,t)=>{let n=t===_.value-1;if(l.variant===a.Text&&_.value>1&&n)return{width:l.lastLineWidth}})),b=(0,i.computed)(()=>[`nb-skeleton`,`nb-skeleton--${l.variant}`,`nb-skeleton--radius-${l.radius}`,{"nb-skeleton--static":!l.animated,"nb-skeleton--reduced-motion":d.value}]),x=(0,i.computed)(()=>{let e={};if(g.value&&(e[`--nb-skeleton-font-size`]=`var(--nb-type-${h.value}-size)`,e[`--nb-skeleton-line-height`]=`var(--nb-type-${h.value}-line-height)`),l.variant===a.Circle){let t=v(l.height??l.width);return t&&(e.width=t,e[`--nb-skeleton-height`]=t),e}let t=v(l.width);t&&(e.width=t);let n=v(l.height);return n&&!g.value&&(e[`--nb-skeleton-height`]=n),e});return(e,n)=>((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{id:(0,i.unref)(u),class:(0,i.normalizeClass)(b.value),style:(0,i.normalizeStyle)(x.value),role:t.label?`status`:void 0,"aria-live":t.label?`polite`:void 0,"aria-hidden":t.label?void 0:`true`},[t.label?((0,i.openBlock)(),(0,i.createElementBlock)(`span`,s,(0,i.toDisplayString)(f.value),1)):(0,i.createCommentVNode)(``,!0),(0,i.createElementVNode)(`div`,c,[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(y.value,(e,t)=>((0,i.openBlock)(),(0,i.createElementBlock)(`span`,{key:t,class:`nb-skeleton__line`},[(0,i.createElementVNode)(`span`,{class:`nb-skeleton__fill`,style:(0,i.normalizeStyle)(e)},null,4)]))),128))])],14,o))}}),u=t.t(l,[[`__scopeId`,`data-v-a57a3982`]]);Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return u}});
|
|
@@ -1,7 +1,7 @@
|
|
|
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 { useStableId as n } from "./composables/useStableId.composable.mjs";
|
|
4
|
-
import { t as r } from "./useLoadingAnnouncer.composable-
|
|
4
|
+
import { t as r } from "./useLoadingAnnouncer.composable-_dHf3wif.js";
|
|
5
5
|
import { Fragment as i, computed as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, defineComponent as l, normalizeClass as u, normalizeStyle as d, onBeforeUnmount as f, openBlock as p, ref as m, renderList as h, toDisplayString as g, unref as _, watch as v } from "vue";
|
|
6
6
|
//#region src/components/Skeleton.d.ts
|
|
7
7
|
var y = /* @__PURE__ */ function(e) {
|
|
@@ -3,7 +3,7 @@ import { r as t } from "./Size.d-Bah6vMl3.js";
|
|
|
3
3
|
import { t as n } from "./Label-t49uSLIY.js";
|
|
4
4
|
import { t as r } from "./Message-DqUW3GHc.js";
|
|
5
5
|
import { t as i } from "./Grid-CVNb1HcS.js";
|
|
6
|
-
import { t as a } from "./NumberInput-
|
|
6
|
+
import { t as a } from "./NumberInput-Dq5-rq78.js";
|
|
7
7
|
import { Fragment as ee, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, defineComponent as p, normalizeClass as m, normalizeStyle as h, onBeforeUnmount as g, openBlock as _, ref as v, toDisplayString as y, withCtx as b, withModifiers as x } from "vue";
|
|
8
8
|
//#region src/components/Slider.vue?vue&type=script&setup=true&lang.ts
|
|
9
9
|
var S = { class: "nb-slider__field-box" }, C = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
require(`./chunk-D-qHiVGv.cjs`);const e=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),t=require(`./Size.d-GBIblj2D.cjs`),n=require(`./Label-CXejhF9x.cjs`),r=require(`./Message-Ax7rnAQl.cjs`),i=require(`./Grid-DVT8lBHr.cjs`),a=require(`./NumberInput-
|
|
1
|
+
require(`./chunk-D-qHiVGv.cjs`);const e=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),t=require(`./Size.d-GBIblj2D.cjs`),n=require(`./Label-CXejhF9x.cjs`),r=require(`./Message-Ax7rnAQl.cjs`),i=require(`./Grid-DVT8lBHr.cjs`),a=require(`./NumberInput-jrHPvBH3.cjs`);let o=require(`vue`);var s={class:`nb-slider__field-box`},c={key:0,class:`nb-slider__inner-header`},l={class:`nb-slider__inner-label`},u={class:`nb-slider__track-row`},d={key:0,class:`nb-slider__track-label`},f={key:1,class:`nb-slider__track-label`},p=(0,o.defineComponent)({__name:`Slider`,props:{modelValue:{},min:{default:0},max:{default:100},step:{default:1},range:{type:Boolean,default:!1},showInput:{type:Boolean,default:!0},showBounds:{type:Boolean,default:!0},name:{},disabled:{type:Boolean,default:!1},required:{type:Boolean},id:{},label:{},error:{},warning:{},helper:{},variant:{default:`default`},size:{default:t.r.Medium}},emits:[`update:modelValue`,`change`],setup(e,{emit:t}){let p=e,m=t,h=(0,o.ref)(null),g=(0,o.ref)(null),_=(0,o.computed)(()=>p.range||p.modelValue===null||p.modelValue===void 0?p.min??0:Array.isArray(p.modelValue)?p.modelValue[0]??p.min??0:p.modelValue),v=(0,o.computed)(()=>!p.range||!Array.isArray(p.modelValue)?p.min??0:p.modelValue[0]??p.min??0),y=(0,o.computed)(()=>!p.range||!Array.isArray(p.modelValue)?p.max??100:p.modelValue[1]??p.max??100),b=(0,o.computed)(()=>{let e=p.step??1;if(!isFinite(e)||e<=0)return 0;let t=String(e),n=t.indexOf(`.`);return n===-1?0:t.length-n-1});function x(e){let t=b.value;return t>0?Number(e.toFixed(t)):Math.round(e)}let S=(0,o.computed)(()=>x(p.range?y.value:_.value));function C(e){let t=p.min??0,n=p.max??100;return n===t?0:(e-t)/(n-t)*100}function w(e){let t=p.min??0,n=p.max??100,r=p.step??1,i=t+e/100*(n-t),a=Math.round(i/r)*r;return Math.max(t,Math.min(n,a))}function T(e){if(!h.value)return 0;let t=h.value.getBoundingClientRect(),n=`touches`in e?e.touches[0].clientX:e.clientX;return Math.max(0,Math.min(100,(n-t.left)/t.width*100))}let E=(0,o.computed)(()=>{if(!p.range)return{left:`0%`,width:`${C(_.value)}%`};let e=C(v.value),t=C(y.value);return{left:`${e}%`,width:`${t-e}%`}});function D(e){m(`update:modelValue`,e)}function O(e,t){m(`update:modelValue`,[e,t])}function k(e){if(e===null)return;let t=p.min??0,n=p.max??100;D(Math.max(t,Math.min(n,e)))}function A(e){if(e===null)return;let t=p.min??0;O(Math.max(t,Math.min(y.value,e)),y.value)}function j(e){if(e===null)return;let t=p.max??100,n=Math.max(v.value,Math.min(t,e));O(v.value,n)}function M(e){if(!p.range)return null;let t=C(v.value),n=C(y.value);return Math.abs(e-t)<=Math.abs(e-n)?`low`:`high`}function N(e){let t=w(e);if(!p.range){D(t);return}if(g.value===`low`)O(Math.min(t,y.value),y.value);else{let e=Math.max(t,v.value);O(v.value,e)}}function P(e){p.disabled||N(T(e))}function F(e){p.disabled||(m(`change`,p.range?[v.value,y.value]:_.value),N(T(e))),z()}function I(e){p.disabled||N(T(e))}function L(e){p.disabled||(m(`change`,p.range?[v.value,y.value]:_.value),N(T(e))),V()}function R(){document.addEventListener(`mousemove`,P),document.addEventListener(`mouseup`,F)}function z(){g.value=null,document.removeEventListener(`mousemove`,P),document.removeEventListener(`mouseup`,F)}function B(){document.addEventListener(`touchmove`,I,{passive:!0}),document.addEventListener(`touchend`,L)}function V(){g.value=null,document.removeEventListener(`touchmove`,I),document.removeEventListener(`touchend`,L)}function H(e){if(p.disabled)return;let t=T(e);g.value=M(t),N(t),R()}function U(e){if(p.disabled)return;let t=T(e);g.value=M(t),N(t),B()}function W(e,t){p.disabled||(g.value=p.range?e:null,R())}function G(e,t){p.disabled||(g.value=p.range?e:null,B())}(0,o.onBeforeUnmount)(()=>{z(),V()});let K=(0,o.computed)(()=>[`nb-slider`,`nb-slider--${p.size}`,`nb-slider--${p.variant}`,{"nb-slider--range":p.range,"nb-slider--disabled":p.disabled,"nb-slider--error":!!p.error,"nb-slider--warning":!p.error&&!!p.warning}]),q=(0,o.computed)(()=>({"nb-slider__track-area--error":!!p.error,"nb-slider__track-area--warning":!p.error&&!!p.warning}));return(t,p)=>((0,o.openBlock)(),(0,o.createElementBlock)(`div`,{class:(0,o.normalizeClass)(K.value)},[e.variant===`default`&&e.label?((0,o.openBlock)(),(0,o.createBlock)(n.t,{key:0,class:`nb-slider__label`},{default:(0,o.withCtx)(()=>[(0,o.createTextVNode)((0,o.toDisplayString)(e.label),1)]),_:1})):(0,o.createCommentVNode)(``,!0),(0,o.createElementVNode)(`div`,s,[e.variant===`fluid`&&e.label?((0,o.openBlock)(),(0,o.createElementBlock)(`div`,c,[(0,o.createElementVNode)(`label`,l,(0,o.toDisplayString)(e.label),1)])):(0,o.createCommentVNode)(``,!0),(0,o.createVNode)(i.t,{dir:`row`,align:`center`,gap:`sm`,class:`nb-slider__row`},{default:(0,o.withCtx)(()=>[e.range&&e.showInput?((0,o.openBlock)(),(0,o.createBlock)(a.t,{key:0,size:e.variant===`fluid`?`sm`:e.size,"model-value":v.value,min:e.min,max:y.value,step:e.step,disabled:e.disabled,class:`nb-slider__input`,"onUpdate:modelValue":A,onChange:A},null,8,[`size`,`model-value`,`min`,`max`,`step`,`disabled`])):(0,o.createCommentVNode)(``,!0),(0,o.createVNode)(i.t,{dir:`col`,justify:`end`,gap:`xs`,class:(0,o.normalizeClass)([`nb-slider__track-area`,q.value]),grow:``},{default:(0,o.withCtx)(()=>[(0,o.createElementVNode)(`div`,u,[e.showBounds?((0,o.openBlock)(),(0,o.createElementBlock)(`span`,d,(0,o.toDisplayString)(e.min),1)):(0,o.createCommentVNode)(``,!0),(0,o.createElementVNode)(`div`,{ref_key:`trackRef`,ref:h,class:`nb-slider__track`,onMousedown:H,onTouchstartPassive:U},[(0,o.createElementVNode)(`div`,{class:`nb-slider__track__fill`,style:(0,o.normalizeStyle)(E.value)},null,4),e.range?((0,o.openBlock)(),(0,o.createElementBlock)(o.Fragment,{key:1},[(0,o.createElementVNode)(`div`,{class:`nb-slider__track__handle nb-slider__track__handle--low`,style:(0,o.normalizeStyle)({left:`${C(v.value)}%`}),onMousedown:p[2]||=(0,o.withModifiers)(e=>W(`low`,e),[`stop`]),onTouchstartPassive:p[3]||=(0,o.withModifiers)(e=>G(`low`,e),[`stop`])},null,36),(0,o.createElementVNode)(`div`,{class:`nb-slider__track__handle nb-slider__track__handle--high`,style:(0,o.normalizeStyle)({left:`${C(y.value)}%`}),onMousedown:p[4]||=(0,o.withModifiers)(e=>W(`high`,e),[`stop`]),onTouchstartPassive:p[5]||=(0,o.withModifiers)(e=>G(`high`,e),[`stop`])},null,36),p[8]||=(0,o.createElementVNode)(`div`,{class:`nb-slider__tick`},null,-1)],64)):((0,o.openBlock)(),(0,o.createElementBlock)(`div`,{key:0,class:`nb-slider__track__handle`,style:(0,o.normalizeStyle)({left:`${C(_.value)}%`}),onMousedown:p[0]||=(0,o.withModifiers)(e=>W(null,e),[`stop`]),onTouchstartPassive:p[1]||=(0,o.withModifiers)(e=>G(null,e),[`stop`])},null,36))],544),e.showBounds?((0,o.openBlock)(),(0,o.createElementBlock)(`span`,f,(0,o.toDisplayString)(e.max),1)):(0,o.createCommentVNode)(``,!0)])]),_:1},8,[`class`]),e.showInput?((0,o.openBlock)(),(0,o.createBlock)(a.t,{key:1,size:e.variant===`fluid`?`sm`:e.size,"model-value":S.value,min:e.range?v.value:e.min,max:e.max,step:e.step,disabled:e.disabled,class:`nb-slider__input`,"onUpdate:modelValue":p[6]||=t=>e.range?j(t):k(t),onChange:p[7]||=t=>e.range?j(t):k(t)},null,8,[`size`,`model-value`,`min`,`max`,`step`,`disabled`])):(0,o.createCommentVNode)(``,!0)]),_:1})]),e.error?((0,o.openBlock)(),(0,o.createBlock)(r.t,{key:1,variant:`error`,class:`nb-slider__message`},{default:(0,o.withCtx)(()=>[(0,o.createTextVNode)((0,o.toDisplayString)(e.error),1)]),_:1})):e.warning?((0,o.openBlock)(),(0,o.createBlock)(r.t,{key:2,variant:`warning`,class:`nb-slider__message`},{default:(0,o.withCtx)(()=>[(0,o.createTextVNode)((0,o.toDisplayString)(e.warning),1)]),_:1})):e.helper?((0,o.openBlock)(),(0,o.createBlock)(r.t,{key:3,variant:`helper`,class:`nb-slider__message`},{default:(0,o.withCtx)(()=>[(0,o.createTextVNode)((0,o.toDisplayString)(e.helper),1)]),_:1})):(0,o.createCommentVNode)(``,!0)],2))}}),m=e.t(p,[[`__scopeId`,`data-v-2eeb00d6`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return m}});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
require(`./chunk-D-qHiVGv.cjs`);const e=require(`./composables/useReducedMotion.composable.cjs`),t=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),n=require(`./composables/useStableId.composable.cjs`),r=require(`./useLoadingAnnouncer.composable-
|
|
1
|
+
require(`./chunk-D-qHiVGv.cjs`);const e=require(`./composables/useReducedMotion.composable.cjs`),t=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),n=require(`./composables/useStableId.composable.cjs`),r=require(`./useLoadingAnnouncer.composable-0p9NR_9q.cjs`);let i=require(`vue`);var a=function(e){return e.ExtraSmall=`xs`,e.Small=`sm`,e.Medium=`md`,e.Large=`lg`,e}(a||{}),o=function(e){return e.None=`none`,e.Container=`container`,e.Page=`page`,e}(o||{}),s=function(e){return e.Primary=`primary`,e.Inherit=`inherit`,e}(s||{}),c=[`id`,`tabindex`,`role`,`aria-live`,`aria-hidden`],l={key:0,class:`nb-spinner__label`,"aria-hidden":`true`},u={key:1,class:`nb-spinner__announcement`},d=(0,i.defineComponent)({inheritAttrs:!1,__name:`Spinner`,props:{size:{default:a.Medium},label:{default:`Loading`},showLabel:{type:Boolean,default:!1},overlay:{default:o.None},tone:{default:s.Primary},delay:{default:0},completeLabel:{default:void 0},decorative:{type:Boolean,default:!1},id:{default:void 0}},setup(t){let a=t,s=n.useStableId(a),d=Symbol(`nb-spinner-page-overlay`),f=(0,i.ref)(null),p=e.useReducedMotion(),m=(0,i.computed)(()=>a.overlay===o.Page),h=(0,i.computed)(()=>a.overlay===o.Container),g=(0,i.computed)(()=>a.decorative&&!m.value),_=(0,i.computed)(()=>!g.value),v=(0,i.ref)(a.delay<=0),y;function b(){y&&=(clearTimeout(y),void 0)}(0,i.watch)(()=>a.delay,e=>{if(!v.value){if(b(),e<=0){v.value=!0;return}y=setTimeout(()=>{y=void 0,v.value=!0},e)}},{immediate:!0});let x=(0,i.ref)(``),S;function C(){S&&=(clearTimeout(S),void 0)}(0,i.watch)([v,_,()=>a.label],([e,t,n])=>{if(C(),!e||!t){x.value=``;return}if(x.value!==``){x.value=n;return}S=setTimeout(()=>{S=void 0,x.value=n},0)},{immediate:!0});let w=null,T=null;function E(){if(w===null)return;let e=w;w=null,e===`page`&&r.u(d),T?.(),T=null}function D(){let e=v.value?m.value?`page`:h.value?`container`:null:null;if(e===w||(E(),e===null))return;let t=f.value;if(!t)return;if(w=e,e===`page`){r.o(d,t);return}let n=t.parentElement;n&&(T=r.s(n,t))}(0,i.watch)([v,()=>a.overlay],D,{flush:`post`}),(0,i.onMounted)(D),(0,i.onBeforeUnmount)(()=>{v.value&&_.value&&r.t(a.completeLabel),b(),C(),E()});let O=(0,i.computed)(()=>[`nb-spinner`,`nb-spinner--${a.size}`,`nb-spinner--tone-${a.tone}`,`nb-spinner--overlay-${a.overlay}`,{"nb-spinner--with-label":a.showLabel&&!g.value,"nb-spinner--reduced-motion":p.value,"nb-spinner--overlay-stacked":m.value&&v.value&&!r.c(d)}]);return(e,n)=>((0,i.openBlock)(),(0,i.createBlock)(i.Teleport,{to:`body`,disabled:!m.value},[v.value?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,(0,i.mergeProps)({key:0},e.$attrs,{id:(0,i.unref)(s),ref_key:`rootEl`,ref:f,class:O.value,tabindex:m.value?-1:void 0,role:_.value?`status`:void 0,"aria-live":_.value?`polite`:void 0,"aria-hidden":g.value?`true`:void 0}),[n[1]||=(0,i.createElementVNode)(`svg`,{class:`nb-spinner__ring`,viewBox:`0 0 32 32`,"aria-hidden":`true`,focusable:`false`},[(0,i.createElementVNode)(`circle`,{class:`nb-spinner__track`,cx:`16`,cy:`16`,r:`14`}),(0,i.createElementVNode)(`circle`,{class:`nb-spinner__arc`,cx:`16`,cy:`16`,r:`14`})],-1),t.showLabel&&!g.value?((0,i.openBlock)(),(0,i.createElementBlock)(`span`,l,(0,i.toDisplayString)(t.label),1)):(0,i.createCommentVNode)(``,!0),_.value?((0,i.openBlock)(),(0,i.createElementBlock)(`span`,u,(0,i.toDisplayString)(x.value),1)):(0,i.createCommentVNode)(``,!0),e.$slots.default?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{key:2,class:`nb-spinner__actions`,"aria-live":`off`,onClick:n[0]||=(0,i.withModifiers)(()=>{},[`stop`])},[(0,i.renderSlot)(e.$slots,`default`,{},void 0,!0)])):(0,i.createCommentVNode)(``,!0)],16,c)):(0,i.createCommentVNode)(``,!0)],8,[`disabled`]))}}),f=t.t(d,[[`__scopeId`,`data-v-55d1147d`]]);Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return f}});
|
|
@@ -1,7 +1,7 @@
|
|
|
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 { useStableId as n } from "./composables/useStableId.composable.mjs";
|
|
4
|
-
import { c as r, o as i, s as a, t as o, u as s } from "./useLoadingAnnouncer.composable-
|
|
4
|
+
import { c as r, o as i, s as a, t as o, u as s } from "./useLoadingAnnouncer.composable-_dHf3wif.js";
|
|
5
5
|
import { Teleport as c, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, defineComponent as m, mergeProps as h, onBeforeUnmount as g, onMounted as _, openBlock as v, ref as y, renderSlot as b, toDisplayString as x, unref as S, watch as C, withModifiers as w } from "vue";
|
|
6
6
|
//#region src/components/Spinner.d.ts
|
|
7
7
|
var T = /* @__PURE__ */ function(e) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
require(`./chunk-D-qHiVGv.cjs`);const e=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),t=require(`./composables/useStableId.composable.cjs`),n=require(`./Stepper.context-
|
|
1
|
+
require(`./chunk-D-qHiVGv.cjs`);const e=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),t=require(`./composables/useStableId.composable.cjs`),n=require(`./Stepper.context-ZHRlJj2r.cjs`);let r=require(`vue`);var i=[`id`],a=[`aria-label`],o={class:`nb-stepper__announcement`,role:`status`,"aria-live":`polite`},s=(0,r.defineComponent)({__name:`Stepper`,props:{modelValue:{default:void 0},orientation:{default:n.r.Horizontal},size:{default:n.i.Medium},navigable:{type:Boolean,default:!1},furthest:{default:void 0},ariaLabel:{default:void 0},labels:{default:void 0},announce:{type:Boolean,default:!0},id:{default:void 0}},emits:[`update:modelValue`,`change`],setup(e,{emit:s}){let c=e,l=s,u=t.useStableId(c),d=(0,r.ref)(null),f={progress:`Progress`,announcement:`Step {step} of {total}: {label}`,complete:`Complete`,current:`Current step`,incomplete:`Not started`,disabled:`Unavailable`,invalid:`Needs attention`},p=(0,r.computed)(()=>({...f,...c.labels??{}})),m=(0,r.ref)(c.modelValue??0),h=(0,r.computed)(()=>c.modelValue===void 0?m.value:c.modelValue),g=(0,r.ref)(h.value);(0,r.watch)(h,e=>{e>g.value&&(g.value=e)});let _=(0,r.computed)(()=>c.furthest??g.value),v=[],y=(0,r.ref)([]);function b(){let e=v.map((e,t)=>({uid:e.uid,node:e.el(),at:t}));e.sort((e,t)=>!e.node||!t.node?e.at-t.at:e.node.compareDocumentPosition(t.node)&Node.DOCUMENT_POSITION_FOLLOWING?-1:1);let t=e.map(e=>e.uid);(t.length!==y.value.length||t.some((e,t)=>e!==y.value[t]))&&(y.value=t)}function x(e){return v.push(e),b(),()=>{let t=v.findIndex(t=>t.uid===e.uid);t>=0&&v.splice(t,1),b()}}(0,r.onMounted)(b),(0,r.onUpdated)(b);let S=e=>{let t=y.value[e];return v.find(e=>e.uid===t)?.disabled.value??!1};function C(e,t){return!c.navigable||t||e<0||e===h.value?!1:e<=_.value}let w=(0,r.ref)(-1),T=(0,r.computed)(()=>w.value>=0&&C(w.value,S(w.value))?w.value:y.value.findIndex((e,t)=>C(t,S(t)))),E=(0,r.ref)(null);function D(e){let t=e.target;E.value=t;let n=(t?.closest?.(`[data-nb-step]`))?.dataset?.nbStep;if(!n)return;let r=y.value.indexOf(n);r>=0&&(w.value=r)}function O(e){let t=e.relatedTarget;if(t&&d.value?.contains(t))return;if(t){E.value=null;return}let n=e.target;n&&!d.value?.contains(n)&&(E.value=null)}async function k(){let e=E.value;if(!e)return;await(0,r.nextTick)();let t=d.value;if(!t)return;let n=document.activeElement;if(n&&n!==document.body&&t.contains(n))return;if(e.isConnected&&t.contains(e)&&e.matches(`[data-nb-stepper-button]`)){e.focus();return}let i=N();if(!i.length){E.value=null;return}let a=y.value[T.value],o=i.find(e=>e.closest(`[data-nb-step]`)?.dataset.nbStep===a)??i[0];o.focus(),E.value=o}function A(e,t){C(e,t)&&(c.modelValue===void 0&&(m.value=e),l(`update:modelValue`,e),l(`change`,e))}(0,r.provide)(n.t,{current:h,furthest:_,orientation:(0,r.toRef)(c,`orientation`),size:(0,r.toRef)(c,`size`),navigable:(0,r.toRef)(c,`navigable`),labels:p,order:y,tabbable:T,register:x,clickable:C,select:A});let j=(0,r.computed)(()=>[`nb-stepper`,`nb-stepper--${c.orientation}`,`nb-stepper--${c.size}`,{"nb-stepper--navigable":c.navigable}]),M=(0,r.ref)(``);(0,r.watch)(h,e=>{let t=y.value[e],n=v.find(e=>e.uid===t)?.el()??null;if(c.announce){let t=n?.querySelector(`.nb-stepper__label`)?.textContent?.trim()??``;M.value=p.value.announcement.replace(`{step}`,String(e+1)).replace(`{total}`,String(y.value.length)).replace(`{label}`,t).replace(/[:,\-\s]+$/,``)}k();let r=d.value;r&&n&&r.scrollWidth>r.clientWidth&&n.scrollIntoView?.({block:`nearest`,inline:`nearest`})});function N(){return Array.from(d.value?.querySelectorAll(`[data-nb-stepper-button]`)??[])}function P(e){let t=N();if(!t.length)return;let n=t.indexOf(document.activeElement);t[((n<0?0:n+e)+t.length)%t.length]?.focus()}function F(e){let t=N();t.length&&(e===`first`?t[0]:t[t.length-1]).focus()}function I(e){let t=c.orientation===n.r.Horizontal;switch(e.key){case`ArrowRight`:if(!t)return;P(1);break;case`ArrowLeft`:if(!t)return;P(-1);break;case`ArrowDown`:if(t)return;P(1);break;case`ArrowUp`:if(t)return;P(-1);break;case`Home`:F(`first`);break;case`End`:F(`last`);break;default:return}e.preventDefault()}return(t,n)=>((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{id:(0,r.unref)(u),class:(0,r.normalizeClass)(j.value)},[(0,r.createElementVNode)(`ol`,{ref_key:`listRef`,ref:d,class:`nb-stepper__list`,role:`list`,"aria-label":e.ariaLabel||p.value.progress,onKeydown:I,onFocusin:D,onFocusout:O},[(0,r.renderSlot)(t.$slots,`default`,{},void 0,!0)],40,a),(0,r.createElementVNode)(`p`,o,(0,r.toDisplayString)(M.value),1)],10,i))}}),c=e.t(s,[[`__scopeId`,`data-v-40496e58`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return c}});
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { t as e } from "./_plugin-vue_export-helper-O4QQSku4.js";
|
|
2
2
|
import { useStableId as t } from "./composables/useStableId.composable.mjs";
|
|
3
|
-
import { i as n, r, t as i } from "./Stepper.context-
|
|
3
|
+
import { i as n, r, t as i } from "./Stepper.context-DE2-4Awo.js";
|
|
4
4
|
import { computed as a, createElementBlock as o, createElementVNode as s, defineComponent as c, nextTick as l, normalizeClass as u, onMounted as d, onUpdated as f, openBlock as p, provide as m, ref as h, renderSlot as g, toDisplayString as _, toRef as v, unref as y, watch as b } from "vue";
|
|
5
5
|
//#region src/components/Stepper.vue?vue&type=script&setup=true&lang.ts
|
|
6
6
|
var x = ["id"], S = ["aria-label"], C = {
|
|
@@ -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(`./Stepper.context-
|
|
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(`./Stepper.context-ZHRlJj2r.cjs`);let a=require(`vue`),o=require(`@nubisco/ui/icons/warning`);o=e.n(o);let s=require(`@nubisco/ui/icons/check`);s=e.n(s);var c=[`data-nb-step`,`data-status`,`data-orientation`,`aria-current`],l={class:`nb-stepper__marker`,"aria-hidden":`true`},u={class:`nb-stepper__text`},d=[`id`],f=[`id`],p=[`id`],m=(0,a.defineComponent)({__name:`StepperStep`,props:{label:{default:``},description:{default:void 0},complete:{type:Boolean,default:!1},invalid:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},id:{default:void 0}},setup(e){let t=e,m=r.useStableId(t),h=(0,a.useSlots)(),g=(0,a.inject)(i.t,null),_=(0,a.ref)(null),v=(0,a.computed)(()=>t.disabled),y=g?.register({uid:m,disabled:v,el:()=>_.value});(0,a.onUnmounted)(()=>y?.());let b=(0,a.computed)(()=>g?.order.value.indexOf(m)??-1),x=(0,a.computed)(()=>b.value===g?.current.value),S=(0,a.computed)(()=>b.value<0?1:b.value+1),C=(0,a.computed)(()=>t.disabled?i.n.Disabled:t.invalid?i.n.Invalid:x.value?i.n.Current:t.complete||b.value>=0&&b.value<(g?.current.value??0)?i.n.Complete:i.n.Incomplete),w=(0,a.computed)(()=>g?.labels.value[C.value]??``),T=(0,a.computed)(()=>`${m}-label`),E=(0,a.computed)(()=>`${m}-description`),D=(0,a.computed)(()=>`${m}-status`),O=(0,a.computed)(()=>!!t.description||!!h.description),k=(0,a.computed)(()=>[O.value?E.value:null,D.value].filter(Boolean).join(` `)),A=(0,a.computed)(()=>g?.tabbable.value??-1),j=(0,a.computed)(()=>g?.clickable(b.value,t.disabled)??!1),M=(0,a.computed)(()=>C.value===i.n.Complete?s:C.value===i.n.Invalid?o:null),N=(0,a.computed)(()=>g?.size.value===`sm`?12:14),P=(0,a.computed)(()=>g?.orientation.value??`horizontal`);function F(){g?.select(b.value,t.disabled)}return(t,r)=>((0,a.openBlock)(),(0,a.createElementBlock)(`li`,{ref_key:`rootEl`,ref:_,class:(0,a.normalizeClass)([`nb-stepper__step`,[`nb-stepper__step--${C.value}`,{"nb-stepper__step--clickable":j.value}]]),"data-nb-step":(0,a.unref)(m),"data-status":C.value,"data-orientation":P.value,"aria-current":x.value?`step`:void 0},[((0,a.openBlock)(),(0,a.createBlock)((0,a.resolveDynamicComponent)(j.value?`button`:`div`),(0,a.mergeProps)({id:(0,a.unref)(m),class:`nb-stepper__body`},j.value?{type:`button`,"data-nb-stepper-button":``,tabindex:b.value===A.value?0:-1,"aria-labelledby":T.value,"aria-describedby":k.value}:{},{onClick:F}),{default:(0,a.withCtx)(()=>[(0,a.createElementVNode)(`span`,l,[M.value?((0,a.openBlock)(),(0,a.createBlock)(n.t,{key:0,name:M.value,size:N.value},null,8,[`name`,`size`])):((0,a.openBlock)(),(0,a.createElementBlock)(a.Fragment,{key:1},[(0,a.createTextVNode)((0,a.toDisplayString)(S.value),1)],64))]),(0,a.createElementVNode)(`span`,u,[(0,a.createElementVNode)(`span`,{id:T.value,class:`nb-stepper__label`},[(0,a.renderSlot)(t.$slots,`label`,{},()=>[(0,a.createTextVNode)((0,a.toDisplayString)(e.label),1)],!0)],8,d),e.description||t.$slots.description?((0,a.openBlock)(),(0,a.createElementBlock)(`span`,{key:0,id:E.value,class:`nb-stepper__description`},[(0,a.renderSlot)(t.$slots,`description`,{},()=>[(0,a.createTextVNode)((0,a.toDisplayString)(e.description),1)],!0)],8,f)):(0,a.createCommentVNode)(``,!0),(0,a.createElementVNode)(`span`,{id:D.value,class:`nb-stepper__status`},(0,a.toDisplayString)(w.value),9,p)])]),_:3},16,[`id`])),r[0]||=(0,a.createElementVNode)(`span`,{class:`nb-stepper__line`,"aria-hidden":`true`},null,-1)],10,c))}}),h=t.t(m,[[`__scopeId`,`data-v-ff8a033d`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return h}});
|
|
@@ -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 { n as r, t as i } from "./Stepper.context-
|
|
4
|
+
import { n as r, t as i } from "./Stepper.context-DE2-4Awo.js";
|
|
5
5
|
import { Fragment as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, defineComponent as f, inject as p, mergeProps as m, normalizeClass as h, onUnmounted as g, openBlock as _, ref as v, renderSlot as y, resolveDynamicComponent as b, toDisplayString as x, unref as S, useSlots as C, withCtx as w } from "vue";
|
|
6
6
|
import * as T from "@nubisco/ui/icons/warning";
|
|
7
7
|
import * as E from "@nubisco/ui/icons/check";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
require(`./chunk-D-qHiVGv.cjs`);const e=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),t=require(`./Toast-
|
|
1
|
+
require(`./chunk-D-qHiVGv.cjs`);const e=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),t=require(`./Toast-DxqsMIum.cjs`),n=require(`./composables/useToast.composable.cjs`);let r=require(`vue`);var i={class:`nb-toaster__announcer`},a={role:`status`,"aria-live":`polite`,"aria-atomic":`true`},o={role:`alert`,"aria-live":`assertive`,"aria-atomic":`true`},s=[`aria-label`,`data-paused`],c=[`data-toast-id`],l=new Map;function u(e,t){let n=(l.get(e)??0)+t;n<=0?l.delete(e):l.set(e,n),!(t<0||n<2)&&(typeof process<`u`&&process.env.NODE_ENV===`production`||console.warn(`[NbToaster] Two hosts are rendering the same queue. Every toast will be shown and announced twice, and both hosts write to queue.max. Mount one NbToaster per application, and give any second host (a demo, a dialog) its own createToastQueue().`))}var d=(0,r.defineComponent)({__name:`Toaster`,props:{queue:{default:void 0},placement:{default:`bottom-end`},max:{default:void 0},label:{default:`Notifications`},to:{type:[String,Boolean],default:`body`},hotkey:{default:`alt+t`},hotkeyHint:{default:`Press Alt plus T to reach it.`}},setup(e,{expose:l}){let d=e,f=(0,r.inject)(n.NB_TOAST_QUEUE_KEY,null),p=(0,r.computed)(()=>d.queue??f??n.useToast()),m=(0,r.computed)(()=>p.value.visible.value),h=(0,r.computed)(()=>[...m.value].reverse()),g=(0,r.ref)(null),_=(0,r.computed)(()=>d.to===!1?`body`:d.to),v=null;function y(){v&&(v.queue.max.value=v.previous),v=null}(0,r.watch)([p,()=>d.max],([e,t])=>{v&&(v.queue!==e||t===void 0)&&y(),t!==void 0&&(v||={queue:e,previous:e.max.value},e.max.value=t)},{immediate:!0});let b=null;function x(e){b!==e&&(b&&u(b,-1),b=e,e&&u(e,1))}(0,r.watch)(p,e=>{b&&x(e)});function S(e){return e.variant===`error`||e.variant===`warning`}let C=(0,r.ref)(``),w=(0,r.ref)(``),T={polite:{text:C,buffer:[],draining:!1,handle:null},assertive:{text:w,buffer:[],draining:!1,handle:null}};function E(e){let t=[p.value.labels.status[e.variant],e.title,e.message].filter(Boolean).join(`. `);if(!e.cta)return t;let n=d.hotkey?` ${d.hotkeyHint}`:``;return`${t}. ${e.cta.label} action available.${n}`}async function D(e){let t=e.buffer.shift();if(t===void 0){e.draining=!1;return}e.draining=!0,e.text.value=``,await(0,r.nextTick)(),e.text.value=t,e.handle=setTimeout(()=>{e.handle=null,D(e)},500)}function O(e){let t=T[S(e)?`assertive`:`polite`];t.buffer.push(E(e)),t.draining||D(t)}(0,r.onBeforeUnmount)(()=>{for(let e of Object.values(T))e.handle&&clearTimeout(e.handle),e.handle=null,e.buffer.length=0,e.draining=!1});let k=new Set;(0,r.watch)(m,e=>{let t=new Set(e.map(e=>e.id));for(let e of[...k])t.has(e.slice(0,e.lastIndexOf(`:`)))||k.delete(e);for(let t of e){let e=`${t.id}:${t.cycle}`;k.has(e)||(k.add(e),O(t))}},{deep:!0,immediate:!0});let A=new Set,j=!1;function M(e){A.size===0&&(j=p.value.paused.value),A.add(e),p.value.pause()}function N(e){A.delete(e)&&A.size===0&&!j&&p.value.resume()}let P=null;function F(e){let t=e.target;!t||t===document.body||g.value?.contains(t)||(P=t)}function I(){M(`focus`)}function L(e){let t=e.relatedTarget;t&&g.value?.contains(t)||N(`focus`)}function R(e){if(e.key!==`Escape`)return;let t=(document.activeElement?.closest(`.nb-toaster__item`))?.dataset.toastId??h.value[0]?.id;t&&(e.stopPropagation(),e.preventDefault(),U(t))}let z=[`button:not([disabled])`,`[href]`,`input:not([disabled]):not([type="hidden"])`,`select:not([disabled])`,`textarea:not([disabled])`,`[tabindex]:not([tabindex="-1"])`].join(`,`);function B(e){return g.value?.querySelector(`[data-toast-id="${e}"]`)??null}function V(e){let t=B(e);return t?t.matches(z)?t:t.querySelector(z):null}let H=new Set;(0,r.watch)(m,(e,t)=>{if(!t)return;let n=document.activeElement;if(!n||!g.value?.contains(n))return;let i=n.closest(`[data-toast-id]`)?.dataset.toastId;if(!i||e.some(e=>e.id===i))return;let a=[...t].reverse().map(e=>e.id),o=new Set(e.map(e=>e.id)),s=a.indexOf(i),c;for(let e=s+1;e<a.length&&!c;e+=1)o.has(a[e])&&(c=a[e]);for(let e=s-1;e>=0&&!c;--e)o.has(a[e])&&(c=a[e]);let l=P;(0,r.nextTick)(()=>{let e=c?V(c):null;if(e){e.focus();return}l?.isConnected&&l.focus(),P=null})});function U(e,t){p.value.dismiss(e,t??(H.has(e)?`action`:`user`)),H.delete(e)}let W={space:`Space`,enter:`Enter`,escape:`Escape`,comma:`Comma`,period:`Period`,slash:`Slash`,backslash:`Backslash`,backquote:`Backquote`,minus:`Minus`,equal:`Equal`};function G(e){return/^[a-z]$/.test(e)?`Key${e.toUpperCase()}`:/^[0-9]$/.test(e)?`Digit${e}`:W[e]??null}function K(e){if(!d.hotkey)return!1;let t=d.hotkey.toLowerCase().split(`+`),n=t[t.length-1],r=G(n);if(r?e.code!==r:e.key.toLowerCase()!==n)return!1;let i=e=>t.includes(e);return e.altKey===i(`alt`)&&e.ctrlKey===i(`ctrl`)&&e.shiftKey===i(`shift`)&&e.metaKey===i(`meta`)}function q(){let e=document.querySelectorAll(`[aria-modal="true"]`);for(let t of e)if(!(g.value&&t.contains(g.value)))return t;return null}function J(e){if(!K(e)||h.value.length===0)return;if(g.value?.contains(document.activeElement)){e.preventDefault(),P?.isConnected?P.focus():document.activeElement?.blur();return}if(q())return;let t=V(h.value[0].id);t&&(e.preventDefault(),t.focus())}function Y(){document.visibilityState===`hidden`?M(`hidden`):N(`hidden`)}return(0,r.onMounted)(()=>{x(p.value),Y(),document.addEventListener(`visibilitychange`,Y),document.addEventListener(`focusin`,F),document.addEventListener(`keydown`,J)}),(0,r.onBeforeUnmount)(()=>{document.removeEventListener(`visibilitychange`,Y),document.removeEventListener(`focusin`,F),document.removeEventListener(`keydown`,J);let e=A.size>0&&!j;A.clear(),e&&p.value.resume(),x(null),y()}),(0,r.watch)(()=>m.value.length,e=>{if(e>0)return;let t=A.delete(`pointer`),n=A.delete(`focus`);!t&&!n||A.size===0&&!j&&p.value.resume()}),l({queue:p}),(e,n)=>((0,r.openBlock)(),(0,r.createBlock)(r.Teleport,{to:_.value,disabled:d.to===!1},[(0,r.createElementVNode)(`div`,i,[(0,r.createElementVNode)(`div`,a,(0,r.toDisplayString)(C.value),1),(0,r.createElementVNode)(`div`,o,(0,r.toDisplayString)(w.value),1)]),m.value.length>0?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{key:0,ref_key:`regionRef`,ref:g,class:(0,r.normalizeClass)([`nb-toaster`,`nb-toaster--${d.placement}`]),role:`region`,"aria-label":d.label,"data-paused":p.value.paused.value?`true`:void 0,onMouseenter:n[0]||=e=>M(`pointer`),onMouseleave:n[1]||=e=>N(`pointer`),onFocusin:I,onFocusout:L,onKeydown:R},[(0,r.createVNode)(r.TransitionGroup,{tag:`div`,class:`nb-toaster__stack`,name:`nb-toaster`},{default:(0,r.withCtx)(()=>[((0,r.openBlock)(!0),(0,r.createElementBlock)(r.Fragment,null,(0,r.renderList)(h.value,n=>((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{key:n.id,class:`nb-toaster__item`,"data-toast-id":n.id},[(0,r.renderSlot)(e.$slots,`toast`,{toast:n,paused:p.value.paused.value,dismiss:e=>U(n.id,e),action:()=>(0,r.unref)(H).add(n.id)},()=>[(0,r.createVNode)(t.t,{message:n.message,title:n.title,variant:n.variant,cta:n.cta,duration:n.duration,cycle:n.cycle,managed:``,paused:p.value.paused.value,role:`none`,"aria-live":`off`,"status-label":p.value.labels.status[n.variant],"close-label":p.value.labels.close,onAction:e=>(0,r.unref)(H).add(n.id),onClose:e=>U(n.id)},null,8,[`message`,`title`,`variant`,`cta`,`duration`,`cycle`,`paused`,`status-label`,`close-label`,`onAction`,`onClose`])],!0)],8,c))),128))]),_:3})],42,s)):(0,r.createCommentVNode)(``,!0)],8,[`to`,`disabled`]))}}),f=e.t(d,[[`__scopeId`,`data-v-dad77da7`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return f}});
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { t as e } from "./_plugin-vue_export-helper-O4QQSku4.js";
|
|
2
|
-
import { t } from "./Toast-
|
|
2
|
+
import { t } from "./Toast-LmQbzDjd.js";
|
|
3
3
|
import { NB_TOAST_QUEUE_KEY as n, useToast as r } from "./composables/useToast.composable.mjs";
|
|
4
4
|
import { Fragment as i, Teleport as a, TransitionGroup as o, computed as s, createBlock as c, createCommentVNode as ee, createElementBlock as l, createElementVNode as u, createVNode as d, defineComponent as f, inject as p, nextTick as m, normalizeClass as h, onBeforeUnmount as g, onMounted as te, openBlock as _, ref as v, renderList as ne, renderSlot as y, toDisplayString as b, unref as x, watch as S, withCtx as C } from "vue";
|
|
5
5
|
//#region src/components/Toaster.vue?vue&type=script&setup=true&lang.ts
|