@nubisco/ui 5.5.0 → 5.7.0

package/dist/Avatar-672086EP.js

@@ -0,0 +1,57 @@
+import { initialsOf as e } from "./utils/initials.helper.mjs";
+import { computed as t, createElementBlock as n, defineComponent as r, normalizeClass as i, normalizeStyle as a, openBlock as o, ref as s, toDisplayString as c, watch as l } from "vue";
+//#region src/components/Avatar.vue?vue&type=script&setup=true&lang.ts
+var u = [
+	"role",
+	"aria-label",
+	"aria-hidden",
+	"title"
+], d = ["src"], f = {
+	key: 1,
+	class: "nb-avatar__initials",
+	"aria-hidden": "true"
+}, p = /* @__PURE__ */ r({
+	__name: "Avatar",
+	props: {
+		name: { default: void 0 },
+		email: { default: void 0 },
+		picture: { default: void 0 },
+		size: { default: "md" },
+		background: { default: void 0 },
+		color: { default: void 0 },
+		decorative: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(r) {
+		let p = r, m = s(!1);
+		l(() => p.picture, () => {
+			m.value = !1;
+		});
+		let h = t(() => {
+			let e = {};
+			if (typeof p.size == "number") {
+				let t = Math.max(1, p.size), n = Math.min(.42, Math.max(.3, .4 - (t - 20) * .0025));
+				e.width = `${t}px`, e.height = `${t}px`, e.fontSize = `${Math.round(t * n * 100) / 100}px`;
+			}
+			return p.background && (e.background = p.background), p.color && (e.color = p.color), e;
+		}), g = t(() => !!p.picture && !m.value), _ = t(() => e(p)), v = t(() => p.name?.trim() || p.email?.trim() || "");
+		return (e, t) => (o(), n("span", {
+			class: i(["nb-avatar", [typeof r.size == "number" ? null : `nb-avatar--${r.size}`]]),
+			style: a(h.value),
+			role: r.decorative ? void 0 : "img",
+			"aria-label": r.decorative ? void 0 : v.value || void 0,
+			"aria-hidden": r.decorative ? "true" : void 0,
+			title: r.decorative ? void 0 : v.value || void 0
+		}, [g.value ? (o(), n("img", {
+			key: 0,
+			class: "nb-avatar__picture",
+			src: r.picture ?? void 0,
+			alt: "",
+			onError: t[0] ||= (e) => m.value = !0
+		}, null, 40, d)) : (o(), n("span", f, c(_.value), 1))], 14, u));
+	}
+});
+//#endregion
+export { p as t };

package/dist/Avatar-DqHh71ha.cjs

@@ -0,0 +1 @@
+require(`./chunk-D-qHiVGv.cjs`);const e=require(`./utils/initials.helper.cjs`);let t=require(`vue`);var n=[`role`,`aria-label`,`aria-hidden`,`title`],r=[`src`],i={key:1,class:`nb-avatar__initials`,"aria-hidden":`true`},a=(0,t.defineComponent)({__name:`Avatar`,props:{name:{default:void 0},email:{default:void 0},picture:{default:void 0},size:{default:`md`},background:{default:void 0},color:{default:void 0},decorative:{type:Boolean,default:!1}},setup(a){let o=a,s=(0,t.ref)(!1);(0,t.watch)(()=>o.picture,()=>{s.value=!1});let c=(0,t.computed)(()=>{let e={};if(typeof o.size==`number`){let t=Math.max(1,o.size),n=Math.min(.42,Math.max(.3,.4-(t-20)*.0025));e.width=`${t}px`,e.height=`${t}px`,e.fontSize=`${Math.round(t*n*100)/100}px`}return o.background&&(e.background=o.background),o.color&&(e.color=o.color),e}),l=(0,t.computed)(()=>!!o.picture&&!s.value),u=(0,t.computed)(()=>e.initialsOf(o)),d=(0,t.computed)(()=>o.name?.trim()||o.email?.trim()||``);return(e,o)=>((0,t.openBlock)(),(0,t.createElementBlock)(`span`,{class:(0,t.normalizeClass)([`nb-avatar`,[typeof a.size==`number`?null:`nb-avatar--${a.size}`]]),style:(0,t.normalizeStyle)(c.value),role:a.decorative?void 0:`img`,"aria-label":a.decorative?void 0:d.value||void 0,"aria-hidden":a.decorative?`true`:void 0,title:a.decorative?void 0:d.value||void 0},[l.value?((0,t.openBlock)(),(0,t.createElementBlock)(`img`,{key:0,class:`nb-avatar__picture`,src:a.picture??void 0,alt:``,onError:o[0]||=e=>s.value=!0},null,40,r)):((0,t.openBlock)(),(0,t.createElementBlock)(`span`,i,(0,t.toDisplayString)(u.value),1))],14,n))}});Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return a}});

package/dist/{Pagination-Dz24gpb7.cjs → Pagination-CcZB4Lp_.cjs}

@@ -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-D-XSNjSL.cjs`),i=require(`./Select-BbsEiJ4j.cjs`);let a=require(`vue`),o=require(`@nubisco/ui/icons/caret-right`);o=e.n(o);let s=require(`@nubisco/ui/icons/caret-left`);s=e.n(s);var c={class:`nb-pagination__left`},l={class:`nb-pagination__page-size`},u={class:`nb-pagination__label`},d={class:`nb-pagination__range`,"aria-live":`polite`},f={class:`nb-pagination__right`},p={class:`nb-pagination__page-of`},m=(0,a.defineComponent)({__name:`Pagination`,props:{page:{},pageSize:{},total:{},pageSizeOptions:{default:()=>[10,20,30,40,50]},size:{default:n.r.Medium},disabled:{type:Boolean,default:!1},pageSizeLabel:{default:`Items per page:`},itemLabel:{default:`items`}},emits:[`update:page`,`update:pageSize`],setup(e,{emit:t}){let n=e,m=t,h=(0,a.computed)(()=>n.size),g=(0,a.computed)(()=>n.pageSizeOptions.includes(n.pageSize)?n.pageSizeOptions:[...n.pageSizeOptions,n.pageSize].sort((e,t)=>e-t)),_=(0,a.computed)(()=>g.value.map(e=>({label:String(e),value:e}))),v=(0,a.computed)(()=>Math.max(1,Math.ceil(n.total/Math.max(1,n.pageSize)))),y=(0,a.computed)(()=>Math.min(Math.max(1,n.page),v.value)),b=(0,a.computed)(()=>n.total===0?0:(y.value-1)*n.pageSize+1),x=(0,a.computed)(()=>Math.min(y.value*n.pageSize,n.total));function S(e){let t=Math.min(Math.max(1,e),v.value);t!==n.page&&m(`update:page`,t)}function C(e){let t=Number(e);!Number.isFinite(t)||t===n.pageSize||(m(`update:pageSize`,t),n.page!==1&&m(`update:page`,1))}return(t,n)=>((0,a.openBlock)(),(0,a.createElementBlock)(`nav`,{class:(0,a.normalizeClass)([`nb-pagination`,`nb-pagination--${e.size}`]),"aria-label":`Pagination`},[(0,a.createElementVNode)(`div`,c,[(0,a.createElementVNode)(`label`,l,[(0,a.createElementVNode)(`span`,u,(0,a.toDisplayString)(e.pageSizeLabel),1),(0,a.createVNode)(i.t,{size:`xs`,"model-value":e.pageSize,options:_.value,disabled:e.disabled,"onUpdate:modelValue":C},null,8,[`model-value`,`options`,`disabled`])]),(0,a.createElementVNode)(`span`,d,(0,a.toDisplayString)(b.value)+`–`+(0,a.toDisplayString)(x.value)+` of `+(0,a.toDisplayString)(e.total)+` `+(0,a.toDisplayString)(e.itemLabel),1)]),(0,a.createElementVNode)(`div`,f,[(0,a.createElementVNode)(`span`,p,` Page `+(0,a.toDisplayString)(y.value)+` of `+(0,a.toDisplayString)(v.value),1),(0,a.createVNode)(r.t,{class:`nb-pagination__nav`,variant:`ghost`,size:h.value,icon:s,disabled:e.disabled||y.value<=1,"aria-label":`Previous page`,onClick:n[0]||=e=>S(y.value-1)},null,8,[`size`,`disabled`]),(0,a.createVNode)(r.t,{class:`nb-pagination__nav`,variant:`ghost`,size:h.value,icon:o,disabled:e.disabled||y.value>=v.value,"aria-label":`Next page`,onClick:n[1]||=e=>S(y.value+1)},null,8,[`size`,`disabled`])])],2))}}),h=t.t(m,[[`__scopeId`,`data-v-884e19f9`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return h}});
+const e=require(`./chunk-D-qHiVGv.cjs`),t=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),n=require(`./Size.d-GBIblj2D.cjs`),r=require(`./Button-D-XSNjSL.cjs`),i=require(`./Select-BMamCNcN.cjs`);let a=require(`vue`),o=require(`@nubisco/ui/icons/caret-right`);o=e.n(o);let s=require(`@nubisco/ui/icons/caret-left`);s=e.n(s);var c={class:`nb-pagination__left`},l={class:`nb-pagination__page-size`},u={class:`nb-pagination__label`},d={class:`nb-pagination__range`,"aria-live":`polite`},f={class:`nb-pagination__right`},p={class:`nb-pagination__page-of`},m=(0,a.defineComponent)({__name:`Pagination`,props:{page:{},pageSize:{},total:{},pageSizeOptions:{default:()=>[10,20,30,40,50]},size:{default:n.r.Medium},disabled:{type:Boolean,default:!1},pageSizeLabel:{default:`Items per page:`},itemLabel:{default:`items`}},emits:[`update:page`,`update:pageSize`],setup(e,{emit:t}){let n=e,m=t,h=(0,a.computed)(()=>n.size),g=(0,a.computed)(()=>n.pageSizeOptions.includes(n.pageSize)?n.pageSizeOptions:[...n.pageSizeOptions,n.pageSize].sort((e,t)=>e-t)),_=(0,a.computed)(()=>g.value.map(e=>({label:String(e),value:e}))),v=(0,a.computed)(()=>Math.max(1,Math.ceil(n.total/Math.max(1,n.pageSize)))),y=(0,a.computed)(()=>Math.min(Math.max(1,n.page),v.value)),b=(0,a.computed)(()=>n.total===0?0:(y.value-1)*n.pageSize+1),x=(0,a.computed)(()=>Math.min(y.value*n.pageSize,n.total));function S(e){let t=Math.min(Math.max(1,e),v.value);t!==n.page&&m(`update:page`,t)}function C(e){let t=Number(e);!Number.isFinite(t)||t===n.pageSize||(m(`update:pageSize`,t),n.page!==1&&m(`update:page`,1))}return(t,n)=>((0,a.openBlock)(),(0,a.createElementBlock)(`nav`,{class:(0,a.normalizeClass)([`nb-pagination`,`nb-pagination--${e.size}`]),"aria-label":`Pagination`},[(0,a.createElementVNode)(`div`,c,[(0,a.createElementVNode)(`label`,l,[(0,a.createElementVNode)(`span`,u,(0,a.toDisplayString)(e.pageSizeLabel),1),(0,a.createVNode)(i.t,{size:`xs`,"model-value":e.pageSize,options:_.value,disabled:e.disabled,"onUpdate:modelValue":C},null,8,[`model-value`,`options`,`disabled`])]),(0,a.createElementVNode)(`span`,d,(0,a.toDisplayString)(b.value)+`–`+(0,a.toDisplayString)(x.value)+` of `+(0,a.toDisplayString)(e.total)+` `+(0,a.toDisplayString)(e.itemLabel),1)]),(0,a.createElementVNode)(`div`,f,[(0,a.createElementVNode)(`span`,p,` Page `+(0,a.toDisplayString)(y.value)+` of `+(0,a.toDisplayString)(v.value),1),(0,a.createVNode)(r.t,{class:`nb-pagination__nav`,variant:`ghost`,size:h.value,icon:s,disabled:e.disabled||y.value<=1,"aria-label":`Previous page`,onClick:n[0]||=e=>S(y.value-1)},null,8,[`size`,`disabled`]),(0,a.createVNode)(r.t,{class:`nb-pagination__nav`,variant:`ghost`,size:h.value,icon:o,disabled:e.disabled||y.value>=v.value,"aria-label":`Next page`,onClick:n[1]||=e=>S(y.value+1)},null,8,[`size`,`disabled`])])],2))}}),h=t.t(m,[[`__scopeId`,`data-v-884e19f9`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return h}});

package/dist/{Pagination-BInZQpJS.js → Pagination-DDIc4vUH.js}

@@ -1,7 +1,7 @@
 import { t as e } from "./_plugin-vue_export-helper-O4QQSku4.js";
 import { r as t } from "./Size.d-Bah6vMl3.js";
 import { t as n } from "./Button-Cw4D6w9K.js";
-import { t as r } from "./Select-Ep1fFBFj.js";
+import { t as r } from "./Select-CB4BSCaj.js";
 import { computed as i, createElementBlock as a, createElementVNode as o, createVNode as s, defineComponent as c, normalizeClass as l, openBlock as u, toDisplayString as d } from "vue";
 import * as f from "@nubisco/ui/icons/caret-right";
 import * as p from "@nubisco/ui/icons/caret-left";

package/dist/Select-BMamCNcN.cjs

@@ -0,0 +1 @@
+require(`./chunk-D-qHiVGv.cjs`);const e=require(`./Icon-C8R_r_In.cjs`),t=require(`./Label-DtXh4XR5.cjs`),n=require(`./Message-D8ZE4uGZ.cjs`),r=require(`./Grid-DTZTlxd_.cjs`);let i=require(`vue`),a=require(`@nubisco/ui/icons/caret-down`),o=require(`@nubisco/ui/icons/caret-up`);var s=[`id`,`aria-expanded`,`aria-disabled`,`aria-required`,`disabled`],c=[`id`,`aria-expanded`,`aria-disabled`,`aria-required`,`disabled`],l={key:1,class:`nb-select__inner-label`},u={key:0,class:`nb-select__asterisk`,"aria-hidden":`true`},d=[`aria-multiselectable`],f=[`aria-selected`,`aria-disabled`,`onMouseenter`,`onClick`],p={key:0,class:`nb-select__option-check`,"aria-hidden":`true`},m={key:0,viewBox:`0 0 10 8`,fill:`none`,width:`10`,height:`8`},h={class:`nb-select__option-label`},g={key:0,class:`nb-select__empty`},_=[`placeholder`,`onKeydown`],v=(0,i.defineComponent)({__name:`Select`,props:{modelValue:{default:null},options:{default:()=>[]},multiple:{type:Boolean,default:!1},creatable:{type:Boolean,default:!1},createPlaceholder:{default:``},placeholder:{default:`Select…`},name:{default:``},disabled:{type:Boolean,default:!1},required:{type:Boolean,default:!1},id:{default:void 0},label:{default:``},error:{default:``},warning:{default:``},helper:{default:``},variant:{default:`default`},size:{default:`md`}},emits:[`update:modelValue`,`change`,`create`],setup(v,{expose:y,emit:b}){let x=v,S=b,C=(0,i.ref)(``);function w(){let e=C.value.trim();e&&(S(`create`,e),C.value=``)}let T=(0,i.ref)(!1),E=(0,i.ref)(!1),D=(0,i.ref)(-1),O=(0,i.ref)(null),k=(0,i.ref)(null),A=(0,i.ref)(null),j=(0,i.ref)({position:`fixed`,top:`0px`,left:`0px`,width:`0px`,zIndex:`9999`}),M=`nb-select-${(0,i.useId)()}`,N=(0,i.computed)(()=>x.id??M),P=(0,i.computed)(()=>x.modelValue==null?[]:Array.isArray(x.modelValue)?x.modelValue:[x.modelValue]),F=(0,i.computed)(()=>{if(!(x.multiple||P.value.length!==1))return(x.options??[]).find(e=>e.value===P.value[0])?.icon}),I=(0,i.computed)(()=>{if(P.value.length===0)return``;let e=x.options??[];return x.multiple?P.value.length===1?e.find(e=>e.value===P.value[0])?.label??String(P.value[0]):P.value.length===2?P.value.map(t=>e.find(e=>e.value===t)?.label??String(t)).join(`, `):`${P.value.length} selected`:e.find(e=>e.value===P.value[0])?.label??String(P.value[0])});function L(e){return P.value.includes(e)}function R(e){if(e.disabled)return;let t;if(x.multiple){let n=[...P.value],r=n.indexOf(e.value);r>=0?n.splice(r,1):n.push(e.value),t=n}else t=e.value,V();S(`update:modelValue`,t),S(`change`,t)}function z(){if(!k.value)return;let e=k.value.getBoundingClientRect(),t=A.value?.offsetHeight??0,n=window.innerHeight-e.bottom,r=e.top;j.value={position:`fixed`,top:t>0&&n<t&&r>n?`${e.top-t}px`:`${e.bottom}px`,left:`${e.left}px`,width:`${e.width}px`,zIndex:`9999`}}function B(){if(x.disabled)return;T.value=!0,z();let e=x.options??[];D.value=P.value.length>0?Math.max(0,e.findIndex(e=>e.value===P.value[0])):-1,(0,i.nextTick)(()=>{z(),K()})}function V(){T.value=!1,D.value=-1}function H(){T.value?V():B()}function U(e){let t=e.target,n=O.value?.contains(t)??!1,r=A.value?.contains(t)??!1;!n&&!r&&V()}function W(){T.value&&z()}(0,i.watch)(T,e=>{e?(document.addEventListener(`mousedown`,U),window.addEventListener(`scroll`,W,!0),window.addEventListener(`resize`,W)):(document.removeEventListener(`mousedown`,U),window.removeEventListener(`scroll`,W,!0),window.removeEventListener(`resize`,W))}),(0,i.onBeforeUnmount)(()=>{document.removeEventListener(`mousedown`,U),window.removeEventListener(`scroll`,W,!0),window.removeEventListener(`resize`,W)});function G(e){let t=x.options??[];if(!T.value){(e.key===`Enter`||e.key===` `||e.key===`ArrowDown`)&&(e.preventDefault(),B());return}e.key===`Escape`?(V(),e.preventDefault()):e.key===`Tab`?V():e.key===`ArrowDown`?(e.preventDefault(),D.value=Math.min(D.value+1,t.length-1),K()):e.key===`ArrowUp`?(e.preventDefault(),D.value=Math.max(D.value-1,0),K()):(e.key===`Enter`||e.key===` `)&&D.value>=0&&(e.preventDefault(),R(t[D.value]))}function K(){(0,i.nextTick)(()=>{!A.value||D.value<0||A.value.querySelectorAll(`.nb-select__option`)[D.value]?.scrollIntoView({block:`nearest`})})}let q=(0,i.computed)(()=>[`nb-select`,`nb-select--${x.variant}`,`nb-select--${x.size}`,{"nb-select--open":T.value,"nb-select--focused":E.value&&!T.value,"nb-select--error":!!x.error,"nb-select--warning":!x.error&&!!x.warning,"nb-select--multiple":x.multiple}]);return y({open:B,close:V}),(y,b)=>((0,i.openBlock)(),(0,i.createElementBlock)(i.Fragment,null,[(0,i.createElementVNode)(`div`,{ref_key:`rootRef`,ref:O,class:(0,i.normalizeClass)(q.value),onKeydown:G},[v.variant===`default`?((0,i.openBlock)(),(0,i.createElementBlock)(i.Fragment,{key:0},[y.$slots.label?(0,i.renderSlot)(y.$slots,`label`,{key:0}):v.label?((0,i.openBlock)(),(0,i.createBlock)(t.t,{key:1,for:N.value,required:v.required,disabled:v.disabled},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(v.label),1)]),_:1},8,[`for`,`required`,`disabled`])):(0,i.createCommentVNode)(``,!0),(0,i.createElementVNode)(`button`,{id:N.value,ref_key:`triggerRef`,ref:k,type:`button`,class:`nb-select__trigger`,role:`combobox`,"aria-expanded":T.value,"aria-haspopup":`listbox`,"aria-disabled":v.disabled||void 0,"aria-required":v.required||void 0,disabled:v.disabled||void 0,onClick:H,onFocus:b[0]||=e=>E.value=!0,onBlur:b[1]||=e=>E.value=!1},[(0,i.createElementVNode)(`span`,{class:(0,i.normalizeClass)([`nb-select__value`,{"nb-select__value--placeholder":!I.value,"nb-select__value--with-icon":!!F.value}])},[F.value?((0,i.openBlock)(),(0,i.createBlock)(e.t,{key:0,class:`nb-select__value-icon`,name:F.value,size:16},null,8,[`name`])):(0,i.createCommentVNode)(``,!0),I.value?(0,i.renderSlot)(y.$slots,`value`,{key:1,values:P.value},()=>[(0,i.createTextVNode)((0,i.toDisplayString)(I.value),1)]):((0,i.openBlock)(),(0,i.createElementBlock)(i.Fragment,{key:2},[(0,i.createTextVNode)((0,i.toDisplayString)(v.placeholder),1)],64))],2),v.error?((0,i.openBlock)(),(0,i.createBlock)(n.t,{key:0,variant:`error`,"icon-only":!0,class:`nb-select__status-icon`},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(v.error),1)]),_:1})):v.warning?((0,i.openBlock)(),(0,i.createBlock)(n.t,{key:1,variant:`warning`,"icon-only":!0,class:`nb-select__status-icon`},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(v.warning),1)]),_:1})):(0,i.createCommentVNode)(``,!0),(0,i.createVNode)(r.t,{align:`center`,justify:`center`,class:`nb-select__caret`},{default:(0,i.withCtx)(()=>[(0,i.createVNode)(e.t,{name:T.value?(0,i.unref)(o.regular):(0,i.unref)(a.regular),size:16},null,8,[`name`])]),_:1})],40,s),v.error?((0,i.openBlock)(),(0,i.createBlock)(n.t,{key:2,variant:`error`,class:`nb-select__message`},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(v.error),1)]),_:1})):v.warning?((0,i.openBlock)(),(0,i.createBlock)(n.t,{key:3,variant:`warning`,class:`nb-select__message`},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(v.warning),1)]),_:1})):v.helper?((0,i.openBlock)(),(0,i.createBlock)(n.t,{key:4,variant:`helper`,class:`nb-select__message`},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(v.helper),1)]),_:1})):(0,i.createCommentVNode)(``,!0)],64)):v.variant===`fluid`?((0,i.openBlock)(),(0,i.createElementBlock)(i.Fragment,{key:1},[(0,i.createElementVNode)(`button`,{id:N.value,ref_key:`triggerRef`,ref:k,type:`button`,class:`nb-select__trigger`,role:`combobox`,"aria-expanded":T.value,"aria-haspopup":`listbox`,"aria-disabled":v.disabled||void 0,"aria-required":v.required||void 0,disabled:v.disabled||void 0,onClick:H,onFocus:b[2]||=e=>E.value=!0,onBlur:b[3]||=e=>E.value=!1},[v.label||y.$slots.label?((0,i.openBlock)(),(0,i.createBlock)(r.t,{key:0,dir:`row`,align:`center`,gap:`xs`,class:`nb-select__inner-header`},{default:(0,i.withCtx)(()=>[y.$slots.label?(0,i.renderSlot)(y.$slots,`label`,{key:0}):((0,i.openBlock)(),(0,i.createElementBlock)(`label`,l,[(0,i.createTextVNode)((0,i.toDisplayString)(v.label)+` `,1),v.required?((0,i.openBlock)(),(0,i.createElementBlock)(`span`,u,`*`)):(0,i.createCommentVNode)(``,!0)])),v.helper&&!v.error&&!v.warning?((0,i.openBlock)(),(0,i.createBlock)(n.t,{key:2,variant:`helper`,"icon-only":!0,class:`nb-select__inner-message`},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(v.helper),1)]),_:1})):(0,i.createCommentVNode)(``,!0)]),_:3})):(0,i.createCommentVNode)(``,!0),(0,i.createVNode)(r.t,{dir:`row`,align:`end`,flex:``,class:`nb-select__value-row`},{default:(0,i.withCtx)(()=>[(0,i.createElementVNode)(`span`,{class:(0,i.normalizeClass)([`nb-select__value`,{"nb-select__value--placeholder":!I.value,"nb-select__value--with-icon":!!F.value}])},[F.value?((0,i.openBlock)(),(0,i.createBlock)(e.t,{key:0,class:`nb-select__value-icon`,name:F.value,size:16},null,8,[`name`])):(0,i.createCommentVNode)(``,!0),I.value?(0,i.renderSlot)(y.$slots,`value`,{key:1,values:P.value},()=>[(0,i.createTextVNode)((0,i.toDisplayString)(I.value),1)]):((0,i.openBlock)(),(0,i.createElementBlock)(i.Fragment,{key:2},[(0,i.createTextVNode)((0,i.toDisplayString)(v.placeholder),1)],64))],2),(0,i.createVNode)(r.t,{align:`center`,justify:`center`,class:`nb-select__caret`},{default:(0,i.withCtx)(()=>[(0,i.createVNode)(e.t,{name:T.value?(0,i.unref)(o.regular):(0,i.unref)(a.regular),size:16},null,8,[`name`])]),_:1})]),_:3})],40,c),v.error?((0,i.openBlock)(),(0,i.createBlock)(n.t,{key:0,variant:`error`,class:`nb-select__fluid-message`},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(v.error),1)]),_:1})):v.warning?((0,i.openBlock)(),(0,i.createBlock)(n.t,{key:1,variant:`warning`,class:`nb-select__fluid-message`},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(v.warning),1)]),_:1})):(0,i.createCommentVNode)(``,!0)],64)):(0,i.createCommentVNode)(``,!0)],34),((0,i.openBlock)(),(0,i.createBlock)(i.Teleport,{to:`body`},[T.value?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{key:0,ref_key:`dropdownRef`,ref:A,class:`nb-select__dropdown`,style:(0,i.normalizeStyle)(j.value),role:`listbox`,"aria-multiselectable":v.multiple||void 0},[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(v.options,(t,n)=>((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{key:t.value,class:(0,i.normalizeClass)([`nb-select__option`,{"nb-select__option--selected":L(t.value),"nb-select__option--highlighted":D.value===n,"nb-select__option--disabled":t.disabled}]),role:`option`,"aria-selected":L(t.value),"aria-disabled":t.disabled||void 0,onMouseenter:e=>D.value=n,onClick:e=>R(t)},[v.multiple?((0,i.openBlock)(),(0,i.createElementBlock)(`span`,p,[L(t.value)?((0,i.openBlock)(),(0,i.createElementBlock)(`svg`,m,[...b[7]||=[(0,i.createElementVNode)(`path`,{d:`M1 4l3 3 5-6`,stroke:`currentColor`,"stroke-width":`1.5`,"stroke-linecap":`round`,"stroke-linejoin":`round`},null,-1)]])):(0,i.createCommentVNode)(``,!0)])):(0,i.createCommentVNode)(``,!0),t.icon?((0,i.openBlock)(),(0,i.createBlock)(e.t,{key:1,class:`nb-select__option-icon`,name:t.icon,size:16},null,8,[`name`])):(0,i.createCommentVNode)(``,!0),(0,i.createElementVNode)(`span`,h,[(0,i.renderSlot)(y.$slots,`option`,{option:t},()=>[(0,i.createTextVNode)((0,i.toDisplayString)(t.label),1)])])],42,f))),128)),!v.options||v.options.length===0?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,g,` No options `)):(0,i.createCommentVNode)(``,!0),v.creatable?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{key:1,class:`nb-select__create`,onMousedown:b[6]||=(0,i.withModifiers)(()=>{},[`prevent`])},[(0,i.withDirectives)((0,i.createElementVNode)(`input`,{"onUpdate:modelValue":b[4]||=e=>C.value=e,type:`text`,class:`nb-select__create-input`,placeholder:v.createPlaceholder||`Add new…`,onKeydown:[(0,i.withKeys)((0,i.withModifiers)(w,[`prevent`]),[`enter`]),b[5]||=(0,i.withModifiers)(()=>{},[`stop`])]},null,40,_),[[i.vModelText,C.value]])],32)):(0,i.createCommentVNode)(``,!0)],12,d)):(0,i.createCommentVNode)(``,!0)]))],64))}});Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return v}});

package/dist/Select-CB4BSCaj.js

@@ -0,0 +1,405 @@
+import { t as e } from "./Icon-rREAqsu0.js";
+import { t } from "./Label-glcQoGCr.js";
+import { t as n } from "./Message-Ciyc2nN6.js";
+import { t as r } from "./Grid-CgUyhsw4.js";
+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, createVNode as f, defineComponent as p, nextTick as m, normalizeClass as h, normalizeStyle as g, onBeforeUnmount as ee, openBlock as _, ref as v, renderList as te, renderSlot as y, toDisplayString as b, unref as x, useId as S, vModelText as ne, watch as re, withCtx as C, withDirectives as ie, withKeys as ae, withModifiers as w } from "vue";
+import { regular as T } from "@nubisco/ui/icons/caret-down";
+import { regular as E } from "@nubisco/ui/icons/caret-up";
+//#region src/components/Select.vue?vue&type=script&setup=true&lang.ts
+var oe = [
+	"id",
+	"aria-expanded",
+	"aria-disabled",
+	"aria-required",
+	"disabled"
+], se = [
+	"id",
+	"aria-expanded",
+	"aria-disabled",
+	"aria-required",
+	"disabled"
+], ce = {
+	key: 1,
+	class: "nb-select__inner-label"
+}, le = {
+	key: 0,
+	class: "nb-select__asterisk",
+	"aria-hidden": "true"
+}, ue = ["aria-multiselectable"], de = [
+	"aria-selected",
+	"aria-disabled",
+	"onMouseenter",
+	"onClick"
+], fe = {
+	key: 0,
+	class: "nb-select__option-check",
+	"aria-hidden": "true"
+}, pe = {
+	key: 0,
+	viewBox: "0 0 10 8",
+	fill: "none",
+	width: "10",
+	height: "8"
+}, me = { class: "nb-select__option-label" }, D = {
+	key: 0,
+	class: "nb-select__empty"
+}, O = ["placeholder", "onKeydown"], k = /* @__PURE__ */ p({
+	__name: "Select",
+	props: {
+		modelValue: { default: null },
+		options: { default: () => [] },
+		multiple: {
+			type: Boolean,
+			default: !1
+		},
+		creatable: {
+			type: Boolean,
+			default: !1
+		},
+		createPlaceholder: { default: "" },
+		placeholder: { default: "Select…" },
+		name: { default: "" },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		required: {
+			type: Boolean,
+			default: !1
+		},
+		id: { default: void 0 },
+		label: { default: "" },
+		error: { default: "" },
+		warning: { default: "" },
+		helper: { default: "" },
+		variant: { default: "default" },
+		size: { default: "md" }
+	},
+	emits: [
+		"update:modelValue",
+		"change",
+		"create"
+	],
+	setup(p, { expose: k, emit: A }) {
+		let j = p, M = A, N = v("");
+		function he() {
+			let e = N.value.trim();
+			e && (M("create", e), N.value = "");
+		}
+		let P = v(!1), F = v(!1), I = v(-1), L = v(null), R = v(null), z = v(null), B = v({
+			position: "fixed",
+			top: "0px",
+			left: "0px",
+			width: "0px",
+			zIndex: "9999"
+		}), ge = `nb-select-${S()}`, V = o(() => j.id ?? ge), H = o(() => j.modelValue == null ? [] : Array.isArray(j.modelValue) ? j.modelValue : [j.modelValue]), U = o(() => {
+			if (!(j.multiple || H.value.length !== 1)) return (j.options ?? []).find((e) => e.value === H.value[0])?.icon;
+		}), W = o(() => {
+			if (H.value.length === 0) return "";
+			let e = j.options ?? [];
+			return j.multiple ? H.value.length === 1 ? e.find((e) => e.value === H.value[0])?.label ?? String(H.value[0]) : H.value.length === 2 ? H.value.map((t) => e.find((e) => e.value === t)?.label ?? String(t)).join(", ") : `${H.value.length} selected` : e.find((e) => e.value === H.value[0])?.label ?? String(H.value[0]);
+		});
+		function G(e) {
+			return H.value.includes(e);
+		}
+		function K(e) {
+			if (e.disabled) return;
+			let t;
+			if (j.multiple) {
+				let n = [...H.value], r = n.indexOf(e.value);
+				r >= 0 ? n.splice(r, 1) : n.push(e.value), t = n;
+			} else t = e.value, Y();
+			M("update:modelValue", t), M("change", t);
+		}
+		function q() {
+			if (!R.value) return;
+			let e = R.value.getBoundingClientRect(), t = z.value?.offsetHeight ?? 0, n = window.innerHeight - e.bottom, r = e.top;
+			B.value = {
+				position: "fixed",
+				top: t > 0 && n < t && r > n ? `${e.top - t}px` : `${e.bottom}px`,
+				left: `${e.left}px`,
+				width: `${e.width}px`,
+				zIndex: "9999"
+			};
+		}
+		function J() {
+			if (j.disabled) return;
+			P.value = !0, q();
+			let e = j.options ?? [];
+			I.value = H.value.length > 0 ? Math.max(0, e.findIndex((e) => e.value === H.value[0])) : -1, m(() => {
+				q(), $();
+			});
+		}
+		function Y() {
+			P.value = !1, I.value = -1;
+		}
+		function X() {
+			P.value ? Y() : J();
+		}
+		function Z(e) {
+			let t = e.target, n = L.value?.contains(t) ?? !1, r = z.value?.contains(t) ?? !1;
+			!n && !r && Y();
+		}
+		function Q() {
+			P.value && q();
+		}
+		re(P, (e) => {
+			e ? (document.addEventListener("mousedown", Z), window.addEventListener("scroll", Q, !0), window.addEventListener("resize", Q)) : (document.removeEventListener("mousedown", Z), window.removeEventListener("scroll", Q, !0), window.removeEventListener("resize", Q));
+		}), ee(() => {
+			document.removeEventListener("mousedown", Z), window.removeEventListener("scroll", Q, !0), window.removeEventListener("resize", Q);
+		});
+		function _e(e) {
+			let t = j.options ?? [];
+			if (!P.value) {
+				(e.key === "Enter" || e.key === " " || e.key === "ArrowDown") && (e.preventDefault(), J());
+				return;
+			}
+			e.key === "Escape" ? (Y(), e.preventDefault()) : e.key === "Tab" ? Y() : e.key === "ArrowDown" ? (e.preventDefault(), I.value = Math.min(I.value + 1, t.length - 1), $()) : e.key === "ArrowUp" ? (e.preventDefault(), I.value = Math.max(I.value - 1, 0), $()) : (e.key === "Enter" || e.key === " ") && I.value >= 0 && (e.preventDefault(), K(t[I.value]));
+		}
+		function $() {
+			m(() => {
+				!z.value || I.value < 0 || z.value.querySelectorAll(".nb-select__option")[I.value]?.scrollIntoView({ block: "nearest" });
+			});
+		}
+		let ve = o(() => [
+			"nb-select",
+			`nb-select--${j.variant}`,
+			`nb-select--${j.size}`,
+			{
+				"nb-select--open": P.value,
+				"nb-select--focused": F.value && !P.value,
+				"nb-select--error": !!j.error,
+				"nb-select--warning": !j.error && !!j.warning,
+				"nb-select--multiple": j.multiple
+			}
+		]);
+		return k({
+			open: J,
+			close: Y
+		}), (o, m) => (_(), l(i, null, [u("div", {
+			ref_key: "rootRef",
+			ref: L,
+			class: h(ve.value),
+			onKeydown: _e
+		}, [p.variant === "default" ? (_(), l(i, { key: 0 }, [
+			o.$slots.label ? y(o.$slots, "label", { key: 0 }) : p.label ? (_(), s(t, {
+				key: 1,
+				for: V.value,
+				required: p.required,
+				disabled: p.disabled
+			}, {
+				default: C(() => [d(b(p.label), 1)]),
+				_: 1
+			}, 8, [
+				"for",
+				"required",
+				"disabled"
+			])) : c("", !0),
+			u("button", {
+				id: V.value,
+				ref_key: "triggerRef",
+				ref: R,
+				type: "button",
+				class: "nb-select__trigger",
+				role: "combobox",
+				"aria-expanded": P.value,
+				"aria-haspopup": "listbox",
+				"aria-disabled": p.disabled || void 0,
+				"aria-required": p.required || void 0,
+				disabled: p.disabled || void 0,
+				onClick: X,
+				onFocus: m[0] ||= (e) => F.value = !0,
+				onBlur: m[1] ||= (e) => F.value = !1
+			}, [
+				u("span", { class: h(["nb-select__value", {
+					"nb-select__value--placeholder": !W.value,
+					"nb-select__value--with-icon": !!U.value
+				}]) }, [U.value ? (_(), s(e, {
+					key: 0,
+					class: "nb-select__value-icon",
+					name: U.value,
+					size: 16
+				}, null, 8, ["name"])) : c("", !0), W.value ? y(o.$slots, "value", {
+					key: 1,
+					values: H.value
+				}, () => [d(b(W.value), 1)]) : (_(), l(i, { key: 2 }, [d(b(p.placeholder), 1)], 64))], 2),
+				p.error ? (_(), s(n, {
+					key: 0,
+					variant: "error",
+					"icon-only": !0,
+					class: "nb-select__status-icon"
+				}, {
+					default: C(() => [d(b(p.error), 1)]),
+					_: 1
+				})) : p.warning ? (_(), s(n, {
+					key: 1,
+					variant: "warning",
+					"icon-only": !0,
+					class: "nb-select__status-icon"
+				}, {
+					default: C(() => [d(b(p.warning), 1)]),
+					_: 1
+				})) : c("", !0),
+				f(r, {
+					align: "center",
+					justify: "center",
+					class: "nb-select__caret"
+				}, {
+					default: C(() => [f(e, {
+						name: P.value ? x(E) : x(T),
+						size: 16
+					}, null, 8, ["name"])]),
+					_: 1
+				})
+			], 40, oe),
+			p.error ? (_(), s(n, {
+				key: 2,
+				variant: "error",
+				class: "nb-select__message"
+			}, {
+				default: C(() => [d(b(p.error), 1)]),
+				_: 1
+			})) : p.warning ? (_(), s(n, {
+				key: 3,
+				variant: "warning",
+				class: "nb-select__message"
+			}, {
+				default: C(() => [d(b(p.warning), 1)]),
+				_: 1
+			})) : p.helper ? (_(), s(n, {
+				key: 4,
+				variant: "helper",
+				class: "nb-select__message"
+			}, {
+				default: C(() => [d(b(p.helper), 1)]),
+				_: 1
+			})) : c("", !0)
+		], 64)) : p.variant === "fluid" ? (_(), l(i, { key: 1 }, [u("button", {
+			id: V.value,
+			ref_key: "triggerRef",
+			ref: R,
+			type: "button",
+			class: "nb-select__trigger",
+			role: "combobox",
+			"aria-expanded": P.value,
+			"aria-haspopup": "listbox",
+			"aria-disabled": p.disabled || void 0,
+			"aria-required": p.required || void 0,
+			disabled: p.disabled || void 0,
+			onClick: X,
+			onFocus: m[2] ||= (e) => F.value = !0,
+			onBlur: m[3] ||= (e) => F.value = !1
+		}, [p.label || o.$slots.label ? (_(), s(r, {
+			key: 0,
+			dir: "row",
+			align: "center",
+			gap: "xs",
+			class: "nb-select__inner-header"
+		}, {
+			default: C(() => [o.$slots.label ? y(o.$slots, "label", { key: 0 }) : (_(), l("label", ce, [d(b(p.label) + " ", 1), p.required ? (_(), l("span", le, "*")) : c("", !0)])), p.helper && !p.error && !p.warning ? (_(), s(n, {
+				key: 2,
+				variant: "helper",
+				"icon-only": !0,
+				class: "nb-select__inner-message"
+			}, {
+				default: C(() => [d(b(p.helper), 1)]),
+				_: 1
+			})) : c("", !0)]),
+			_: 3
+		})) : c("", !0), f(r, {
+			dir: "row",
+			align: "end",
+			flex: "",
+			class: "nb-select__value-row"
+		}, {
+			default: C(() => [u("span", { class: h(["nb-select__value", {
+				"nb-select__value--placeholder": !W.value,
+				"nb-select__value--with-icon": !!U.value
+			}]) }, [U.value ? (_(), s(e, {
+				key: 0,
+				class: "nb-select__value-icon",
+				name: U.value,
+				size: 16
+			}, null, 8, ["name"])) : c("", !0), W.value ? y(o.$slots, "value", {
+				key: 1,
+				values: H.value
+			}, () => [d(b(W.value), 1)]) : (_(), l(i, { key: 2 }, [d(b(p.placeholder), 1)], 64))], 2), f(r, {
+				align: "center",
+				justify: "center",
+				class: "nb-select__caret"
+			}, {
+				default: C(() => [f(e, {
+					name: P.value ? x(E) : x(T),
+					size: 16
+				}, null, 8, ["name"])]),
+				_: 1
+			})]),
+			_: 3
+		})], 40, se), p.error ? (_(), s(n, {
+			key: 0,
+			variant: "error",
+			class: "nb-select__fluid-message"
+		}, {
+			default: C(() => [d(b(p.error), 1)]),
+			_: 1
+		})) : p.warning ? (_(), s(n, {
+			key: 1,
+			variant: "warning",
+			class: "nb-select__fluid-message"
+		}, {
+			default: C(() => [d(b(p.warning), 1)]),
+			_: 1
+		})) : c("", !0)], 64)) : c("", !0)], 34), (_(), s(a, { to: "body" }, [P.value ? (_(), l("div", {
+			key: 0,
+			ref_key: "dropdownRef",
+			ref: z,
+			class: "nb-select__dropdown",
+			style: g(B.value),
+			role: "listbox",
+			"aria-multiselectable": p.multiple || void 0
+		}, [
+			(_(!0), l(i, null, te(p.options, (t, n) => (_(), l("div", {
+				key: t.value,
+				class: h(["nb-select__option", {
+					"nb-select__option--selected": G(t.value),
+					"nb-select__option--highlighted": I.value === n,
+					"nb-select__option--disabled": t.disabled
+				}]),
+				role: "option",
+				"aria-selected": G(t.value),
+				"aria-disabled": t.disabled || void 0,
+				onMouseenter: (e) => I.value = n,
+				onClick: (e) => K(t)
+			}, [
+				p.multiple ? (_(), l("span", fe, [G(t.value) ? (_(), l("svg", pe, [...m[7] ||= [u("path", {
+					d: "M1 4l3 3 5-6",
+					stroke: "currentColor",
+					"stroke-width": "1.5",
+					"stroke-linecap": "round",
+					"stroke-linejoin": "round"
+				}, null, -1)]])) : c("", !0)])) : c("", !0),
+				t.icon ? (_(), s(e, {
+					key: 1,
+					class: "nb-select__option-icon",
+					name: t.icon,
+					size: 16
+				}, null, 8, ["name"])) : c("", !0),
+				u("span", me, [y(o.$slots, "option", { option: t }, () => [d(b(t.label), 1)])])
+			], 42, de))), 128)),
+			!p.options || p.options.length === 0 ? (_(), l("div", D, " No options ")) : c("", !0),
+			p.creatable ? (_(), l("div", {
+				key: 1,
+				class: "nb-select__create",
+				onMousedown: m[6] ||= w(() => {}, ["prevent"])
+			}, [ie(u("input", {
+				"onUpdate:modelValue": m[4] ||= (e) => N.value = e,
+				type: "text",
+				class: "nb-select__create-input",
+				placeholder: p.createPlaceholder || "Add new…",
+				onKeydown: [ae(w(he, ["prevent"]), ["enter"]), m[5] ||= w(() => {}, ["stop"])]
+			}, null, 40, O), [[ne, N.value]])], 32)) : c("", !0)
+		], 12, ue)) : c("", !0)]))], 64));
+	}
+});
+//#endregion
+export { k as t };

package/dist/{Tree-DI_ouWnv.cjs → Tree-CMXvRX6y.cjs}

@@ -1 +1 @@
-require(`./chunk-D-qHiVGv.cjs`);const e=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),t=require(`./TreeContext-BH2qpPud.cjs`);let n=require(`vue`);var r=(0,n.defineComponent)({__name:`Tree`,props:{modelValue:{default:null},compact:{type:Boolean,default:!1},size:{default:`md`},draggable:{type:Boolean,default:!1}},emits:[`update:modelValue`,`select`,`toggle`,`drop`],setup(e,{expose:r,emit:i}){let a=e,o=i,s=(0,n.reactive)(new Set),c=(0,n.ref)(),l=(0,n.reactive)({dragId:null,dropTargetId:null,dropPosition:null});function u(e){o(`update:modelValue`,e),o(`select`,e)}function d(e){s.has(e)?(s.delete(e),o(`toggle`,e,!1)):(s.add(e),o(`toggle`,e,!0))}function f(e,t){}function p(e){}function m(e){l.dragId=e}function h(e,t){e!==l.dragId&&(l.dropTargetId=e,l.dropPosition=t)}function g(e){l.dropTargetId===e&&(l.dropTargetId=null,l.dropPosition=null)}function _(){l.dragId&&l.dropTargetId&&l.dropPosition&&o(`drop`,{sourceId:l.dragId,targetId:l.dropTargetId,position:l.dropPosition}),y()}function v(){y()}function y(){l.dragId=null,l.dropTargetId=null,l.dropPosition=null}function b(e){for(let t of e)s.add(t)}function x(){s.clear()}(0,n.provide)(t.n,(0,n.reactive)({get selectedId(){return a.modelValue??null},select:u,toggle:d,expandedIds:s,get compact(){return a.compact||a.size===`sm`},get draggable(){return a.draggable},drag:l,onDragStart:m,onDragOver:h,onDragLeave:g,onDrop:_,onDragEnd:v,registerNode:f,unregisterNode:p}));function S(){return c.value?Array.from(c.value.querySelectorAll(`[role="treeitem"]`)):[]}function C(e){let t=S();if(t.length===0)return;let n=document.activeElement,r=t.indexOf(n);switch(e.key){case`ArrowDown`:e.preventDefault(),r<t.length-1?t[r+1].focus():r===-1&&t[0].focus();break;case`ArrowUp`:e.preventDefault(),r>0&&t[r-1].focus();break;case`Home`:e.preventDefault(),t[0]?.focus();break;case`End`:e.preventDefault(),t[t.length-1]?.focus();break}}return r({expandIds:b,collapseAll:x}),(t,r)=>((0,n.openBlock)(),(0,n.createElementBlock)(`ul`,{ref_key:`treeRef`,ref:c,role:`tree`,class:(0,n.normalizeClass)([`nb-tree`,{"nb-tree--compact":e.compact||e.size===`sm`}]),onKeydown:C},[(0,n.renderSlot)(t.$slots,`default`,{},void 0,!0)],34))}}),i=e.t(r,[[`__scopeId`,`data-v-f91fb593`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return i}});
+require(`./chunk-D-qHiVGv.cjs`);const e=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),t=require(`./TreeContext-51-0WkVM.cjs`);let n=require(`vue`);var r=(0,n.defineComponent)({__name:`Tree`,props:{modelValue:{default:null},compact:{type:Boolean,default:!1},size:{default:`md`},draggable:{type:Boolean,default:!1}},emits:[`update:modelValue`,`select`,`toggle`,`drop`],setup(e,{expose:r,emit:i}){let a=e,o=i,s=(0,n.reactive)(new Set),c=(0,n.ref)(),l=(0,n.reactive)({dragId:null,dropTargetId:null,dropPosition:null});function u(e){o(`update:modelValue`,e),o(`select`,e)}function d(e){s.has(e)?(s.delete(e),o(`toggle`,e,!1)):(s.add(e),o(`toggle`,e,!0))}function f(e,t){}function p(e){}function m(e){l.dragId=e}function h(e,t){e!==l.dragId&&(l.dropTargetId=e,l.dropPosition=t)}function g(e){l.dropTargetId===e&&(l.dropTargetId=null,l.dropPosition=null)}function _(){l.dragId&&l.dropTargetId&&l.dropPosition&&o(`drop`,{sourceId:l.dragId,targetId:l.dropTargetId,position:l.dropPosition}),y()}function v(){y()}function y(){l.dragId=null,l.dropTargetId=null,l.dropPosition=null}function b(e){for(let t of e)s.add(t)}function x(){s.clear()}(0,n.provide)(t.r,(0,n.reactive)({get selectedId(){return a.modelValue??null},select:u,toggle:d,expandedIds:s,get compact(){return a.compact||a.size===`sm`},get draggable(){return a.draggable},drag:l,onDragStart:m,onDragOver:h,onDragLeave:g,onDrop:_,onDragEnd:v,registerNode:f,unregisterNode:p}));function S(){return c.value?Array.from(c.value.querySelectorAll(`[role="treeitem"]`)):[]}function C(e){let t=S();if(t.length===0)return;let n=document.activeElement,r=t.indexOf(n);switch(e.key){case`ArrowDown`:e.preventDefault(),r<t.length-1?t[r+1].focus():r===-1&&t[0].focus();break;case`ArrowUp`:e.preventDefault(),r>0&&t[r-1].focus();break;case`Home`:e.preventDefault(),t[0]?.focus();break;case`End`:e.preventDefault(),t[t.length-1]?.focus();break}}return r({expandIds:b,collapseAll:x}),(t,r)=>((0,n.openBlock)(),(0,n.createElementBlock)(`ul`,{ref_key:`treeRef`,ref:c,role:`tree`,class:(0,n.normalizeClass)([`nb-tree`,{"nb-tree--compact":e.compact||e.size===`sm`}]),onKeydown:C},[(0,n.renderSlot)(t.$slots,`default`,{},void 0,!0)],34))}}),i=e.t(r,[[`__scopeId`,`data-v-f91fb593`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return i}});

package/dist/{Tree-DHdPsRXV.js → Tree-Clpnh7Mh.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./_plugin-vue_export-helper-O4QQSku4.js";
-import { n as t } from "./TreeContext-DMADOfuO.js";
+import { r as t } from "./TreeContext-C77g-WGF.js";
 import { createElementBlock as n, defineComponent as r, normalizeClass as i, openBlock as a, provide as o, reactive as s, ref as c, renderSlot as l } from "vue";
 //#endregion
 //#region src/components/Tree.vue

package/dist/TreeContext-51-0WkVM.cjs

@@ -0,0 +1 @@
+var e=Symbol(`nb-tree`),t=Symbol(`nb-tree-depth`),n=Symbol(`nb-tree-ancestors`);Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return t}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return e}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return n}});

package/dist/TreeContext-C77g-WGF.js

@@ -0,0 +1,4 @@
+//#region src/components/TreeContext.ts
+var e = Symbol("nb-tree"), t = Symbol("nb-tree-depth"), n = Symbol("nb-tree-ancestors");
+//#endregion
+export { t as n, e as r, n as t };