@nubisco/ui 5.30.0 → 5.31.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{ActionGroup-BepLbLUB.js → ActionGroup-BTCKhtoQ.js} +1 -1
- package/dist/{ActionGroup-CPJcdC_x.cjs → ActionGroup-Bke1hEXW.cjs} +1 -1
- package/dist/{AiProvider-CkzXTd_m.js → AiProvider-CxXzqmaL.js} +1 -1
- package/dist/{AiProvider-ueSRHZ4d.cjs → AiProvider-DvvTdjjT.cjs} +1 -1
- package/dist/{BackToTop-Bep47dq4.cjs → BackToTop-D4D0gP59.cjs} +1 -1
- package/dist/{BackToTop-DwInsaIf.js → BackToTop-DppeK48m.js} +1 -1
- package/dist/{BlueprintControls-OPbXEOlE.js → BlueprintControls-BIhfK4EB.js} +1 -1
- package/dist/{BlueprintControls-DqzA7vVR.cjs → BlueprintControls-D7DPd3is.cjs} +1 -1
- package/dist/{Board-CoxZg27T.cjs → Board-DjY5EzND.cjs} +1 -1
- package/dist/{Board-CTjk-pTy.js → Board-cRf01JoK.js} +1 -1
- package/dist/{BriefingDestination-Md4A2sPI.cjs → BriefingDestination-CIK7YFt-.cjs} +1 -1
- package/dist/{BriefingDestination-D_IHVo71.js → BriefingDestination-Qij0wR7I.js} +1 -1
- package/dist/{Button-Cq9dEeHz.js → Button-BHlNXmBr.js} +1 -1
- package/dist/{Button-CbQyG-jg.cjs → Button-bQHEUhzc.cjs} +1 -1
- package/dist/Card-B4NIRb5n.cjs +1 -0
- package/dist/Card-C74PaCx8.js +82 -0
- package/dist/{Confirm-9xk3l58e.cjs → Confirm-BVFOXvHm.cjs} +1 -1
- package/dist/{Confirm-CpufclnJ.js → Confirm-BmUz2b8D.js} +2 -2
- package/dist/{CopyButton-rEPzSx4v.cjs → CopyButton-CAcov6fU.cjs} +1 -1
- package/dist/{CopyButton-DRpVCGXL.js → CopyButton-D0NGQFK0.js} +1 -1
- package/dist/{DataTable-OfThpfks.cjs → DataTable--thiOouM.cjs} +1 -1
- package/dist/{DataTable-7mjrUxT9.js → DataTable-x8lKfQRr.js} +1 -1
- package/dist/{FileUploader-CBymiita.cjs → FileUploader-BAvu2PvH.cjs} +1 -1
- package/dist/{FileUploader-C9UH-Z55.js → FileUploader-DESyfs_1.js} +2 -2
- package/dist/{Modal-Dffb6fJW.cjs → Modal-Cm0afrVz.cjs} +1 -1
- package/dist/{Modal-BrnJwgh5.js → Modal-Cy_ukbdF.js} +1 -1
- package/dist/{NotificationCenter-_v_X9zLG.cjs → NotificationCenter-bmTyLvkL.cjs} +1 -1
- package/dist/{NotificationCenter-DMIqGkxv.js → NotificationCenter-xEyb8Bjj.js} +1 -1
- package/dist/{Pagination-D5By9-m3.js → Pagination-CdYqrQbM.js} +1 -1
- package/dist/{Pagination-DX4XgQZM.cjs → Pagination-DjkCQOqi.cjs} +1 -1
- package/dist/{Shell-CxZZhH9l.cjs → Shell-BwfS4LOy.cjs} +1 -1
- package/dist/{Shell-qpPhxpqT.js → Shell-Div0nPH6.js} +1 -1
- package/dist/{TableOfContents-VZjSntV4.js → TableOfContents-BYtgdAbp.js} +1 -1
- package/dist/{TableOfContents-DigLeDNO.cjs → TableOfContents-DEc2LBKP.cjs} +1 -1
- package/dist/{Video-B-RuZL-9.cjs → Video-C1BIM2vN.cjs} +1 -1
- package/dist/{Video-C6KUqrBg.js → Video-CKnOZgqI.js} +1 -1
- package/dist/{Walkthrough-BO9mRfuC.cjs → Walkthrough-DNeWYW_3.cjs} +1 -1
- package/dist/{Walkthrough-BA-MrcaO.js → Walkthrough-s0pVivDn.js} +1 -1
- package/dist/all.cjs +1 -1
- package/dist/all.mjs +20 -20
- package/dist/components/ActionGroup.cjs +1 -1
- package/dist/components/ActionGroup.mjs +1 -1
- package/dist/components/AiProvider.cjs +1 -1
- package/dist/components/AiProvider.mjs +1 -1
- package/dist/components/BackToTop.cjs +1 -1
- package/dist/components/BackToTop.mjs +1 -1
- package/dist/components/BlueprintControls.cjs +1 -1
- package/dist/components/BlueprintControls.mjs +1 -1
- package/dist/components/Board.cjs +1 -1
- package/dist/components/Board.mjs +1 -1
- package/dist/components/BriefingDestination.cjs +1 -1
- package/dist/components/BriefingDestination.mjs +1 -1
- package/dist/components/Button.cjs +1 -1
- package/dist/components/Button.mjs +1 -1
- package/dist/components/Button.vue.d.ts.map +1 -1
- package/dist/components/Card.cjs +1 -1
- package/dist/components/Card.mjs +1 -1
- package/dist/components/Card.vue.d.ts.map +1 -1
- package/dist/components/Confirm.cjs +1 -1
- package/dist/components/Confirm.mjs +1 -1
- package/dist/components/CopyButton.cjs +1 -1
- package/dist/components/CopyButton.mjs +1 -1
- package/dist/components/DataTable.cjs +1 -1
- package/dist/components/DataTable.mjs +1 -1
- package/dist/components/FileUploader.cjs +1 -1
- package/dist/components/FileUploader.mjs +1 -1
- package/dist/components/FileUploader.vue.d.ts.map +1 -1
- package/dist/components/Modal.cjs +1 -1
- package/dist/components/Modal.mjs +1 -1
- package/dist/components/NotificationCenter.cjs +1 -1
- package/dist/components/NotificationCenter.mjs +1 -1
- package/dist/components/Pagination.cjs +1 -1
- package/dist/components/Pagination.mjs +1 -1
- package/dist/components/Shell.cjs +1 -1
- package/dist/components/Shell.mjs +1 -1
- package/dist/components/Shell.vue.d.ts.map +1 -1
- package/dist/components/TableOfContents.cjs +1 -1
- package/dist/components/TableOfContents.mjs +1 -1
- package/dist/components/Video.cjs +1 -1
- package/dist/components/Video.mjs +1 -1
- package/dist/components/Walkthrough.cjs +1 -1
- package/dist/components/Walkthrough.mjs +1 -1
- package/dist/components/labs/Spreadsheet.d.ts +8 -0
- package/dist/components/labs/Spreadsheet.vue.d.ts +1 -0
- package/dist/components/labs/Spreadsheet.vue.d.ts.map +1 -1
- package/dist/composables/useConfirm.composable.cjs +1 -1
- package/dist/composables/useConfirm.composable.mjs +2 -2
- package/dist/index.cjs +1 -1
- package/dist/index.mjs +20 -20
- package/dist/main-8_dE3Ta1.cjs +4 -0
- package/dist/{main-3k7sSIY5.js → main-B7CVGoiq.js} +510 -412
- package/dist/styles/Button.css +1 -1
- package/dist/styles/Card.css +1 -1
- package/dist/styles/FileUploader.css +1 -1
- package/dist/styles/Shell.css +1 -1
- package/dist/styles/main.css +1 -1
- package/dist/ui.css +5 -5
- package/package.json +1 -1
- package/src/styles/_reset.scss +6 -1
- package/src/styles/_theme-api.scss +21 -0
- package/src/styles/_theme.scss +43 -3
- package/src/styles/logic/_ink.scss +34 -0
- package/dist/Card-BqIF-svL.js +0 -78
- package/dist/Card-Xmv6oz9a.cjs +0 -1
- package/dist/main-DmyKNXAy.cjs +0 -4
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { usePhoneLayout as e } from "./composables/usePhoneLayout.composable.mjs";
|
|
2
|
-
import { t } from "./Button-
|
|
2
|
+
import { t } from "./Button-BHlNXmBr.js";
|
|
3
3
|
import { t as n } from "./Menu-2Se8F81Q.js";
|
|
4
4
|
import { t as r } from "./MenuItem-BDLX2QWw.js";
|
|
5
5
|
import { hasSlotContent as i } from "./utils/slotContent.helper.mjs";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const e=require(`./chunk-D-qHiVGv.cjs`),t=require(`./composables/usePhoneLayout.composable.cjs`),n=require(`./Button-
|
|
1
|
+
const e=require(`./chunk-D-qHiVGv.cjs`),t=require(`./composables/usePhoneLayout.composable.cjs`),n=require(`./Button-bQHEUhzc.cjs`),r=require(`./Menu-CAZmNx60.cjs`),i=require(`./MenuItem-ZQcFYe4m.cjs`),a=require(`./utils/slotContent.helper.cjs`);let o=require(`vue`),s=require(`@nubisco/ui/icons/dots-three`);s=e.n(s);var c={class:`nb-action-group`},l=(0,o.defineComponent)({__name:`ActionGroup`,props:{items:{},size:{default:`sm`},overflow:{default:`never`},overflowLabel:{default:`More actions`},phoneVisible:{default:1}},emits:[`select`],setup(e,{emit:l}){let u=e,d=l,f=(0,o.useSlots)(),{phone:p}=t.usePhoneLayout(),m=(0,o.computed)(()=>u.overflow===`never`?!1:u.overflow===`always`?!0:p.value),h=(0,o.computed)(()=>{let e=Math.max(0,u.phoneVisible),t=u.items.filter(e=>e.priority===`primary`);return(t.length?t:u.items).slice(0,e)}),g=(0,o.computed)(()=>u.items.filter(e=>!h.value.includes(e))),_=(0,o.computed)(()=>g.value.length>0||a.hasSlotContent(f,`menu`));function v(e){return p.value&&!!e.icon}function y(e){return e.variant??(e.danger?`danger`:void 0)}function b(e){e.disabled||e.loading||(e.onSelect?.(),d(`select`,e.id))}let x=(0,o.ref)(!1),S=(0,o.ref)(null),C=(0,o.ref)(null);function w(){return C.value?.$el??null}let T=!1;function E(){T=x.value}function D(){if(T||x.value){T=!1,x.value=!1;return}let e=w()?.getBoundingClientRect();e&&S.value?.setPosition(e),x.value=!0}function O(e){if(x.value=e,e)return;let t=document.activeElement;(!t||t===document.body||!t.isConnected)&&(0,o.nextTick)(()=>w()?.focus())}return(t,a)=>((0,o.openBlock)(),(0,o.createElementBlock)(`div`,c,[m.value?((0,o.openBlock)(),(0,o.createElementBlock)(o.Fragment,{key:1},[((0,o.openBlock)(!0),(0,o.createElementBlock)(o.Fragment,null,(0,o.renderList)(h.value,t=>((0,o.openBlock)(),(0,o.createElementBlock)(o.Fragment,{key:t.id},[v(t)?((0,o.openBlock)(),(0,o.createBlock)(n.t,{key:0,variant:y(t),outlined:t.outlined,size:e.size,disabled:t.disabled,loading:t.loading,icon:t.icon,"aria-label":t.label,"aria-pressed":t.pressed,onClick:e=>b(t)},null,8,[`variant`,`outlined`,`size`,`disabled`,`loading`,`icon`,`aria-label`,`aria-pressed`,`onClick`])):((0,o.openBlock)(),(0,o.createBlock)(n.t,{key:1,variant:y(t),outlined:t.outlined,size:e.size,disabled:t.disabled,loading:t.loading,icon:t.icon,"aria-pressed":t.pressed,onClick:e=>b(t)},{default:(0,o.withCtx)(()=>[(0,o.createTextVNode)((0,o.toDisplayString)(t.label),1)]),_:2},1032,[`variant`,`outlined`,`size`,`disabled`,`loading`,`icon`,`aria-pressed`,`onClick`]))],64))),128)),_.value?((0,o.openBlock)(),(0,o.createBlock)(n.t,{key:0,ref_key:`triggerRef`,ref:C,class:`nb-action-group__more`,variant:`ghost`,size:e.size,icon:s,"aria-label":e.overflowLabel,"aria-haspopup":`menu`,"aria-expanded":x.value,onMousedown:E,onClick:D},null,8,[`size`,`aria-label`,`aria-expanded`])):(0,o.createCommentVNode)(``,!0),_.value?((0,o.openBlock)(),(0,o.createBlock)(r.t,{key:1,ref_key:`menuRef`,ref:S,open:x.value,"onUpdate:open":O},{default:(0,o.withCtx)(()=>[((0,o.openBlock)(!0),(0,o.createElementBlock)(o.Fragment,null,(0,o.renderList)(g.value,e=>((0,o.openBlock)(),(0,o.createBlock)(i.t,{key:e.id,label:e.label,icon:e.icon,disabled:e.disabled||e.loading,danger:e.danger,selectable:e.pressed!==void 0,selected:e.pressed,onSelect:t=>b(e)},null,8,[`label`,`icon`,`disabled`,`danger`,`selectable`,`selected`,`onSelect`]))),128)),(0,o.renderSlot)(t.$slots,`menu`)]),_:3},8,[`open`])):(0,o.createCommentVNode)(``,!0)],64)):((0,o.openBlock)(!0),(0,o.createElementBlock)(o.Fragment,{key:0},(0,o.renderList)(e.items,t=>((0,o.openBlock)(),(0,o.createBlock)(n.t,{key:t.id,variant:y(t),outlined:t.outlined,size:e.size,disabled:t.disabled,loading:t.loading,icon:t.icon,"aria-pressed":t.pressed,onClick:e=>b(t)},{default:(0,o.withCtx)(()=>[(0,o.createTextVNode)((0,o.toDisplayString)(t.label),1)]),_:2},1032,[`variant`,`outlined`,`size`,`disabled`,`loading`,`icon`,`aria-pressed`,`onClick`]))),128))]))}});Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return l}});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
require(`./chunk-D-qHiVGv.cjs`);const e=require(`./Button-
|
|
1
|
+
require(`./chunk-D-qHiVGv.cjs`);const e=require(`./Button-bQHEUhzc.cjs`),t=require(`./AiLabel-BMeJMSLm.cjs`),n=require(`./Field-M289tArC.cjs`),r=require(`./Panel-valtWFWI.cjs`),i=require(`./Select-CHuZfqLt.cjs`),a=require(`./TextInput-DmCYZgG0.cjs`);let o=require(`vue`);var s={class:`nb-ai-provider__header`},c={class:`nb-ai-provider__title`},l={key:0,class:`nb-ai-provider__description`},u={class:`nb-ai-provider__row`},d={class:`nb-ai-provider__actions`},f=(0,o.defineComponent)({__name:`AiProvider`,props:{title:{default:`AI briefings`},providers:{default:()=>[{label:`Anthropic (Claude)`,value:`anthropic`},{label:`OpenAI`,value:`openai`},{label:`Google Gemini`,value:`gemini`}]},provider:{default:`anthropic`},model:{default:``},apiKey:{default:``},defaultModels:{default:()=>({})},hasKey:{type:Boolean,default:!1},busy:{type:Boolean,default:!1}},emits:[`update:provider`,`update:model`,`update:apiKey`,`save`,`remove`],setup(f,{emit:p}){let m=p;return(p,h)=>((0,o.openBlock)(),(0,o.createBlock)(r.t,{class:`nb-ai-provider`},{default:(0,o.withCtx)(()=>[(0,o.createElementVNode)(`header`,s,[(0,o.createElementVNode)(`h2`,c,[(0,o.createTextVNode)((0,o.toDisplayString)(f.title)+` `,1),(0,o.createVNode)(t.t,{static:``,size:`sm`})]),p.$slots.default?((0,o.openBlock)(),(0,o.createElementBlock)(`div`,l,[(0,o.renderSlot)(p.$slots,`default`)])):(0,o.createCommentVNode)(``,!0)]),(0,o.createElementVNode)(`div`,u,[(0,o.createVNode)(n.t,{label:`Provider`,orientation:`stack`},{default:(0,o.withCtx)(({id:e})=>[(0,o.createVNode)(i.t,{id:e,"model-value":f.provider,options:f.providers,disabled:f.busy,"onUpdate:modelValue":h[0]||=e=>m(`update:provider`,String(e))},null,8,[`id`,`model-value`,`options`,`disabled`])]),_:1}),(0,o.createVNode)(n.t,{label:`Model`,hint:`Empty uses the provider's default.`,orientation:`stack`},{default:(0,o.withCtx)(({id:e})=>[(0,o.createVNode)(a.t,{id:e,"model-value":f.model,placeholder:f.defaultModels[f.provider]??``,disabled:f.busy,"onUpdate:modelValue":h[1]||=e=>m(`update:model`,String(e??``))},null,8,[`id`,`model-value`,`placeholder`,`disabled`])]),_:1})]),(0,o.createVNode)(n.t,{label:`API key`,hint:`Encrypted at rest and never sent back to the browser, so this field is always empty when the page loads.`,orientation:`stack`},{default:(0,o.withCtx)(({id:e})=>[(0,o.createVNode)(a.t,{id:e,"model-value":f.apiKey,type:`password`,autocomplete:`off`,placeholder:f.hasKey?`Stored. Type a new key to replace it.`:`sk-...`,disabled:f.busy,"onUpdate:modelValue":h[2]||=e=>m(`update:apiKey`,String(e??``))},null,8,[`id`,`model-value`,`placeholder`,`disabled`])]),_:1}),(0,o.createElementVNode)(`div`,d,[(0,o.createVNode)(e.t,{variant:`primary`,loading:f.busy,onClick:h[3]||=e=>m(`save`)},{default:(0,o.withCtx)(()=>[...h[5]||=[(0,o.createTextVNode)(` Save AI settings `,-1)]]),_:1},8,[`loading`]),f.hasKey?((0,o.openBlock)(),(0,o.createBlock)(e.t,{key:0,variant:`ghost`,disabled:f.busy,onClick:h[4]||=e=>m(`remove`)},{default:(0,o.withCtx)(()=>[...h[6]||=[(0,o.createTextVNode)(` Remove key `,-1)]]),_:1},8,[`disabled`])):(0,o.createCommentVNode)(``,!0)])]),_:3}))}});Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return f}});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const e=require(`./chunk-D-qHiVGv.cjs`),t=require(`./Button-
|
|
1
|
+
const e=require(`./chunk-D-qHiVGv.cjs`),t=require(`./Button-bQHEUhzc.cjs`);let n=require(`vue`),r=require(`@nubisco/ui/icons/arrow-up`);r=e.n(r);var i={key:0,class:`nb-back-to-top`},a=(0,n.defineComponent)({__name:`BackToTop`,props:{threshold:{default:void 0},label:{default:`Back to top`}},setup(e){let a=e,o=(0,n.ref)(!1),s=0;function c(){s=0;let e=a.threshold??window.innerHeight;o.value=window.scrollY>e}function l(){s||=requestAnimationFrame(c)}function u(e){let t=window.matchMedia?.(`(prefers-reduced-motion: reduce)`).matches;window.scrollTo({top:0,behavior:t?`instant`:`smooth`}),e.detail===0&&document.querySelector(`a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])`)?.focus({preventScroll:!0})}return(0,n.onMounted)(()=>{c(),window.addEventListener(`scroll`,l,{passive:!0}),window.addEventListener(`resize`,l,{passive:!0})}),(0,n.onBeforeUnmount)(()=>{window.removeEventListener(`scroll`,l),window.removeEventListener(`resize`,l),s&&cancelAnimationFrame(s)}),(a,s)=>{let c=(0,n.resolveDirective)(`nb-tooltip`);return(0,n.openBlock)(),(0,n.createBlock)(n.Transition,{name:`nb-back-to-top`},{default:(0,n.withCtx)(()=>[o.value?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,i,[(0,n.withDirectives)((0,n.createVNode)(t.t,{"aria-label":e.label,class:`nb-back-to-top__button`,variant:`secondary`,icon:r,onClick:u},null,8,[`aria-label`]),[[c,{body:e.label,aria:`none`,position:`left`}]])])):(0,n.createCommentVNode)(``,!0)]),_:1})}}});Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return a}});
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { t as e } from "./Button-
|
|
1
|
+
import { t as e } from "./Button-BHlNXmBr.js";
|
|
2
2
|
import { Transition as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createVNode as a, defineComponent as o, onBeforeUnmount as s, onMounted as c, openBlock as l, ref as u, resolveDirective as d, withCtx as f, withDirectives as p } from "vue";
|
|
3
3
|
import * as m from "@nubisco/ui/icons/arrow-up";
|
|
4
4
|
//#region src/components/BackToTop.vue?vue&type=script&setup=true&lang.ts
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { t as e } from "./_plugin-vue_export-helper-O4QQSku4.js";
|
|
2
2
|
import { r as t } from "./Size.d-Bah6vMl3.js";
|
|
3
|
-
import { t as n } from "./Button-
|
|
3
|
+
import { t as n } from "./Button-BHlNXmBr.js";
|
|
4
4
|
import { useBlueprint as r } from "./composables/useBlueprint.composable.mjs";
|
|
5
5
|
import { computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createVNode as l, defineComponent as u, normalizeClass as d, openBlock as f, unref as p } from "vue";
|
|
6
6
|
import * as m from "@nubisco/ui/icons/magnifying-glass-plus";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const e=require(`./chunk-D-qHiVGv.cjs`),t=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),n=require(`./Size.d-GBIblj2D.cjs`),r=require(`./Button-
|
|
1
|
+
const e=require(`./chunk-D-qHiVGv.cjs`),t=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),n=require(`./Size.d-GBIblj2D.cjs`),r=require(`./Button-bQHEUhzc.cjs`),i=require(`./composables/useBlueprint.composable.cjs`);let a=require(`vue`),o=require(`@nubisco/ui/icons/magnifying-glass-plus`);o=e.n(o);let s=require(`@nubisco/ui/icons/magnifying-glass-minus`);s=e.n(s);let c=require(`@nubisco/ui/icons/frame-corners`);c=e.n(c);let l=require(`@nubisco/ui/icons/crosshair`);l=e.n(l);let u=require(`@nubisco/ui/icons/tree-structure`);u=e.n(u);let d=require(`@nubisco/ui/icons/align-left`);d=e.n(d);let f=require(`@nubisco/ui/icons/align-center-horizontal`);f=e.n(f);let p=require(`@nubisco/ui/icons/align-right`);p=e.n(p);let m=require(`@nubisco/ui/icons/align-top`);m=e.n(m);let h=require(`@nubisco/ui/icons/align-center-vertical`);h=e.n(h);let g=require(`@nubisco/ui/icons/align-bottom`);g=e.n(g);let _=require(`@nubisco/ui/icons/arrows-out-line-horizontal`);_=e.n(_);let v=require(`@nubisco/ui/icons/arrows-out-line-vertical`);v=e.n(v);var y={class:`nb-blueprint-controls__group`},b={key:0,class:`nb-blueprint-controls__group`},x=(0,a.defineComponent)({__name:`BlueprintControls`,props:{position:{default:`bottom-right`},orientation:{default:`vertical`},show:{default:`always`},autoLayout:{type:Boolean,default:!0},alignment:{type:Boolean,default:!0}},setup(e){let t=n.r.Small,x=e,S=i.useBlueprint(),C=(0,a.computed)(()=>x.show===`always`||S.isEditMode.value),w=(0,a.computed)(()=>x.alignment&&S.selectedIds.value.size>=2);return(n,i)=>C.value?((0,a.openBlock)(),(0,a.createElementBlock)(`div`,{key:0,class:(0,a.normalizeClass)([`nb-blueprint-controls`,[`nb-blueprint-controls--${e.position}`,`is-${e.orientation}`]]),role:`toolbar`,"aria-label":`Blueprint controls`},[(0,a.createElementVNode)(`div`,y,[(0,a.createVNode)(r.t,{variant:`ghost`,size:(0,a.unref)(t),icon:o,title:`Zoom in`,"aria-label":`Zoom in`,onClick:i[0]||=e=>(0,a.unref)(S).zoomIn()},null,8,[`size`]),(0,a.createVNode)(r.t,{variant:`ghost`,size:(0,a.unref)(t),icon:s,title:`Zoom out`,"aria-label":`Zoom out`,onClick:i[1]||=e=>(0,a.unref)(S).zoomOut()},null,8,[`size`]),(0,a.createVNode)(r.t,{variant:`ghost`,size:(0,a.unref)(t),icon:c,title:`Fit to view`,"aria-label":`Fit to view`,onClick:i[2]||=e=>(0,a.unref)(S).fitToView()},null,8,[`size`]),(0,a.createVNode)(r.t,{variant:`ghost`,size:(0,a.unref)(t),icon:l,title:`Center`,"aria-label":`Center`,onClick:i[3]||=e=>(0,a.unref)(S).centerView()},null,8,[`size`]),e.autoLayout?((0,a.openBlock)(),(0,a.createBlock)(r.t,{key:0,variant:`ghost`,size:(0,a.unref)(t),icon:u,title:`Auto layout`,"aria-label":`Auto layout`,onClick:i[4]||=e=>(0,a.unref)(S).autoLayout()},null,8,[`size`])):(0,a.createCommentVNode)(``,!0)]),w.value?((0,a.openBlock)(),(0,a.createElementBlock)(`div`,b,[(0,a.createVNode)(r.t,{variant:`ghost`,size:(0,a.unref)(t),icon:d,title:`Align left`,"aria-label":`Align left`,onClick:i[5]||=e=>(0,a.unref)(S).alignLeft()},null,8,[`size`]),(0,a.createVNode)(r.t,{variant:`ghost`,size:(0,a.unref)(t),icon:f,title:`Align horizontal center`,"aria-label":`Align horizontal center`,onClick:i[6]||=e=>(0,a.unref)(S).alignCenter()},null,8,[`size`]),(0,a.createVNode)(r.t,{variant:`ghost`,size:(0,a.unref)(t),icon:p,title:`Align right`,"aria-label":`Align right`,onClick:i[7]||=e=>(0,a.unref)(S).alignRight()},null,8,[`size`]),(0,a.createVNode)(r.t,{variant:`ghost`,size:(0,a.unref)(t),icon:m,title:`Align top`,"aria-label":`Align top`,onClick:i[8]||=e=>(0,a.unref)(S).alignTop()},null,8,[`size`]),(0,a.createVNode)(r.t,{variant:`ghost`,size:(0,a.unref)(t),icon:h,title:`Align vertical center`,"aria-label":`Align vertical center`,onClick:i[9]||=e=>(0,a.unref)(S).alignMiddle()},null,8,[`size`]),(0,a.createVNode)(r.t,{variant:`ghost`,size:(0,a.unref)(t),icon:g,title:`Align bottom`,"aria-label":`Align bottom`,onClick:i[10]||=e=>(0,a.unref)(S).alignBottom()},null,8,[`size`]),(0,a.createVNode)(r.t,{variant:`ghost`,size:(0,a.unref)(t),icon:_,title:`Distribute horizontally`,"aria-label":`Distribute horizontally`,onClick:i[11]||=e=>(0,a.unref)(S).distributeHorizontally()},null,8,[`size`]),(0,a.createVNode)(r.t,{variant:`ghost`,size:(0,a.unref)(t),icon:v,title:`Distribute vertically`,"aria-label":`Distribute vertically`,onClick:i[12]||=e=>(0,a.unref)(S).distributeVertically()},null,8,[`size`])])):(0,a.createCommentVNode)(``,!0)],2)):(0,a.createCommentVNode)(``,!0)}}),S=t.t(x,[[`__scopeId`,`data-v-5b86517c`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return S}});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const e=require(`./chunk-D-qHiVGv.cjs`),t=require(`./composables/useStableId.composable.cjs`),n=require(`./composables/useSurfaceLayer.composable.cjs`),r=require(`./composables/usePhoneLayout.composable.cjs`),i=require(`./Button-CbQyG-jg.cjs`);let a=require(`vue`),o=require(`@nubisco/ui/icons/x`);o=e.n(o);var s=[`draggable`,`onDragstart`,`onDragover`],c={class:`nb-board__col-title`},l={class:`nb-board__col-count`},ee=[`onClick`],te=[`aria-label`],ne={class:`nb-board__lane-label`},re={class:`nb-board__lane-count`},ie=[`onDragover`,`onDrop`],ae=[`aria-label`],oe=[`data-item-id`,`aria-selected`,`aria-label`,`aria-describedby`,`onDragstart`,`onDragover`,`onKeydown`,`onClickCapture`,`onBlur`],se={key:0,class:`nb-board__empty-cell`,"aria-hidden":`true`},ce={key:0,class:`nb-board__cell-footer`},u={key:0,class:`nb-board__batch`,role:`region`,"aria-label":`Actions for the selected cards`},le={class:`nb-board__batch-count`},ue={class:`nb-board__batch-actions`},de=[`id`],fe={class:`nb-board__sr`,"aria-live":`assertive`},pe=.5,me=44,d=(0,a.defineComponent)({__name:`Board`,props:{columns:{},items:{},lanes:{default:void 0},reorderableColumns:{type:Boolean,default:!1},nestable:{type:Boolean,default:!1},selectable:{type:Boolean,default:!1},selected:{default:void 0},selectMode:{type:Boolean,default:!1}},emits:[`move`,`nest`,`column-move`,`move-many`,`update:selected`,`update:selectMode`],setup(e,{emit:d}){let f=e,{phone:p}=r.usePhoneLayout(),he=(0,a.useSlots)(),{layerProps:ge}=n.useSurfaceLayer(),m=d,h=(0,a.computed)(()=>f.selectable?f.selected??[]:[]),_e=(0,a.computed)(()=>new Set(h.value)),g=null;function _(e){return _e.value.has(e)}function v(e){m(`update:selected`,e),z.value=e.length===0?`Selection cleared`:`${e.length} ${e.length===1?`card`:`cards`} selected`}function y(){g=null,v([]),x.value&&m(`update:selectMode`,!1)}let b=(0,a.computed)(()=>f.selectable&&h.value.length>0&&!!he[`batch-actions`]),x=(0,a.computed)(()=>f.selectable&&f.selectMode);function S(e){g=e,v(_(e)?h.value.filter(t=>t!==e):[...h.value,e])}function ve(e,t,n){let r=N(t,n),i=g?r.findIndex(e=>e.id===g):-1,a=r.findIndex(t=>t.id===e.id);if(i===-1||a===-1)return S(e.id);let o=r.slice(Math.min(i,a),Math.max(i,a)+1).map(e=>e.id);v([...new Set([...h.value,...o])])}function ye(e,t,n,r){f.selectable&&(!x.value&&!(e.metaKey||e.ctrlKey||e.shiftKey)||(e.preventDefault(),e.stopPropagation(),e.shiftKey?ve(t,O(n),r):S(t.id)))}function C(){let e=[];for(let t of f.columns)for(let n of D.value)for(let r of N(O(n),t.id))_(r.id)&&!e.includes(r.id)&&e.push(r.id);return e}function w(e,t,n,r,i){let a=new Set(e),o=N(n,r).filter(e=>e.id!==t),s=null;for(let e=Math.min(i,o.length)-1;e>=0;e--)if(!a.has(o[e].id)){s=o[e].id;break}let c=null;for(let e=Math.max(i,0);e<o.length;e++)if(!a.has(o[e].id)){c=o[e].id;break}m(`move-many`,{itemIds:e,toColumnId:r,...f.lanes?{toLaneId:n}:{},beforeItemId:s,afterItemId:c});let l=P(r);z.value=`${e.length} cards moved to ${l?.label??r}`}let T=t.useStableId({}),E=(0,a.ref)(null),be=(0,a.computed)(()=>({gridTemplateColumns:`repeat(${f.columns.length}, var(--nb-board-column-track, minmax(200px, 1fr)))`,...p.value?{"--nb-board-cols":String(f.columns.length)}:{}})),D=(0,a.computed)(()=>f.lanes&&f.lanes.length>0?f.lanes:[null]);function O(e){return e?e.id??null:null}function k(e){return e?j(e.id):`__flat__`}function A(e){return f.items.filter(t=>t.columnId===e).length}function j(e){return e??`__none__`}function M(e){return f.lanes?f.items.filter(t=>(t.laneId??null)===e).length:0}function N(e,t){return!f.lanes||f.lanes.length===0?f.items.filter(e=>e.columnId===t):f.items.filter(n=>n.columnId===t&&(n.laneId??null)===e)}function P(e){return f.columns.find(t=>t.id===e)}let F=(0,a.ref)(new Set);function xe(e){let t=j(e),n=new Set(F.value);n.has(t)?n.delete(t):n.add(t),F.value=n}function I(e){return F.value.has(j(e))}function L(e){let t=e.label??e.name??e.title;return typeof t==`string`?t:`Item ${e.id}`}function R(e,t){return e?`${t.label}, ${e.label}`:t.label}function Se(e,t){return R(e,t)}function Ce(e,t,n){let r=N(O(t),n.id),i=r.findIndex(t=>t.id===e.id),a=`${L(e)}, ${i+1} of ${r.length} in ${R(t,n)}`;return K.value?.item.id===e.id?`${a}, picked up`:a}let z=(0,a.ref)(``);function B(e,t,n,r){let i=N(t,n).filter(t=>t.id!==e.item.id),a=Math.max(0,Math.min(r,i.length));return e.fromColumnId===n&&e.fromLaneId===t&&a===N(t,n).findIndex(t=>t.id===e.item.id)?!1:(m(`move`,{itemId:e.item.id,fromColumnId:e.fromColumnId,toColumnId:n,fromLaneId:e.fromLaneId,toLaneId:t,toIndex:a,beforeItemId:i[a-1]?.id??null,afterItemId:i[a]?.id??null}),!0)}let V=(0,a.ref)(null),H=(0,a.ref)(null),U=(0,a.ref)(null);function we(e,t,n){K.value=null;let r=_(e.id)&&h.value.length>1?C():void 0;V.value={item:e,fromLaneId:O(t),fromColumnId:n,group:r},r&&(z.value=`Moving ${r.length} cards`)}function Te(e,t,n,r,i){if(!V.value)return;let a=e.currentTarget.getBoundingClientRect();if(f.nestable&&!V.value.group&&a.height>=me){let r=(e.clientY-a.top)/a.height,o=(1-pe)/2;if(r>o&&r<1-o&&i.id!==V.value.item.id){U.value={laneId:O(t),colId:n,itemId:i.id},H.value=null;return}}U.value=null;let o=e.clientY>=a.top+a.height/2;H.value={laneId:O(t),colId:n,index:r+(o?1:0)}}function W(e,t){if(!V.value)return;let n=O(e);H.value={laneId:n,colId:t,index:N(n,t).length}}function Ee(){H.value=null,U.value=null}function De(){V.value=null,H.value=null,U.value=null}function Oe(e,t){return G(e,t)!==null}function G(e,t){let n=O(e),r=H.value;if(V.value&&r&&r.laneId===n&&r.colId===t)return r.index;let i=K.value;if(i&&i.laneId===n&&i.colId===t){let e=N(n,t).findIndex(e=>e.id===i.item.id);return e!==-1&&e<=i.index?i.index+1:i.index}return null}function ke(e,t,n){let r=U.value;return r!==null&&r.laneId===O(e)&&r.colId===t&&r.itemId===n.id}function Ae(e,t,n){return n===N(O(e),t).length-1&&G(e,t)===n+1}function je(e,t){if(Z.value!==null)return;let n=H.value,r=U.value;H.value=null,U.value=null;let i=V.value;if(V.value=null,!i)return;if(r){m(`nest`,{itemId:i.item.id,ontoItemId:r.itemId,fromColumnId:i.fromColumnId,...f.lanes?{fromLaneId:i.fromLaneId}:{}}),z.value=`${L(i.item)} dropped onto ${L(f.items.find(e=>e.id===r.itemId)??i.item)}`;return}let a=O(e),o=N(a,t),s=n&&n.laneId===a&&n.colId===t?n.index:o.length,c=o.findIndex(e=>e.id===i.item.id),l=c!==-1&&c<s?s-1:s;if(i.group){w(i.group,i.item.id,a,t,l);return}B(i,a,t,l)}let K=(0,a.ref)(null);function Me(e,t,n,r){let i=O(n);if(f.selectable&&(e.key===`x`||e.key===`X`)&&!K.value){e.preventDefault(),S(t.id);return}if(e.key===`Escape`){if(!K.value){f.selectable&&h.value.length>0&&(e.preventDefault(),y());return}e.preventDefault(),K.value=null,z.value=`Move cancelled`;return}if(e.key===` `||e.key===`Enter`){if(e.preventDefault(),K.value?.item.id!==t.id){Ne(t,i,r);return}if(f.nestable&&e.shiftKey&&J()){Ie();return}Le();return}[`ArrowUp`,`ArrowDown`,`ArrowLeft`,`ArrowRight`].includes(e.key)&&(e.preventDefault(),K.value?.item.id===t.id?Fe(e.key):Re(e.key,t,i,r))}function Ne(e,t,n){K.value={item:e,fromLaneId:t,fromColumnId:n,laneId:t,colId:n,index:N(t,n).findIndex(t=>t.id===e.id)},z.value=`${L(e)} picked up, ${q()}`}function q(){let e=K.value;if(!e)return``;let t=N(e.laneId,e.colId).filter(t=>t.id!==e.item.id),n=P(e.colId),r=f.lanes?.find(t=>(t.id??null)===e.laneId)??null,i=n?R(r,n):e.colId;return`position ${e.index+1} of ${t.length+1} in ${i}`}function Pe(){return!f.lanes||f.lanes.length===0?[null]:f.lanes.filter(e=>!I(e.id)).map(e=>e.id??null)}function Fe(e){let t=K.value;if(!t)return;let n=N(t.laneId,t.colId).filter(e=>e.id!==t.item.id);if(e===`ArrowUp`||e===`ArrowDown`){let r=e===`ArrowUp`?-1:1,i=t.index+r;if(i>=0&&i<=n.length)t.index=i;else{let e=Pe(),n=e.indexOf(t.laneId),i=n+r;if(n===-1||i<0||i>=e.length)return;let a=e[i];t.laneId=a,t.index=r===1?0:N(a,t.colId).filter(e=>e.id!==t.item.id).length}}else{let n=e===`ArrowLeft`?-1:1,r=f.columns.findIndex(e=>e.id===t.colId),i=f.columns[r+n];if(r===-1||!i)return;t.colId=i.id;let a=N(t.laneId,t.colId).filter(e=>e.id!==t.item.id);t.index=Math.min(t.index,a.length)}z.value=`${L(t.item)}, ${q()}`}function J(){let e=K.value;if(!e)return null;let t=N(e.laneId,e.colId).filter(t=>t.id!==e.item.id);return t.length===0?null:t[Math.min(e.index,t.length-1)]??null}function Ie(){let e=K.value,t=J();!e||!t||(K.value=null,m(`nest`,{itemId:e.item.id,ontoItemId:t.id,fromColumnId:e.fromColumnId,...f.lanes?{fromLaneId:e.fromLaneId}:{}}),z.value=`${L(e.item)} dropped onto ${L(t)}`)}function Le(){let e=K.value;if(!e)return;if(K.value=null,_(e.item.id)&&h.value.length>1){w(C(),e.item.id,e.laneId,e.colId,e.index),X(e.item.id);return}let t=B({item:e.item,fromLaneId:e.fromLaneId,fromColumnId:e.fromColumnId},e.laneId,e.colId,e.index),n=P(e.colId),r=f.lanes?.find(t=>(t.id??null)===e.laneId)??null,i=n?R(r,n):e.colId;z.value=t?`${L(e.item)} dropped, position ${e.index+1} in ${i}`:`${L(e.item)} dropped`,X(e.item.id)}function Re(e,t,n,r){let i=N(n,r),a=i.findIndex(e=>e.id===t.id);if(e===`ArrowUp`||e===`ArrowDown`){let t=a+(e===`ArrowDown`?1:-1);t>=0&&t<i.length&&Y(i[t].id)}else{let t=f.columns.findIndex(e=>e.id===r),i=f.columns[t+(e===`ArrowRight`?1:-1)];if(t===-1||!i)return;let o=N(n,i.id);if(o.length===0)return;Y(o[Math.min(a,o.length-1)].id)}}function Y(e){let t=E.value?.querySelectorAll(`[data-item-id]`);if(t){for(let n of t)if(n.dataset.itemId===e){n.focus();return}}}async function X(e){await(0,a.nextTick)(),await(0,a.nextTick)(),Y(e)}function ze(e){K.value?.item.id===e.id&&(K.value=null)}let Z=(0,a.ref)(null),Q=(0,a.ref)(null);function Be(e,t){if(!f.reorderableColumns){t.preventDefault();return}Z.value=e,Q.value=e}function Ve(e,t){if(Z.value===null)return;t.preventDefault();let n=t.currentTarget.getBoundingClientRect();Q.value=t.clientX<n.left+n.width/2?e:e+1}function He(e){let t=Z.value,n=Q.value;if($(),t===null||n===null)return;e.preventDefault();let r=n>t?n-1:n;r!==t&&m(`column-move`,{columnId:f.columns[t].id,toIndex:r})}function $(){Z.value=null,Q.value=null}return(t,n)=>((0,a.openBlock)(),(0,a.createElementBlock)(`div`,(0,a.mergeProps)({ref_key:`boardRef`,ref:E,class:[`nb-board`,{"nb-board--flat":(0,a.unref)(p)&&D.value[0]===null,"nb-board--batching":(0,a.unref)(p)&&b.value,"nb-board--select-mode":x.value}]},(0,a.unref)(ge)),[(0,a.createElementVNode)(`div`,{class:`nb-board__grid`,style:(0,a.normalizeStyle)(be.value)},[((0,a.openBlock)(!0),(0,a.createElementBlock)(a.Fragment,null,(0,a.renderList)(e.columns,(n,r)=>((0,a.openBlock)(),(0,a.createElementBlock)(`div`,{key:n.id,class:(0,a.normalizeClass)([`nb-board__col-header`,{"nb-board__col-header--reorderable":e.reorderableColumns,"nb-board__col-header--dragging":Z.value===r,"nb-board__col-header--drop-before":Q.value===r,"nb-board__col-header--drop-after":Q.value===r+1&&r===e.columns.length-1}]),style:(0,a.normalizeStyle)(n.color?{borderTopColor:n.color}:void 0),draggable:e.reorderableColumns||void 0,onDragstart:e=>Be(r,e),onDragover:e=>Ve(r,e),onDrop:He,onDragend:$},[(0,a.renderSlot)(t.$slots,`column-header`,{column:n,count:A(n.id)},()=>[(0,a.createElementVNode)(`span`,c,(0,a.toDisplayString)(n.label),1),(0,a.createElementVNode)(`span`,l,(0,a.toDisplayString)(A(n.id)),1)])],46,s))),128)),((0,a.openBlock)(!0),(0,a.createElementBlock)(a.Fragment,null,(0,a.renderList)(D.value,n=>((0,a.openBlock)(),(0,a.createElementBlock)(a.Fragment,{key:k(n)},[n?((0,a.openBlock)(),(0,a.createElementBlock)(`div`,{key:0,class:`nb-board__lane-header`,onClick:e=>xe(n.id)},[(0,a.createElementVNode)(`button`,{class:`nb-board__collapse-btn`,"aria-label":I(n.id)?`Expand`:`Collapse`},(0,a.toDisplayString)(I(n.id)?`▶`:`▼`),9,te),(0,a.renderSlot)(t.$slots,`lane-header`,{lane:n},()=>[(0,a.createElementVNode)(`span`,ne,(0,a.toDisplayString)(n.label),1)]),(0,a.createElementVNode)(`span`,re,(0,a.toDisplayString)(M(n.id)),1)],8,ee)):(0,a.createCommentVNode)(``,!0),!n||!I(n.id)?((0,a.openBlock)(!0),(0,a.createElementBlock)(a.Fragment,{key:1},(0,a.renderList)(e.columns,r=>((0,a.openBlock)(),(0,a.createElementBlock)(`div`,{key:k(n)+`-`+r.id,class:(0,a.normalizeClass)([`nb-board__cell`,{"nb-board__cell--drag-over":Oe(n,r.id)}]),onDragover:(0,a.withModifiers)(e=>W(n,r.id),[`prevent`]),onDragleave:Ee,onDrop:(0,a.withModifiers)(e=>je(n,r.id),[`prevent`])},[(0,a.createElementVNode)(`div`,{class:`nb-board__cell-items`,role:`list`,"aria-label":Se(n,r)},[((0,a.openBlock)(!0),(0,a.createElementBlock)(a.Fragment,null,(0,a.renderList)(N(O(n),r.id),(i,o)=>((0,a.openBlock)(),(0,a.createElementBlock)(`div`,{key:i.id,class:(0,a.normalizeClass)([`nb-board__card`,{"nb-board__card--lifted":K.value?.item.id===i.id,"nb-board__card--selected":_(i.id),"nb-board__card--carried":!!V.value?.group&&_(i.id),"nb-board__card--drop-before":G(n,r.id)===o,"nb-board__card--drop-after":Ae(n,r.id,o),"nb-board__card--drop-into":ke(n,r.id,i)}]),role:`listitem`,tabindex:`0`,"data-item-id":i.id,"aria-selected":e.selectable?_(i.id):void 0,"aria-label":Ce(i,n,r),"aria-describedby":`${(0,a.unref)(T)}-hint`,draggable:`true`,onDragstart:e=>we(i,n,r.id),onDragover:(0,a.withModifiers)(e=>Te(e,n,r.id,o,i),[`prevent`,`stop`]),onDragend:De,onKeydown:e=>Me(e,i,n,r.id),onClickCapture:e=>ye(e,i,n,r.id),onBlur:e=>ze(i)},[(0,a.renderSlot)(t.$slots,`card`,{item:i,column:r,lane:n??void 0})],42,oe))),128)),N(O(n),r.id).length===0?((0,a.openBlock)(),(0,a.createElementBlock)(`div`,se)):(0,a.createCommentVNode)(``,!0)],8,ae),t.$slots[`column-footer`]?((0,a.openBlock)(),(0,a.createElementBlock)(`div`,ce,[(0,a.renderSlot)(t.$slots,`column-footer`,{column:r,lane:n??void 0})])):(0,a.createCommentVNode)(``,!0)],42,ie))),128)):(0,a.createCommentVNode)(``,!0)],64))),128))],4),((0,a.openBlock)(),(0,a.createBlock)(a.Teleport,{to:`body`,disabled:!(0,a.unref)(p)},[b.value?((0,a.openBlock)(),(0,a.createElementBlock)(`div`,u,[(0,a.createElementVNode)(`span`,le,(0,a.toDisplayString)(h.value.length)+` selected `,1),(0,a.createElementVNode)(`div`,ue,[(0,a.renderSlot)(t.$slots,`batch-actions`,{selected:h.value,clear:y,phone:(0,a.unref)(p)})]),(0,a.unref)(p)?((0,a.openBlock)(),(0,a.createBlock)(i.t,{key:0,class:`nb-board__batch-cancel`,variant:`ghost`,size:`sm`,icon:o,"aria-label":`Clear selection`,onClick:y})):((0,a.openBlock)(),(0,a.createBlock)(i.t,{key:1,class:`nb-board__batch-cancel`,variant:`ghost`,size:`sm`,onClick:y},{default:(0,a.withCtx)(()=>[...n[0]||=[(0,a.createTextVNode)(` Clear selection `,-1)]]),_:1}))])):(0,a.createCommentVNode)(``,!0)],8,[`disabled`])),(0,a.createElementVNode)(`span`,{id:`${(0,a.unref)(T)}-hint`,class:`nb-board__sr`},[n[1]||=(0,a.createTextVNode)(` Press Space or Enter to pick up, arrow keys to move, Space or Enter to drop, Escape to cancel.`,-1),e.nestable?((0,a.openBlock)(),(0,a.createElementBlock)(a.Fragment,{key:0},[(0,a.createTextVNode)(` Shift with Space or Enter drops onto the card below instead, putting this one inside it.`)],64)):(0,a.createCommentVNode)(``,!0),e.selectable?((0,a.openBlock)(),(0,a.createElementBlock)(a.Fragment,{key:1},[(0,a.createTextVNode)(` X selects the card, or removes it from the selection. Picking up a selected card moves every selected card. Escape clears the selection.`)],64)):(0,a.createCommentVNode)(``,!0),x.value?((0,a.openBlock)(),(0,a.createElementBlock)(a.Fragment,{key:2},[(0,a.createTextVNode)(` Selecting: activating a card selects it, or removes it from the selection.`)],64)):(0,a.createCommentVNode)(``,!0)],8,de),(0,a.createElementVNode)(`span`,fe,(0,a.toDisplayString)(z.value),1)],16))}});Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return d}});
|
|
1
|
+
const e=require(`./chunk-D-qHiVGv.cjs`),t=require(`./composables/useStableId.composable.cjs`),n=require(`./composables/useSurfaceLayer.composable.cjs`),r=require(`./composables/usePhoneLayout.composable.cjs`),i=require(`./Button-bQHEUhzc.cjs`);let a=require(`vue`),o=require(`@nubisco/ui/icons/x`);o=e.n(o);var s=[`draggable`,`onDragstart`,`onDragover`],c={class:`nb-board__col-title`},l={class:`nb-board__col-count`},ee=[`onClick`],te=[`aria-label`],ne={class:`nb-board__lane-label`},re={class:`nb-board__lane-count`},ie=[`onDragover`,`onDrop`],ae=[`aria-label`],oe=[`data-item-id`,`aria-selected`,`aria-label`,`aria-describedby`,`onDragstart`,`onDragover`,`onKeydown`,`onClickCapture`,`onBlur`],se={key:0,class:`nb-board__empty-cell`,"aria-hidden":`true`},ce={key:0,class:`nb-board__cell-footer`},u={key:0,class:`nb-board__batch`,role:`region`,"aria-label":`Actions for the selected cards`},le={class:`nb-board__batch-count`},ue={class:`nb-board__batch-actions`},de=[`id`],fe={class:`nb-board__sr`,"aria-live":`assertive`},pe=.5,me=44,d=(0,a.defineComponent)({__name:`Board`,props:{columns:{},items:{},lanes:{default:void 0},reorderableColumns:{type:Boolean,default:!1},nestable:{type:Boolean,default:!1},selectable:{type:Boolean,default:!1},selected:{default:void 0},selectMode:{type:Boolean,default:!1}},emits:[`move`,`nest`,`column-move`,`move-many`,`update:selected`,`update:selectMode`],setup(e,{emit:d}){let f=e,{phone:p}=r.usePhoneLayout(),he=(0,a.useSlots)(),{layerProps:ge}=n.useSurfaceLayer(),m=d,h=(0,a.computed)(()=>f.selectable?f.selected??[]:[]),_e=(0,a.computed)(()=>new Set(h.value)),g=null;function _(e){return _e.value.has(e)}function v(e){m(`update:selected`,e),z.value=e.length===0?`Selection cleared`:`${e.length} ${e.length===1?`card`:`cards`} selected`}function y(){g=null,v([]),x.value&&m(`update:selectMode`,!1)}let b=(0,a.computed)(()=>f.selectable&&h.value.length>0&&!!he[`batch-actions`]),x=(0,a.computed)(()=>f.selectable&&f.selectMode);function S(e){g=e,v(_(e)?h.value.filter(t=>t!==e):[...h.value,e])}function ve(e,t,n){let r=N(t,n),i=g?r.findIndex(e=>e.id===g):-1,a=r.findIndex(t=>t.id===e.id);if(i===-1||a===-1)return S(e.id);let o=r.slice(Math.min(i,a),Math.max(i,a)+1).map(e=>e.id);v([...new Set([...h.value,...o])])}function ye(e,t,n,r){f.selectable&&(!x.value&&!(e.metaKey||e.ctrlKey||e.shiftKey)||(e.preventDefault(),e.stopPropagation(),e.shiftKey?ve(t,O(n),r):S(t.id)))}function C(){let e=[];for(let t of f.columns)for(let n of D.value)for(let r of N(O(n),t.id))_(r.id)&&!e.includes(r.id)&&e.push(r.id);return e}function w(e,t,n,r,i){let a=new Set(e),o=N(n,r).filter(e=>e.id!==t),s=null;for(let e=Math.min(i,o.length)-1;e>=0;e--)if(!a.has(o[e].id)){s=o[e].id;break}let c=null;for(let e=Math.max(i,0);e<o.length;e++)if(!a.has(o[e].id)){c=o[e].id;break}m(`move-many`,{itemIds:e,toColumnId:r,...f.lanes?{toLaneId:n}:{},beforeItemId:s,afterItemId:c});let l=P(r);z.value=`${e.length} cards moved to ${l?.label??r}`}let T=t.useStableId({}),E=(0,a.ref)(null),be=(0,a.computed)(()=>({gridTemplateColumns:`repeat(${f.columns.length}, var(--nb-board-column-track, minmax(200px, 1fr)))`,...p.value?{"--nb-board-cols":String(f.columns.length)}:{}})),D=(0,a.computed)(()=>f.lanes&&f.lanes.length>0?f.lanes:[null]);function O(e){return e?e.id??null:null}function k(e){return e?j(e.id):`__flat__`}function A(e){return f.items.filter(t=>t.columnId===e).length}function j(e){return e??`__none__`}function M(e){return f.lanes?f.items.filter(t=>(t.laneId??null)===e).length:0}function N(e,t){return!f.lanes||f.lanes.length===0?f.items.filter(e=>e.columnId===t):f.items.filter(n=>n.columnId===t&&(n.laneId??null)===e)}function P(e){return f.columns.find(t=>t.id===e)}let F=(0,a.ref)(new Set);function xe(e){let t=j(e),n=new Set(F.value);n.has(t)?n.delete(t):n.add(t),F.value=n}function I(e){return F.value.has(j(e))}function L(e){let t=e.label??e.name??e.title;return typeof t==`string`?t:`Item ${e.id}`}function R(e,t){return e?`${t.label}, ${e.label}`:t.label}function Se(e,t){return R(e,t)}function Ce(e,t,n){let r=N(O(t),n.id),i=r.findIndex(t=>t.id===e.id),a=`${L(e)}, ${i+1} of ${r.length} in ${R(t,n)}`;return K.value?.item.id===e.id?`${a}, picked up`:a}let z=(0,a.ref)(``);function B(e,t,n,r){let i=N(t,n).filter(t=>t.id!==e.item.id),a=Math.max(0,Math.min(r,i.length));return e.fromColumnId===n&&e.fromLaneId===t&&a===N(t,n).findIndex(t=>t.id===e.item.id)?!1:(m(`move`,{itemId:e.item.id,fromColumnId:e.fromColumnId,toColumnId:n,fromLaneId:e.fromLaneId,toLaneId:t,toIndex:a,beforeItemId:i[a-1]?.id??null,afterItemId:i[a]?.id??null}),!0)}let V=(0,a.ref)(null),H=(0,a.ref)(null),U=(0,a.ref)(null);function we(e,t,n){K.value=null;let r=_(e.id)&&h.value.length>1?C():void 0;V.value={item:e,fromLaneId:O(t),fromColumnId:n,group:r},r&&(z.value=`Moving ${r.length} cards`)}function Te(e,t,n,r,i){if(!V.value)return;let a=e.currentTarget.getBoundingClientRect();if(f.nestable&&!V.value.group&&a.height>=me){let r=(e.clientY-a.top)/a.height,o=(1-pe)/2;if(r>o&&r<1-o&&i.id!==V.value.item.id){U.value={laneId:O(t),colId:n,itemId:i.id},H.value=null;return}}U.value=null;let o=e.clientY>=a.top+a.height/2;H.value={laneId:O(t),colId:n,index:r+(o?1:0)}}function W(e,t){if(!V.value)return;let n=O(e);H.value={laneId:n,colId:t,index:N(n,t).length}}function Ee(){H.value=null,U.value=null}function De(){V.value=null,H.value=null,U.value=null}function Oe(e,t){return G(e,t)!==null}function G(e,t){let n=O(e),r=H.value;if(V.value&&r&&r.laneId===n&&r.colId===t)return r.index;let i=K.value;if(i&&i.laneId===n&&i.colId===t){let e=N(n,t).findIndex(e=>e.id===i.item.id);return e!==-1&&e<=i.index?i.index+1:i.index}return null}function ke(e,t,n){let r=U.value;return r!==null&&r.laneId===O(e)&&r.colId===t&&r.itemId===n.id}function Ae(e,t,n){return n===N(O(e),t).length-1&&G(e,t)===n+1}function je(e,t){if(Z.value!==null)return;let n=H.value,r=U.value;H.value=null,U.value=null;let i=V.value;if(V.value=null,!i)return;if(r){m(`nest`,{itemId:i.item.id,ontoItemId:r.itemId,fromColumnId:i.fromColumnId,...f.lanes?{fromLaneId:i.fromLaneId}:{}}),z.value=`${L(i.item)} dropped onto ${L(f.items.find(e=>e.id===r.itemId)??i.item)}`;return}let a=O(e),o=N(a,t),s=n&&n.laneId===a&&n.colId===t?n.index:o.length,c=o.findIndex(e=>e.id===i.item.id),l=c!==-1&&c<s?s-1:s;if(i.group){w(i.group,i.item.id,a,t,l);return}B(i,a,t,l)}let K=(0,a.ref)(null);function Me(e,t,n,r){let i=O(n);if(f.selectable&&(e.key===`x`||e.key===`X`)&&!K.value){e.preventDefault(),S(t.id);return}if(e.key===`Escape`){if(!K.value){f.selectable&&h.value.length>0&&(e.preventDefault(),y());return}e.preventDefault(),K.value=null,z.value=`Move cancelled`;return}if(e.key===` `||e.key===`Enter`){if(e.preventDefault(),K.value?.item.id!==t.id){Ne(t,i,r);return}if(f.nestable&&e.shiftKey&&J()){Ie();return}Le();return}[`ArrowUp`,`ArrowDown`,`ArrowLeft`,`ArrowRight`].includes(e.key)&&(e.preventDefault(),K.value?.item.id===t.id?Fe(e.key):Re(e.key,t,i,r))}function Ne(e,t,n){K.value={item:e,fromLaneId:t,fromColumnId:n,laneId:t,colId:n,index:N(t,n).findIndex(t=>t.id===e.id)},z.value=`${L(e)} picked up, ${q()}`}function q(){let e=K.value;if(!e)return``;let t=N(e.laneId,e.colId).filter(t=>t.id!==e.item.id),n=P(e.colId),r=f.lanes?.find(t=>(t.id??null)===e.laneId)??null,i=n?R(r,n):e.colId;return`position ${e.index+1} of ${t.length+1} in ${i}`}function Pe(){return!f.lanes||f.lanes.length===0?[null]:f.lanes.filter(e=>!I(e.id)).map(e=>e.id??null)}function Fe(e){let t=K.value;if(!t)return;let n=N(t.laneId,t.colId).filter(e=>e.id!==t.item.id);if(e===`ArrowUp`||e===`ArrowDown`){let r=e===`ArrowUp`?-1:1,i=t.index+r;if(i>=0&&i<=n.length)t.index=i;else{let e=Pe(),n=e.indexOf(t.laneId),i=n+r;if(n===-1||i<0||i>=e.length)return;let a=e[i];t.laneId=a,t.index=r===1?0:N(a,t.colId).filter(e=>e.id!==t.item.id).length}}else{let n=e===`ArrowLeft`?-1:1,r=f.columns.findIndex(e=>e.id===t.colId),i=f.columns[r+n];if(r===-1||!i)return;t.colId=i.id;let a=N(t.laneId,t.colId).filter(e=>e.id!==t.item.id);t.index=Math.min(t.index,a.length)}z.value=`${L(t.item)}, ${q()}`}function J(){let e=K.value;if(!e)return null;let t=N(e.laneId,e.colId).filter(t=>t.id!==e.item.id);return t.length===0?null:t[Math.min(e.index,t.length-1)]??null}function Ie(){let e=K.value,t=J();!e||!t||(K.value=null,m(`nest`,{itemId:e.item.id,ontoItemId:t.id,fromColumnId:e.fromColumnId,...f.lanes?{fromLaneId:e.fromLaneId}:{}}),z.value=`${L(e.item)} dropped onto ${L(t)}`)}function Le(){let e=K.value;if(!e)return;if(K.value=null,_(e.item.id)&&h.value.length>1){w(C(),e.item.id,e.laneId,e.colId,e.index),X(e.item.id);return}let t=B({item:e.item,fromLaneId:e.fromLaneId,fromColumnId:e.fromColumnId},e.laneId,e.colId,e.index),n=P(e.colId),r=f.lanes?.find(t=>(t.id??null)===e.laneId)??null,i=n?R(r,n):e.colId;z.value=t?`${L(e.item)} dropped, position ${e.index+1} in ${i}`:`${L(e.item)} dropped`,X(e.item.id)}function Re(e,t,n,r){let i=N(n,r),a=i.findIndex(e=>e.id===t.id);if(e===`ArrowUp`||e===`ArrowDown`){let t=a+(e===`ArrowDown`?1:-1);t>=0&&t<i.length&&Y(i[t].id)}else{let t=f.columns.findIndex(e=>e.id===r),i=f.columns[t+(e===`ArrowRight`?1:-1)];if(t===-1||!i)return;let o=N(n,i.id);if(o.length===0)return;Y(o[Math.min(a,o.length-1)].id)}}function Y(e){let t=E.value?.querySelectorAll(`[data-item-id]`);if(t){for(let n of t)if(n.dataset.itemId===e){n.focus();return}}}async function X(e){await(0,a.nextTick)(),await(0,a.nextTick)(),Y(e)}function ze(e){K.value?.item.id===e.id&&(K.value=null)}let Z=(0,a.ref)(null),Q=(0,a.ref)(null);function Be(e,t){if(!f.reorderableColumns){t.preventDefault();return}Z.value=e,Q.value=e}function Ve(e,t){if(Z.value===null)return;t.preventDefault();let n=t.currentTarget.getBoundingClientRect();Q.value=t.clientX<n.left+n.width/2?e:e+1}function He(e){let t=Z.value,n=Q.value;if($(),t===null||n===null)return;e.preventDefault();let r=n>t?n-1:n;r!==t&&m(`column-move`,{columnId:f.columns[t].id,toIndex:r})}function $(){Z.value=null,Q.value=null}return(t,n)=>((0,a.openBlock)(),(0,a.createElementBlock)(`div`,(0,a.mergeProps)({ref_key:`boardRef`,ref:E,class:[`nb-board`,{"nb-board--flat":(0,a.unref)(p)&&D.value[0]===null,"nb-board--batching":(0,a.unref)(p)&&b.value,"nb-board--select-mode":x.value}]},(0,a.unref)(ge)),[(0,a.createElementVNode)(`div`,{class:`nb-board__grid`,style:(0,a.normalizeStyle)(be.value)},[((0,a.openBlock)(!0),(0,a.createElementBlock)(a.Fragment,null,(0,a.renderList)(e.columns,(n,r)=>((0,a.openBlock)(),(0,a.createElementBlock)(`div`,{key:n.id,class:(0,a.normalizeClass)([`nb-board__col-header`,{"nb-board__col-header--reorderable":e.reorderableColumns,"nb-board__col-header--dragging":Z.value===r,"nb-board__col-header--drop-before":Q.value===r,"nb-board__col-header--drop-after":Q.value===r+1&&r===e.columns.length-1}]),style:(0,a.normalizeStyle)(n.color?{borderTopColor:n.color}:void 0),draggable:e.reorderableColumns||void 0,onDragstart:e=>Be(r,e),onDragover:e=>Ve(r,e),onDrop:He,onDragend:$},[(0,a.renderSlot)(t.$slots,`column-header`,{column:n,count:A(n.id)},()=>[(0,a.createElementVNode)(`span`,c,(0,a.toDisplayString)(n.label),1),(0,a.createElementVNode)(`span`,l,(0,a.toDisplayString)(A(n.id)),1)])],46,s))),128)),((0,a.openBlock)(!0),(0,a.createElementBlock)(a.Fragment,null,(0,a.renderList)(D.value,n=>((0,a.openBlock)(),(0,a.createElementBlock)(a.Fragment,{key:k(n)},[n?((0,a.openBlock)(),(0,a.createElementBlock)(`div`,{key:0,class:`nb-board__lane-header`,onClick:e=>xe(n.id)},[(0,a.createElementVNode)(`button`,{class:`nb-board__collapse-btn`,"aria-label":I(n.id)?`Expand`:`Collapse`},(0,a.toDisplayString)(I(n.id)?`▶`:`▼`),9,te),(0,a.renderSlot)(t.$slots,`lane-header`,{lane:n},()=>[(0,a.createElementVNode)(`span`,ne,(0,a.toDisplayString)(n.label),1)]),(0,a.createElementVNode)(`span`,re,(0,a.toDisplayString)(M(n.id)),1)],8,ee)):(0,a.createCommentVNode)(``,!0),!n||!I(n.id)?((0,a.openBlock)(!0),(0,a.createElementBlock)(a.Fragment,{key:1},(0,a.renderList)(e.columns,r=>((0,a.openBlock)(),(0,a.createElementBlock)(`div`,{key:k(n)+`-`+r.id,class:(0,a.normalizeClass)([`nb-board__cell`,{"nb-board__cell--drag-over":Oe(n,r.id)}]),onDragover:(0,a.withModifiers)(e=>W(n,r.id),[`prevent`]),onDragleave:Ee,onDrop:(0,a.withModifiers)(e=>je(n,r.id),[`prevent`])},[(0,a.createElementVNode)(`div`,{class:`nb-board__cell-items`,role:`list`,"aria-label":Se(n,r)},[((0,a.openBlock)(!0),(0,a.createElementBlock)(a.Fragment,null,(0,a.renderList)(N(O(n),r.id),(i,o)=>((0,a.openBlock)(),(0,a.createElementBlock)(`div`,{key:i.id,class:(0,a.normalizeClass)([`nb-board__card`,{"nb-board__card--lifted":K.value?.item.id===i.id,"nb-board__card--selected":_(i.id),"nb-board__card--carried":!!V.value?.group&&_(i.id),"nb-board__card--drop-before":G(n,r.id)===o,"nb-board__card--drop-after":Ae(n,r.id,o),"nb-board__card--drop-into":ke(n,r.id,i)}]),role:`listitem`,tabindex:`0`,"data-item-id":i.id,"aria-selected":e.selectable?_(i.id):void 0,"aria-label":Ce(i,n,r),"aria-describedby":`${(0,a.unref)(T)}-hint`,draggable:`true`,onDragstart:e=>we(i,n,r.id),onDragover:(0,a.withModifiers)(e=>Te(e,n,r.id,o,i),[`prevent`,`stop`]),onDragend:De,onKeydown:e=>Me(e,i,n,r.id),onClickCapture:e=>ye(e,i,n,r.id),onBlur:e=>ze(i)},[(0,a.renderSlot)(t.$slots,`card`,{item:i,column:r,lane:n??void 0})],42,oe))),128)),N(O(n),r.id).length===0?((0,a.openBlock)(),(0,a.createElementBlock)(`div`,se)):(0,a.createCommentVNode)(``,!0)],8,ae),t.$slots[`column-footer`]?((0,a.openBlock)(),(0,a.createElementBlock)(`div`,ce,[(0,a.renderSlot)(t.$slots,`column-footer`,{column:r,lane:n??void 0})])):(0,a.createCommentVNode)(``,!0)],42,ie))),128)):(0,a.createCommentVNode)(``,!0)],64))),128))],4),((0,a.openBlock)(),(0,a.createBlock)(a.Teleport,{to:`body`,disabled:!(0,a.unref)(p)},[b.value?((0,a.openBlock)(),(0,a.createElementBlock)(`div`,u,[(0,a.createElementVNode)(`span`,le,(0,a.toDisplayString)(h.value.length)+` selected `,1),(0,a.createElementVNode)(`div`,ue,[(0,a.renderSlot)(t.$slots,`batch-actions`,{selected:h.value,clear:y,phone:(0,a.unref)(p)})]),(0,a.unref)(p)?((0,a.openBlock)(),(0,a.createBlock)(i.t,{key:0,class:`nb-board__batch-cancel`,variant:`ghost`,size:`sm`,icon:o,"aria-label":`Clear selection`,onClick:y})):((0,a.openBlock)(),(0,a.createBlock)(i.t,{key:1,class:`nb-board__batch-cancel`,variant:`ghost`,size:`sm`,onClick:y},{default:(0,a.withCtx)(()=>[...n[0]||=[(0,a.createTextVNode)(` Clear selection `,-1)]]),_:1}))])):(0,a.createCommentVNode)(``,!0)],8,[`disabled`])),(0,a.createElementVNode)(`span`,{id:`${(0,a.unref)(T)}-hint`,class:`nb-board__sr`},[n[1]||=(0,a.createTextVNode)(` Press Space or Enter to pick up, arrow keys to move, Space or Enter to drop, Escape to cancel.`,-1),e.nestable?((0,a.openBlock)(),(0,a.createElementBlock)(a.Fragment,{key:0},[(0,a.createTextVNode)(` Shift with Space or Enter drops onto the card below instead, putting this one inside it.`)],64)):(0,a.createCommentVNode)(``,!0),e.selectable?((0,a.openBlock)(),(0,a.createElementBlock)(a.Fragment,{key:1},[(0,a.createTextVNode)(` X selects the card, or removes it from the selection. Picking up a selected card moves every selected card. Escape clears the selection.`)],64)):(0,a.createCommentVNode)(``,!0),x.value?((0,a.openBlock)(),(0,a.createElementBlock)(a.Fragment,{key:2},[(0,a.createTextVNode)(` Selecting: activating a card selects it, or removes it from the selection.`)],64)):(0,a.createCommentVNode)(``,!0)],8,de),(0,a.createElementVNode)(`span`,fe,(0,a.toDisplayString)(z.value),1)],16))}});Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return d}});
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { useStableId as e } from "./composables/useStableId.composable.mjs";
|
|
2
2
|
import { useSurfaceLayer as t } from "./composables/useSurfaceLayer.composable.mjs";
|
|
3
3
|
import { usePhoneLayout as n } from "./composables/usePhoneLayout.composable.mjs";
|
|
4
|
-
import { t as r } from "./Button-
|
|
4
|
+
import { t as r } from "./Button-BHlNXmBr.js";
|
|
5
5
|
import { Fragment as i, Teleport as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, defineComponent as f, mergeProps as ee, nextTick as p, normalizeClass as m, normalizeStyle as h, openBlock as g, ref as _, renderList as v, renderSlot as y, toDisplayString as b, unref as x, useSlots as te, withCtx as ne, withModifiers as S } from "vue";
|
|
6
6
|
import * as re from "@nubisco/ui/icons/x";
|
|
7
7
|
//#region src/components/Board.vue?vue&type=script&setup=true&lang.ts
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const e=require(`./chunk-D-qHiVGv.cjs`),t=require(`./Icon-C8R_r_In.cjs`),n=require(`./Button-
|
|
1
|
+
const e=require(`./chunk-D-qHiVGv.cjs`),t=require(`./Icon-C8R_r_In.cjs`),n=require(`./Button-bQHEUhzc.cjs`);let r=require(`vue`),i=require(`@nubisco/ui/icons/envelope`);i=e.n(i);let a=require(`@nubisco/ui/icons/slack-logo`);a=e.n(a);let o=require(`@nubisco/ui/icons/webhooks-logo`);o=e.n(o);var s={class:`nb-briefing-destination`},c={class:`nb-briefing-destination__head`},l={class:`nb-briefing-destination__label`},u={key:0,class:`nb-briefing-destination__summary`},d={key:1,class:`nb-briefing-destination__summary`},f={key:0,class:`nb-briefing-destination__body`},p=(0,r.defineComponent)({__name:`BriefingDestination`,props:{kind:{},label:{default:``},summary:{default:``},configured:{type:Boolean,default:!1},testing:{type:Boolean,default:!1},testLabel:{default:`Send a test`}},emits:[`test`],setup(e,{emit:p}){let m=p,h={slack:a,email:i,webhook:o},g={slack:`Slack`,email:`Email`,webhook:`Webhook`};return(i,a)=>((0,r.openBlock)(),(0,r.createElementBlock)(`div`,s,[(0,r.createElementVNode)(`div`,c,[(0,r.createVNode)(t.t,{class:`nb-briefing-destination__icon`,icon:h[e.kind],size:20,"aria-hidden":`true`},null,8,[`icon`]),(0,r.createElementVNode)(`span`,l,[(0,r.createElementVNode)(`strong`,null,(0,r.toDisplayString)(e.label||g[e.kind]),1),e.summary?((0,r.openBlock)(),(0,r.createElementBlock)(`span`,u,(0,r.toDisplayString)(e.summary),1)):((0,r.openBlock)(),(0,r.createElementBlock)(`span`,d,` Not set up `))]),e.testLabel?((0,r.openBlock)(),(0,r.createBlock)(n.t,{key:0,variant:`ghost`,size:`sm`,loading:e.testing,disabled:!e.configured,onClick:a[0]||=e=>m(`test`)},{default:(0,r.withCtx)(()=>[(0,r.createTextVNode)((0,r.toDisplayString)(e.testLabel),1)]),_:1},8,[`loading`,`disabled`])):(0,r.createCommentVNode)(``,!0)]),i.$slots.default?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,f,[(0,r.renderSlot)(i.$slots,`default`)])):(0,r.createCommentVNode)(``,!0)]))}});Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return p}});
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { t as e } from "./Icon-rREAqsu0.js";
|
|
2
|
-
import { t } from "./Button-
|
|
2
|
+
import { t } from "./Button-BHlNXmBr.js";
|
|
3
3
|
import { createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, createVNode as s, defineComponent as c, openBlock as l, renderSlot as u, toDisplayString as d, withCtx as f } from "vue";
|
|
4
4
|
import * as p from "@nubisco/ui/icons/envelope";
|
|
5
5
|
import * as m from "@nubisco/ui/icons/slack-logo";
|
|
@@ -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(`./Icon-C8R_r_In.cjs`),r=require(`./composables/useRouterLink.composable.cjs`);let i=require(`vue`);var a=function(e){return e.Button=`button`,e.Submit=`submit`,e.Reset=`reset`,e}(a||{}),o={key:0,class:`nb-button__decorations`},s={key:0,class:`nb-button__spinner`,"aria-hidden":`true`},c=new Set;function l(e){if(typeof e==`string`)return e;if(e&&(typeof e==`object`||typeof e==`function`)){let t=e;if(typeof t.glyphName==`string`)return t.glyphName}return``}var u=(0,i.defineComponent)({__name:`Button`,props:{variant:{default:void 0},outlined:{type:Boolean,default:!1},size:{default:t.t.Medium},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},icon:{default:void 0},type:{default:a.Button},href:{default:void 0},target:{default:void 0},rel:{default:void 0},to:{default:void 0}},emits:[`click`],setup(e){let t=e,a=(0,i.useSlots)(),u=(0,i.computed)(()=>!a.default&&!!(t.icon||t.loading)),d=r.useRouterLink(),f=(0,i.computed)(()=>t.to!=null&&!!d.value),p=(0,i.computed)(()=>{if(typeof t.to==`string`)return t.to;if(t.href)return t.href}),m=(0,i.computed)(()=>f.value?d.value:p.value?`a`:`button`),h=(0,i.computed)(()=>m.value===`a`?{href:p.value,target:t.target,rel:t.rel}:{}),g={xxs:10,xs:12,sm:12,md:14,lg:16,xl:16,xxl:20},_={xxs:12,xs:14,sm:16,md:18,lg:20,xl:20,xxl:26},v=(0,i.computed)(()=>(u.value?_:g)[t.size??`md`]??(u.value?18:14)),y=(0,i.getCurrentInstance)();return(0,i.onMounted)(()=>{typeof process<`u`&&process.env.NODE_ENV===`production`||u.value&&(0,i.nextTick)(()=>{let e=y?.proxy?.$el;if(!e||typeof e.getAttribute!=`function`||[`aria-label`,`aria-labelledby`,`title`].some(t=>(e.getAttribute(t)??``).trim().length>0)||(e.textContent??``).trim().length>0)return;let n=l(t.icon);c.has(n)||(c.add(n),console.warn(`[NbButton] An icon-only button${n?` (icon "${n}")`:``} has no accessible name, so a screen reader announces it as "button". Add aria-label, or name it with v-nb-tooltip.`,e))})}),(t,r)=>((0,i.openBlock)(),(0,i.createBlock)((0,i.resolveDynamicComponent)(m.value),(0,i.mergeProps)({class:[`nb-button`,e.variant?`nb-button--${e.variant}`:null,`nb-button--${e.size}`,{"nb-button--outlined":e.outlined},{"nb-button--loading":e.loading},{"nb-button--icon-only":u.value}],to:f.value?e.to:void 0},h.value,{disabled:m.value===`button`?e.disabled||e.loading:void 0,"aria-disabled":m.value!==`button`&&(e.disabled||e.loading)?!0:void 0,type:m.value===`button`?e.type:void 0,onClick:r[0]||=n=>e.disabled||e.loading?void 0:t.$emit(`click`,n)}),{default:(0,i.withCtx)(()=>[(0,i.renderSlot)(t.$slots,`default`,{},void 0,!0),e.loading||e.icon?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,o,[e.loading?((0,i.openBlock)(),(0,i.createElementBlock)(`span`,s)):e.icon?((0,i.openBlock)(),(0,i.createBlock)(n.t,{key:1,name:e.icon,size:v.value,class:`nb-button__icon`},null,8,[`name`,`size`])):(0,i.createCommentVNode)(``,!0)])):(0,i.createCommentVNode)(``,!0)]),_:3},16,[`class`,`to`,`disabled`,`aria-disabled`,`type`]))}}),d=e.t(u,[[`__scopeId`,`data-v-
|
|
1
|
+
require(`./chunk-D-qHiVGv.cjs`);const e=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),t=require(`./Size.d-GBIblj2D.cjs`),n=require(`./Icon-C8R_r_In.cjs`),r=require(`./composables/useRouterLink.composable.cjs`);let i=require(`vue`);var a=function(e){return e.Button=`button`,e.Submit=`submit`,e.Reset=`reset`,e}(a||{}),o={key:0,class:`nb-button__decorations`},s={key:0,class:`nb-button__spinner`,"aria-hidden":`true`},c=new Set;function l(e){if(typeof e==`string`)return e;if(e&&(typeof e==`object`||typeof e==`function`)){let t=e;if(typeof t.glyphName==`string`)return t.glyphName}return``}var u=(0,i.defineComponent)({__name:`Button`,props:{variant:{default:void 0},outlined:{type:Boolean,default:!1},size:{default:t.t.Medium},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},icon:{default:void 0},type:{default:a.Button},href:{default:void 0},target:{default:void 0},rel:{default:void 0},to:{default:void 0}},emits:[`click`],setup(e){let t=e,a=(0,i.useSlots)(),u=(0,i.computed)(()=>!a.default&&!!(t.icon||t.loading)),d=r.useRouterLink(),f=(0,i.computed)(()=>t.to!=null&&!!d.value),p=(0,i.computed)(()=>{if(typeof t.to==`string`)return t.to;if(t.href)return t.href}),m=(0,i.computed)(()=>f.value?d.value:p.value?`a`:`button`),h=(0,i.computed)(()=>m.value===`a`?{href:p.value,target:t.target,rel:t.rel}:{}),g={xxs:10,xs:12,sm:12,md:14,lg:16,xl:16,xxl:20},_={xxs:12,xs:14,sm:16,md:18,lg:20,xl:20,xxl:26},v=(0,i.computed)(()=>(u.value?_:g)[t.size??`md`]??(u.value?18:14)),y=(0,i.getCurrentInstance)();return(0,i.onMounted)(()=>{typeof process<`u`&&process.env.NODE_ENV===`production`||u.value&&(0,i.nextTick)(()=>{let e=y?.proxy?.$el;if(!e||typeof e.getAttribute!=`function`||[`aria-label`,`aria-labelledby`,`title`].some(t=>(e.getAttribute(t)??``).trim().length>0)||(e.textContent??``).trim().length>0)return;let n=l(t.icon);c.has(n)||(c.add(n),console.warn(`[NbButton] An icon-only button${n?` (icon "${n}")`:``} has no accessible name, so a screen reader announces it as "button". Add aria-label, or name it with v-nb-tooltip.`,e))})}),(t,r)=>((0,i.openBlock)(),(0,i.createBlock)((0,i.resolveDynamicComponent)(m.value),(0,i.mergeProps)({class:[`nb-button`,e.variant?`nb-button--${e.variant}`:null,`nb-button--${e.size}`,{"nb-button--outlined":e.outlined},{"nb-button--loading":e.loading},{"nb-button--icon-only":u.value}],to:f.value?e.to:void 0},h.value,{disabled:m.value===`button`?e.disabled||e.loading:void 0,"aria-disabled":m.value!==`button`&&(e.disabled||e.loading)?!0:void 0,type:m.value===`button`?e.type:void 0,onClick:r[0]||=n=>e.disabled||e.loading?void 0:t.$emit(`click`,n)}),{default:(0,i.withCtx)(()=>[(0,i.renderSlot)(t.$slots,`default`,{},void 0,!0),e.loading||e.icon?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,o,[e.loading?((0,i.openBlock)(),(0,i.createElementBlock)(`span`,s)):e.icon?((0,i.openBlock)(),(0,i.createBlock)(n.t,{key:1,name:e.icon,size:v.value,class:`nb-button__icon`},null,8,[`name`,`size`])):(0,i.createCommentVNode)(``,!0)])):(0,i.createCommentVNode)(``,!0)]),_:3},16,[`class`,`to`,`disabled`,`aria-disabled`,`type`]))}}),d=e.t(u,[[`__scopeId`,`data-v-3b1e8410`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return d}});
|
|
@@ -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/useSurfaceLayer.composable.cjs`);let r=require(`vue`);var i={key:0,class:`nb-card__icon`},a={class:`nb-card__head`},o={class:`nb-card__title`},s={key:0,class:`nb-card__subtitle`},c={key:1,class:`nb-card__body`},l={key:2,class:`nb-card__footer`},u=(0,r.defineComponent)({__name:`Card`,props:{title:{default:``},subtitle:{default:``},icon:{default:void 0},href:{default:void 0},target:{default:void 0},clickable:{type:Boolean,default:!1},selected:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},emits:[`select`],setup(e,{emit:u}){let d=e,f=u,{layerProps:p}=n.useSurfaceLayer(),m=(0,r.computed)(()=>!!d.href&&!d.disabled),h=(0,r.computed)(()=>(m.value||d.clickable)&&!d.disabled),g=(0,r.computed)(()=>m.value?`a`:(d.clickable,`div`)),_=(0,r.computed)(()=>m.value?{href:d.href,target:d.target,rel:d.target===`_blank`?`noopener`:void 0}:d.clickable&&!d.disabled?{role:`button`,tabindex:0,"aria-pressed":d.selected?!0:void 0}:{});function v(){!d.clickable||d.disabled||m.value||f(`select`)}function y(e){!d.clickable||d.disabled||m.value||e.key!==`Enter`&&e.key!==` `||(e.preventDefault(),f(`select`))}return(n,u)=>((0,r.openBlock)(),(0,r.createBlock)((0,r.resolveDynamicComponent)(g.value),(0,r.mergeProps)({class:[`nb-card`,{"nb-card--interactive":h.value,"nb-card--selected":e.selected,"nb-card--disabled":e.disabled}]},{..._.value,...(0,r.unref)(p)},{onClick:v,onKeydown:y}),{default:(0,r.withCtx)(()=>[e.icon||n.$slots.icon?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,i,[(0,r.renderSlot)(n.$slots,`icon`,{},()=>[(0,r.createVNode)(t.t,{name:e.icon,size:20,"aria-hidden":`true`},null,8,[`name`])],!0)])):(0,r.createCommentVNode)(``,!0),(0,r.createElementVNode)(`div`,a,[(0,r.createElementVNode)(`span`,o,[(0,r.renderSlot)(n.$slots,`title`,{},()=>[(0,r.createTextVNode)((0,r.toDisplayString)(e.title),1)],!0)]),e.subtitle||n.$slots.subtitle?((0,r.openBlock)(),(0,r.createElementBlock)(`span`,s,[(0,r.renderSlot)(n.$slots,`subtitle`,{},()=>[(0,r.createTextVNode)((0,r.toDisplayString)(e.subtitle),1)],!0)])):(0,r.createCommentVNode)(``,!0)]),n.$slots.default?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,c,[(0,r.renderSlot)(n.$slots,`default`,{},void 0,!0)])):(0,r.createCommentVNode)(``,!0),n.$slots.footer?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,l,[(0,r.renderSlot)(n.$slots,`footer`,{},void 0,!0)])):(0,r.createCommentVNode)(``,!0)]),_:3},16,[`class`]))}}),d=e.t(u,[[`__scopeId`,`data-v-1accde78`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return d}});
|
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
import { t as e } from "./_plugin-vue_export-helper-O4QQSku4.js";
|
|
2
|
+
import { t } from "./Icon-rREAqsu0.js";
|
|
3
|
+
import { useSurfaceLayer as n } from "./composables/useSurfaceLayer.composable.mjs";
|
|
4
|
+
import { computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, createVNode as l, defineComponent as u, mergeProps as d, openBlock as f, renderSlot as p, resolveDynamicComponent as m, toDisplayString as h, unref as g, withCtx as _ } from "vue";
|
|
5
|
+
//#region src/components/Card.vue?vue&type=script&setup=true&lang.ts
|
|
6
|
+
var v = {
|
|
7
|
+
key: 0,
|
|
8
|
+
class: "nb-card__icon"
|
|
9
|
+
}, y = { class: "nb-card__head" }, b = { class: "nb-card__title" }, x = {
|
|
10
|
+
key: 0,
|
|
11
|
+
class: "nb-card__subtitle"
|
|
12
|
+
}, S = {
|
|
13
|
+
key: 1,
|
|
14
|
+
class: "nb-card__body"
|
|
15
|
+
}, C = {
|
|
16
|
+
key: 2,
|
|
17
|
+
class: "nb-card__footer"
|
|
18
|
+
}, w = /* @__PURE__ */ e(/* @__PURE__ */ u({
|
|
19
|
+
__name: "Card",
|
|
20
|
+
props: {
|
|
21
|
+
title: { default: "" },
|
|
22
|
+
subtitle: { default: "" },
|
|
23
|
+
icon: { default: void 0 },
|
|
24
|
+
href: { default: void 0 },
|
|
25
|
+
target: { default: void 0 },
|
|
26
|
+
clickable: {
|
|
27
|
+
type: Boolean,
|
|
28
|
+
default: !1
|
|
29
|
+
},
|
|
30
|
+
selected: {
|
|
31
|
+
type: Boolean,
|
|
32
|
+
default: !1
|
|
33
|
+
},
|
|
34
|
+
disabled: {
|
|
35
|
+
type: Boolean,
|
|
36
|
+
default: !1
|
|
37
|
+
}
|
|
38
|
+
},
|
|
39
|
+
emits: ["select"],
|
|
40
|
+
setup(e, { emit: u }) {
|
|
41
|
+
let w = e, T = u, { layerProps: E } = n(), D = r(() => !!w.href && !w.disabled), O = r(() => (D.value || w.clickable) && !w.disabled), k = r(() => D.value ? "a" : (w.clickable, "div")), A = r(() => D.value ? {
|
|
42
|
+
href: w.href,
|
|
43
|
+
target: w.target,
|
|
44
|
+
rel: w.target === "_blank" ? "noopener" : void 0
|
|
45
|
+
} : w.clickable && !w.disabled ? {
|
|
46
|
+
role: "button",
|
|
47
|
+
tabindex: 0,
|
|
48
|
+
"aria-pressed": w.selected ? !0 : void 0
|
|
49
|
+
} : {});
|
|
50
|
+
function j() {
|
|
51
|
+
!w.clickable || w.disabled || D.value || T("select");
|
|
52
|
+
}
|
|
53
|
+
function M(e) {
|
|
54
|
+
!w.clickable || w.disabled || D.value || e.key !== "Enter" && e.key !== " " || (e.preventDefault(), T("select"));
|
|
55
|
+
}
|
|
56
|
+
return (n, r) => (f(), i(m(k.value), d({ class: ["nb-card", {
|
|
57
|
+
"nb-card--interactive": O.value,
|
|
58
|
+
"nb-card--selected": e.selected,
|
|
59
|
+
"nb-card--disabled": e.disabled
|
|
60
|
+
}] }, {
|
|
61
|
+
...A.value,
|
|
62
|
+
...g(E)
|
|
63
|
+
}, {
|
|
64
|
+
onClick: j,
|
|
65
|
+
onKeydown: M
|
|
66
|
+
}), {
|
|
67
|
+
default: _(() => [
|
|
68
|
+
e.icon || n.$slots.icon ? (f(), o("div", v, [p(n.$slots, "icon", {}, () => [l(t, {
|
|
69
|
+
name: e.icon,
|
|
70
|
+
size: 20,
|
|
71
|
+
"aria-hidden": "true"
|
|
72
|
+
}, null, 8, ["name"])], !0)])) : a("", !0),
|
|
73
|
+
s("div", y, [s("span", b, [p(n.$slots, "title", {}, () => [c(h(e.title), 1)], !0)]), e.subtitle || n.$slots.subtitle ? (f(), o("span", x, [p(n.$slots, "subtitle", {}, () => [c(h(e.subtitle), 1)], !0)])) : a("", !0)]),
|
|
74
|
+
n.$slots.default ? (f(), o("div", S, [p(n.$slots, "default", {}, void 0, !0)])) : a("", !0),
|
|
75
|
+
n.$slots.footer ? (f(), o("div", C, [p(n.$slots, "footer", {}, void 0, !0)])) : a("", !0)
|
|
76
|
+
]),
|
|
77
|
+
_: 3
|
|
78
|
+
}, 16, ["class"]));
|
|
79
|
+
}
|
|
80
|
+
}), [["__scopeId", "data-v-1accde78"]]);
|
|
81
|
+
//#endregion
|
|
82
|
+
export { w as t };
|
|
@@ -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(`./Icon-C8R_r_In.cjs`),r=require(`./Button-
|
|
1
|
+
require(`./chunk-D-qHiVGv.cjs`);const e=require(`./composables/useReducedMotion.composable.cjs`),t=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),n=require(`./Icon-C8R_r_In.cjs`),r=require(`./Button-bQHEUhzc.cjs`),i=require(`./Message-VfpaGblO.cjs`),a=require(`./TextInput-DmCYZgG0.cjs`),o=require(`./Modal-Cm0afrVz.cjs`);let s=require(`vue`),ee=require(`@nubisco/ui/icons/check`),c=require(`@nubisco/ui/icons/warning`);var l={key:0,class:`nb-confirm__message`},u={key:0,class:`nb-confirm__subject-kind`},d={class:`nb-confirm__subject-name`},f={key:1,class:`nb-confirm__gate`},p={class:`nb-confirm__live`},m={key:0,class:`nb-confirm__status`,role:`status`},h={key:1,class:`nb-confirm__status nb-confirm__status--success`,role:`status`},g=(0,s.defineComponent)({__name:`Confirm`,props:{open:{type:Boolean,default:!1},title:{},message:{default:void 0},subject:{default:void 0},subjectLabel:{default:void 0},confirmLabel:{default:`Confirm`},cancelLabel:{default:`Cancel`},tone:{default:`danger`},typeToConfirm:{default:void 0},typeToConfirmLabel:{default:void 0},typeToConfirmHelper:{default:void 0},busy:{type:Boolean,default:!1},busyLabel:{default:`Working...`},succeeded:{type:Boolean,default:!1},successLabel:{default:void 0},error:{default:void 0},size:{default:`sm`},floatingSelectors:{default:()=>[]},contentClass:{default:void 0}},emits:[`confirm`,`cancel`],setup(t,{expose:g,emit:_}){let v=t,y=_,b=(0,s.useId)(),x=`nb-confirm-title-${b}`,S=`nb-confirm-body-${b}`,C=(0,s.useSlots)(),w=(0,s.ref)(null),T=(0,s.ref)(null),E=(0,s.ref)(null),D=(0,s.ref)(``),O=e.useReducedMotion(),k=(0,s.computed)(()=>v.busy||v.succeeded);function A(){return!!v.message||!!v.subject||!!C.default}let j=(0,s.computed)(()=>v.tone===`danger`?`danger`:`primary`),M=(0,s.computed)(()=>v.typeToConfirmLabel??`Type ${v.typeToConfirm} to confirm`),N=(0,s.computed)(()=>!v.typeToConfirm||D.value.trim()===v.typeToConfirm),P=(0,s.computed)(()=>N.value&&!k.value);function F(){P.value&&y(`confirm`)}function I(){let e=E.value?.$el;return e instanceof HTMLElement?e:null}function L(){return w.value?.closest(`[role="dialog"],[role="alertdialog"]`)??null}function te(){return typeof document>`u`?[]:Array.from(document.querySelectorAll(`[aria-modal="true"]`))}function R(){let e=L();if(!e)return!1;let t=te();return t.length===0||t[t.length-1]===e}let ne=[`a[href]:not([tabindex="-1"])`,`area[href]:not([tabindex="-1"])`,`button:not([disabled]):not([tabindex="-1"])`,`input:not([disabled]):not([type="hidden"]):not([tabindex="-1"])`,`select:not([disabled]):not([tabindex="-1"])`,`textarea:not([disabled]):not([tabindex="-1"])`,`summary:not([tabindex="-1"])`,`audio[controls]:not([tabindex="-1"])`,`video[controls]:not([tabindex="-1"])`,`iframe:not([tabindex="-1"])`,`[contenteditable]:not([contenteditable="false"]):not([tabindex="-1"])`,`[tabindex]:not([tabindex="-1"])`].map(e=>`${e}:not([hidden]):not([aria-hidden="true"])`).join(`,`);function re(){return o.i(v.floatingSelectors)}function z(e){return e instanceof Element?!!e.closest(re()):!1}function B(e){let t=L();return!!t&&!!e&&t.contains(e)}function V(){let e=L();return e?Array.from(e.querySelectorAll(ne)).filter(e=>e.getAttribute(`aria-disabled`)!==`true`):[]}function H(){let e=L();return e?(e.focus(),!0):!1}function U(){let e=V()[0];e?e.focus():H()}let W=null;function G(){let e=W;W=null,e?.isConnected&&e.focus()}function K(){o.r(L(),O.value)}(0,s.watch)(O,()=>{v.open&&K()}),(0,s.watch)(()=>[v.busy,v.error],async(e,t)=>{if(!v.open)return;let[n,r]=e,i=t?.[0]??!1;if(await(0,s.nextTick)(),n){V().length===0&&H();return}if(i&&r){let e=T.value;e?e.focus():U();return}let a=document.activeElement;!B(a)&&!z(a)&&U()}),(0,s.watch)(()=>v.open,async e=>{e?(W=document.activeElement instanceof HTMLElement?document.activeElement:null,D.value=``,await(0,s.nextTick)(),K(),I()?I()?.focus():H()):G()},{immediate:!0});function q(){k.value||y(`cancel`)}let J=!1,Y=!1;function X(e){let t=e.target;J=B(t)||z(t)}function Z(e){Y=B(e.target)}function ie(){let e=J&&!Y;J=!1,!e&&q()}function Q(e){if(!v.open||z(document.activeElement))return;if(e.key===`Escape`){if(!R())return;e.preventDefault(),e.stopPropagation(),e.stopImmediatePropagation(),q();return}if(e.key!==`Tab`||!R())return;let t=V();if(t.length===0){e.preventDefault(),B(document.activeElement)||H();return}let n=t[0],r=t[t.length-1],i=document.activeElement;e.shiftKey&&(i===n||!B(i))?(e.preventDefault(),r.focus()):!e.shiftKey&&i===r?(e.preventDefault(),n.focus()):B(i)||(e.preventDefault(),n.focus())}function $(e){if(!v.open)return;let t=e.relatedTarget;if(t instanceof Element){if(B(t)||z(t))return}else if(t!==null)return;requestAnimationFrame(()=>{if(!v.open)return;let e=document.activeElement;B(e)||z(e)||e&&e!==document.body&&!e.isConnected||R()&&U()})}return typeof document<`u`&&(document.addEventListener(`keydown`,Q,!0),document.addEventListener(`focusout`,$,!0),document.addEventListener(`mousedown`,X,!0),document.addEventListener(`touchstart`,X,!0),document.addEventListener(`click`,Z,!0)),(0,s.onMounted)(()=>{v.open&&(K(),I()?I()?.focus():H())}),(0,s.onUnmounted)(()=>{typeof document<`u`&&(document.removeEventListener(`keydown`,Q,!0),document.removeEventListener(`focusout`,$,!0),document.removeEventListener(`mousedown`,X,!0),document.removeEventListener(`touchstart`,X,!0),document.removeEventListener(`click`,Z,!0)),G()}),g({focusCancel:()=>I()?.focus(),restoreFocus:G,isTopmost:R}),(e,g)=>((0,s.openBlock)(),(0,s.createBlock)(o.t,{open:t.open,size:t.size,role:t.tone===`danger`?`alertdialog`:`dialog`,"labelled-by":x,"described-by":A()?S:void 0,busy:t.busy,"close-on-overlay":!k.value,"close-disabled":k.value,"close-on-escape":!1,"trap-focus":!1,onClose:ie},{header:(0,s.withCtx)(()=>[(0,s.createElementVNode)(`span`,{id:x,class:(0,s.normalizeClass)([`nb-confirm__heading`,`nb-confirm__heading--${t.tone}`])},[t.tone===`danger`?((0,s.openBlock)(),(0,s.createBlock)(n.t,{key:0,name:(0,s.unref)(c.regular),size:16,"aria-hidden":`true`},null,8,[`name`])):(0,s.createCommentVNode)(``,!0),(0,s.createElementVNode)(`span`,null,(0,s.toDisplayString)(t.title),1)],2)]),footer:(0,s.withCtx)(()=>[(0,s.createVNode)(r.t,{ref_key:`cancelRef`,ref:E,class:`nb-confirm__action nb-confirm__action--cancel`,variant:`ghost`,size:`lg`,disabled:k.value,"data-nb-confirm":`cancel`,onClick:q},{default:(0,s.withCtx)(()=>[(0,s.createTextVNode)((0,s.toDisplayString)(t.cancelLabel),1)]),_:1},8,[`disabled`]),(0,s.createVNode)(r.t,{class:`nb-confirm__action nb-confirm__action--confirm`,variant:j.value,size:`lg`,disabled:!P.value,loading:t.busy,"data-nb-confirm":`confirm`,onClick:F},{default:(0,s.withCtx)(()=>[(0,s.createTextVNode)((0,s.toDisplayString)(t.confirmLabel),1)]),_:1},8,[`variant`,`disabled`,`loading`])]),default:(0,s.withCtx)(()=>[(0,s.createElementVNode)(`div`,{ref_key:`rootRef`,ref:w,class:(0,s.normalizeClass)([`nb-confirm`,t.contentClass])},[A()?((0,s.openBlock)(),(0,s.createElementBlock)(`div`,{key:0,id:S,class:`nb-confirm__body`},[(0,s.renderSlot)(e.$slots,`default`,{},()=>[t.message?((0,s.openBlock)(),(0,s.createElementBlock)(`p`,l,(0,s.toDisplayString)(t.message),1)):(0,s.createCommentVNode)(``,!0)],!0),t.subject?((0,s.openBlock)(),(0,s.createElementBlock)(`p`,{key:0,class:(0,s.normalizeClass)([`nb-confirm__subject`,`nb-confirm__subject--${t.tone}`])},[t.subjectLabel?((0,s.openBlock)(),(0,s.createElementBlock)(`span`,u,(0,s.toDisplayString)(t.subjectLabel),1)):(0,s.createCommentVNode)(``,!0),(0,s.createElementVNode)(`span`,d,(0,s.toDisplayString)(t.subject),1)],2)):(0,s.createCommentVNode)(``,!0)])):(0,s.createCommentVNode)(``,!0),t.typeToConfirm?((0,s.openBlock)(),(0,s.createElementBlock)(`div`,f,[(0,s.createVNode)(a.t,{modelValue:D.value,"onUpdate:modelValue":g[0]||=e=>D.value=e,class:`nb-confirm__gate-field`,label:M.value,helper:t.typeToConfirmHelper,disabled:k.value,autocomplete:`off`,spellcheck:`false`,"data-nb-confirm":`gate`,onKeydown:g[1]||=(0,s.withKeys)((0,s.withModifiers)(()=>{},[`prevent`]),[`enter`])},null,8,[`modelValue`,`label`,`helper`,`disabled`])])):(0,s.createCommentVNode)(``,!0),(0,s.createElementVNode)(`div`,p,[t.busy?((0,s.openBlock)(),(0,s.createElementBlock)(`p`,m,(0,s.toDisplayString)(t.busyLabel),1)):(0,s.createCommentVNode)(``,!0),t.succeeded&&t.successLabel?((0,s.openBlock)(),(0,s.createElementBlock)(`p`,h,[(0,s.createVNode)(n.t,{name:(0,s.unref)(ee.regular),size:14,"aria-hidden":`true`},null,8,[`name`]),(0,s.createElementVNode)(`span`,null,(0,s.toDisplayString)(t.successLabel),1)])):(0,s.createCommentVNode)(``,!0),t.error?((0,s.openBlock)(),(0,s.createElementBlock)(`div`,{key:2,ref_key:`errorRef`,ref:T,class:`nb-confirm__error`,tabindex:`-1`},[(0,s.createVNode)(i.t,{variant:`error`},{default:(0,s.withCtx)(()=>[(0,s.createTextVNode)((0,s.toDisplayString)(t.error),1)]),_:1})],512)):(0,s.createCommentVNode)(``,!0)])],2)]),_:3},8,[`open`,`size`,`role`,`described-by`,`busy`,`close-on-overlay`,`close-disabled`]))}}),_=t.t(g,[[`__scopeId`,`data-v-683eafb1`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return _}});
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { useReducedMotion as e } from "./composables/useReducedMotion.composable.mjs";
|
|
2
2
|
import { t } from "./_plugin-vue_export-helper-O4QQSku4.js";
|
|
3
3
|
import { t as n } from "./Icon-rREAqsu0.js";
|
|
4
|
-
import { t as r } from "./Button-
|
|
4
|
+
import { t as r } from "./Button-BHlNXmBr.js";
|
|
5
5
|
import { t as i } from "./Message-Cecz48PA.js";
|
|
6
6
|
import { t as a } from "./TextInput-HwIhSOJD.js";
|
|
7
|
-
import { i as o, r as ee, t as te } from "./Modal-
|
|
7
|
+
import { i as o, r as ee, t as te } from "./Modal-Cy_ukbdF.js";
|
|
8
8
|
import { computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createTextVNode as f, createVNode as p, defineComponent as m, nextTick as h, normalizeClass as g, onMounted as ne, onUnmounted as re, openBlock as _, ref as v, renderSlot as ie, toDisplayString as y, unref as b, useId as ae, useSlots as oe, watch as x, withCtx as S, withKeys as se, withModifiers as ce } from "vue";
|
|
9
9
|
import { regular as le } from "@nubisco/ui/icons/check";
|
|
10
10
|
import { regular as ue } from "@nubisco/ui/icons/warning";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const e=require(`./chunk-D-qHiVGv.cjs`),t=require(`./Button-
|
|
1
|
+
const e=require(`./chunk-D-qHiVGv.cjs`),t=require(`./Button-bQHEUhzc.cjs`);let n=require(`vue`),r=require(`@nubisco/ui/icons/check`);r=e.n(r);let i=require(`@nubisco/ui/icons/copy`);i=e.n(i);var a={class:`nb-copy-button`},o={class:`nb-copy-button__status`,role:`status`},s=(0,n.defineComponent)({__name:`CopyButton`,props:{text:{},label:{default:`Copy`},copiedLabel:{default:`Copied`},size:{default:`xs`},duration:{default:1500}},emits:[`copied`,`error`],setup(e,{emit:s}){let c=e,l=s,u=(0,n.ref)(!1),d;async function f(e){if(navigator.clipboard?.writeText)try{await navigator.clipboard.writeText(e);return}catch{}let t=document.createElement(`textarea`);t.value=e,t.setAttribute(`readonly`,``),t.style.position=`fixed`,t.style.opacity=`0`,document.body.appendChild(t),t.select();let n=document.execCommand?.(`copy`)??!1;if(t.remove(),!n)throw Error(`The browser did not allow copying.`)}async function p(){try{await f(c.text)}catch(e){l(`error`,e);return}u.value=!0,l(`copied`,c.text),clearTimeout(d),d=setTimeout(()=>u.value=!1,c.duration)}return(0,n.onBeforeUnmount)(()=>clearTimeout(d)),(s,c)=>{let l=(0,n.resolveDirective)(`nb-tooltip`);return(0,n.openBlock)(),(0,n.createElementBlock)(`span`,a,[(0,n.withDirectives)((0,n.createVNode)(t.t,{"aria-label":u.value?e.copiedLabel:e.label,class:(0,n.normalizeClass)([`nb-copy-button__button`,{"nb-copy-button__button--copied":u.value}]),variant:`ghost`,size:e.size,icon:u.value?r:i,onClick:(0,n.withModifiers)(p,[`stop`,`prevent`]),onPointerdown:c[0]||=(0,n.withModifiers)(()=>{},[`stop`]),onMousedown:c[1]||=(0,n.withModifiers)(()=>{},[`stop`]),onDblclick:c[2]||=(0,n.withModifiers)(()=>{},[`stop`])},null,8,[`aria-label`,`class`,`size`,`icon`]),[[l,{body:u.value?e.copiedLabel:e.label,aria:`none`}]]),(0,n.createElementVNode)(`span`,o,(0,n.toDisplayString)(u.value?e.copiedLabel:``),1)])}}});Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return s}});
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { t as e } from "./Button-
|
|
1
|
+
import { t as e } from "./Button-BHlNXmBr.js";
|
|
2
2
|
import { createElementBlock as t, createElementVNode as n, createVNode as r, defineComponent as i, normalizeClass as a, onBeforeUnmount as o, openBlock as s, ref as c, resolveDirective as l, toDisplayString as u, withDirectives as d, withModifiers as f } from "vue";
|
|
3
3
|
import * as p from "@nubisco/ui/icons/check";
|
|
4
4
|
import * as m from "@nubisco/ui/icons/copy";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const e=require(`./chunk-D-qHiVGv.cjs`),t=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),n=require(`./Size.d-GBIblj2D.cjs`),r=require(`./Icon-C8R_r_In.cjs`),i=require(`./composables/useSurfaceLayer.composable.cjs`),a=require(`./composables/usePhoneLayout.composable.cjs`),o=require(`./Button-CbQyG-jg.cjs`),s=require(`./Grid-D8c0StGs.cjs`),c=require(`./Checkbox-B0VPSJBY.cjs`);let l=require(`vue`),u=require(`@nubisco/ui/icons/arrow-up`);u=e.n(u);let d=require(`@nubisco/ui/icons/caret-right`);d=e.n(d);let f=require(`@nubisco/ui/icons/arrows-down-up`);f=e.n(f);let p=require(`@nubisco/ui/icons/arrow-down`);p=e.n(p);var ee=[`inert`,`aria-hidden`],te={key:0},ne={key:0,class:`nb-data-table__title`},re={key:1,class:`nb-data-table__description`},ie=[`inert`,`aria-hidden`],ae={key:1,class:`nb-data-table__batch`,role:`region`,"aria-label":`Table batch actions`},oe={class:`nb-data-table__batch-count`},se={class:`nb-data-table__batch-actions`},ce={class:`nb-data-table__scroll`},le=[`role`,`aria-label`,`aria-busy`],ue={key:0,class:`nb-data-table__col-expand`},de={key:1,class:`nb-data-table__col-select`},m={key:2,class:`nb-data-table__col-actions`},fe=[`role`],pe=[`role`],me={key:0,scope:`col`,class:`nb-data-table__th nb-data-table__expand-cell`},he={key:1,scope:`col`,class:`nb-data-table__th nb-data-table__select-cell`},ge=[`aria-sort`],_e=[`onClick`],ve={class:`nb-data-table__th-label`},ye={key:1,class:`nb-data-table__th-label`},be={key:2,scope:`col`,class:`nb-data-table__th nb-data-table__actions-cell`},xe=[`role`],Se={key:0,class:`nb-data-table__td`},Ce={key:1,class:`nb-data-table__td`},we={key:2,class:`nb-data-table__td`},Te={key:1,class:`nb-data-table__state-row`},Ee=[`colspan`],De={key:2,class:`nb-data-table__state-row`},Oe=[`colspan`],ke=[`role`,`aria-selected`,`tabindex`,`onClick`,`onKeydown`,`onKeyup`],Ae=[`role`],je=[`aria-expanded`,`aria-controls`,`aria-label`,`onClick`],Me=[`checked`,`aria-label`,`onChange`],Ne=[`role`,`data-label`],Pe=[`role`],Fe=[`colspan`,`role`],Ie=[`id`,`aria-label`],Le={key:1,class:`nb-data-table__footer`},h=(0,l.defineComponent)({__name:`DataTable`,props:{columns:{},rows:{},rowKey:{},size:{default:n.r.Medium},sortState:{default:null},selectable:{default:`none`},selected:{default:()=>[]},loading:{type:Boolean,default:!1},skeletonRows:{default:5},error:{default:void 0},emptyMessage:{default:void 0},stickyHeader:{type:Boolean,default:!0},zebra:{type:Boolean,default:!1},fill:{type:Boolean,default:!1},title:{default:void 0},description:{default:void 0},ariaLabel:{default:void 0},stackOnPhone:{type:Boolean,default:!1},expanded:{default:()=>[]}},emits:[`sort`,`update:selected`,`row-click`,`update:expanded`],setup(e,{emit:t}){let n=e,{layerProps:h}=i.useSurfaceLayer(),g=t,_=(0,l.useSlots)(),Re=`nb-data-table-select-${(0,l.useId)()}`,ze=(0,l.computed)(()=>n.size),v=(0,l.computed)(()=>n.columns.filter(e=>!e.hidden)),y=(0,l.computed)(()=>n.selectable!==`none`),b=(0,l.computed)(()=>!!_[`row-actions`]),x=(0,l.computed)(()=>!!_[`row-detail`]),S=(0,l.computed)(()=>v.value.length+(x.value?1:0)+(y.value?1:0)+(b.value?1:0)),{phone:Be}=a.usePhoneLayout(),C=(0,l.computed)(()=>n.stackOnPhone&&Be.value),w=(0,l.computed)(()=>(v.value.find(e=>e.primary)??v.value.find(e=>!e.phoneHidden&&!e.phoneMeta))?.key);function Ve(e){return e.phoneHidden?`nb-data-table__td--phone-hidden`:e.key===w.value?`nb-data-table__td--primary`:e.phoneMeta?`nb-data-table__td--meta`:`nb-data-table__td--field`}let He=(0,l.computed)(()=>!n.loading&&!n.error&&n.rows.length>0&&(n.selectable===`multiple`||v.value.some(e=>e.sortable&&!e.phoneHidden)));function Ue(e){if(e.width!=null)return{width:typeof e.width==`number`?`${e.width}px`:e.width}}function T(e,t){return t[e.key]}function E(e){return e==null?``:String(e)}let D=e=>e.column.render?.(e.row,T(e.column,e.row),e.rowIndex)??null;D.props=[`column`,`row`,`rowIndex`];function O(e){let t=n.rowKey;return typeof t==`function`?t(e):e[t]}let k=(0,l.computed)(()=>new Set(n.selected)),A=(0,l.computed)(()=>n.selected),j=(0,l.computed)(()=>n.selected.length);function M(e){return k.value.has(O(e))}let N=(0,l.computed)(()=>n.rows.map(e=>O(e))),P=(0,l.computed)(()=>N.value.length>0&&N.value.every(e=>k.value.has(e))),We=(0,l.computed)(()=>!P.value&&N.value.some(e=>k.value.has(e))),F=(0,l.ref)(null),I=!1;function L(e){I=e.shiftKey}(0,l.watch)(N,()=>{F.value=null});function Ge(e,t){let r=O(e),i=new Set(n.selected),a=!i.has(r),o=F.value,s=e=>{a?i.add(e):i.delete(e)};if(I&&o!==null&&o!==t){let e=Math.min(o,t),r=Math.max(o,t);for(let t=e;t<=r;t++){let e=n.rows[t];e&&s(O(e))}}else s(r),F.value=t;I=!1,g(`update:selected`,[...i])}function Ke(e){g(`update:selected`,[O(e)])}function qe(){let e=new Set(n.selected);P.value?N.value.forEach(t=>e.delete(t)):N.value.forEach(t=>e.add(t)),g(`update:selected`,[...e])}function R(){g(`update:selected`,[])}let z=(0,l.computed)(()=>n.selectable!==`none`&&!!_[`batch-actions`]),B=(0,l.computed)(()=>z.value&&j.value>0),Je=`nb-data-table-detail-${(0,l.useId)()}`,Ye=(0,l.computed)(()=>new Set(n.expanded));function V(e){return x.value&&Ye.value.has(O(e))}function Xe(e){let t=O(e),r=n.expanded.filter(e=>e!==t);r.length===n.expanded.length&&r.push(t),g(`update:expanded`,r)}function H(e){return`${Je}-${e}`}function U(e,t){let n=v.value.find(e=>e.key===w.value);return`Details for ${(n?E(T(n,e)).trim():``)||`row ${t+1}`}`}let Ze=(0,l.computed)(()=>!!n.title||!!n.description||!!_.toolbar||!!_.search||!!_[`toolbar-actions`]),Qe=(0,l.computed)(()=>Ze.value||z.value),W=(0,l.ref)(null),G=(0,l.ref)(null),K=(0,l.ref)(null),q=(0,l.ref)(!1);function J(){let e=G.value,t=K.value;q.value=!!e&&!!t&&t.offsetTop>=e.offsetTop+e.offsetHeight-1}let Y=null;(0,l.watch)([W,G,K],e=>{if(Y?.disconnect(),J(),!(typeof ResizeObserver>`u`)){Y??=new ResizeObserver(J);for(let t of e)t&&Y.observe(t)}},{flush:`post`}),(0,l.onBeforeUnmount)(()=>{Y?.disconnect(),Y=null});function X(e){return!!n.sortState&&n.sortState.key===e.key&&n.sortState.direction!==`none`}function $e(e){return X(e)?n.sortState.direction===`asc`?`ascending`:`descending`:`none`}function et(e){return X(e)?n.sortState.direction===`asc`?u:p:f}function tt(e){return e===`asc`?`desc`:e===`desc`?`none`:`asc`}function nt(e){let t=n.sortState&&n.sortState.key===e.key?n.sortState.direction:`none`;g(`sort`,{key:e.key,direction:tt(t)})}let rt=(0,l.getCurrentInstance)(),Z=(0,l.computed)(()=>!!rt?.vnode.props?.onRowClick);function Q(e,t){g(`row-click`,e,t)}function $(e){return Z.value&&e.target===e.currentTarget&&!e.altKey&&!e.ctrlKey&&!e.metaKey}function it(e,t,n){$(e)&&(e.key===`Enter`?(e.preventDefault(),e.repeat||Q(t,n)):e.key===` `&&e.preventDefault())}function at(e,t,n){!$(e)||e.key!==` `||(e.preventDefault(),Q(t,n))}return(t,n)=>((0,l.openBlock)(),(0,l.createElementBlock)(`div`,(0,l.mergeProps)({class:[`nb-data-table`,`nb-data-table--${e.size}`,{"nb-data-table--zebra":e.zebra},{"nb-data-table--sticky":e.stickyHeader},{"nb-data-table--fill":e.fill},{"nb-data-table--stacked":C.value},{"nb-data-table--stacked-headless":C.value&&!He.value},{"nb-data-table--expandable":x.value}]},(0,l.unref)(h)),[Qe.value?((0,l.openBlock)(),(0,l.createElementBlock)(`div`,{key:0,ref_key:`toolbarRef`,ref:W,class:(0,l.normalizeClass)([`nb-data-table__toolbar`,{"nb-data-table__toolbar--wrapped":q.value}])},[(0,l.createElementVNode)(`div`,{ref_key:`toolbarHeadingRef`,ref:G,class:`nb-data-table__toolbar-heading`,inert:B.value||void 0,"aria-hidden":B.value||void 0},[(0,l.renderSlot)(t.$slots,`toolbar`,{selectedCount:j.value},()=>[e.title||e.description?((0,l.openBlock)(),(0,l.createElementBlock)(`div`,te,[e.title?((0,l.openBlock)(),(0,l.createElementBlock)(`h2`,ne,(0,l.toDisplayString)(e.title),1)):(0,l.createCommentVNode)(``,!0),e.description?((0,l.openBlock)(),(0,l.createElementBlock)(`p`,re,(0,l.toDisplayString)(e.description),1)):(0,l.createCommentVNode)(``,!0)])):(0,l.createCommentVNode)(``,!0)],!0)],8,ee),t.$slots.search||t.$slots[`toolbar-actions`]?((0,l.openBlock)(),(0,l.createElementBlock)(`div`,{key:0,ref_key:`toolbarToolsRef`,ref:K,class:(0,l.normalizeClass)([`nb-data-table__toolbar-tools`,{"nb-data-table__toolbar-tools--grow-search":q.value&&!!t.$slots.search}]),inert:B.value||void 0,"aria-hidden":B.value||void 0},[(0,l.renderSlot)(t.$slots,`search`,{},void 0,!0),(0,l.renderSlot)(t.$slots,`toolbar-actions`,{},void 0,!0)],10,ie)):(0,l.createCommentVNode)(``,!0),B.value?((0,l.openBlock)(),(0,l.createElementBlock)(`div`,ae,[(0,l.createElementVNode)(`span`,oe,(0,l.toDisplayString)(j.value)+` selected `,1),(0,l.createElementVNode)(`div`,se,[(0,l.renderSlot)(t.$slots,`batch-actions`,{selectedKeys:A.value,clear:R},void 0,!0)]),(0,l.createVNode)(o.t,{class:`nb-data-table__batch-cancel`,variant:`ghost`,size:ze.value,onClick:R},{default:(0,l.withCtx)(()=>[...n[3]||=[(0,l.createTextVNode)(` Cancel `,-1)]]),_:1},8,[`size`])])):(0,l.createCommentVNode)(``,!0)],2)):(0,l.createCommentVNode)(``,!0),(0,l.createElementVNode)(`div`,ce,[(0,l.createElementVNode)(`table`,{class:`nb-data-table__table`,role:C.value?`table`:void 0,"aria-label":e.ariaLabel||e.title||void 0,"aria-busy":e.loading||void 0},[(0,l.createElementVNode)(`colgroup`,null,[x.value?((0,l.openBlock)(),(0,l.createElementBlock)(`col`,ue)):(0,l.createCommentVNode)(``,!0),y.value?((0,l.openBlock)(),(0,l.createElementBlock)(`col`,de)):(0,l.createCommentVNode)(``,!0),((0,l.openBlock)(!0),(0,l.createElementBlock)(l.Fragment,null,(0,l.renderList)(v.value,e=>((0,l.openBlock)(),(0,l.createElementBlock)(`col`,{key:`col-${e.key}`,style:(0,l.normalizeStyle)(Ue(e))},null,4))),128)),b.value?((0,l.openBlock)(),(0,l.createElementBlock)(`col`,m)):(0,l.createCommentVNode)(``,!0)]),(0,l.createElementVNode)(`thead`,{class:`nb-data-table__head`,role:C.value?`rowgroup`:void 0},[(0,l.createElementVNode)(`tr`,{role:C.value?`row`:void 0},[x.value?((0,l.openBlock)(),(0,l.createElementBlock)(`th`,me,[...n[4]||=[(0,l.createElementVNode)(`span`,{class:`nb-sr-only`},`Row details`,-1)]])):(0,l.createCommentVNode)(``,!0),y.value?((0,l.openBlock)(),(0,l.createElementBlock)(`th`,he,[e.selectable===`multiple`?((0,l.openBlock)(),(0,l.createBlock)(c.t,{key:0,"model-value":P.value,indeterminate:We.value,"aria-label":`Select all rows`,"onUpdate:modelValue":qe},null,8,[`model-value`,`indeterminate`])):(0,l.createCommentVNode)(``,!0)])):(0,l.createCommentVNode)(``,!0),((0,l.openBlock)(!0),(0,l.createElementBlock)(l.Fragment,null,(0,l.renderList)(v.value,e=>((0,l.openBlock)(),(0,l.createElementBlock)(`th`,{key:`th-${e.key}`,scope:`col`,class:(0,l.normalizeClass)([`nb-data-table__th`,`nb-data-table__th--${e.align||`left`}`,{"nb-data-table__th--sortable":e.sortable},{"nb-data-table__th--sorted":X(e)},C.value&&e.phoneHidden&&`nb-data-table__th--phone-hidden`]),"aria-sort":e.sortable?$e(e):void 0},[e.sortable?((0,l.openBlock)(),(0,l.createElementBlock)(`button`,{key:0,type:`button`,class:`nb-data-table__sort`,onClick:t=>nt(e)},[(0,l.createElementVNode)(`span`,ve,[(0,l.renderSlot)(t.$slots,`header-${e.key}`,{column:e},()=>[(0,l.createTextVNode)((0,l.toDisplayString)(e.header),1)],!0)]),(0,l.createVNode)(r.t,{name:et(e),class:`nb-data-table__sort-icon`,"aria-hidden":`true`},null,8,[`name`])],8,_e)):((0,l.openBlock)(),(0,l.createElementBlock)(`span`,ye,[(0,l.renderSlot)(t.$slots,`header-${e.key}`,{column:e},()=>[(0,l.createTextVNode)((0,l.toDisplayString)(e.header),1)],!0)]))],10,ge))),128)),b.value?((0,l.openBlock)(),(0,l.createElementBlock)(`th`,be,[...n[5]||=[(0,l.createElementVNode)(`span`,{class:`nb-sr-only`},`Row actions`,-1)]])):(0,l.createCommentVNode)(``,!0)],8,pe)],8,fe),(0,l.createElementVNode)(`tbody`,{class:`nb-data-table__body`,role:C.value?`rowgroup`:void 0},[e.loading?((0,l.openBlock)(!0),(0,l.createElementBlock)(l.Fragment,{key:0},(0,l.renderList)(e.skeletonRows,e=>((0,l.openBlock)(),(0,l.createElementBlock)(`tr`,{key:`skeleton-${e}`,class:`nb-data-table__row nb-data-table__row--skeleton`},[x.value?((0,l.openBlock)(),(0,l.createElementBlock)(`td`,Se)):(0,l.createCommentVNode)(``,!0),y.value?((0,l.openBlock)(),(0,l.createElementBlock)(`td`,Ce,[...n[6]||=[(0,l.createElementVNode)(`span`,{class:`nb-data-table__skeleton nb-data-table__skeleton--box`},null,-1)]])):(0,l.createCommentVNode)(``,!0),((0,l.openBlock)(!0),(0,l.createElementBlock)(l.Fragment,null,(0,l.renderList)(v.value,t=>((0,l.openBlock)(),(0,l.createElementBlock)(`td`,{key:`sk-${e}-${t.key}`,class:`nb-data-table__td`},[...n[7]||=[(0,l.createElementVNode)(`span`,{class:`nb-data-table__skeleton`},null,-1)]]))),128)),b.value?((0,l.openBlock)(),(0,l.createElementBlock)(`td`,we,[...n[8]||=[(0,l.createElementVNode)(`span`,{class:`nb-data-table__skeleton nb-data-table__skeleton--box`},null,-1)]])):(0,l.createCommentVNode)(``,!0)]))),128)):e.error?((0,l.openBlock)(),(0,l.createElementBlock)(`tr`,Te,[(0,l.createElementVNode)(`td`,{colspan:S.value,class:`nb-data-table__state nb-data-table__state--error`},[(0,l.renderSlot)(t.$slots,`error`,{error:e.error},()=>[(0,l.createVNode)(s.t,{is:`span`,align:`center`,justify:`center`,gap:`xs`,class:`nb-data-table__state-inner`},{default:(0,l.withCtx)(()=>[(0,l.createVNode)(r.t,{name:`warning-circle-fill`,"aria-hidden":`true`}),(0,l.createElementVNode)(`span`,null,(0,l.toDisplayString)(e.error),1)]),_:1})],!0)],8,Ee)])):e.rows.length?((0,l.openBlock)(!0),(0,l.createElementBlock)(l.Fragment,{key:3},(0,l.renderList)(e.rows,(i,a)=>((0,l.openBlock)(),(0,l.createElementBlock)(l.Fragment,{key:O(i)},[(0,l.createElementVNode)(`tr`,{class:(0,l.normalizeClass)([`nb-data-table__row`,{"nb-data-table__row--selected":M(i)},{"nb-data-table__row--clickable":Z.value},x.value&&{"nb-data-table__row--expanded":V(i),"nb-data-table__row--even":a%2==1}]),role:C.value?`row`:void 0,"aria-selected":e.selectable===`none`?void 0:M(i),tabindex:Z.value?0:void 0,onClick:e=>Q(i,a),onKeydown:e=>it(e,i,a),onKeyup:e=>at(e,i,a)},[x.value?((0,l.openBlock)(),(0,l.createElementBlock)(`td`,{key:0,class:`nb-data-table__td nb-data-table__expand-cell`,role:C.value?`cell`:void 0,onClick:n[0]||=(0,l.withModifiers)(()=>{},[`stop`])},[(0,l.createElementVNode)(`button`,{type:`button`,class:`nb-data-table__expand`,"aria-expanded":V(i),"aria-controls":V(i)?H(a):void 0,"aria-label":U(i,a),onClick:e=>Xe(i)},[(0,l.createVNode)(r.t,{name:d,class:`nb-data-table__expand-icon`,"aria-hidden":`true`})],8,je)],8,Ae)):(0,l.createCommentVNode)(``,!0),y.value?((0,l.openBlock)(),(0,l.createElementBlock)(`td`,{key:1,class:`nb-data-table__td nb-data-table__select-cell`,onClick:n[1]||=(0,l.withModifiers)(()=>{},[`stop`]),onMousedown:L,onKeydown:L},[e.selectable===`multiple`?((0,l.openBlock)(),(0,l.createBlock)(c.t,{key:0,"model-value":M(i),"aria-label":`Select row ${a+1}`,"onUpdate:modelValue":e=>Ge(i,a)},null,8,[`model-value`,`aria-label`,`onUpdate:modelValue`])):((0,l.openBlock)(),(0,l.createElementBlock)(`input`,{key:1,type:`radio`,class:`nb-data-table__radio`,name:Re,checked:M(i),"aria-label":`Select row ${a+1}`,onChange:e=>Ke(i)},null,40,Me))],32)):(0,l.createCommentVNode)(``,!0),((0,l.openBlock)(!0),(0,l.createElementBlock)(l.Fragment,null,(0,l.renderList)(v.value,n=>((0,l.openBlock)(),(0,l.createElementBlock)(`td`,{key:`td-${O(i)}-${n.key}`,class:(0,l.normalizeClass)([`nb-data-table__td`,`nb-data-table__td--${n.align||`left`}`,n.cellClass,C.value&&Ve(n)]),role:C.value?`cell`:void 0,"data-label":e.stackOnPhone?n.header:void 0},[(0,l.renderSlot)(t.$slots,`cell-${n.key}`,{row:i,value:T(n,i),column:n,rowIndex:a},()=>[n.render?((0,l.openBlock)(),(0,l.createBlock)(D,{key:0,column:n,row:i,"row-index":a},null,8,[`column`,`row`,`row-index`])):((0,l.openBlock)(),(0,l.createElementBlock)(l.Fragment,{key:1},[(0,l.createTextVNode)((0,l.toDisplayString)(E(T(n,i))),1)],64))],!0)],10,Ne))),128)),b.value?((0,l.openBlock)(),(0,l.createElementBlock)(`td`,{key:2,class:`nb-data-table__td nb-data-table__actions-cell`,onClick:n[2]||=(0,l.withModifiers)(()=>{},[`stop`])},[(0,l.renderSlot)(t.$slots,`row-actions`,{row:i,rowIndex:a},void 0,!0)])):(0,l.createCommentVNode)(``,!0)],42,ke),V(i)?((0,l.openBlock)(),(0,l.createElementBlock)(`tr`,{key:0,class:`nb-data-table__detail-row`,role:C.value?`row`:void 0},[(0,l.createElementVNode)(`td`,{colspan:S.value,class:`nb-data-table__detail-cell`,role:C.value?`cell`:void 0},[(0,l.createElementVNode)(`div`,{id:H(a),class:`nb-data-table__detail`,role:`region`,"aria-label":U(i,a)},[(0,l.renderSlot)(t.$slots,`row-detail`,{row:i,rowIndex:a},void 0,!0)],8,Ie)],8,Fe)],8,Pe)):(0,l.createCommentVNode)(``,!0)],64))),128)):((0,l.openBlock)(),(0,l.createElementBlock)(`tr`,De,[(0,l.createElementVNode)(`td`,{colspan:S.value,class:`nb-data-table__state nb-data-table__state--empty`},[(0,l.renderSlot)(t.$slots,`empty`,{},()=>[(0,l.createElementVNode)(`span`,null,(0,l.toDisplayString)(e.emptyMessage||`No data to display`),1)],!0)],8,Oe)]))],8,xe)],8,le)]),t.$slots.footer?((0,l.openBlock)(),(0,l.createElementBlock)(`div`,Le,[(0,l.renderSlot)(t.$slots,`footer`,{},void 0,!0)])):(0,l.createCommentVNode)(``,!0)],16))}}),g=t.t(h,[[`__scopeId`,`data-v-129b9c3a`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return g}});
|
|
1
|
+
const e=require(`./chunk-D-qHiVGv.cjs`),t=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),n=require(`./Size.d-GBIblj2D.cjs`),r=require(`./Icon-C8R_r_In.cjs`),i=require(`./composables/useSurfaceLayer.composable.cjs`),a=require(`./composables/usePhoneLayout.composable.cjs`),o=require(`./Button-bQHEUhzc.cjs`),s=require(`./Grid-D8c0StGs.cjs`),c=require(`./Checkbox-B0VPSJBY.cjs`);let l=require(`vue`),u=require(`@nubisco/ui/icons/arrow-up`);u=e.n(u);let d=require(`@nubisco/ui/icons/caret-right`);d=e.n(d);let f=require(`@nubisco/ui/icons/arrows-down-up`);f=e.n(f);let p=require(`@nubisco/ui/icons/arrow-down`);p=e.n(p);var ee=[`inert`,`aria-hidden`],te={key:0},ne={key:0,class:`nb-data-table__title`},re={key:1,class:`nb-data-table__description`},ie=[`inert`,`aria-hidden`],ae={key:1,class:`nb-data-table__batch`,role:`region`,"aria-label":`Table batch actions`},oe={class:`nb-data-table__batch-count`},se={class:`nb-data-table__batch-actions`},ce={class:`nb-data-table__scroll`},le=[`role`,`aria-label`,`aria-busy`],ue={key:0,class:`nb-data-table__col-expand`},de={key:1,class:`nb-data-table__col-select`},m={key:2,class:`nb-data-table__col-actions`},fe=[`role`],pe=[`role`],me={key:0,scope:`col`,class:`nb-data-table__th nb-data-table__expand-cell`},he={key:1,scope:`col`,class:`nb-data-table__th nb-data-table__select-cell`},ge=[`aria-sort`],_e=[`onClick`],ve={class:`nb-data-table__th-label`},ye={key:1,class:`nb-data-table__th-label`},be={key:2,scope:`col`,class:`nb-data-table__th nb-data-table__actions-cell`},xe=[`role`],Se={key:0,class:`nb-data-table__td`},Ce={key:1,class:`nb-data-table__td`},we={key:2,class:`nb-data-table__td`},Te={key:1,class:`nb-data-table__state-row`},Ee=[`colspan`],De={key:2,class:`nb-data-table__state-row`},Oe=[`colspan`],ke=[`role`,`aria-selected`,`tabindex`,`onClick`,`onKeydown`,`onKeyup`],Ae=[`role`],je=[`aria-expanded`,`aria-controls`,`aria-label`,`onClick`],Me=[`checked`,`aria-label`,`onChange`],Ne=[`role`,`data-label`],Pe=[`role`],Fe=[`colspan`,`role`],Ie=[`id`,`aria-label`],Le={key:1,class:`nb-data-table__footer`},h=(0,l.defineComponent)({__name:`DataTable`,props:{columns:{},rows:{},rowKey:{},size:{default:n.r.Medium},sortState:{default:null},selectable:{default:`none`},selected:{default:()=>[]},loading:{type:Boolean,default:!1},skeletonRows:{default:5},error:{default:void 0},emptyMessage:{default:void 0},stickyHeader:{type:Boolean,default:!0},zebra:{type:Boolean,default:!1},fill:{type:Boolean,default:!1},title:{default:void 0},description:{default:void 0},ariaLabel:{default:void 0},stackOnPhone:{type:Boolean,default:!1},expanded:{default:()=>[]}},emits:[`sort`,`update:selected`,`row-click`,`update:expanded`],setup(e,{emit:t}){let n=e,{layerProps:h}=i.useSurfaceLayer(),g=t,_=(0,l.useSlots)(),Re=`nb-data-table-select-${(0,l.useId)()}`,ze=(0,l.computed)(()=>n.size),v=(0,l.computed)(()=>n.columns.filter(e=>!e.hidden)),y=(0,l.computed)(()=>n.selectable!==`none`),b=(0,l.computed)(()=>!!_[`row-actions`]),x=(0,l.computed)(()=>!!_[`row-detail`]),S=(0,l.computed)(()=>v.value.length+(x.value?1:0)+(y.value?1:0)+(b.value?1:0)),{phone:Be}=a.usePhoneLayout(),C=(0,l.computed)(()=>n.stackOnPhone&&Be.value),w=(0,l.computed)(()=>(v.value.find(e=>e.primary)??v.value.find(e=>!e.phoneHidden&&!e.phoneMeta))?.key);function Ve(e){return e.phoneHidden?`nb-data-table__td--phone-hidden`:e.key===w.value?`nb-data-table__td--primary`:e.phoneMeta?`nb-data-table__td--meta`:`nb-data-table__td--field`}let He=(0,l.computed)(()=>!n.loading&&!n.error&&n.rows.length>0&&(n.selectable===`multiple`||v.value.some(e=>e.sortable&&!e.phoneHidden)));function Ue(e){if(e.width!=null)return{width:typeof e.width==`number`?`${e.width}px`:e.width}}function T(e,t){return t[e.key]}function E(e){return e==null?``:String(e)}let D=e=>e.column.render?.(e.row,T(e.column,e.row),e.rowIndex)??null;D.props=[`column`,`row`,`rowIndex`];function O(e){let t=n.rowKey;return typeof t==`function`?t(e):e[t]}let k=(0,l.computed)(()=>new Set(n.selected)),A=(0,l.computed)(()=>n.selected),j=(0,l.computed)(()=>n.selected.length);function M(e){return k.value.has(O(e))}let N=(0,l.computed)(()=>n.rows.map(e=>O(e))),P=(0,l.computed)(()=>N.value.length>0&&N.value.every(e=>k.value.has(e))),We=(0,l.computed)(()=>!P.value&&N.value.some(e=>k.value.has(e))),F=(0,l.ref)(null),I=!1;function L(e){I=e.shiftKey}(0,l.watch)(N,()=>{F.value=null});function Ge(e,t){let r=O(e),i=new Set(n.selected),a=!i.has(r),o=F.value,s=e=>{a?i.add(e):i.delete(e)};if(I&&o!==null&&o!==t){let e=Math.min(o,t),r=Math.max(o,t);for(let t=e;t<=r;t++){let e=n.rows[t];e&&s(O(e))}}else s(r),F.value=t;I=!1,g(`update:selected`,[...i])}function Ke(e){g(`update:selected`,[O(e)])}function qe(){let e=new Set(n.selected);P.value?N.value.forEach(t=>e.delete(t)):N.value.forEach(t=>e.add(t)),g(`update:selected`,[...e])}function R(){g(`update:selected`,[])}let z=(0,l.computed)(()=>n.selectable!==`none`&&!!_[`batch-actions`]),B=(0,l.computed)(()=>z.value&&j.value>0),Je=`nb-data-table-detail-${(0,l.useId)()}`,Ye=(0,l.computed)(()=>new Set(n.expanded));function V(e){return x.value&&Ye.value.has(O(e))}function Xe(e){let t=O(e),r=n.expanded.filter(e=>e!==t);r.length===n.expanded.length&&r.push(t),g(`update:expanded`,r)}function H(e){return`${Je}-${e}`}function U(e,t){let n=v.value.find(e=>e.key===w.value);return`Details for ${(n?E(T(n,e)).trim():``)||`row ${t+1}`}`}let Ze=(0,l.computed)(()=>!!n.title||!!n.description||!!_.toolbar||!!_.search||!!_[`toolbar-actions`]),Qe=(0,l.computed)(()=>Ze.value||z.value),W=(0,l.ref)(null),G=(0,l.ref)(null),K=(0,l.ref)(null),q=(0,l.ref)(!1);function J(){let e=G.value,t=K.value;q.value=!!e&&!!t&&t.offsetTop>=e.offsetTop+e.offsetHeight-1}let Y=null;(0,l.watch)([W,G,K],e=>{if(Y?.disconnect(),J(),!(typeof ResizeObserver>`u`)){Y??=new ResizeObserver(J);for(let t of e)t&&Y.observe(t)}},{flush:`post`}),(0,l.onBeforeUnmount)(()=>{Y?.disconnect(),Y=null});function X(e){return!!n.sortState&&n.sortState.key===e.key&&n.sortState.direction!==`none`}function $e(e){return X(e)?n.sortState.direction===`asc`?`ascending`:`descending`:`none`}function et(e){return X(e)?n.sortState.direction===`asc`?u:p:f}function tt(e){return e===`asc`?`desc`:e===`desc`?`none`:`asc`}function nt(e){let t=n.sortState&&n.sortState.key===e.key?n.sortState.direction:`none`;g(`sort`,{key:e.key,direction:tt(t)})}let rt=(0,l.getCurrentInstance)(),Z=(0,l.computed)(()=>!!rt?.vnode.props?.onRowClick);function Q(e,t){g(`row-click`,e,t)}function $(e){return Z.value&&e.target===e.currentTarget&&!e.altKey&&!e.ctrlKey&&!e.metaKey}function it(e,t,n){$(e)&&(e.key===`Enter`?(e.preventDefault(),e.repeat||Q(t,n)):e.key===` `&&e.preventDefault())}function at(e,t,n){!$(e)||e.key!==` `||(e.preventDefault(),Q(t,n))}return(t,n)=>((0,l.openBlock)(),(0,l.createElementBlock)(`div`,(0,l.mergeProps)({class:[`nb-data-table`,`nb-data-table--${e.size}`,{"nb-data-table--zebra":e.zebra},{"nb-data-table--sticky":e.stickyHeader},{"nb-data-table--fill":e.fill},{"nb-data-table--stacked":C.value},{"nb-data-table--stacked-headless":C.value&&!He.value},{"nb-data-table--expandable":x.value}]},(0,l.unref)(h)),[Qe.value?((0,l.openBlock)(),(0,l.createElementBlock)(`div`,{key:0,ref_key:`toolbarRef`,ref:W,class:(0,l.normalizeClass)([`nb-data-table__toolbar`,{"nb-data-table__toolbar--wrapped":q.value}])},[(0,l.createElementVNode)(`div`,{ref_key:`toolbarHeadingRef`,ref:G,class:`nb-data-table__toolbar-heading`,inert:B.value||void 0,"aria-hidden":B.value||void 0},[(0,l.renderSlot)(t.$slots,`toolbar`,{selectedCount:j.value},()=>[e.title||e.description?((0,l.openBlock)(),(0,l.createElementBlock)(`div`,te,[e.title?((0,l.openBlock)(),(0,l.createElementBlock)(`h2`,ne,(0,l.toDisplayString)(e.title),1)):(0,l.createCommentVNode)(``,!0),e.description?((0,l.openBlock)(),(0,l.createElementBlock)(`p`,re,(0,l.toDisplayString)(e.description),1)):(0,l.createCommentVNode)(``,!0)])):(0,l.createCommentVNode)(``,!0)],!0)],8,ee),t.$slots.search||t.$slots[`toolbar-actions`]?((0,l.openBlock)(),(0,l.createElementBlock)(`div`,{key:0,ref_key:`toolbarToolsRef`,ref:K,class:(0,l.normalizeClass)([`nb-data-table__toolbar-tools`,{"nb-data-table__toolbar-tools--grow-search":q.value&&!!t.$slots.search}]),inert:B.value||void 0,"aria-hidden":B.value||void 0},[(0,l.renderSlot)(t.$slots,`search`,{},void 0,!0),(0,l.renderSlot)(t.$slots,`toolbar-actions`,{},void 0,!0)],10,ie)):(0,l.createCommentVNode)(``,!0),B.value?((0,l.openBlock)(),(0,l.createElementBlock)(`div`,ae,[(0,l.createElementVNode)(`span`,oe,(0,l.toDisplayString)(j.value)+` selected `,1),(0,l.createElementVNode)(`div`,se,[(0,l.renderSlot)(t.$slots,`batch-actions`,{selectedKeys:A.value,clear:R},void 0,!0)]),(0,l.createVNode)(o.t,{class:`nb-data-table__batch-cancel`,variant:`ghost`,size:ze.value,onClick:R},{default:(0,l.withCtx)(()=>[...n[3]||=[(0,l.createTextVNode)(` Cancel `,-1)]]),_:1},8,[`size`])])):(0,l.createCommentVNode)(``,!0)],2)):(0,l.createCommentVNode)(``,!0),(0,l.createElementVNode)(`div`,ce,[(0,l.createElementVNode)(`table`,{class:`nb-data-table__table`,role:C.value?`table`:void 0,"aria-label":e.ariaLabel||e.title||void 0,"aria-busy":e.loading||void 0},[(0,l.createElementVNode)(`colgroup`,null,[x.value?((0,l.openBlock)(),(0,l.createElementBlock)(`col`,ue)):(0,l.createCommentVNode)(``,!0),y.value?((0,l.openBlock)(),(0,l.createElementBlock)(`col`,de)):(0,l.createCommentVNode)(``,!0),((0,l.openBlock)(!0),(0,l.createElementBlock)(l.Fragment,null,(0,l.renderList)(v.value,e=>((0,l.openBlock)(),(0,l.createElementBlock)(`col`,{key:`col-${e.key}`,style:(0,l.normalizeStyle)(Ue(e))},null,4))),128)),b.value?((0,l.openBlock)(),(0,l.createElementBlock)(`col`,m)):(0,l.createCommentVNode)(``,!0)]),(0,l.createElementVNode)(`thead`,{class:`nb-data-table__head`,role:C.value?`rowgroup`:void 0},[(0,l.createElementVNode)(`tr`,{role:C.value?`row`:void 0},[x.value?((0,l.openBlock)(),(0,l.createElementBlock)(`th`,me,[...n[4]||=[(0,l.createElementVNode)(`span`,{class:`nb-sr-only`},`Row details`,-1)]])):(0,l.createCommentVNode)(``,!0),y.value?((0,l.openBlock)(),(0,l.createElementBlock)(`th`,he,[e.selectable===`multiple`?((0,l.openBlock)(),(0,l.createBlock)(c.t,{key:0,"model-value":P.value,indeterminate:We.value,"aria-label":`Select all rows`,"onUpdate:modelValue":qe},null,8,[`model-value`,`indeterminate`])):(0,l.createCommentVNode)(``,!0)])):(0,l.createCommentVNode)(``,!0),((0,l.openBlock)(!0),(0,l.createElementBlock)(l.Fragment,null,(0,l.renderList)(v.value,e=>((0,l.openBlock)(),(0,l.createElementBlock)(`th`,{key:`th-${e.key}`,scope:`col`,class:(0,l.normalizeClass)([`nb-data-table__th`,`nb-data-table__th--${e.align||`left`}`,{"nb-data-table__th--sortable":e.sortable},{"nb-data-table__th--sorted":X(e)},C.value&&e.phoneHidden&&`nb-data-table__th--phone-hidden`]),"aria-sort":e.sortable?$e(e):void 0},[e.sortable?((0,l.openBlock)(),(0,l.createElementBlock)(`button`,{key:0,type:`button`,class:`nb-data-table__sort`,onClick:t=>nt(e)},[(0,l.createElementVNode)(`span`,ve,[(0,l.renderSlot)(t.$slots,`header-${e.key}`,{column:e},()=>[(0,l.createTextVNode)((0,l.toDisplayString)(e.header),1)],!0)]),(0,l.createVNode)(r.t,{name:et(e),class:`nb-data-table__sort-icon`,"aria-hidden":`true`},null,8,[`name`])],8,_e)):((0,l.openBlock)(),(0,l.createElementBlock)(`span`,ye,[(0,l.renderSlot)(t.$slots,`header-${e.key}`,{column:e},()=>[(0,l.createTextVNode)((0,l.toDisplayString)(e.header),1)],!0)]))],10,ge))),128)),b.value?((0,l.openBlock)(),(0,l.createElementBlock)(`th`,be,[...n[5]||=[(0,l.createElementVNode)(`span`,{class:`nb-sr-only`},`Row actions`,-1)]])):(0,l.createCommentVNode)(``,!0)],8,pe)],8,fe),(0,l.createElementVNode)(`tbody`,{class:`nb-data-table__body`,role:C.value?`rowgroup`:void 0},[e.loading?((0,l.openBlock)(!0),(0,l.createElementBlock)(l.Fragment,{key:0},(0,l.renderList)(e.skeletonRows,e=>((0,l.openBlock)(),(0,l.createElementBlock)(`tr`,{key:`skeleton-${e}`,class:`nb-data-table__row nb-data-table__row--skeleton`},[x.value?((0,l.openBlock)(),(0,l.createElementBlock)(`td`,Se)):(0,l.createCommentVNode)(``,!0),y.value?((0,l.openBlock)(),(0,l.createElementBlock)(`td`,Ce,[...n[6]||=[(0,l.createElementVNode)(`span`,{class:`nb-data-table__skeleton nb-data-table__skeleton--box`},null,-1)]])):(0,l.createCommentVNode)(``,!0),((0,l.openBlock)(!0),(0,l.createElementBlock)(l.Fragment,null,(0,l.renderList)(v.value,t=>((0,l.openBlock)(),(0,l.createElementBlock)(`td`,{key:`sk-${e}-${t.key}`,class:`nb-data-table__td`},[...n[7]||=[(0,l.createElementVNode)(`span`,{class:`nb-data-table__skeleton`},null,-1)]]))),128)),b.value?((0,l.openBlock)(),(0,l.createElementBlock)(`td`,we,[...n[8]||=[(0,l.createElementVNode)(`span`,{class:`nb-data-table__skeleton nb-data-table__skeleton--box`},null,-1)]])):(0,l.createCommentVNode)(``,!0)]))),128)):e.error?((0,l.openBlock)(),(0,l.createElementBlock)(`tr`,Te,[(0,l.createElementVNode)(`td`,{colspan:S.value,class:`nb-data-table__state nb-data-table__state--error`},[(0,l.renderSlot)(t.$slots,`error`,{error:e.error},()=>[(0,l.createVNode)(s.t,{is:`span`,align:`center`,justify:`center`,gap:`xs`,class:`nb-data-table__state-inner`},{default:(0,l.withCtx)(()=>[(0,l.createVNode)(r.t,{name:`warning-circle-fill`,"aria-hidden":`true`}),(0,l.createElementVNode)(`span`,null,(0,l.toDisplayString)(e.error),1)]),_:1})],!0)],8,Ee)])):e.rows.length?((0,l.openBlock)(!0),(0,l.createElementBlock)(l.Fragment,{key:3},(0,l.renderList)(e.rows,(i,a)=>((0,l.openBlock)(),(0,l.createElementBlock)(l.Fragment,{key:O(i)},[(0,l.createElementVNode)(`tr`,{class:(0,l.normalizeClass)([`nb-data-table__row`,{"nb-data-table__row--selected":M(i)},{"nb-data-table__row--clickable":Z.value},x.value&&{"nb-data-table__row--expanded":V(i),"nb-data-table__row--even":a%2==1}]),role:C.value?`row`:void 0,"aria-selected":e.selectable===`none`?void 0:M(i),tabindex:Z.value?0:void 0,onClick:e=>Q(i,a),onKeydown:e=>it(e,i,a),onKeyup:e=>at(e,i,a)},[x.value?((0,l.openBlock)(),(0,l.createElementBlock)(`td`,{key:0,class:`nb-data-table__td nb-data-table__expand-cell`,role:C.value?`cell`:void 0,onClick:n[0]||=(0,l.withModifiers)(()=>{},[`stop`])},[(0,l.createElementVNode)(`button`,{type:`button`,class:`nb-data-table__expand`,"aria-expanded":V(i),"aria-controls":V(i)?H(a):void 0,"aria-label":U(i,a),onClick:e=>Xe(i)},[(0,l.createVNode)(r.t,{name:d,class:`nb-data-table__expand-icon`,"aria-hidden":`true`})],8,je)],8,Ae)):(0,l.createCommentVNode)(``,!0),y.value?((0,l.openBlock)(),(0,l.createElementBlock)(`td`,{key:1,class:`nb-data-table__td nb-data-table__select-cell`,onClick:n[1]||=(0,l.withModifiers)(()=>{},[`stop`]),onMousedown:L,onKeydown:L},[e.selectable===`multiple`?((0,l.openBlock)(),(0,l.createBlock)(c.t,{key:0,"model-value":M(i),"aria-label":`Select row ${a+1}`,"onUpdate:modelValue":e=>Ge(i,a)},null,8,[`model-value`,`aria-label`,`onUpdate:modelValue`])):((0,l.openBlock)(),(0,l.createElementBlock)(`input`,{key:1,type:`radio`,class:`nb-data-table__radio`,name:Re,checked:M(i),"aria-label":`Select row ${a+1}`,onChange:e=>Ke(i)},null,40,Me))],32)):(0,l.createCommentVNode)(``,!0),((0,l.openBlock)(!0),(0,l.createElementBlock)(l.Fragment,null,(0,l.renderList)(v.value,n=>((0,l.openBlock)(),(0,l.createElementBlock)(`td`,{key:`td-${O(i)}-${n.key}`,class:(0,l.normalizeClass)([`nb-data-table__td`,`nb-data-table__td--${n.align||`left`}`,n.cellClass,C.value&&Ve(n)]),role:C.value?`cell`:void 0,"data-label":e.stackOnPhone?n.header:void 0},[(0,l.renderSlot)(t.$slots,`cell-${n.key}`,{row:i,value:T(n,i),column:n,rowIndex:a},()=>[n.render?((0,l.openBlock)(),(0,l.createBlock)(D,{key:0,column:n,row:i,"row-index":a},null,8,[`column`,`row`,`row-index`])):((0,l.openBlock)(),(0,l.createElementBlock)(l.Fragment,{key:1},[(0,l.createTextVNode)((0,l.toDisplayString)(E(T(n,i))),1)],64))],!0)],10,Ne))),128)),b.value?((0,l.openBlock)(),(0,l.createElementBlock)(`td`,{key:2,class:`nb-data-table__td nb-data-table__actions-cell`,onClick:n[2]||=(0,l.withModifiers)(()=>{},[`stop`])},[(0,l.renderSlot)(t.$slots,`row-actions`,{row:i,rowIndex:a},void 0,!0)])):(0,l.createCommentVNode)(``,!0)],42,ke),V(i)?((0,l.openBlock)(),(0,l.createElementBlock)(`tr`,{key:0,class:`nb-data-table__detail-row`,role:C.value?`row`:void 0},[(0,l.createElementVNode)(`td`,{colspan:S.value,class:`nb-data-table__detail-cell`,role:C.value?`cell`:void 0},[(0,l.createElementVNode)(`div`,{id:H(a),class:`nb-data-table__detail`,role:`region`,"aria-label":U(i,a)},[(0,l.renderSlot)(t.$slots,`row-detail`,{row:i,rowIndex:a},void 0,!0)],8,Ie)],8,Fe)],8,Pe)):(0,l.createCommentVNode)(``,!0)],64))),128)):((0,l.openBlock)(),(0,l.createElementBlock)(`tr`,De,[(0,l.createElementVNode)(`td`,{colspan:S.value,class:`nb-data-table__state nb-data-table__state--empty`},[(0,l.renderSlot)(t.$slots,`empty`,{},()=>[(0,l.createElementVNode)(`span`,null,(0,l.toDisplayString)(e.emptyMessage||`No data to display`),1)],!0)],8,Oe)]))],8,xe)],8,le)]),t.$slots.footer?((0,l.openBlock)(),(0,l.createElementBlock)(`div`,Le,[(0,l.renderSlot)(t.$slots,`footer`,{},void 0,!0)])):(0,l.createCommentVNode)(``,!0)],16))}}),g=t.t(h,[[`__scopeId`,`data-v-129b9c3a`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return g}});
|
|
@@ -3,7 +3,7 @@ import { r as t } from "./Size.d-Bah6vMl3.js";
|
|
|
3
3
|
import { t as n } from "./Icon-rREAqsu0.js";
|
|
4
4
|
import { useSurfaceLayer as r } from "./composables/useSurfaceLayer.composable.mjs";
|
|
5
5
|
import { usePhoneLayout as i } from "./composables/usePhoneLayout.composable.mjs";
|
|
6
|
-
import { t as a } from "./Button-
|
|
6
|
+
import { t as a } from "./Button-BHlNXmBr.js";
|
|
7
7
|
import { t as o } from "./Grid-XtnH-vr_.js";
|
|
8
8
|
import { t as s } from "./Checkbox-Cj70wwUV.js";
|
|
9
9
|
import { Fragment as c, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createTextVNode as m, createVNode as h, defineComponent as g, getCurrentInstance as ee, mergeProps as te, normalizeClass as _, normalizeStyle as ne, onBeforeUnmount as re, openBlock as v, ref as y, renderList as b, renderSlot as x, toDisplayString as S, unref as ie, useId as C, useSlots as ae, watch as w, withCtx as oe, withModifiers as T } from "vue";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
require(`./chunk-D-qHiVGv.cjs`);const e=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),t=require(`./Icon-C8R_r_In.cjs`),n=require(`./composables/useSurfaceLayer.composable.cjs`),r=require(`./Button-
|
|
1
|
+
require(`./chunk-D-qHiVGv.cjs`);const e=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),t=require(`./Icon-C8R_r_In.cjs`),n=require(`./composables/useSurfaceLayer.composable.cjs`),r=require(`./Button-bQHEUhzc.cjs`);let i=require(`vue`),a=require(`@nubisco/ui/icons/x`),o=require(`@nubisco/ui/icons/circle-notch`);var s=function(e){return e.Primary=`primary`,e.Secondary=`secondary`,e.Ghost=`ghost`,e.Danger=`danger`,e.Success=`success`,e.Warning=`warning`,e}(s||{}),c=function(e){return e.Idle=`idle`,e.Loading=`loading`,e.Success=`success`,e}(c||{}),l={key:0,class:`nb-file-uploader__heading`},u={key:1,class:`nb-file-uploader__description`},d=[`accept`,`multiple`,`disabled`],f={key:4,class:`nb-file-uploader__list`},p={class:`nb-file-uploader__name`},m={class:`nb-file-uploader__status`},h=[`aria-label`,`disabled`,`onClick`],g={key:0,class:`nb-file-uploader__error`},_=(0,i.defineComponent)({__name:`FileUploader`,props:{heading:{},description:{},buttonLabel:{default:`Add file`},variant:{default:s.Primary},accept:{},multiple:{type:Boolean,default:!1},maxSize:{},disabled:{type:Boolean,default:!1},id:{}},emits:[`change`,`remove`],setup(e,{expose:s,emit:_}){let v=e,{layerProps:y}=n.useSurfaceLayer(),b=_,x=(0,i.ref)(null),S=(0,i.ref)([]),C=(0,i.ref)(!1),w=0;(0,i.watch)(()=>v.disabled,e=>{e&&(w=0,C.value=!1)});function T(){v.disabled||x.value?.click()}function E(e){if(v.maxSize&&e.size>v.maxSize)return`File exceeds size limit.`;if(v.accept){let t=v.accept.split(`,`).map(e=>e.trim().toLowerCase()),n=e.name.toLowerCase();if(!t.some(t=>t.startsWith(`.`)?n.endsWith(t):t.includes(`/`)?e.type===t||e.type.startsWith(t.replaceAll(`*`,``)):!1))return`File type not accepted.`}}function D(e){let t=Array.from(e);v.multiple||(S.value=[]);for(let e of t){let t=E(e);S.value.push({file:e,status:c.Idle,error:t})}b(`change`,S.value.filter(e=>!e.error).map(e=>e.file))}function O(e){let t=e.target;if(v.disabled){t.value=``;return}t.files?.length&&(D(t.files),t.value=``)}function k(){v.disabled||(w++,C.value=!0)}function A(){w--,w<=0&&(w=0,C.value=!1)}function j(e){v.disabled&&e.dataTransfer&&(e.dataTransfer.dropEffect=`none`)}function M(e){if(w=0,C.value=!1,v.disabled)return;let t=e.dataTransfer?.files;t?.length&&D(t)}function N(e){if(v.disabled)return;let t=S.value[e];S.value.splice(e,1),b(`remove`,t.file),b(`change`,S.value.filter(e=>!e.error).map(e=>e.file))}function P(e,t,n){S.value[e]&&(S.value[e].status=t,S.value[e].error=n)}return s({files:S,setFileStatus:P}),(n,s)=>((0,i.openBlock)(),(0,i.createElementBlock)(`div`,(0,i.mergeProps)({class:[`nb-file-uploader`,{"nb-file-uploader--disabled":e.disabled}]},(0,i.unref)(y),{onDragenter:(0,i.withModifiers)(k,[`prevent`]),onDragover:(0,i.withModifiers)(j,[`prevent`]),onDragleave:(0,i.withModifiers)(A,[`prevent`]),onDrop:(0,i.withModifiers)(M,[`prevent`])}),[e.heading?((0,i.openBlock)(),(0,i.createElementBlock)(`p`,l,(0,i.toDisplayString)(e.heading),1)):(0,i.createCommentVNode)(``,!0),e.description?((0,i.openBlock)(),(0,i.createElementBlock)(`p`,u,(0,i.toDisplayString)(e.description),1)):(0,i.createCommentVNode)(``,!0),C.value?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{key:2,class:(0,i.normalizeClass)([`nb-file-uploader__dropzone`,`nb-file-uploader__dropzone--${e.variant}`])},[...s[0]||=[(0,i.createElementVNode)(`span`,{class:`nb-file-uploader__drop-label`},[(0,i.createTextVNode)(` Drag and drop files here`),(0,i.createElementVNode)(`br`),(0,i.createTextVNode)(`or click to upload `)],-1)]],2)):((0,i.openBlock)(),(0,i.createBlock)(r.t,{key:3,class:`nb-file-uploader__btn`,variant:e.variant,disabled:e.disabled,onClick:(0,i.withModifiers)(T,[`stop`])},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(e.buttonLabel),1)]),_:1},8,[`variant`,`disabled`])),(0,i.createElementVNode)(`input`,{ref_key:`inputRef`,ref:x,type:`file`,class:`nb-file-uploader__input`,accept:e.accept,multiple:e.multiple,disabled:e.disabled,onChange:O},null,40,d),S.value.length?((0,i.openBlock)(),(0,i.createElementBlock)(`ul`,f,[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(S.value,(n,r)=>((0,i.openBlock)(),(0,i.createElementBlock)(`li`,{key:r,class:(0,i.normalizeClass)([`nb-file-uploader__item`,{"nb-file-uploader__item--error":n.error,"nb-file-uploader__item--success":n.status===`success`}])},[(0,i.createElementVNode)(`span`,p,(0,i.toDisplayString)(n.file.name),1),(0,i.createElementVNode)(`span`,m,[n.status===`loading`?((0,i.openBlock)(),(0,i.createBlock)(t.t,{key:0,name:(0,i.unref)(o.regular),class:`nb-file-uploader__spinner`},null,8,[`name`])):n.status===`success`?((0,i.openBlock)(),(0,i.createBlock)(t.t,{key:1,name:`check-circle-fill`,class:`nb-file-uploader__check`})):(0,i.createCommentVNode)(``,!0),n.error?((0,i.openBlock)(),(0,i.createBlock)(t.t,{key:2,name:`warning-circle-fill`,class:`nb-file-uploader__warn`})):(0,i.createCommentVNode)(``,!0),n.status===`loading`?(0,i.createCommentVNode)(``,!0):((0,i.openBlock)(),(0,i.createElementBlock)(`button`,{key:3,class:`nb-file-uploader__remove`,type:`button`,"aria-label":`Remove ${n.file.name}`,disabled:e.disabled,onClick:e=>N(r)},[(0,i.createVNode)(t.t,{name:(0,i.unref)(a.regular)},null,8,[`name`])],8,h))]),n.error?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,g,(0,i.toDisplayString)(n.error),1)):(0,i.createCommentVNode)(``,!0)],2))),128))])):(0,i.createCommentVNode)(``,!0)],16))}}),v=e.t(_,[[`__scopeId`,`data-v-41b58e59`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return v}});
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { t as e } from "./_plugin-vue_export-helper-O4QQSku4.js";
|
|
2
2
|
import { t } from "./Icon-rREAqsu0.js";
|
|
3
3
|
import { useSurfaceLayer as n } from "./composables/useSurfaceLayer.composable.mjs";
|
|
4
|
-
import { t as r } from "./Button-
|
|
4
|
+
import { t as r } from "./Button-BHlNXmBr.js";
|
|
5
5
|
import { Fragment as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, createVNode as u, defineComponent as d, mergeProps as f, normalizeClass as p, openBlock as m, ref as h, renderList as g, toDisplayString as _, unref as v, watch as y, withCtx as b, withModifiers as x } from "vue";
|
|
6
6
|
import { regular as S } from "@nubisco/ui/icons/x";
|
|
7
7
|
import { regular as C } from "@nubisco/ui/icons/circle-notch";
|
|
@@ -182,6 +182,6 @@ var w = /* @__PURE__ */ function(e) {
|
|
|
182
182
|
], 2))), 128))])) : o("", !0)
|
|
183
183
|
], 16));
|
|
184
184
|
}
|
|
185
|
-
}), [["__scopeId", "data-v-
|
|
185
|
+
}), [["__scopeId", "data-v-41b58e59"]]);
|
|
186
186
|
//#endregion
|
|
187
187
|
export { P as t };
|