@septkit/ui 0.0.64 → 0.0.65

package/dist/index.js

@@ -16,41 +16,43 @@ import _ from "./dialog/dialog-host.js";
 import "./dialog/index.js";
 import v from "./progress/document-progress-bar.js";
 import "./progress/index.js";
-import { CATEGORY_ELEMENTS as y, ELEMENT_TO_COLOR as b } from "./icons/element-color-map.generated.js";
-import { ELEMENT_TO_ICON as x } from "./icons/element-icon-mapper.js";
-import { collectExpandableNodeIds as S } from "./explorer/collect-expandable-node-ids.js";
-import C from "./explorer/explorer.js";
+import y from "./tooltip/floating-tooltip.js";
+import "./tooltip/index.js";
+import { CATEGORY_ELEMENTS as b, ELEMENT_TO_COLOR as x } from "./icons/element-color-map.generated.js";
+import { ELEMENT_TO_ICON as S } from "./icons/element-icon-mapper.js";
+import { collectExpandableNodeIds as C } from "./explorer/collect-expandable-node-ids.js";
+import w from "./explorer/explorer.js";
 import "./explorer/index.js";
-import { highlightCode as w } from "./code/highlight.js";
-import T from "./code/code-block.js";
-import { diffLines as E } from "./code/diff.js";
-import D from "./code/xml-diff.js";
+import { highlightCode as T } from "./code/highlight.js";
+import E from "./code/code-block.js";
+import { diffLines as D } from "./code/diff.js";
+import O from "./code/xml-diff.js";
 import "./code/index.js";
-import O from "./merge/decision-toggle.js";
-import k from "./merge/element-detail.js";
-import A from "./merge/merge-tree.js";
-import j from "./merge/type-name-authority.js";
-import { useMergeSession as M } from "./merge/use-merge-session.js";
-import N from "./merge/merge-review.js";
+import k from "./merge/decision-toggle.js";
+import A from "./merge/element-detail.js";
+import j from "./merge/merge-tree.js";
+import M from "./merge/type-name-authority.js";
+import { useMergeSession as N } from "./merge/use-merge-session.js";
+import P from "./merge/merge-review.js";
 import "./merge/index.js";
-import { KEY_SEPARATOR as P, NO_VALUE_KEY as F, buildFlatOptions as I, buildMultiValueOptions as L, buildTreeOptions as R, collectLeafKeys as z, collectParentKeys as B, filterTree as V } from "./table/filters/build-filter-options.js";
-import { useColumnFilters as H } from "./table/filters/use-column-filters.js";
-import { useRowSort as U } from "./table/filters/use-row-sort.js";
-import { provideColumnFilterHeader as W, useColumnFilterHeaderContext as G } from "./table/column-filter-context.js";
-import { provideRowSortHeader as K, useOptionalRowSortContext as q } from "./table/row-sort-context.js";
-import J from "./table/filterable-column-header.js";
+import { KEY_SEPARATOR as F, NO_VALUE_KEY as I, buildFlatOptions as L, buildMultiValueOptions as R, buildTreeOptions as z, collectLeafKeys as B, collectParentKeys as V, filterTree as H } from "./table/filters/build-filter-options.js";
+import { useColumnFilters as U } from "./table/filters/use-column-filters.js";
+import { useRowSort as W } from "./table/filters/use-row-sort.js";
+import { provideColumnFilterHeader as G, useColumnFilterHeaderContext as K } from "./table/column-filter-context.js";
+import { provideRowSortHeader as q, useOptionalRowSortContext as J } from "./table/row-sort-context.js";
+import Y from "./table/filterable-column-header.js";
 import "./table/index.js";
-import Y from "./context-menu/context-menu.js";
+import X from "./context-menu/context-menu.js";
 import "./context-menu/index.js";
-import X from "./split-layout/split-layout.js";
+import Z from "./split-layout/split-layout.js";
 import "./split-layout/index.js";
-import { applyInitialVisibility as Z, buildRecordCache as Q, collectVisibleIds as $, hideDescendants as ee } from "./diagram-layout/visibility-model.js";
-import { groupStackMetrics as te } from "./diagram-layout/group-stack.js";
-import { GROUP_COLLAPSED_MEMBERS_HEIGHT as ne, GROUP_HEADER_HEIGHT as re, GROUP_MEMBER_GAP as ie, GROUP_MEMBER_HEIGHT as ae, GROUP_MEMBER_HEIGHT_COMPACT as oe, memberCardHeight as se } from "./diagram-layout/group-geometry.js";
-import { computeGroups as ce, isGroupId as le, makeGroupId as ue } from "./diagram-layout/grouping.js";
-import { createElkLayoutEngine as de } from "./diagram-layout/elk-layout-engine.js";
-import { useDiagramLayout as fe } from "./diagram-layout/use-diagram-layout.js";
-import pe from "./diagram-layout/diagram-node-card.js";
-import me from "./diagram-layout/diagram-node-group.js";
+import { applyInitialVisibility as Q, buildRecordCache as $, collectVisibleIds as ee, hideDescendants as te } from "./diagram-layout/visibility-model.js";
+import { groupStackMetrics as ne } from "./diagram-layout/group-stack.js";
+import { GROUP_COLLAPSED_MEMBERS_HEIGHT as re, GROUP_HEADER_HEIGHT as ie, GROUP_MEMBER_GAP as ae, GROUP_MEMBER_HEIGHT as oe, GROUP_MEMBER_HEIGHT_COMPACT as se, memberCardHeight as ce } from "./diagram-layout/group-geometry.js";
+import { computeGroups as le, isGroupId as ue, makeGroupId as de } from "./diagram-layout/grouping.js";
+import { createElkLayoutEngine as fe } from "./diagram-layout/elk-layout-engine.js";
+import { useDiagramLayout as pe } from "./diagram-layout/use-diagram-layout.js";
+import me from "./diagram-layout/diagram-node-card.js";
+import he from "./diagram-layout/diagram-node-group.js";
 import "./diagram-layout/index.js";
-export { s as Button, y as CATEGORY_ELEMENTS, T as CodeBlock, l as Combobox, Y as ContextMenu, O as DecisionToggle, pe as DiagramNodeCard, me as DiagramNodeGroup, d as Dialog, _ as DialogHost, v as DocumentProgressBar, c as Dropdown, b as ELEMENT_TO_COLOR, x as ELEMENT_TO_ICON, k as ElementDetail, f as FeedbackDialog, J as FilterableColumnHeader, ne as GROUP_COLLAPSED_MEMBERS_HEIGHT, re as GROUP_HEADER_HEIGHT, ie as GROUP_MEMBER_GAP, ae as GROUP_MEMBER_HEIGHT, oe as GROUP_MEMBER_HEIGHT_COMPACT, P as KEY_SEPARATOR, N as MergeReview, A as MergeTree, u as MultiSelect, F as NO_VALUE_KEY, C as SclExplorer, X as SplitLayout, j as TypeNameAuthority, D as XmlDiff, Z as applyInitialVisibility, I as buildFlatOptions, L as buildMultiValueOptions, Q as buildRecordCache, R as buildTreeOptions, S as collectExpandableNodeIds, z as collectLeafKeys, B as collectParentKeys, $ as collectVisibleIds, ce as computeGroups, p as createDialogHost, e as createDocumentStore, de as createElkLayoutEngine, m as dialogHostKey, E as diffLines, V as filterTree, te as groupStackMetrics, ee as hideDescendants, w as highlightCode, le as isGroupId, ue as makeGroupId, se as memberCardHeight, W as provideColumnFilterHeader, h as provideDialogHost, K as provideRowSortHeader, i as useActiveDocument, G as useColumnFilterHeaderContext, H as useColumnFilters, fe as useDiagramLayout, t as useDialecteChannel, g as useDialog, a as useDocumentProgress, o as useDocumentState, n as useLiveData, M as useMergeSession, q as useOptionalRowSortContext, r as useProjectLiveData, U as useRowSort };
+export { s as Button, b as CATEGORY_ELEMENTS, E as CodeBlock, l as Combobox, X as ContextMenu, k as DecisionToggle, me as DiagramNodeCard, he as DiagramNodeGroup, d as Dialog, _ as DialogHost, v as DocumentProgressBar, c as Dropdown, x as ELEMENT_TO_COLOR, S as ELEMENT_TO_ICON, A as ElementDetail, f as FeedbackDialog, Y as FilterableColumnHeader, y as FloatingTooltip, re as GROUP_COLLAPSED_MEMBERS_HEIGHT, ie as GROUP_HEADER_HEIGHT, ae as GROUP_MEMBER_GAP, oe as GROUP_MEMBER_HEIGHT, se as GROUP_MEMBER_HEIGHT_COMPACT, F as KEY_SEPARATOR, P as MergeReview, j as MergeTree, u as MultiSelect, I as NO_VALUE_KEY, w as SclExplorer, Z as SplitLayout, M as TypeNameAuthority, O as XmlDiff, Q as applyInitialVisibility, L as buildFlatOptions, R as buildMultiValueOptions, $ as buildRecordCache, z as buildTreeOptions, C as collectExpandableNodeIds, B as collectLeafKeys, V as collectParentKeys, ee as collectVisibleIds, le as computeGroups, p as createDialogHost, e as createDocumentStore, fe as createElkLayoutEngine, m as dialogHostKey, D as diffLines, H as filterTree, ne as groupStackMetrics, te as hideDescendants, T as highlightCode, ue as isGroupId, de as makeGroupId, ce as memberCardHeight, G as provideColumnFilterHeader, h as provideDialogHost, q as provideRowSortHeader, i as useActiveDocument, K as useColumnFilterHeaderContext, U as useColumnFilters, pe as useDiagramLayout, t as useDialecteChannel, g as useDialog, a as useDocumentProgress, o as useDocumentState, n as useLiveData, N as useMergeSession, J as useOptionalRowSortContext, r as useProjectLiveData, W as useRowSort };

package/dist/tooltip/floating-tooltip.js

@@ -0,0 +1,5 @@
+import e from "./floating-tooltip.vue_vue_type_script_setup_true_lang.js";
+//#region lib/tooltip/floating-tooltip.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/tooltip/floating-tooltip.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,76 @@
+import { TooltipProvider_default as e } from "../external/.pnpm/reka-ui@2.10.1_vue@3.5.39_typescript@5.8.3_/node_modules/reka-ui/dist/Tooltip/TooltipProvider.js";
+import { TooltipRoot_default as t } from "../external/.pnpm/reka-ui@2.10.1_vue@3.5.39_typescript@5.8.3_/node_modules/reka-ui/dist/Tooltip/TooltipRoot.js";
+import { TooltipContent_default as n } from "../external/.pnpm/reka-ui@2.10.1_vue@3.5.39_typescript@5.8.3_/node_modules/reka-ui/dist/Tooltip/TooltipContent.js";
+import { TooltipPortal_default as r } from "../external/.pnpm/reka-ui@2.10.1_vue@3.5.39_typescript@5.8.3_/node_modules/reka-ui/dist/Tooltip/TooltipPortal.js";
+import { TooltipTrigger_default as i } from "../external/.pnpm/reka-ui@2.10.1_vue@3.5.39_typescript@5.8.3_/node_modules/reka-ui/dist/Tooltip/TooltipTrigger.js";
+import { createBlock as a, createTextVNode as o, createVNode as s, defineComponent as c, openBlock as l, ref as u, renderSlot as d, toDisplayString as f, unref as p, useTemplateRef as m, watch as h, watchPostEffect as g, withCtx as _ } from "vue";
+//#region lib/tooltip/floating-tooltip.vue?vue&type=script&setup=true&lang.ts
+var v = /*@__PURE__*/ c({
+	__name: "floating-tooltip",
+	props: {
+		content: {},
+		onlyWhenTruncated: {
+			type: Boolean,
+			default: !1
+		},
+		truncationSelector: {}
+	},
+	setup(c) {
+		let v = c, y = m("trigger"), b = m("panel"), x = u(!1), S = u("body"), C = /* @__PURE__ */ new WeakMap();
+		h(() => v.content, (e) => {
+			e || (x.value = !1);
+		}), g(() => {
+			let e = y.value?.$el;
+			if (!(e instanceof HTMLElement)) return;
+			C.has(e) || C.set(e, e.getAttribute("aria-describedby") ?? "");
+			let t = b.value?.$el, n = x.value && t instanceof HTMLElement ? t.querySelector("[role=\"tooltip\"]")?.id : void 0, r = [C.get(e), n].filter(Boolean).join(" ");
+			r ? e.setAttribute("aria-describedby", r) : e.removeAttribute("aria-describedby");
+		});
+		function w(e) {
+			let t = y.value?.$el;
+			if (!e || !v.content || !(t instanceof HTMLElement)) {
+				x.value = !1;
+				return;
+			}
+			let n = v.truncationSelector ? [...t.querySelectorAll(v.truncationSelector)] : [t];
+			S.value = t.closest("dialog[open]") ?? t.ownerDocument.body, x.value = !v.onlyWhenTruncated || n.some((e) => e.scrollWidth > e.clientWidth + 1);
+		}
+		return (u, m) => (l(), a(p(e), {
+			"delay-duration": 0,
+			"disable-hoverable-content": ""
+		}, {
+			default: _(() => [s(p(t), {
+				open: x.value,
+				"onUpdate:open": w
+			}, {
+				default: _(() => [s(p(i), {
+					ref_key: "trigger",
+					ref: y,
+					"as-child": ""
+				}, {
+					default: _(() => [d(u.$slots, "default")]),
+					_: 3
+				}, 512), s(p(r), { to: S.value }, {
+					default: _(() => [s(p(n), {
+						ref_key: "panel",
+						ref: b,
+						class: "pointer-events-none z-[9999] max-w-[min(32rem,calc(100vw-16px))] rounded-md bg-neutral px-2.5 py-1.5 text-xs leading-tight whitespace-normal text-neutral-content [overflow-wrap:anywhere] shadow-[0_4px_12px_rgb(0_0_0_/_0.18)]",
+						side: "bottom",
+						align: "start",
+						"position-strategy": "fixed",
+						"side-offset": 6,
+						"collision-padding": 8
+					}, {
+						default: _(() => [o(f(c.content), 1)]),
+						_: 1
+					}, 512)]),
+					_: 1
+				}, 8, ["to"])]),
+				_: 3
+			}, 8, ["open"])]),
+			_: 3
+		}));
+	}
+});
+//#endregion
+export { v as default };

package/dist/tooltip/index.js

@@ -0,0 +1,2 @@
+import e from "./floating-tooltip.js";
+export { e as FloatingTooltip };