@pgcorp/ui-kit 0.10.0 → 0.10.1

package/dist/src/components/shared/database/SSqlEditor.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,324 @@
+import { hasOwn as e } from "../../../internal/es2020.js";
+import { useUiKitLocale as t } from "../../../composables/useUiKitLocale.js";
+import { useOwnedAttrs as n } from "../../../internal/ownedAttrs.js";
+import { validateBoolean as r, validateBoundedInteger as i, validateDomId as a, validateExactString as o, validateNonEmptyString as s } from "../../../internal/runtimeContract.js";
+import c from "../containers/SPanel.vue.js";
+import l from "../data-display/SStatus.vue.js";
+import { validateCodeEditorViewport as u } from "../../../internal/codeEditorContract.js";
+import { provideTrustedCodeEditorExtensions as d } from "../../../internal/codeEditorExtensions.js";
+import f from "../data-display/SCodeEditor.vue.js";
+import { computed as p, createBlock as m, createSlots as h, createVNode as g, defineComponent as _, mergeProps as ee, openBlock as te, ref as v, renderSlot as y, unref as b, useId as x, useSlots as S, withCtx as C } from "vue";
+import { autocompletion as w } from "@codemirror/autocomplete";
+//#region src/components/shared/database/SSqlEditor.vue?vue&type=script&setup=true&lang.ts
+var T = /*@__PURE__*/ _({
+	inheritAttrs: !1,
+	__name: "SSqlEditor",
+	props: {
+		modelValue: {},
+		title: { default: void 0 },
+		placeholder: { default: void 0 },
+		readOnly: {
+			type: Boolean,
+			default: !1
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		loading: {
+			type: Boolean,
+			default: !1
+		},
+		errorMessage: { default: "" },
+		diagnostics: { default: () => [] },
+		completionItems: { default: () => [] },
+		showLineNumbers: {
+			type: Boolean,
+			default: !0
+		},
+		autofocus: {
+			type: Boolean,
+			default: !1
+		},
+		viewport: { default: "standard" },
+		tabSize: { default: 2 },
+		ariaLabel: { default: void 0 },
+		ariaLabelledby: { default: void 0 },
+		nextSelectionPos: { default: null }
+	},
+	emits: [
+		"update:modelValue",
+		"cursor-activity",
+		"selection-applied",
+		"ready"
+	],
+	setup(_, { expose: T, emit: ne }) {
+		let E = _, { t: D } = t(), re = p(() => E.placeholder ?? D("editor.sqlPlaceholder")), O = n({
+			component: "SSqlEditor",
+			owner: "SQL editor adapter root"
+		}), k = S(), A = ne, j = v(null), M = p(() => r("SSqlEditor", "readOnly", E.readOnly)), N = p(() => r("SSqlEditor", "disabled", E.disabled)), P = p(() => r("SSqlEditor", "loading", E.loading)), F = p(() => r("SSqlEditor", "autofocus", E.autofocus)), I = p(() => r("SSqlEditor", "showLineNumbers", E.showLineNumbers)), L = p(() => u("SSqlEditor", E.viewport)), R = p(() => E.title === void 0 ? "" : s("SSqlEditor", "title", E.title)), z = p(() => s("SSqlEditor", "placeholder", re.value)), B = p(() => {
+			if (typeof E.errorMessage != "string") throw TypeError("SSqlEditor: errorMessage должен быть строкой. / SSqlEditor: errorMessage must be a string.");
+			return E.errorMessage === "" ? "" : s("SSqlEditor", "errorMessage", E.errorMessage);
+		}), V = p(() => {
+			if (R.value !== "") {
+				if (E.ariaLabel !== void 0 || E.ariaLabelledby !== void 0) throw TypeError("SSqlEditor: title уже задаёт accessible name; не передавайте ariaLabel/ariaLabelledby. / SSqlEditor: title already provides the accessible name; do not provide ariaLabel/ariaLabelledby.");
+				return {
+					ariaLabel: void 0,
+					ariaLabelledby: H
+				};
+			}
+			if (E.ariaLabel !== void 0 && E.ariaLabelledby !== void 0) throw TypeError("SSqlEditor: задайте только ariaLabel или ariaLabelledby. / SSqlEditor: provide only ariaLabel or ariaLabelledby.");
+			return E.ariaLabelledby === void 0 ? {
+				ariaLabel: E.ariaLabel === void 0 ? "SQL editor" : s("SSqlEditor", "ariaLabel", E.ariaLabel),
+				ariaLabelledby: void 0
+			} : {
+				ariaLabel: void 0,
+				ariaLabelledby: a("SSqlEditor", "ariaLabelledby", E.ariaLabelledby)
+			};
+		}), H = `s-sql-editor-title-${x()}`, U = `s-sql-editor-status-${x()}`, ie = p(() => P.value ? {
+			status: "loading",
+			message: D("editor.sqlLoading")
+		} : { status: "ready" }), W = (e) => {
+			A("update:modelValue", e);
+		}, G = (e) => {
+			let t = e.matchBefore(/[A-Za-zА-Яа-я0-9_.$"]*/);
+			if (!t || t.from === t.to && !e.explicit) return null;
+			let n = Y.value.map((e) => ({
+				label: e.label,
+				apply: e.apply ?? e.label,
+				detail: e.detail,
+				type: K(e.kind)
+			}));
+			return {
+				from: t.from,
+				options: n
+			};
+		}, K = (e) => {
+			switch (e) {
+				case "schema": return "namespace";
+				case "table":
+				case "view": return "class";
+				case "column": return "property";
+				case "function": return "function";
+				default: return "keyword";
+			}
+		}, q = (e, t) => {
+			if ("from" in t) {
+				let n = i("SSqlEditor", "diagnostics[].from", t.from, {
+					minimum: 0,
+					maximum: e.length
+				});
+				return {
+					from: n,
+					to: t.to === void 0 ? Math.min(n + 1, e.length) : i("SSqlEditor", "diagnostics[].to", t.to, {
+						minimum: n,
+						maximum: e.length
+					})
+				};
+			}
+			let n = e.split("\n"), r = i("SSqlEditor", "diagnostics[].line", t.line, {
+				minimum: 1,
+				maximum: n.length
+			}), a = n[r - 1];
+			if (a === void 0) throw RangeError(`SSqlEditor: diagnostics[].line ${r} отсутствует в документе. / SSqlEditor: diagnostics[].line ${r} is missing from the document.`);
+			let o = i("SSqlEditor", "diagnostics[].column", t.column, {
+				minimum: 1,
+				maximum: a.length + 1
+			}), s = n.slice(0, r - 1).reduce((e, t) => e + t.length + 1, 0) + o - 1;
+			return {
+				from: s,
+				to: Math.min(s + 1, e.length)
+			};
+		};
+		function J(e, t, n) {
+			if (typeof t != "object" || !t || Array.isArray(t) || Object.getPrototypeOf(t) !== Object.prototype) throw TypeError(`${e}: значение должно быть plain object. / ${e}: value must be a plain object.`);
+			let r = t, i = Object.keys(r).filter((e) => !n.includes(e));
+			if (i.length > 0) throw TypeError(`${e}: неизвестные поля ${i.join(", ")}. / ${e}: unknown fields ${i.join(", ")}.`);
+			return r;
+		}
+		let Y = p(() => {
+			if (!Array.isArray(E.completionItems)) throw TypeError("SSqlEditor: completionItems должен быть массивом. / SSqlEditor: completionItems must be an array.");
+			return E.completionItems.map((e, t) => {
+				let n = J(`SSqlEditor.completionItems[${t}]`, e, [
+					"label",
+					"apply",
+					"detail",
+					"kind"
+				]);
+				return {
+					label: s("SSqlEditor", `completionItems[${t}].label`, n.label),
+					...n.apply === void 0 ? {} : { apply: s("SSqlEditor", `completionItems[${t}].apply`, n.apply) },
+					...n.detail === void 0 ? {} : { detail: s("SSqlEditor", `completionItems[${t}].detail`, n.detail) },
+					...n.kind === void 0 ? {} : { kind: o("SSqlEditor", `completionItems[${t}].kind`, n.kind, [
+						"keyword",
+						"schema",
+						"table",
+						"view",
+						"column",
+						"function"
+					]) }
+				};
+			});
+		}), X = p(() => {
+			if (!Array.isArray(E.diagnostics)) throw TypeError("SSqlEditor: diagnostics должен быть массивом. / SSqlEditor: diagnostics must be an array.");
+			return E.diagnostics.map((t, n) => {
+				let r = t, i = J(`SSqlEditor.diagnostics[${n}]`, r, [
+					"severity",
+					"message",
+					"from",
+					"to",
+					"line",
+					"column"
+				]), a = e(i, "from");
+				if (a === (e(i, "line") || e(i, "column"))) throw TypeError(`SSqlEditor: diagnostics[${n}] должен задавать ровно один range: from/to или line/column. / SSqlEditor: diagnostics[${n}] must provide exactly one range: from/to or line/column.`);
+				let c = a ? [
+					"severity",
+					"message",
+					"from",
+					"to"
+				] : [
+					"severity",
+					"message",
+					"line",
+					"column"
+				], l = Object.keys(i).filter((e) => !c.includes(e));
+				if (l.length > 0) throw TypeError(`SSqlEditor.diagnostics[${n}]: неизвестные поля ${l.join(", ")}. / SSqlEditor.diagnostics[${n}]: unknown fields ${l.join(", ")}.`);
+				let u = {
+					severity: o("SSqlEditor", `diagnostics[${n}].severity`, i.severity, [
+						"error",
+						"warning",
+						"info"
+					]),
+					message: s("SSqlEditor", `diagnostics[${n}].message`, i.message)
+				};
+				if (a) {
+					if (!Number.isInteger(i.from) || i.to !== void 0 && !Number.isInteger(i.to)) throw TypeError(`SSqlEditor: diagnostics[${n}] offsets должны быть целыми числами. / SSqlEditor: diagnostics[${n}] offsets must be integers.`);
+					return {
+						...u,
+						from: i.from,
+						...i.to === void 0 ? {} : { to: i.to }
+					};
+				}
+				if (!Number.isInteger(i.line) || !Number.isInteger(i.column)) throw TypeError(`SSqlEditor: diagnostics[${n}] line/column должны быть целыми числами. / SSqlEditor: diagnostics[${n}] line/column must be integers.`);
+				return {
+					...u,
+					line: i.line,
+					column: i.column
+				};
+			});
+		}), ae = p(() => X.value.map((e, t) => ({
+			id: `sql-diagnostic-${t}`,
+			severity: e.severity,
+			message: e.message,
+			...q(E.modelValue, e),
+			source: "SSqlEditor"
+		}))), oe = p(() => B.value || D("editor.diagnosticsCount", { count: X.value.length })), Z = p(() => B.value !== "" || X.value.length > 0 || !!k.status), Q = p(() => B.value !== "" || X.value.some((e) => e.severity === "error")), $ = p(() => Q.value ? "danger" : X.value.some((e) => e.severity === "warning") ? "warn" : "info"), se = {
+			mode: "explicit",
+			id: "sql"
+		}, ce = p(() => ({
+			lineNumbers: I.value,
+			indentation: {
+				tabSize: E.tabSize,
+				keyBehavior: "indent"
+			},
+			cursorActivity: "always"
+		})), le = p(() => [w({ override: [G] })]);
+		d("SSqlEditor", le);
+		let ue = (e) => {
+			A("cursor-activity", {
+				pos: e.pos,
+				line: e.line,
+				column: e.column
+			});
+		};
+		return T({
+			applySelection: (e) => {
+				let t = j.value;
+				if (!t) throw Error("SSqlEditor: editor не готов; дождитесь ready. / SSqlEditor: editor is not ready; wait for ready.");
+				t.applySelection(e);
+			},
+			focus: () => {
+				let e = j.value;
+				if (!e) throw Error("SSqlEditor: editor не готов; дождитесь ready. / SSqlEditor: editor is not ready; wait for ready.");
+				e.focus();
+			}
+		}), (e, t) => (te(), m(c, ee(b(O).bindings(), {
+			title: R.value || void 0,
+			"title-id": R.value ? H : void 0,
+			"footer-id": Z.value ? U : void 0,
+			"heading-level": 3,
+			state: ie.value,
+			"no-content-padding": "",
+			"content-layout": "block",
+			"scroll-behavior": "child",
+			"surface-radius": "md",
+			"surface-overflow": "clip"
+		}), h({
+			default: C(() => [g(f, {
+				ref_key: "codeEditor",
+				ref: j,
+				"model-value": _.modelValue,
+				language: se,
+				capabilities: ce.value,
+				variant: "sql",
+				viewport: L.value,
+				autofocus: F.value,
+				placeholder: z.value,
+				"read-only": M.value,
+				disabled: N.value,
+				"aria-label": V.value.ariaLabel,
+				"aria-labelledby": V.value.ariaLabelledby,
+				"aria-describedby": Z.value ? U : void 0,
+				invalid: Q.value,
+				"next-selection-pos": _.nextSelectionPos,
+				diagnostics: ae.value,
+				"onUpdate:modelValue": W,
+				onCursorActivity: ue,
+				onSelectionApplied: t[0] ||= (e) => A("selection-applied", e),
+				onReady: t[1] ||= (e) => A("ready", e)
+			}, null, 8, [
+				"model-value",
+				"capabilities",
+				"viewport",
+				"autofocus",
+				"placeholder",
+				"read-only",
+				"disabled",
+				"aria-label",
+				"aria-labelledby",
+				"aria-describedby",
+				"invalid",
+				"next-selection-pos",
+				"diagnostics"
+			])]),
+			_: 2
+		}, [e.$slots.actions ? {
+			name: "actions",
+			fn: C(() => [y(e.$slots, "actions")]),
+			key: "0"
+		} : void 0, Z.value ? {
+			name: "footer",
+			fn: C(() => [y(e.$slots, "status", {
+				diagnostics: X.value,
+				errorMessage: B.value
+			}, () => [g(l, {
+				label: oe.value,
+				tone: $.value,
+				size: "sm",
+				live: B.value ? "assertive" : "polite"
+			}, null, 8, [
+				"label",
+				"tone",
+				"live"
+			])])]),
+			key: "1"
+		} : void 0]), 1040, [
+			"title",
+			"title-id",
+			"footer-id",
+			"state"
+		]));
+	}
+});
+//#endregion
+export { T as default };

package/dist/src/components/shared/database/dataGrid.d.ts

@@ -0,0 +1,38 @@
+import { TableColumnInlineSize, TableColumnMinInlineSize } from '../../../internal/semanticSizing';
+import { STableAlignment } from '../data-display/table';
+export type SDataGridColumnKey = string;
+export type SDataGridCellKind = 'text' | 'number' | 'boolean' | 'json' | 'datetime' | 'binary';
+export type SDataGridRowState = 'clean' | 'inserted' | 'updated' | 'deleted';
+export interface SDataGridColumn<Key extends SDataGridColumnKey = SDataGridColumnKey> {
+    key: Key;
+    label: string;
+    type?: SDataGridCellKind;
+    width?: TableColumnInlineSize;
+    minWidth?: TableColumnMinInlineSize;
+    editable?: boolean;
+    align?: STableAlignment;
+}
+export interface SDataGridCell {
+    value: unknown;
+    display: string;
+    kind?: SDataGridCellKind;
+    pending?: boolean;
+    readonly?: boolean;
+}
+export interface SDataGridRow<Key extends SDataGridColumnKey = SDataGridColumnKey> {
+    id: string;
+    cells: Record<Key, SDataGridCell>;
+    state?: SDataGridRowState;
+}
+export interface SDataGridEditPayload<Key extends SDataGridColumnKey = SDataGridColumnKey> {
+    rowId: string;
+    columnKey: Key;
+    value: unknown;
+}
+export type SDataGridCommitInput = {
+    source: 'draft';
+} | {
+    source: 'value';
+    value: unknown;
+};
+export type { SDataGridProps } from './SDataGrid.vue';

package/dist/src/components/shared/feedback/SAsyncState.vue.d.ts

@@ -0,0 +1,58 @@
+import { VNodeChild } from 'vue';
+/**
+ * Единственное состояние асинхронной поверхности; error всегда содержит диагностику, endpoint допустим только для error.
+ * The sole async-surface state; error always carries diagnostics, and endpoint is valid only for error.
+ */
+export type SAsyncStateContract = {
+    status: 'ready';
+} | {
+    status: 'loading';
+    message?: string;
+} | {
+    status: 'empty';
+    message?: string;
+} | {
+    status: 'error';
+    message: string;
+    endpoint?: string;
+};
+export type SAsyncStatePresentation = 'block' | 'table-row' | 'overlay';
+interface Props {
+    state: SAsyncStateContract;
+    presentation?: SAsyncStatePresentation;
+    /** Обязателен и допустим только для table-row. / Required and valid only for table-row. */
+    colspan?: number;
+}
+type __VLS_Slots = {
+    default?: () => VNodeChild;
+    loading?: (props: {
+        message: string;
+        state: Extract<SAsyncStateContract, {
+            status: 'loading';
+        }>;
+    }) => VNodeChild;
+    empty?: (props: {
+        message: string;
+        state: Extract<SAsyncStateContract, {
+            status: 'empty';
+        }>;
+    }) => VNodeChild;
+    error?: (props: {
+        message: string;
+        state: Extract<SAsyncStateContract, {
+            status: 'error';
+        }>;
+    }) => VNodeChild;
+};
+declare const __VLS_base: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    presentation: SAsyncStatePresentation;
+    colspan: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/src/components/shared/feedback/SAsyncState.vue.js

@@ -0,0 +1,8 @@
+import "../../../../assets/src/components/shared/feedback/SAsyncState.css_vue_type_style_index_0_src_bfc28903_scoped_bfc28903_lang.css";
+import e from "../../../../_virtual/_plugin-vue_export-helper.js";
+import t from "./SAsyncState.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                                                         */
+//#region src/components/shared/feedback/SAsyncState.vue
+var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-bfc28903"]]);
+//#endregion
+export { n as default };

package/dist/src/components/shared/feedback/SAsyncState.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,128 @@
+import { useUiKitLocale as e } from "../../../composables/useUiKitLocale.js";
+import { useOwnedAttrs as t } from "../../../internal/ownedAttrs.js";
+import { resolveAsyncFeedbackPresentation as n } from "../../../internal/feedbackPresentation.js";
+import r from "../data-display/SEmptyState.vue.js";
+import i from "../data-display/SProgressIndicator.vue.js";
+import a from "../data-display/SMessage.vue.js";
+import { Fragment as o, computed as s, createElementBlock as c, createElementVNode as l, createVNode as u, defineComponent as d, h as f, mergeProps as p, openBlock as m, renderSlot as h, unref as g, useSlots as _ } from "vue";
+//#region src/components/shared/feedback/SAsyncState.vue?vue&type=script&setup=true&lang.ts
+var v = ["data-state"], y = ["colspan"], b = [
+	"data-state",
+	"role",
+	"aria-live",
+	"aria-atomic",
+	"aria-busy"
+], x = [
+	"data-state",
+	"role",
+	"aria-live",
+	"aria-atomic",
+	"aria-busy"
+], S = /*@__PURE__*/ d({
+	inheritAttrs: !1,
+	__name: "SAsyncState",
+	props: {
+		state: {},
+		presentation: { default: "block" },
+		colspan: { default: void 0 }
+	},
+	setup(d) {
+		let S = d, C = _(), { t: w } = e(), T = t({
+			component: "SAsyncState",
+			owner: "rendered async-state surface"
+		}), E = {
+			ready: ["status"],
+			loading: ["status", "message"],
+			empty: ["status", "message"],
+			error: [
+				"status",
+				"message",
+				"endpoint"
+			]
+		}, D = (e, t) => {
+			if (t in e && (typeof e[t] != "string" || e[t].trim().length === 0)) throw TypeError(`SAsyncState: state.${t} должен быть непустой строкой при наличии.`);
+		}, O = (e) => {
+			if (typeof e != "object" || !e || Array.isArray(e)) throw TypeError("SAsyncState: state должен быть объектом discriminated union.");
+			let t = e, n = t.status;
+			if (![
+				"ready",
+				"loading",
+				"empty",
+				"error"
+			].includes(String(n))) throw TypeError(`SAsyncState: неизвестный state.status "${String(n)}".`);
+			let r = n, i = Object.keys(t).filter((e) => !E[r].includes(e));
+			if (i.length > 0) throw TypeError(`SAsyncState: state.status="${r}" не допускает поля ${i.join(", ")}.`);
+			if (r === "error") {
+				if (typeof t.message != "string" || t.message.trim().length === 0) throw TypeError("SAsyncState: state.message должен быть непустой строкой для status=\"error\".");
+				D(t, "endpoint");
+			} else (r === "loading" || r === "empty") && D(t, "message");
+			return e;
+		}, k = s(() => O(S.state)), A = s(() => {
+			let e = S.colspan;
+			if (![
+				"block",
+				"table-row",
+				"overlay"
+			].includes(String(S.presentation))) throw TypeError(`SAsyncState: неизвестный presentation "${String(S.presentation)}".`);
+			if (S.presentation !== "table-row" && e !== void 0) throw TypeError("SAsyncState: colspan допустим только для presentation=\"table-row\".");
+			if (S.presentation === "table-row" && e === void 0) throw TypeError("SAsyncState: presentation=\"table-row\" требует colspan.");
+			if (S.presentation === "table-row" && (typeof e != "number" || !Number.isSafeInteger(e) || e <= 0)) throw TypeError("SAsyncState: colspan должен быть целым числом больше 0.");
+			return S.presentation;
+		}), j = s(() => A.value === "table-row" ? S.colspan : void 0), M = () => (T.reject("ready state отдаёт consumer content без UI-kit root / ready state renders consumer content without a UI-kit root"), !0), N = s(() => {
+			let e = k.value;
+			return e.status === "ready" ? void 0 : n(e.status, w);
+		}), P = s(() => {
+			let e = k.value;
+			return e.status === "ready" ? "" : e.message ?? N.value?.fallbackMessage ?? "";
+		}), F = s(() => {
+			let e = k.value;
+			return e.status === "ready" ? void 0 : C[e.status];
+		}), I = s(() => {
+			let e = k.value;
+			return e.status === "ready" ? {} : e.status === "loading" || F.value ? N.value?.live ?? {} : {};
+		}), L = () => {
+			let e = k.value;
+			if (e.status === "ready") return null;
+			let t = F.value;
+			return t ? f(o, t({
+				message: P.value,
+				state: e
+			})) : e.status === "error" ? f(a, {
+				severity: "danger",
+				live: "auto",
+				size: "sm"
+			}, () => P.value) : e.status === "empty" ? f(r, {
+				title: P.value,
+				size: "sm"
+			}) : f("div", { class: "s-async-state__loading" }, [f(i, {
+				accessibility: { mode: "decorative" },
+				size: "sm",
+				tone: "info"
+			}), f("span", P.value)]);
+		};
+		return (e, t) => k.value.status === "ready" && M() ? h(e.$slots, "default", {}, void 0, !0, 0) : A.value === "table-row" ? (m(), c("tr", {
+			key: 1,
+			class: "s-async-state s-async-state--table-row",
+			"data-state": k.value.status
+		}, [l("td", {
+			colspan: j.value,
+			class: "s-async-state__cell"
+		}, [l("div", p(g(T).bindings(), {
+			class: "s-async-state__surface",
+			"data-state": k.value.status,
+			role: I.value.role,
+			"aria-live": I.value.ariaLive,
+			"aria-atomic": I.value.ariaAtomic,
+			"aria-busy": k.value.status === "loading" || void 0
+		}), [u(L)], 16, b)], 8, y)], 8, v)) : (m(), c("div", p({ key: 2 }, g(T).bindings(), {
+			class: ["s-async-state", `s-async-state--${A.value}`],
+			"data-state": k.value.status,
+			role: I.value.role,
+			"aria-live": I.value.ariaLive,
+			"aria-atomic": I.value.ariaAtomic,
+			"aria-busy": k.value.status === "loading" || void 0
+		}), [u(L)], 16, x));
+	}
+});
+//#endregion
+export { S as default };

package/dist/src/components/shared/graph/SGraphViewport.d.ts

@@ -0,0 +1 @@
+export * from './_internal/graphViewportContract';

package/dist/src/components/shared/graph/SGraphViewport.js

@@ -0,0 +1,2 @@
+import { SGraphContractError as e, S_GRAPH_TONES as t, assertSGraphViewportGraph as n, assertSGraphViewportInteraction as r } from "./_internal/graphViewportContract.js";
+export { e as SGraphContractError, t as S_GRAPH_TONES, n as assertSGraphViewportGraph, r as assertSGraphViewportInteraction };

package/dist/src/components/shared/graph/SGraphViewport.vue.d.ts

@@ -0,0 +1,40 @@
+import { SGraphNodeSizeMode, SGraphNodePointerEvent, SGraphPositionChange, SGraphRenderError, SGraphRenderMetric, SGraphSelection, SGraphViewportGraph, SGraphViewportInteraction } from './_internal/graphViewportContract';
+type __VLS_Props = {
+    graph: SGraphViewportGraph;
+    interaction: SGraphViewportInteraction;
+    nodeListLabel: string;
+    nodeListEmptyLabel: string;
+    showEdgeLabels?: boolean;
+    labelZoomThreshold?: number;
+    nodeSizeMode?: SGraphNodeSizeMode;
+};
+declare function zoomIn(): void;
+declare function zoomOut(): void;
+declare function fit(): void;
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {
+    zoomIn: typeof zoomIn;
+    zoomOut: typeof zoomOut;
+    fit: typeof fit;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "selection-change": (selection: SGraphSelection) => any;
+    "hover-node": (event: SGraphNodePointerEvent) => any;
+    "leave-node": () => any;
+    "activate-node": (nodeId: string) => any;
+    "positions-change": (changes: SGraphPositionChange[]) => any;
+    "render-metric": (metric: SGraphRenderMetric) => any;
+    "render-error": (error: SGraphRenderError) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onSelection-change"?: ((selection: SGraphSelection) => any) | undefined;
+    "onHover-node"?: ((event: SGraphNodePointerEvent) => any) | undefined;
+    "onLeave-node"?: (() => any) | undefined;
+    "onActivate-node"?: ((nodeId: string) => any) | undefined;
+    "onPositions-change"?: ((changes: SGraphPositionChange[]) => any) | undefined;
+    "onRender-metric"?: ((metric: SGraphRenderMetric) => any) | undefined;
+    "onRender-error"?: ((error: SGraphRenderError) => any) | undefined;
+}>, {
+    showEdgeLabels: boolean;
+    labelZoomThreshold: number;
+    nodeSizeMode: SGraphNodeSizeMode;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/src/components/shared/graph/SGraphViewport.vue.js

@@ -0,0 +1,8 @@
+import "../../../../assets/src/components/shared/graph/SGraphViewport.vue_vue_type_style_index_0_scoped_ef926337_lang.css";
+import e from "../../../../_virtual/_plugin-vue_export-helper.js";
+import t from "./SGraphViewport.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                                               */
+//#region src/components/shared/graph/SGraphViewport.vue
+var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-ef926337"]]);
+//#endregion
+export { n as default };