@nubisco/ui 5.4.1 → 5.5.0

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 };