@nubisco/ui 5.5.0 → 5.7.0

package/dist/TreeNode-CME77z98.js

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

package/dist/TreeNode-CpV3GOzv.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-BH2qpPud.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},expandable:{type:[Boolean,null],default:null},droppable:{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,v=-1,y=!1;(0,r.onBeforeMount)(()=>_++),(0,r.onBeforeUpdate)(()=>_++);function b(e){return!!e?.some(e=>e.type===r.Comment?!1:e.type===r.Fragment?b(e.children):e.type===r.Text?String(e.children??``).trim()!==``:!0)}function x(){return v!==_&&(v=_,y=b(p.default?.())),y}function S(){return d.expandable??x()}function C(){return d.droppable??S()}let w=(0,r.computed)(()=>m?.expandedIds.has(d.id)??!1),T=(0,r.computed)(()=>m?.selectedId===d.id),E=(0,r.computed)(()=>m?.compact??!1),D=(0,r.computed)(()=>E.value?`24px`:`32px`),O=(0,r.computed)(()=>`${16+g.value*16}px`),k=(0,r.computed)(()=>d.disabled?!1:d.draggable===null?m?.draggable??!1:d.draggable),A=(0,r.computed)(()=>m?.drag.dragId===d.id),j=(0,r.computed)(()=>m?.drag.dropTargetId===d.id),M=(0,r.computed)(()=>j.value?m?.drag.dropPosition:null);function N(){d.disabled||!m||(m.select(d.id),f(`select`,d.id),S()&&(m.toggle(d.id),f(`toggle`,d.id,!w.value)))}function P(e){e.stopPropagation(),!(d.disabled||!m)&&(m.toggle(d.id),f(`toggle`,d.id,!w.value))}function F(){d.disabled||(S()&&m&&m.toggle(d.id),f(`dblclick`,d.id))}function I(e){f(`contextmenu`,e,d.id)}function L(e){e.target?.closest?.(`.nb-tree-node`)===e.currentTarget&&(!k.value||!m||!e.dataTransfer||(e.dataTransfer.effectAllowed=`move`,e.dataTransfer.setData(`text/plain`,d.id),m.onDragStart(d.id)))}function R(e,t){let n=t.getBoundingClientRect(),r=e.clientY-n.top,i=n.height;return r<i*.25?`before`:r>i*.75?`after`:C()?`inside`:r<i*.5?`before`:`after`}function z(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,R(e,t))}function B(e){if(!m)return;let t=e.relatedTarget,n=e.currentTarget;(!t||!n.contains(t))&&m.onDragLeave(d.id)}function V(e){e.preventDefault(),e.stopPropagation(),m&&m.onDrop()}function H(){m&&m.onDragEnd()}function U(e){m&&(e.key===`Enter`?(e.preventDefault(),N()):e.key===`ArrowRight`&&S()?(e.preventDefault(),w.value||(m.toggle(d.id),f(`toggle`,d.id,!0))):e.key===`ArrowLeft`?(e.preventDefault(),w.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:k.value||void 0,"aria-expanded":S()?w.value:void 0,"aria-selected":T.value,"aria-disabled":e.disabled||void 0,"aria-grabbed":k.value?A.value:void 0,class:(0,r.normalizeClass)([`nb-tree-node`,{"nb-tree-node--selected":T.value,"nb-tree-node--disabled":e.disabled,"nb-tree-node--branch":S(),"nb-tree-node--leaf":!S(),"nb-tree-node--dragging":A.value,"nb-tree-node--drop-before":M.value===`before`,"nb-tree-node--drop-after":M.value===`after`,"nb-tree-node--drop-inside":M.value===`inside`}]),onClick:(0,r.withModifiers)(N,[`stop`]),onDblclick:(0,r.withModifiers)(F,[`stop`]),onContextmenu:(0,r.withModifiers)(I,[`prevent`]),onKeydown:U,onDragstart:L,onDragover:z,onDragleave:B,onDrop:V,onDragend:H},[(0,r.createElementVNode)(`div`,{class:`nb-tree-node__label`,style:(0,r.normalizeStyle)({minHeight:D.value,paddingInlineStart:O.value})},[S()?((0,r.openBlock)(),(0,r.createElementBlock)(`span`,{key:0,class:`nb-tree-node__toggle`,onClick:P},[(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":w.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),S()&&w.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-56d9a66a`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return d}});