@nubisco/ui 5.4.0 → 5.5.0

package/dist/Submenu-D5C02DV5.js

@@ -1,123 +0,0 @@
-import { t as e } from "./Icon-rREAqsu0.js";
-import { Fragment as t, Teleport as n, Transition as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createVNode as l, defineComponent as u, inject as d, nextTick as f, normalizeClass as p, normalizeStyle as m, onBeforeUnmount as h, openBlock as g, ref as _, renderSlot as v, toDisplayString as y, unref as b, withCtx as x, withKeys as S, withModifiers as C } from "vue";
-import { regular as w } from "@nubisco/ui/icons/caret-right";
-//#region src/components/Submenu.vue?vue&type=script&setup=true&lang.ts
-var T = [
-	"aria-expanded",
-	"aria-disabled",
-	"onKeydown"
-], E = { class: "nb-menu-item__label" }, D = /* @__PURE__ */ u({
-	__name: "Submenu",
-	props: {
-		icon: { default: void 0 },
-		label: {},
-		disabled: {
-			type: Boolean,
-			default: !1
-		}
-	},
-	setup(u) {
-		let D = u, O = _(null), k = _(null), A = _(!1), j = d("nb-menu", null), M = null, N = null, P = i(() => `nb-menu--${j?.size ?? "md"}`), F = _({
-			position: "fixed",
-			top: "0px",
-			left: "0px",
-			zIndex: "var(--nb-zindex-menu)"
-		});
-		function I() {
-			if (!O.value) return;
-			let e = O.value.getBoundingClientRect(), t = e.right, n = e.top;
-			t + 200 > window.innerWidth && (t = e.left - 200), n + 200 > window.innerHeight && (n = Math.max(8, window.innerHeight - 200)), F.value = {
-				position: "fixed",
-				top: `${n}px`,
-				left: `${t}px`,
-				zIndex: "var(--nb-zindex-menu)"
-			};
-		}
-		function L() {
-			D.disabled || (z(), A.value = !0, I(), f(() => {
-				if (k.value && O.value) {
-					let e = O.value.getBoundingClientRect(), t = k.value.getBoundingClientRect(), n = e.right;
-					n + t.width > window.innerWidth && (n = e.left - t.width);
-					let r = e.top;
-					r + t.height > window.innerHeight && (r = Math.max(8, window.innerHeight - t.height)), F.value = {
-						position: "fixed",
-						top: `${r}px`,
-						left: `${n}px`,
-						zIndex: "var(--nb-zindex-menu)"
-					};
-				}
-			}));
-		}
-		function R() {
-			z(), A.value = !1;
-		}
-		function z() {
-			M &&= (clearTimeout(M), null), N &&= (clearTimeout(N), null);
-		}
-		function B() {
-			z(), M = setTimeout(L, 150);
-		}
-		function V() {
-			z(), N = setTimeout(R, 150);
-		}
-		function H() {
-			z();
-		}
-		function U() {
-			z(), N = setTimeout(R, 150);
-		}
-		function W() {
-			D.disabled || (A.value ? R() : L());
-		}
-		return h(() => {
-			z();
-		}), (i, d) => (g(), s(t, null, [c("li", {
-			ref_key: "triggerRef",
-			ref: O,
-			class: p(["nb-menu-item nb-submenu-trigger", {
-				"nb-menu-item--disabled": u.disabled,
-				"nb-menu-item--highlighted": A.value
-			}]),
-			role: "menuitem",
-			"aria-haspopup": "menu",
-			"aria-expanded": A.value,
-			"aria-disabled": u.disabled || void 0,
-			tabindex: -1,
-			onMouseenter: B,
-			onMouseleave: V,
-			onKeydown: [
-				S(C(L, ["prevent"]), ["right"]),
-				S(C(R, ["prevent"]), ["left"]),
-				S(C(R, ["prevent"]), ["escape"])
-			],
-			onClick: W
-		}, [
-			u.icon ? (g(), a(e, {
-				key: 0,
-				name: u.icon,
-				size: 16,
-				class: "nb-menu-item__icon"
-			}, null, 8, ["name"])) : o("", !0),
-			c("span", E, y(u.label), 1),
-			l(e, {
-				name: b(w),
-				size: 14,
-				class: "nb-submenu-trigger__caret"
-			}, null, 8, ["name"])
-		], 42, T), (g(), a(n, { to: "body" }, [l(r, { name: "nb-submenu" }, {
-			default: x(() => [A.value ? (g(), s("ul", {
-				key: 0,
-				ref_key: "submenuRef",
-				ref: k,
-				role: "menu",
-				class: p(["nb-menu nb-submenu", [P.value]]),
-				style: m(F.value),
-				onMouseenter: H,
-				onMouseleave: U
-			}, [v(i.$slots, "default")], 38)) : o("", !0)]),
-			_: 3
-		})]))], 64));
-	}
-});
-//#endregion
-export { D as t };

package/dist/Submenu-DuMYz-uf.cjs

@@ -1 +0,0 @@
-require(`./chunk-D-qHiVGv.cjs`);const e=require(`./Icon-C8R_r_In.cjs`);let t=require(`vue`),n=require(`@nubisco/ui/icons/caret-right`);var r=[`aria-expanded`,`aria-disabled`,`onKeydown`],i={class:`nb-menu-item__label`},a=(0,t.defineComponent)({__name:`Submenu`,props:{icon:{default:void 0},label:{},disabled:{type:Boolean,default:!1}},setup(a){let o=a,s=(0,t.ref)(null),c=(0,t.ref)(null),l=(0,t.ref)(!1),u=(0,t.inject)(`nb-menu`,null),d=null,f=null,p=(0,t.computed)(()=>`nb-menu--${u?.size??`md`}`),m=(0,t.ref)({position:`fixed`,top:`0px`,left:`0px`,zIndex:`var(--nb-zindex-menu)`});function h(){if(!s.value)return;let e=s.value.getBoundingClientRect(),t=e.right,n=e.top;t+200>window.innerWidth&&(t=e.left-200),n+200>window.innerHeight&&(n=Math.max(8,window.innerHeight-200)),m.value={position:`fixed`,top:`${n}px`,left:`${t}px`,zIndex:`var(--nb-zindex-menu)`}}function g(){o.disabled||(v(),l.value=!0,h(),(0,t.nextTick)(()=>{if(c.value&&s.value){let e=s.value.getBoundingClientRect(),t=c.value.getBoundingClientRect(),n=e.right;n+t.width>window.innerWidth&&(n=e.left-t.width);let r=e.top;r+t.height>window.innerHeight&&(r=Math.max(8,window.innerHeight-t.height)),m.value={position:`fixed`,top:`${r}px`,left:`${n}px`,zIndex:`var(--nb-zindex-menu)`}}}))}function _(){v(),l.value=!1}function v(){d&&=(clearTimeout(d),null),f&&=(clearTimeout(f),null)}function y(){v(),d=setTimeout(g,150)}function b(){v(),f=setTimeout(_,150)}function x(){v()}function S(){v(),f=setTimeout(_,150)}function C(){o.disabled||(l.value?_():g())}return(0,t.onBeforeUnmount)(()=>{v()}),(o,u)=>((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,null,[(0,t.createElementVNode)(`li`,{ref_key:`triggerRef`,ref:s,class:(0,t.normalizeClass)([`nb-menu-item nb-submenu-trigger`,{"nb-menu-item--disabled":a.disabled,"nb-menu-item--highlighted":l.value}]),role:`menuitem`,"aria-haspopup":`menu`,"aria-expanded":l.value,"aria-disabled":a.disabled||void 0,tabindex:-1,onMouseenter:y,onMouseleave:b,onKeydown:[(0,t.withKeys)((0,t.withModifiers)(g,[`prevent`]),[`right`]),(0,t.withKeys)((0,t.withModifiers)(_,[`prevent`]),[`left`]),(0,t.withKeys)((0,t.withModifiers)(_,[`prevent`]),[`escape`])],onClick:C},[a.icon?((0,t.openBlock)(),(0,t.createBlock)(e.t,{key:0,name:a.icon,size:16,class:`nb-menu-item__icon`},null,8,[`name`])):(0,t.createCommentVNode)(``,!0),(0,t.createElementVNode)(`span`,i,(0,t.toDisplayString)(a.label),1),(0,t.createVNode)(e.t,{name:(0,t.unref)(n.regular),size:14,class:`nb-submenu-trigger__caret`},null,8,[`name`])],42,r),((0,t.openBlock)(),(0,t.createBlock)(t.Teleport,{to:`body`},[(0,t.createVNode)(t.Transition,{name:`nb-submenu`},{default:(0,t.withCtx)(()=>[l.value?((0,t.openBlock)(),(0,t.createElementBlock)(`ul`,{key:0,ref_key:`submenuRef`,ref:c,role:`menu`,class:(0,t.normalizeClass)([`nb-menu nb-submenu`,[p.value]]),style:(0,t.normalizeStyle)(m.value),onMouseenter:x,onMouseleave:S},[(0,t.renderSlot)(o.$slots,`default`)],38)):(0,t.createCommentVNode)(``,!0)]),_:3})]))],64))}});Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return a}});

package/dist/TreeNode-CyOc2r4y.cjs

@@ -1 +0,0 @@
-require(`./chunk-D-qHiVGv.cjs`);const e=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),t=require(`./Icon-C8R_r_In.cjs`),n=require(`./TreeContext-XcdJsmjK.cjs`);let r=require(`vue`),i=require(`@nubisco/ui/icons/caret-right`);var a=[`draggable`,`aria-expanded`,`aria-selected`,`aria-disabled`,`aria-grabbed`],o={key:1,class:`nb-tree-node__toggle-spacer`},s={class:`nb-tree-node__label-text`},c={key:3,class:`nb-tree-node__actions`},l={key:0,role:`group`,class:`nb-tree-node__children`},u=(0,r.defineComponent)({__name:`TreeNode`,props:{id:{},label:{},icon:{default:void 0},disabled:{type:Boolean,default:!1},depth:{default:null},draggable:{type:[Boolean,null],default:null}},emits:[`select`,`toggle`,`contextmenu`,`dblclick`],setup(e,{emit:u}){let d=e,f=u,p=(0,r.useSlots)(),m=(0,r.inject)(n.n),h=(0,r.inject)(n.t,0),g=(0,r.computed)(()=>d.depth??h);(0,r.provide)(n.t,g.value+1);let _=(0,r.computed)(()=>!!p.default),v=(0,r.computed)(()=>m?.expandedIds.has(d.id)??!1),y=(0,r.computed)(()=>m?.selectedId===d.id),b=(0,r.computed)(()=>m?.compact??!1),x=(0,r.computed)(()=>b.value?`24px`:`32px`),S=(0,r.computed)(()=>`${16+g.value*16}px`),C=(0,r.computed)(()=>d.disabled?!1:d.draggable===null?m?.draggable??!1:d.draggable),w=(0,r.computed)(()=>m?.drag.dragId===d.id),T=(0,r.computed)(()=>m?.drag.dropTargetId===d.id),E=(0,r.computed)(()=>T.value?m?.drag.dropPosition:null);function D(){d.disabled||!m||(m.select(d.id),f(`select`,d.id),_.value&&(m.toggle(d.id),f(`toggle`,d.id,!v.value)))}function O(e){e.stopPropagation(),!(d.disabled||!m)&&(m.toggle(d.id),f(`toggle`,d.id,!v.value))}function k(){d.disabled||(_.value&&m&&m.toggle(d.id),f(`dblclick`,d.id))}function A(e){f(`contextmenu`,e,d.id)}function j(e){!C.value||!m||!e.dataTransfer||(e.dataTransfer.effectAllowed=`move`,e.dataTransfer.setData(`text/plain`,d.id),m.onDragStart(d.id))}function M(e,t){let n=t.getBoundingClientRect(),r=e.clientY-n.top,i=n.height;return r<i*.25?`before`:r>i*.75?`after`:_.value?`inside`:r<i*.5?`before`:`after`}function N(e){if(!m||m.drag.dragId===d.id||d.disabled)return;e.preventDefault(),e.stopPropagation(),e.dataTransfer&&(e.dataTransfer.dropEffect=`move`);let t=e.currentTarget.querySelector(`.nb-tree-node__label`);t&&m.onDragOver(d.id,M(e,t))}function P(e){if(!m)return;let t=e.relatedTarget,n=e.currentTarget;(!t||!n.contains(t))&&m.onDragLeave(d.id)}function F(e){e.preventDefault(),e.stopPropagation(),m&&m.onDrop()}function I(){m&&m.onDragEnd()}function L(e){m&&(e.key===`Enter`?(e.preventDefault(),D()):e.key===`ArrowRight`&&_.value?(e.preventDefault(),v.value||(m.toggle(d.id),f(`toggle`,d.id,!0))):e.key===`ArrowLeft`?(e.preventDefault(),v.value&&(m.toggle(d.id),f(`toggle`,d.id,!1))):e.key===`F2`&&(e.preventDefault(),f(`dblclick`,d.id)))}return(n,u)=>((0,r.openBlock)(),(0,r.createElementBlock)(`li`,{role:`treeitem`,tabindex:`-1`,draggable:C.value||void 0,"aria-expanded":_.value?v.value:void 0,"aria-selected":y.value,"aria-disabled":e.disabled||void 0,"aria-grabbed":C.value?w.value:void 0,class:(0,r.normalizeClass)([`nb-tree-node`,{"nb-tree-node--selected":y.value,"nb-tree-node--disabled":e.disabled,"nb-tree-node--branch":_.value,"nb-tree-node--leaf":!_.value,"nb-tree-node--dragging":w.value,"nb-tree-node--drop-before":E.value===`before`,"nb-tree-node--drop-after":E.value===`after`,"nb-tree-node--drop-inside":E.value===`inside`}]),onClick:(0,r.withModifiers)(D,[`stop`]),onDblclick:(0,r.withModifiers)(k,[`stop`]),onContextmenu:(0,r.withModifiers)(A,[`prevent`]),onKeydown:L,onDragstart:j,onDragover:N,onDragleave:P,onDrop:F,onDragend:I},[(0,r.createElementVNode)(`div`,{class:`nb-tree-node__label`,style:(0,r.normalizeStyle)({minHeight:x.value,paddingInlineStart:S.value})},[_.value?((0,r.openBlock)(),(0,r.createElementBlock)(`span`,{key:0,class:`nb-tree-node__toggle`,onClick:O},[(0,r.createVNode)(t.t,{name:(0,r.unref)(i.regular),size:`xs`,class:(0,r.normalizeClass)([`nb-tree-node__toggle-icon`,{"nb-tree-node__toggle-icon--expanded":v.value}])},null,8,[`name`,`class`])])):((0,r.openBlock)(),(0,r.createElementBlock)(`span`,o)),e.icon?((0,r.openBlock)(),(0,r.createBlock)(t.t,{key:2,name:e.icon,size:`sm`,class:`nb-tree-node__icon`},null,8,[`name`])):(0,r.createCommentVNode)(``,!0),(0,r.createElementVNode)(`span`,s,[(0,r.renderSlot)(n.$slots,`label`,{},()=>[(0,r.createTextVNode)((0,r.toDisplayString)(e.label),1)],!0)]),n.$slots.actions?((0,r.openBlock)(),(0,r.createElementBlock)(`span`,c,[(0,r.renderSlot)(n.$slots,`actions`,{},void 0,!0)])):(0,r.createCommentVNode)(``,!0)],4),_.value&&v.value?((0,r.openBlock)(),(0,r.createElementBlock)(`ul`,l,[(0,r.renderSlot)(n.$slots,`default`,{},void 0,!0)])):(0,r.createCommentVNode)(``,!0)],42,a))}}),d=e.t(u,[[`__scopeId`,`data-v-b43c88e0`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return d}});

package/dist/TreeNode-S_qQNbsJ.js

@@ -1,143 +0,0 @@
-import { t as e } from "./_plugin-vue_export-helper-O4QQSku4.js";
-import { t } from "./Icon-rREAqsu0.js";
-import { n, t as r } from "./TreeContext-RyZC10Bs.js";
-import { computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, createVNode as u, defineComponent as d, inject as f, normalizeClass as p, normalizeStyle as m, openBlock as h, provide as g, renderSlot as _, toDisplayString as v, unref as y, useSlots as b, withModifiers as x } from "vue";
-import { regular as S } from "@nubisco/ui/icons/caret-right";
-//#region src/components/TreeNode.vue?vue&type=script&setup=true&lang.ts
-var C = [
-	"draggable",
-	"aria-expanded",
-	"aria-selected",
-	"aria-disabled",
-	"aria-grabbed"
-], w = {
-	key: 1,
-	class: "nb-tree-node__toggle-spacer"
-}, T = { class: "nb-tree-node__label-text" }, E = {
-	key: 3,
-	class: "nb-tree-node__actions"
-}, D = {
-	key: 0,
-	role: "group",
-	class: "nb-tree-node__children"
-}, O = /* @__PURE__ */ e(/* @__PURE__ */ d({
-	__name: "TreeNode",
-	props: {
-		id: {},
-		label: {},
-		icon: { default: void 0 },
-		disabled: {
-			type: Boolean,
-			default: !1
-		},
-		depth: { default: null },
-		draggable: {
-			type: [Boolean, null],
-			default: null
-		}
-	},
-	emits: [
-		"select",
-		"toggle",
-		"contextmenu",
-		"dblclick"
-	],
-	setup(e, { emit: d }) {
-		let O = e, k = d, A = b(), j = f(n), M = f(r, 0), N = i(() => O.depth ?? M);
-		g(r, N.value + 1);
-		let P = i(() => !!A.default), F = i(() => j?.expandedIds.has(O.id) ?? !1), I = i(() => j?.selectedId === O.id), L = i(() => j?.compact ?? !1), R = i(() => L.value ? "24px" : "32px"), z = i(() => `${16 + N.value * 16}px`), B = i(() => O.disabled ? !1 : O.draggable === null ? j?.draggable ?? !1 : O.draggable), V = i(() => j?.drag.dragId === O.id), H = i(() => j?.drag.dropTargetId === O.id), U = i(() => H.value ? j?.drag.dropPosition : null);
-		function W() {
-			O.disabled || !j || (j.select(O.id), k("select", O.id), P.value && (j.toggle(O.id), k("toggle", O.id, !F.value)));
-		}
-		function G(e) {
-			e.stopPropagation(), !(O.disabled || !j) && (j.toggle(O.id), k("toggle", O.id, !F.value));
-		}
-		function K() {
-			O.disabled || (P.value && j && j.toggle(O.id), k("dblclick", O.id));
-		}
-		function q(e) {
-			k("contextmenu", e, O.id);
-		}
-		function J(e) {
-			!B.value || !j || !e.dataTransfer || (e.dataTransfer.effectAllowed = "move", e.dataTransfer.setData("text/plain", O.id), j.onDragStart(O.id));
-		}
-		function Y(e, t) {
-			let n = t.getBoundingClientRect(), r = e.clientY - n.top, i = n.height;
-			return r < i * .25 ? "before" : r > i * .75 ? "after" : P.value ? "inside" : r < i * .5 ? "before" : "after";
-		}
-		function X(e) {
-			if (!j || j.drag.dragId === O.id || O.disabled) return;
-			e.preventDefault(), e.stopPropagation(), e.dataTransfer && (e.dataTransfer.dropEffect = "move");
-			let t = e.currentTarget.querySelector(".nb-tree-node__label");
-			t && j.onDragOver(O.id, Y(e, t));
-		}
-		function Z(e) {
-			if (!j) return;
-			let t = e.relatedTarget, n = e.currentTarget;
-			(!t || !n.contains(t)) && j.onDragLeave(O.id);
-		}
-		function Q(e) {
-			e.preventDefault(), e.stopPropagation(), j && j.onDrop();
-		}
-		function $() {
-			j && j.onDragEnd();
-		}
-		function ee(e) {
-			j && (e.key === "Enter" ? (e.preventDefault(), W()) : e.key === "ArrowRight" && P.value ? (e.preventDefault(), F.value || (j.toggle(O.id), k("toggle", O.id, !0))) : e.key === "ArrowLeft" ? (e.preventDefault(), F.value && (j.toggle(O.id), k("toggle", O.id, !1))) : e.key === "F2" && (e.preventDefault(), k("dblclick", O.id)));
-		}
-		return (n, r) => (h(), s("li", {
-			role: "treeitem",
-			tabindex: "-1",
-			draggable: B.value || void 0,
-			"aria-expanded": P.value ? F.value : void 0,
-			"aria-selected": I.value,
-			"aria-disabled": e.disabled || void 0,
-			"aria-grabbed": B.value ? V.value : void 0,
-			class: p(["nb-tree-node", {
-				"nb-tree-node--selected": I.value,
-				"nb-tree-node--disabled": e.disabled,
-				"nb-tree-node--branch": P.value,
-				"nb-tree-node--leaf": !P.value,
-				"nb-tree-node--dragging": V.value,
-				"nb-tree-node--drop-before": U.value === "before",
-				"nb-tree-node--drop-after": U.value === "after",
-				"nb-tree-node--drop-inside": U.value === "inside"
-			}]),
-			onClick: x(W, ["stop"]),
-			onDblclick: x(K, ["stop"]),
-			onContextmenu: x(q, ["prevent"]),
-			onKeydown: ee,
-			onDragstart: J,
-			onDragover: X,
-			onDragleave: Z,
-			onDrop: Q,
-			onDragend: $
-		}, [c("div", {
-			class: "nb-tree-node__label",
-			style: m({
-				minHeight: R.value,
-				paddingInlineStart: z.value
-			})
-		}, [
-			P.value ? (h(), s("span", {
-				key: 0,
-				class: "nb-tree-node__toggle",
-				onClick: G
-			}, [u(t, {
-				name: y(S),
-				size: "xs",
-				class: p(["nb-tree-node__toggle-icon", { "nb-tree-node__toggle-icon--expanded": F.value }])
-			}, null, 8, ["name", "class"])])) : (h(), s("span", w)),
-			e.icon ? (h(), a(t, {
-				key: 2,
-				name: e.icon,
-				size: "sm",
-				class: "nb-tree-node__icon"
-			}, null, 8, ["name"])) : o("", !0),
-			c("span", T, [_(n.$slots, "label", {}, () => [l(v(e.label), 1)], !0)]),
-			n.$slots.actions ? (h(), s("span", E, [_(n.$slots, "actions", {}, void 0, !0)])) : o("", !0)
-		], 4), P.value && F.value ? (h(), s("ul", D, [_(n.$slots, "default", {}, void 0, !0)])) : o("", !0)], 42, C));
-	}
-}), [["__scopeId", "data-v-b43c88e0"]]);
-//#endregion
-export { O as t };