@pgcorp/ui-kit 0.10.1 → 0.11.0

package/dist/src/components/shared/data-display/SCodeBlock.vue_vue_type_script_setup_true_lang.js

@@ -1,31 +1,31 @@
-import { Copy as e } from "../../icons/sputnigUiIcons.js";
+import { Copy as e } from "../../icons/_internal/generatedSputnigUiIconComponents.js";
 import { useClipboard as t } from "../../../composables/useClipboard.js";
 import { useUiKitLocale as n } from "../../../composables/useUiKitLocale.js";
 import { useNotifier as ee } from "../../../composables/useNotifier.js";
 import { useOwnedAttrs as te } from "../../../internal/ownedAttrs.js";
-import { validateBoolean as r, validateBoundedInteger as i, validateExactString as a, validateNonEmptyString as ne } from "../../../internal/runtimeContract.js";
-import re from "../controls/SButton.vue.js";
-import ie from "../feedback/SAsyncState.vue.js";
-import { validateCodeEditorLanguage as o, validateCodeEditorViewport as ae } from "../../../internal/codeEditorContract.js";
+import { validateBoolean as r, validateBoundedInteger as ne, validateDomId as re, validateExactString as i, validateNonEmptyString as a } from "../../../internal/runtimeContract.js";
+import ie from "../controls/SButton.vue.js";
+import ae from "../feedback/SAsyncState.vue.js";
+import { validateCodeEditorLanguage as oe, validateCodeEditorViewport as o } from "../../../internal/codeEditorContract.js";
 import { resolveCodeLanguageKey as s } from "../../../internal/codeLanguageIdentity.js";
-import c from "./_internal/SCodeTokenLine.vue.js";
-import { Fragment as l, computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createVNode as h, defineAsyncComponent as oe, defineComponent as g, mergeProps as _, normalizeStyle as v, onMounted as y, openBlock as b, ref as x, renderList as S, toDisplayString as C, unref as w, watch as T } from "vue";
+import se from "./_internal/SCodeTokenLine.vue.js";
+import { Fragment as c, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createVNode as m, defineAsyncComponent as h, defineComponent as g, mergeProps as _, normalizeStyle as v, onMounted as ce, openBlock as y, ref as b, renderList as x, toDisplayString as S, unref as C, watch as w } from "vue";
 //#region src/components/shared/data-display/SCodeBlock.vue?vue&type=script&setup=true&lang.ts
-var se = ["data-presentation"], ce = {
+var le = ["data-presentation"], ue = {
 	key: 0,
 	class: "s-code-block-header"
-}, le = { class: "s-code-block-info" }, ue = {
+}, de = { class: "s-code-block-info" }, fe = {
 	key: 0,
 	class: "s-code-block-filename"
-}, de = { class: "s-code-block-language" }, fe = { class: "s-code-block-actions" }, pe = { class: "s-code-block-editor-region" }, me = [
+}, pe = { class: "s-code-block-language" }, me = { class: "s-code-block-actions" }, he = { class: "s-code-block-editor-region" }, ge = [
 	"data-viewport",
 	"data-line-numbers",
 	"aria-label",
 	"aria-labelledby"
-], he = { key: 0 }, ge = {
+], _e = { key: 0 }, ve = {
 	key: 1,
 	class: "s-code-block-plain__lines"
-}, _e = {
+}, T = {
 	class: "s-code-block-plain__line-number",
 	"aria-hidden": "true"
 }, E = { class: "s-code-block-plain__line-content" }, D = [
@@ -40,10 +40,10 @@ var se = ["data-presentation"], ce = {
 	inheritAttrs: !1,
 	__name: "SCodeBlock",
 	props: {
-		ariaLabel: {},
-		ariaLabelledby: {},
 		code: {},
 		language: {},
+		ariaLabel: {},
+		ariaLabelledby: {},
 		presentation: { default: "editor" },
 		showHeader: {
 			type: Boolean,
@@ -57,17 +57,14 @@ var se = ["data-presentation"], ce = {
 			type: Boolean,
 			default: !0
 		},
-		interceptKeys: {
-			type: Function,
-			default: void 0
-		},
+		interceptKeys: { type: Function },
 		tabSize: { default: 2 },
 		tabKeyBehavior: { default: "focus-next" },
 		nextSelectionPos: { default: null },
 		surfaceRadius: { default: "default" },
 		viewport: { default: "content" },
-		placeholder: { default: void 0 },
-		errorMessage: { default: void 0 }
+		placeholder: {},
+		errorMessage: {}
 	},
 	emits: [
 		"cursor-activity",
@@ -76,88 +73,93 @@ var se = ["data-presentation"], ce = {
 		"ready"
 	],
 	setup(g, { expose: M, emit: N }) {
-		let P = g, F = x(!1), I = x(null), L = x(null), ve = oe(() => import("../../../internal/lazyCodeEditor.js")), ye = te({
+		let P = b(!1), F = b(null), I = b(null), ye = h(() => import("../../../internal/lazyCodeEditor.js")), be = te({
 			component: "SCodeBlock",
 			owner: "code block root"
-		}), be = u(() => P.ariaLabel === void 0 ? { ariaLabelledby: P.ariaLabelledby } : { ariaLabel: P.ariaLabel }), R = N, xe = u(() => r("SCodeBlock", "showHeader", P.showHeader)), z = u(() => r("SCodeBlock", "showLineNumbers", P.showLineNumbers)), B = u(() => r("SCodeBlock", "readOnly", P.readOnly)), V = u(() => a("SCodeBlock", "presentation", P.presentation, [
+		}), L = l(() => {
+			if (g.ariaLabel !== void 0 && g.ariaLabelledby !== void 0) throw TypeError("SCodeBlock: задайте только ariaLabel или ariaLabelledby. / SCodeBlock: provide only ariaLabel or ariaLabelledby.");
+			if (g.ariaLabel !== void 0) return { ariaLabel: a("SCodeBlock", "ariaLabel", g.ariaLabel) };
+			if (g.ariaLabelledby !== void 0) return { ariaLabelledby: re("SCodeBlock", "ariaLabelledby", g.ariaLabelledby) };
+			throw TypeError("SCodeBlock: требуется ariaLabel или ariaLabelledby. / SCodeBlock: ariaLabel or ariaLabelledby is required.");
+		}), xe = l(() => L.value), R = N, Se = l(() => r("SCodeBlock", "showHeader", g.showHeader)), z = l(() => r("SCodeBlock", "showLineNumbers", g.showLineNumbers)), B = l(() => r("SCodeBlock", "readOnly", g.readOnly)), V = l(() => i("SCodeBlock", "presentation", g.presentation, [
 			"editor",
 			"plain",
 			"highlighted"
-		])), H = u(() => a("SCodeBlock", "surfaceRadius", P.surfaceRadius, [
+		])), H = l(() => i("SCodeBlock", "surfaceRadius", g.surfaceRadius, [
 			"default",
 			"none",
 			"xl"
-		])), U = u(() => ae("SCodeBlock", P.viewport)), W = u(() => o("SCodeBlock", P.language)), G = u(() => {
-			if (typeof P.code != "string") throw TypeError("SCodeBlock: code должен быть string. / SCodeBlock: code must be a string.");
-			return P.code;
-		}), K = u(() => i("SCodeBlock", "tabSize", P.tabSize, {
+		])), U = l(() => o("SCodeBlock", g.viewport)), W = l(() => oe("SCodeBlock", g.language)), G = l(() => {
+			if (typeof g.code != "string") throw TypeError("SCodeBlock: code должен быть string. / SCodeBlock: code must be a string.");
+			return g.code;
+		}), K = l(() => ne("SCodeBlock", "tabSize", g.tabSize, {
 			minimum: 1,
 			maximum: 16
-		})), Se = u(() => s(W.value)), q = u(() => G.value.split("\n")), J = u(() => P.errorMessage === void 0 ? void 0 : ne("SCodeBlock", "errorMessage", P.errorMessage)), Ce = u(() => ({
+		})), Ce = l(() => s(W.value)), q = l(() => G.value.split("\n")), J = l(() => g.errorMessage === void 0 ? void 0 : a("SCodeBlock", "errorMessage", g.errorMessage)), we = l(() => ({
 			lineNumbers: z.value,
 			indentation: {
 				tabSize: K.value,
-				keyBehavior: P.tabKeyBehavior
+				keyBehavior: g.tabKeyBehavior
 			},
-			...P.interceptKeys === void 0 ? {} : { keyInterceptor: P.interceptKeys },
+			...g.interceptKeys === void 0 ? {} : { keyInterceptor: g.interceptKeys },
 			cursorActivity: "always"
-		})), we = (e) => R("cursor-activity", {
+		})), Te = (e) => R("cursor-activity", {
 			pos: e.pos,
 			lineFrom: e.lineFrom,
 			lineTo: e.lineTo,
 			lineText: e.lineText,
 			cursorCol: e.pos - e.lineFrom
-		}), Te = (e) => {
-			F.value = !0, R("ready", e);
-		}, Y = !1, Ee = () => {
-			F.value = !0, R("ready", {
+		}), Ee = (e) => {
+			P.value = !0, R("ready", e);
+		}, Y = !1, De = () => {
+			P.value = !0, R("ready", {
 				documentLength: G.value.length,
 				viewport: U.value,
 				variant: "code",
 				locked: !0
 			});
 		}, X = () => {
-			Y && (V.value === "editor" ? F.value = !1 : Ee());
+			Y && (V.value === "editor" ? P.value = !1 : De());
 		};
-		y(() => {
+		ce(() => {
 			Y = !0, X();
-		}), T(V, X), T([V, B], ([e, t]) => {
+		}), w(V, X), w([V, B], ([e, t]) => {
 			if (e !== "editor" && !t) throw TypeError(`SCodeBlock: presentation=${JSON.stringify(e)} поддерживает только readOnly=true. / SCodeBlock: presentation=${JSON.stringify(e)} supports readOnly=true only.`);
-			if (e !== "editor" && P.interceptKeys !== void 0) throw TypeError(`SCodeBlock: presentation=${JSON.stringify(e)} не принимает interceptKeys. / SCodeBlock: presentation=${JSON.stringify(e)} does not accept interceptKeys.`);
-			if (e !== "editor" && P.nextSelectionPos !== null) throw TypeError(`SCodeBlock: presentation=${JSON.stringify(e)} не принимает nextSelectionPos. / SCodeBlock: presentation=${JSON.stringify(e)} does not accept nextSelectionPos.`);
+			if (e !== "editor" && g.interceptKeys !== void 0) throw TypeError(`SCodeBlock: presentation=${JSON.stringify(e)} не принимает interceptKeys. / SCodeBlock: presentation=${JSON.stringify(e)} does not accept interceptKeys.`);
+			if (e !== "editor" && g.nextSelectionPos !== null) throw TypeError(`SCodeBlock: presentation=${JSON.stringify(e)} не принимает nextSelectionPos. / SCodeBlock: presentation=${JSON.stringify(e)} does not accept nextSelectionPos.`);
 		}, { immediate: !0 });
 		let Z = (e) => {
 			if (e !== null && !(e instanceof HTMLElement)) throw TypeError("SCodeBlock: plain surface ref должен быть HTMLElement. / SCodeBlock: plain surface ref must be an HTMLElement.");
-			L.value = e;
+			I.value = e;
 		};
 		M({
 			applySelection: (e) => {
 				if (V.value !== "editor") throw Error(`SCodeBlock: applySelection недоступен в presentation=${JSON.stringify(V.value)}. / SCodeBlock: applySelection is unavailable in presentation=${JSON.stringify(V.value)}.`);
-				let t = I.value;
+				let t = F.value;
 				if (!t) throw Error("SCodeBlock: editor не готов; дождитесь ready. / SCodeBlock: editor is not ready; wait for ready.");
 				t.applySelection(e);
 			},
 			focus: () => {
 				if (V.value !== "editor") {
-					let e = L.value;
+					let e = I.value;
 					if (!e) throw Error("SCodeBlock: plain surface не готов; дождитесь ready. / SCodeBlock: plain surface is not ready; wait for ready.");
 					e.focus();
 					return;
 				}
-				let e = I.value;
+				let e = F.value;
 				if (!e) throw Error("SCodeBlock: editor не готов; дождитесь ready. / SCodeBlock: editor is not ready; wait for ready.");
 				e.focus();
 			}
 		});
-		let Q = ee(), { t: $ } = n(), { copyText: De } = t(), Oe = async () => {
-			let e = await De(P.code);
+		let Q = ee(), { t: $ } = n(), { copyText: Oe } = t(), ke = async () => {
+			let e = await Oe(g.code);
 			if (e.status === "copied") {
 				Q.success({ message: $("clipboard.codeCopied") });
 				return;
 			}
 			Q.danger({ message: e.status === "unavailable" ? $("clipboard.codeCopyUnavailable") : e.status === "empty" ? $("clipboard.emptyCode") : `${$("clipboard.codeCopyFailed")} ${e.error.message}` });
 		};
-		return (t, n) => (b(), p("div", _(w(ye).bindings(), {
+		return (t, n) => (y(), f("div", _(C(be).bindings(), {
 			class: ["s-code-block", {
 				"s-code-block--radius-none": H.value === "none",
 				"s-code-block--radius-xl": H.value === "xl",
@@ -166,37 +168,37 @@ var se = ["data-presentation"], ce = {
 			}],
 			"data-presentation": V.value
 		}), [
-			xe.value ? (b(), p("div", ce, [m("div", le, [W.value.mode === "detect" ? (b(), p("span", ue, C(W.value.filePath), 1)) : f("", !0), m("span", de, C(Se.value), 1)]), m("div", fe, [h(re, {
+			Se.value ? (y(), f("div", ue, [p("div", de, [W.value.mode === "detect" ? (y(), f("span", fe, S(W.value.filePath), 1)) : d("", !0), p("span", pe, S(Ce.value), 1)]), p("div", me, [m(ie, {
 				appearance: "text",
 				severity: "secondary",
 				size: "xs",
-				"leading-icon": w(e),
+				"leading-icon": C(e),
 				"icon-only": "",
-				title: w($)("clipboard.copyCode"),
-				"aria-label": w($)("clipboard.copyCode"),
+				title: C($)("clipboard.copyCode"),
+				"aria-label": C($)("clipboard.copyCode"),
 				label: "",
-				onClick: Oe
+				onClick: ke
 			}, null, 8, [
 				"leading-icon",
 				"title",
 				"aria-label"
-			])])])) : f("", !0),
-			m("div", pe, [V.value === "editor" ? (b(), d(w(ve), _({
+			])])])) : d("", !0),
+			p("div", he, [V.value === "editor" ? (y(), u(C(ye), _({
 				key: 0,
 				ref_key: "codeEditor",
-				ref: I,
-				"model-value": P.code,
+				ref: F,
+				"model-value": g.code,
 				language: W.value,
-				capabilities: Ce.value,
+				capabilities: we.value,
 				"read-only": B.value,
 				viewport: U.value
-			}, be.value, {
-				placeholder: P.placeholder,
-				"next-selection-pos": P.nextSelectionPos,
+			}, xe.value, {
+				placeholder: g.placeholder,
+				"next-selection-pos": g.nextSelectionPos,
 				"onUpdate:modelValue": n[0] ||= (e) => R("update:code", e),
-				onCursorActivity: we,
+				onCursorActivity: Te,
 				onSelectionApplied: n[1] ||= (e) => R("selection-applied", e),
-				onReady: Te
+				onReady: Ee
 			}), null, 16, [
 				"model-value",
 				"language",
@@ -205,49 +207,49 @@ var se = ["data-presentation"], ce = {
 				"viewport",
 				"placeholder",
 				"next-selection-pos"
-			])) : V.value === "plain" ? (b(), p("pre", {
+			])) : V.value === "plain" ? (y(), f("pre", {
 				key: 1,
 				ref: Z,
 				class: "s-code-block-plain",
 				"data-viewport": U.value,
 				"data-line-numbers": z.value ? "visible" : "hidden",
-				"aria-label": P.ariaLabel,
-				"aria-labelledby": P.ariaLabelledby,
+				"aria-label": L.value.ariaLabel,
+				"aria-labelledby": L.value.ariaLabelledby,
 				style: v({ tabSize: K.value }),
 				tabindex: "0"
-			}, [z.value ? (b(), p("code", ge, [(b(!0), p(l, null, S(q.value, (e, t) => (b(), p("span", {
+			}, [z.value ? (y(), f("code", ve, [(y(!0), f(c, null, x(q.value, (e, t) => (y(), f("span", {
 				key: t,
 				class: "s-code-block-plain__line"
-			}, [m("span", _e, C(t + 1), 1), m("span", E, C(e || "​"), 1)]))), 128))])) : (b(), p("code", he, C(G.value), 1))], 12, me)) : (b(), p("pre", {
+			}, [p("span", T, S(t + 1), 1), p("span", E, S(e || "​"), 1)]))), 128))])) : (y(), f("code", _e, S(G.value), 1))], 12, ge)) : (y(), f("pre", {
 				key: 2,
 				ref: Z,
 				class: "s-code-block-plain",
 				"data-viewport": U.value,
-				"aria-label": P.ariaLabel,
-				"aria-labelledby": P.ariaLabelledby,
+				"aria-label": L.value.ariaLabel,
+				"aria-labelledby": L.value.ariaLabelledby,
 				style: v({ tabSize: K.value }),
 				tabindex: "0"
-			}, [m("span", O, [(b(!0), p(l, null, S(q.value, (e, t) => (b(), p("span", {
+			}, [p("span", O, [(y(!0), f(c, null, x(q.value, (e, t) => (y(), f("span", {
 				key: t,
 				class: "s-code-block-plain__line",
 				"data-line-numbers": z.value ? "visible" : "hidden"
-			}, [z.value ? (b(), p("span", A, C(t + 1), 1)) : f("", !0), m("span", j, [h(c, {
+			}, [z.value ? (y(), f("span", A, S(t + 1), 1)) : d("", !0), p("span", j, [m(se, {
 				text: e || "​",
 				language: W.value,
 				variant: "code-block"
 			}, null, 8, ["text", "language"])])], 8, k))), 128))])], 12, D))]),
-			J.value !== void 0 || V.value === "editor" && !F.value ? (b(), d(ie, {
+			J.value !== void 0 || V.value === "editor" && !P.value ? (y(), u(ae, {
 				key: 1,
 				state: J.value === void 0 ? {
 					status: "loading",
-					message: w($)("editor.loading")
+					message: C($)("editor.loading")
 				} : {
 					status: "error",
 					message: J.value
 				},
 				presentation: "overlay"
-			}, null, 8, ["state"])) : f("", !0)
-		], 16, se));
+			}, null, 8, ["state"])) : d("", !0)
+		], 16, le));
 	}
 });
 //#endregion

package/dist/src/components/shared/data-display/SCodeEditor.vue.d.ts

@@ -1,5 +1,5 @@
 import { CODE_EDITOR_VARIANTS, CODE_EDITOR_VIEWPORTS, CodeEditorCapabilitiesContract, CodeEditorLanguageContract } from '../../../internal/codeEditorContract';
-import { SCodeEditorDiagnostic, SCodeEditorDiagnosticId } from './codeEditor';
+import { SCodeEditorDiagnostic, SCodeEditorDiagnosticId, SCodeEditorApi, SCodeEditorSelectionRange, SCodeEditorViewState } from './codeEditor';
 export type SCodeEditorViewport = typeof CODE_EDITOR_VIEWPORTS[number];
 export type SCodeEditorVariant = typeof CODE_EDITOR_VARIANTS[number];
 /** Явный язык либо детектирование из обязательного filePath. / Explicit language or detection from a required filePath. */
@@ -27,15 +27,13 @@ export interface SCodeEditorSelectionAppliedPayload {
     position: number;
     source: 'controlled' | 'imperative';
 }
-type AccessibleName = {
-    ariaLabel: string;
-    ariaLabelledby?: never;
-} | {
-    ariaLabel?: never;
-    ariaLabelledby: string;
-};
+/** Accessible-name props; runtime validation requires exactly one owner. */
+export interface SCodeEditorAccessibleName {
+    ariaLabel?: string;
+    ariaLabelledby?: string;
+}
 /** Public SCodeEditor contract; размер задаёт только semantic viewport. / Public SCodeEditor contract; sizing is expressed only by semantic viewport. */
-export type Props = AccessibleName & {
+export type Props = SCodeEditorAccessibleName & {
     modelValue: string;
     language: SCodeEditorLanguage;
     capabilities: SCodeEditorCapabilities;
@@ -53,6 +51,20 @@ export type Props = AccessibleName & {
     /** Помечает editor content невалидным без владения presentation диагностики. / Marks the editor content as invalid without owning diagnostic presentation. */
     invalid?: boolean;
 };
-declare const __VLS_export: import('vue').DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, import('vue').PublicProps>;
+declare const __VLS_export: import('vue').DefineComponent<Props, SCodeEditorApi, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+    ready: (payload: SCodeEditorReadyPayload) => any;
+    "selection-change": (payload: SCodeEditorSelectionRange) => any;
+    "cursor-activity": (payload: SCodeEditorCursorActivity) => any;
+    "view-state-change": (payload: SCodeEditorViewState) => any;
+    "selection-applied": (payload: SCodeEditorSelectionAppliedPayload) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onReady?: ((payload: SCodeEditorReadyPayload) => any) | undefined;
+    "onSelection-change"?: ((payload: SCodeEditorSelectionRange) => any) | undefined;
+    "onCursor-activity"?: ((payload: SCodeEditorCursorActivity) => any) | undefined;
+    "onView-state-change"?: ((payload: SCodeEditorViewState) => any) | undefined;
+    "onSelection-applied"?: ((payload: SCodeEditorSelectionAppliedPayload) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/src/components/shared/data-display/SCodeEditor.vue.js

@@ -1,8 +1,8 @@
-import "../../../../assets/src/components/shared/data-display/SCodeEditor.css_vue_type_style_index_0_src_cad79088_scoped_cad79088_lang.css";
+import "../../../../assets/src/components/shared/data-display/SCodeEditor.css_vue_type_style_index_0_src_124ca461_scoped_124ca461_lang.css";
 import e from "../../../../_virtual/_plugin-vue_export-helper.js";
 import t from "./SCodeEditor.vue_vue_type_script_setup_true_lang.js";
 /* empty css                                                                         */
 //#region src/components/shared/data-display/SCodeEditor.vue
-var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-cad79088"]]);
+var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-124ca461"]]);
 //#endregion
 export { n as default };

package/dist/src/components/shared/data-display/SCodeEditor.vue_vue_type_script_setup_true_lang.js

@@ -9,12 +9,12 @@ import { getCodeMirrorLanguageExtension as s } from "../codeLanguages.js";
 import { validateCodeEditorDiagnostics as c, validateCodeEditorRange as l, validateCodeEditorViewState as u } from "./codeEditor.js";
 import { Fragment as d, computed as f, createCommentVNode as oe, createElementBlock as p, createElementVNode as m, createVNode as se, defineComponent as h, mergeProps as ce, onBeforeUnmount as le, openBlock as g, ref as ue, renderList as de, shallowRef as fe, toDisplayString as _, unref as v, useId as y, watch as b } from "vue";
 import { Codemirror as x } from "vue-codemirror";
-import { oneDark as pe } from "@codemirror/theme-one-dark";
-import { EditorSelection as S, EditorState as me } from "@codemirror/state";
-import { lintGutter as he, setDiagnostics as ge } from "@codemirror/lint";
-import { EditorView as C, lineNumbers as _e, placeholder as ve } from "@codemirror/view";
+import { oneDark as S } from "@codemirror/theme-one-dark";
+import { EditorSelection as C, EditorState as pe } from "@codemirror/state";
+import { lintGutter as me, setDiagnostics as he } from "@codemirror/lint";
+import { EditorView as w, lineNumbers as ge, placeholder as _e } from "@codemirror/view";
 //#region src/components/shared/data-display/SCodeEditor.vue?vue&type=script&setup=true&lang.ts
-var w = /*@__PURE__*/ h({
+var T = /*@__PURE__*/ h({
 	inheritAttrs: !1,
 	__name: "SCodeEditor",
 	props: {
@@ -35,12 +35,12 @@ var w = /*@__PURE__*/ h({
 			type: Boolean,
 			default: !1
 		},
-		placeholder: { default: void 0 },
+		placeholder: {},
 		viewport: { default: "content" },
 		variant: { default: "code" },
 		nextSelectionPos: { default: null },
 		diagnostics: { default: () => [] },
-		ariaDescribedby: { default: void 0 },
+		ariaDescribedby: {},
 		invalid: {
 			type: Boolean,
 			default: !1
@@ -54,34 +54,34 @@ var w = /*@__PURE__*/ h({
 		"selection-applied",
 		"ready"
 	],
-	setup(h, { expose: w, emit: ye }) {
-		let T = h, E = ye, D = e({
+	setup(h, { expose: T, emit: ve }) {
+		let E = ve, D = e({
 			component: "SCodeEditor",
 			owner: "CodeMirror root adapter"
 		});
 		a({ owner: "SCodeEditor" });
 		let O = ae(), k = o(), A = fe(null), j = ue(null), M = `s-code-editor-diagnostics-${y()}`, N = null, P = null, F = null, I = f(() => {
-			if (typeof T.modelValue == "string") return T.modelValue;
+			if (typeof h.modelValue == "string") return h.modelValue;
 			throw TypeError("SCodeEditor: modelValue должен быть строкой. / SCodeEditor: modelValue must be a string.");
-		}), L = f(() => re("SCodeEditor", T.viewport)), R = f(() => ne("SCodeEditor", T.variant)), be = f(() => t("SCodeEditor", "autofocus", T.autofocus)), z = f(() => t("SCodeEditor", "readOnly", T.readOnly)), B = f(() => t("SCodeEditor", "disabled", T.disabled)), xe = f(() => t("SCodeEditor", "invalid", T.invalid)), V = f(() => z.value || B.value), H = f(() => c("SCodeEditor", T.diagnostics, I.value.length)), Se = f(() => {
-			let e = te("SCodeEditor", T.language), t = s(e), n = ie(e);
+		}), L = f(() => re("SCodeEditor", h.viewport)), R = f(() => ne("SCodeEditor", h.variant)), ye = f(() => t("SCodeEditor", "autofocus", h.autofocus)), z = f(() => t("SCodeEditor", "readOnly", h.readOnly)), B = f(() => t("SCodeEditor", "disabled", h.disabled)), be = f(() => t("SCodeEditor", "invalid", h.invalid)), V = f(() => z.value || B.value), H = f(() => c("SCodeEditor", h.diagnostics, I.value.length)), xe = f(() => {
+			let e = te("SCodeEditor", h.language), t = s(e), n = ie(e);
 			if (!t && n !== "plaintext" && n !== "text") {
 				let t = e.mode === "explicit" ? `language.id ${JSON.stringify(e.id)}` : `language.filePath ${JSON.stringify(e.filePath)}`;
 				throw RangeError(`SCodeEditor: ${t} не поддерживается. / SCodeEditor: ${t} is not supported.`);
 			}
 			return e;
-		}), U = f(() => ee("SCodeEditor", T.capabilities)), Ce = f(() => {
-			if (T.ariaLabel !== void 0 && T.ariaLabelledby !== void 0) throw TypeError("SCodeEditor: задайте только ariaLabel или ariaLabelledby. / SCodeEditor: provide only ariaLabel or ariaLabelledby.");
+		}), U = f(() => ee("SCodeEditor", h.capabilities)), Se = f(() => {
+			if (h.ariaLabel !== void 0 && h.ariaLabelledby !== void 0) throw TypeError("SCodeEditor: задайте только ariaLabel или ariaLabelledby. / SCodeEditor: provide only ariaLabel or ariaLabelledby.");
 			let e = {};
-			if (T.ariaLabel !== void 0) e["aria-label"] = i("SCodeEditor", "ariaLabel", T.ariaLabel);
-			else if (T.ariaLabelledby !== void 0) e["aria-labelledby"] = r("SCodeEditor", "ariaLabelledby", T.ariaLabelledby);
+			if (h.ariaLabel !== void 0) e["aria-label"] = i("SCodeEditor", "ariaLabel", h.ariaLabel);
+			else if (h.ariaLabelledby !== void 0) e["aria-labelledby"] = r("SCodeEditor", "ariaLabelledby", h.ariaLabelledby);
 			else throw TypeError("SCodeEditor: требуется ariaLabel или ariaLabelledby. / SCodeEditor: ariaLabel or ariaLabelledby is required.");
 			e.tabindex = B.value ? "-1" : "0";
-			let t = T.ariaDescribedby === void 0 ? [] : [r("SCodeEditor", "ariaDescribedby", T.ariaDescribedby)];
-			return H.value.length > 0 && t.push(M), t.length > 0 && (e["aria-describedby"] = t.join(" ")), xe.value && (e["aria-invalid"] = "true"), z.value && (e["aria-readonly"] = "true"), B.value && (e["aria-disabled"] = "true"), e;
-		}), we = f(() => {
-			let e = U.value, n = Se.value, r = [...k?.extensions.value ?? []];
-			L.value === "document" && (r.push(C.theme({
+			let t = h.ariaDescribedby === void 0 ? [] : [r("SCodeEditor", "ariaDescribedby", h.ariaDescribedby)];
+			return H.value.length > 0 && t.push(M), t.length > 0 && (e["aria-describedby"] = t.join(" ")), be.value && (e["aria-invalid"] = "true"), z.value && (e["aria-readonly"] = "true"), B.value && (e["aria-disabled"] = "true"), e;
+		}), Ce = f(() => {
+			let e = U.value, n = xe.value, r = [...k?.extensions.value ?? []];
+			L.value === "document" && (r.push(w.theme({
 				"&.cm-editor": {
 					height: "auto",
 					maxHeight: "none",
@@ -91,12 +91,12 @@ var w = /*@__PURE__*/ h({
 					height: "auto",
 					overflow: "visible"
 				}
-			})), r.push(C.lineWrapping));
+			})), r.push(w.lineWrapping));
 			let a = s(n);
-			return a && r.push(a), O.value.mode === "dark" && r.push(pe), e.lineNumbers && r.push(_e()), H.value.length > 0 && r.push(he()), T.placeholder !== void 0 && r.push(ve(i("SCodeEditor", "placeholder", T.placeholder))), r.push(me.readOnly.of(V.value)), r.push(C.editable.of(!V.value)), r.push(C.contentAttributes.of(Ce.value)), e.keyInterceptor && !V.value && r.push(C.domEventHandlers({ keydown: (n) => {
+			return a && r.push(a), O.value.mode === "dark" && r.push(S), e.lineNumbers && r.push(ge()), H.value.length > 0 && r.push(me()), h.placeholder !== void 0 && r.push(_e(i("SCodeEditor", "placeholder", h.placeholder))), r.push(pe.readOnly.of(V.value)), r.push(w.editable.of(!V.value)), r.push(w.contentAttributes.of(Se.value)), e.keyInterceptor && !V.value && r.push(w.domEventHandlers({ keydown: (n) => {
 				let r = e.keyInterceptor?.(n);
 				return t("SCodeEditor", "capabilities.keyInterceptor return value", r) ? (n.preventDefault(), !0) : !1;
-			} })), r.push(C.updateListener.of((t) => {
+			} })), r.push(w.updateListener.of((t) => {
 				if (A.value = t.view, (t.selectionSet || t.docChanged) && X(t.view), V.value && e.cursorActivity !== "always" || !t.selectionSet && !t.docChanged) return;
 				let n = t.state.selection.main.head, r = t.state.doc.lineAt(n);
 				E("cursor-activity", {
@@ -108,15 +108,15 @@ var w = /*@__PURE__*/ h({
 					lineText: t.state.doc.sliceString(r.from, r.to)
 				});
 			})), r;
-		}), Te = (e, t, r) => n("SCodeEditor", r, e, {
+		}), we = (e, t, r) => n("SCodeEditor", r, e, {
 			minimum: 0,
 			maximum: t
 		}), W = (e, t) => {
 			let n = A.value;
 			if (!n) throw Error("SCodeEditor: editor не готов; дождитесь ready. / SCodeEditor: editor is not ready; wait for ready.");
-			let r = Te(e, n.state.doc.length, `${t} selection position`);
+			let r = we(e, n.state.doc.length, `${t} selection position`);
 			n.dispatch({
-				selection: S.single(r),
+				selection: C.single(r),
 				scrollIntoView: !0
 			}), n.focus(), E("selection-applied", {
 				position: r,
@@ -151,23 +151,23 @@ var w = /*@__PURE__*/ h({
 			Y(F, t) || (F = t, E("view-state-change", t));
 		}, Q = () => {
 			N?.removeEventListener("scroll", Z), N = null;
-		}, Ee = (e) => {
+		}, Te = (e) => {
 			Q(), N = e.scrollDOM, N.addEventListener("scroll", Z, { passive: !0 });
-		}, De = (e) => e.map((e) => ({
+		}, Ee = (e) => e.map((e) => ({
 			from: e.from,
 			to: e.to,
 			severity: e.severity,
 			message: e.message,
 			...e.source === void 0 ? {} : { source: e.source }
 		})), $ = (e) => {
-			let t = c("SCodeEditor", T.diagnostics, e.state.doc.length);
-			e.dispatch(ge(e.state, De(t)));
-		}, Oe = (e) => {
+			let t = c("SCodeEditor", h.diagnostics, e.state.doc.length);
+			e.dispatch(he(e.state, Ee(t)));
+		}, De = (e) => {
 			if (typeof e != "string") throw TypeError("SCodeEditor: CodeMirror update payload должен быть строкой. / SCodeEditor: CodeMirror update payload must be a string.");
 			V.value || E("update:modelValue", e);
-		}, ke = (e) => {
-			if (typeof e != "object" || !e || !("view" in e) || !(e.view instanceof C)) throw TypeError("SCodeEditor: CodeMirror ready payload должен содержать EditorView. / SCodeEditor: CodeMirror ready payload must contain EditorView.");
-			A.value = e.view, Ee(A.value), $(A.value);
+		}, Oe = (e) => {
+			if (typeof e != "object" || !e || !("view" in e) || !(e.view instanceof w)) throw TypeError("SCodeEditor: CodeMirror ready payload должен содержать EditorView. / SCodeEditor: CodeMirror ready payload must contain EditorView.");
+			A.value = e.view, Te(A.value), $(A.value);
 			let t = {
 				documentLength: A.value.state.doc.length,
 				viewport: L.value,
@@ -179,7 +179,7 @@ var w = /*@__PURE__*/ h({
 				j.value = null, W(e, "controlled");
 			}
 		};
-		return b(() => T.nextSelectionPos, (e) => {
+		return b(() => h.nextSelectionPos, (e) => {
 			if (e != null) {
 				if (!Number.isInteger(e)) throw TypeError(`SCodeEditor: nextSelectionPos должен быть целым числом; получено ${String(e)}. / SCodeEditor: nextSelectionPos must be an integer; received ${String(e)}.`);
 				if (!A.value) {
@@ -192,10 +192,10 @@ var w = /*@__PURE__*/ h({
 			A.value && $(A.value);
 		}), le(() => {
 			Q(), A.value = null, P = null, F = null;
-		}), w({
+		}), T({
 			applySelection: (e) => W(e, "imperative"),
 			revealRange: (e) => {
-				let t = G(), n = l("SCodeEditor", "revealRange", e, t.state.doc.length), r = C.scrollIntoView(S.range(n.from, n.to), { y: "nearest" });
+				let t = G(), n = l("SCodeEditor", "revealRange", e, t.state.doc.length), r = w.scrollIntoView(C.range(n.from, n.to), { y: "nearest" });
 				t.dispatch({ effects: r });
 			},
 			getSelection: () => {
@@ -208,7 +208,7 @@ var w = /*@__PURE__*/ h({
 			captureViewState: () => q(G()),
 			applyViewState: (e) => {
 				let t = G(), n = u("SCodeEditor", e, t.state.doc.length);
-				t.dispatch({ selection: S.range(n.selection.anchor, n.selection.head) }), t.scrollDOM.scrollTop = n.scrollTop, t.scrollDOM.scrollLeft = n.scrollLeft, X(t);
+				t.dispatch({ selection: C.range(n.selection.anchor, n.selection.head) }), t.scrollDOM.scrollTop = n.scrollTop, t.scrollDOM.scrollLeft = n.scrollLeft, X(t);
 			},
 			focus: () => {
 				G().focus();
@@ -219,12 +219,12 @@ var w = /*@__PURE__*/ h({
 			"data-viewport": L.value,
 			"data-line-numbers": U.value.lineNumbers ? "visible" : "hidden",
 			"model-value": I.value,
-			autofocus: be.value,
+			autofocus: ye.value,
 			"indent-with-tab": U.value.indentation.keyBehavior === "indent",
 			"tab-size": U.value.indentation.tabSize,
-			extensions: we.value,
-			onReady: ke,
-			"onUpdate:modelValue": Oe
+			extensions: Ce.value,
+			onReady: Oe,
+			"onUpdate:modelValue": De
 		}), null, 16, [
 			"data-variant",
 			"data-viewport",
@@ -245,4 +245,4 @@ var w = /*@__PURE__*/ h({
 	}
 });
 //#endregion
-export { w as default };
+export { T as default };

package/dist/src/components/shared/data-display/SCodeSearchPanel.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import { CaseSensitive as e, ChevronDown as t, ChevronUp as n, Regex as r, Replace as i, ReplaceAll as a, ScanSearch as o, WholeWord as s, X as c } from "../../icons/sputnigUiIcons.js";
+import { CaseSensitive as e, ChevronDown as t, ChevronUp as n, Regex as r, Replace as i, ReplaceAll as a, ScanSearch as o, WholeWord as s, X as c } from "../../icons/_internal/generatedSputnigUiIconComponents.js";
 import { useUiKitLocale as l } from "../../../composables/useUiKitLocale.js";
 import { useOwnedAttrs as u } from "../../../internal/ownedAttrs.js";
 import { validateNonEmptyString as d } from "../../../internal/runtimeContract.js";

package/dist/src/components/shared/data-display/SCodeWorkspaceEditor.vue.js

@@ -1,8 +1,8 @@
-import "../../../../assets/src/components/shared/data-display/SCodeWorkspaceEditor.css_vue_type_style_index_0_src_864bce1d_scoped_864bce1d_lang.css";
+import "../../../../assets/src/components/shared/data-display/SCodeWorkspaceEditor.css_vue_type_style_index_0_src_b200dc8e_scoped_b200dc8e_lang.css";
 import e from "../../../../_virtual/_plugin-vue_export-helper.js";
 import t from "./SCodeWorkspaceEditor.vue_vue_type_script_setup_true_lang.js";
 /* empty css                                                                                  */
 //#region src/components/shared/data-display/SCodeWorkspaceEditor.vue
-var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-864bce1d"]]);
+var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-b200dc8e"]]);
 //#endregion
 export { n as default };

package/dist/src/components/shared/data-display/SCodeWorkspaceEditor.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import { X as e } from "../../icons/sputnigUiIcons.js";
+import { X as e } from "../../icons/_internal/generatedSputnigUiIconComponents.js";
 import { useUiKitLocale as t } from "../../../composables/useUiKitLocale.js";
 import { useOwnedAttrs as n } from "../../../internal/ownedAttrs.js";
 import { validateNonEmptyString as r } from "../../../internal/runtimeContract.js";
@@ -183,7 +183,7 @@ var k = ["data-empty"], A = /*@__PURE__*/ y({
 					invalid: e.document.invalid,
 					placeholder: e.document.placeholder,
 					variant: e.document.variant,
-					"aria-label": e.document.label,
+					ariaLabel: e.document.label,
 					viewport: "fill",
 					"onUpdate:modelValue": (t) => te(e, t),
 					onSelectionChange: (t) => ne(e, t),
@@ -198,7 +198,7 @@ var k = ["data-empty"], A = /*@__PURE__*/ y({
 					"invalid",
 					"placeholder",
 					"variant",
-					"aria-label",
+					"ariaLabel",
 					"onUpdate:modelValue",
 					"onSelectionChange",
 					"onViewStateChange"