@pgcorp/ui-kit 0.10.1 → 0.11.0

package/dist/src/components/shared/controls/SButton.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import { ChevronRight as e } from "../../icons/sputnigUiIcons.js";
+import { ChevronRight as e } from "../../icons/_internal/generatedSputnigUiIconComponents.js";
 import { useOwnedAttrs as t } from "../../../internal/ownedAttrs.js";
 import { resolveSemanticToneBinding as n } from "../../../internal/semanticTone.js";
 import r from "../data-display/SBadge.vue.js";
@@ -6,8 +6,8 @@ import { PassiveContentBoundary as i, useInteractiveLeafRegistration as a } from
 import { resolveLinkTarget as o } from "../../../internal/linkTarget.js";
 import { useTreeActionRegistration as s } from "../_internal/treeRuntime.js";
 import c from "../data-display/SProgressIndicator.vue.js";
-import { computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createTextVNode as m, createVNode as h, defineComponent as g, getCurrentInstance as _, mergeProps as v, openBlock as y, ref as b, resolveDynamicComponent as x, toDisplayString as S, unref as C, watchEffect as w, withCtx as T } from "vue";
-import { RouterLink as ee } from "vue-router";
+import { computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createTextVNode as m, createVNode as h, defineComponent as g, mergeProps as _, openBlock as v, ref as y, resolveDynamicComponent as b, toDisplayString as x, unref as S, useSlots as C, watchEffect as ee, withCtx as w } from "vue";
+import { RouterLink as T } from "vue-router";
 //#region src/components/shared/controls/SButton.vue?vue&type=script&setup=true&lang.ts
 var E = {
 	key: 0,
@@ -27,7 +27,7 @@ var E = {
 	inheritAttrs: !1,
 	__name: "SButton",
 	props: {
-		label: { default: void 0 },
+		label: {},
 		severity: { default: "primary" },
 		size: { default: "md" },
 		disabled: {
@@ -38,16 +38,16 @@ var E = {
 			type: Boolean,
 			default: !1
 		},
-		loadingLabel: { default: void 0 },
-		leadingIcon: { default: void 0 },
-		trailingIcon: { default: void 0 },
+		loadingLabel: {},
+		leadingIcon: {},
+		trailingIcon: {},
 		iconSize: { default: "default" },
 		density: { default: "default" },
 		spacing: { default: "default" },
 		hoverSurface: { default: "self" },
-		badge: { default: void 0 },
+		badge: {},
 		badgeSeverity: { default: "secondary" },
-		shortcut: { default: void 0 },
+		shortcut: {},
 		iconOnly: {
 			type: Boolean,
 			default: !1
@@ -58,18 +58,18 @@ var E = {
 		shape: { default: "default" },
 		pressed: {
 			type: [Boolean, String],
-			default: void 0
+			default: () => void 0
 		},
 		busy: {
 			type: Boolean,
 			default: !1
 		},
-		disclosure: { default: void 0 },
-		href: { default: void 0 },
-		to: { default: void 0 },
-		target: { default: void 0 },
-		rel: { default: void 0 },
-		type: { default: void 0 }
+		disclosure: {},
+		href: {},
+		to: {},
+		target: {},
+		rel: {},
+		type: {}
 	},
 	emits: ["click"],
 	setup(g, { expose: N, emit: P }) {
@@ -81,45 +81,43 @@ var E = {
 			"warn",
 			"danger",
 			"contrast"
-		], I = g, L = P, R = _();
-		if (!R) throw Error("SButton: component instance is unavailable");
-		let z = R.slots, B = () => z.default?.() ?? [], V = b(null), H = t({
+		], I = P, L = C(), R = () => L.default?.() ?? [], z = y(null), B = t({
 			component: "SButton",
 			owner: "native button"
-		}), U = l(() => n("SButton", "severity", I.severity, F)), W = s({
+		}), V = l(() => n("SButton", "severity", g.severity, F)), H = s({
 			owner: "SButton",
-			element: V,
-			disabled: () => I.disabled || I.loading
+			element: z,
+			disabled: () => g.disabled || g.loading
 		});
 		a({ owner: "SButton" });
-		let G = l(() => {
-			let e = I.href !== void 0, t = I.to !== void 0;
+		let U = l(() => {
+			let e = g.href !== void 0, t = g.to !== void 0;
 			if (e && t) throw TypeError("SButton: передайте не более одного navigation target — href или to");
 			if (!e && !t) return null;
-			if (I.type !== void 0) throw TypeError("SButton: navigation target несовместим с native button type");
+			if (g.type !== void 0) throw TypeError("SButton: navigation target несовместим с native button type");
 			return o({
-				href: I.href,
-				to: I.to,
-				target: I.target,
-				rel: I.rel,
+				href: g.href,
+				to: g.to,
+				target: g.target,
+				rel: g.rel,
 				owner: "SButton"
 			});
-		}), K = l(() => I.disabled || I.loading), q = l(() => {
-			let e = G.value;
-			return !e || K.value ? e ? "a" : "button" : e.kind === "router" ? ee : "a";
-		}), J = l(() => {
-			let e = H.bindings(), t = W ? {
+		}), W = l(() => g.disabled || g.loading), G = l(() => {
+			let e = U.value;
+			return !e || W.value ? e ? "a" : "button" : e.kind === "router" ? T : "a";
+		}), K = l(() => {
+			let e = B.bindings(), t = H ? {
 				...e,
 				tabindex: -1
-			} : e, n = I.disclosure ? {
+			} : e, n = g.disclosure ? {
 				...t,
-				"aria-expanded": I.disclosure.expanded,
-				"aria-controls": I.disclosure.controls
-			} : t, r = G.value, i = r === null ? {
+				"aria-expanded": g.disclosure.expanded,
+				"aria-controls": g.disclosure.controls
+			} : t, r = U.value, i = r === null ? {
 				...n,
-				disabled: I.disabled || I.loading || void 0,
-				type: I.type ?? "button"
-			} : K.value ? {
+				disabled: g.disabled || g.loading || void 0,
+				type: g.type ?? "button"
+			} : W.value ? {
 				...n,
 				"aria-disabled": !0,
 				tabindex: -1
@@ -127,61 +125,61 @@ var E = {
 				...n,
 				...r.bindings
 			};
-			if (!I.loading) return i;
+			if (!g.loading) return i;
 			let a = i["aria-label"], o = [
-				I.loadingLabel,
-				I.label,
+				g.loadingLabel,
+				g.label,
 				a
 			].find((e) => typeof e == "string" && e.trim().length > 0);
-			if (!o && !z.default) throw Error("SButton: loading action requires label, loadingLabel, or aria-label");
+			if (!o && !L.default) throw Error("SButton: loading action requires label, loadingLabel, or aria-label");
 			return o ? {
 				...i,
 				"aria-label": o
 			} : i;
-		}), Y = {
+		}), q = {
 			owner: "SButton",
 			region: "passive default content",
 			guidance: "Вынесите независимое действие в соседний SButton. / Move the independent action to a sibling SButton."
 		};
-		w(() => {
-			let e = G.value;
-			if (e && I.pressed !== void 0) throw Error("SButton: navigation target несовместим с pressed toggle semantics");
-			if (e && I.disclosure !== void 0) throw Error("SButton: navigation target несовместим с disclosure trigger semantics");
-			if (I.disclosure && I.disclosure.controls.trim().length === 0) throw Error("SButton: disclosure.controls must be a non-empty id");
-			let t = I.disclosure?.iconPlacement ?? "trailing";
-			if (I.disclosure && (t === "leading" && I.leadingIcon || t === "trailing" && I.trailingIcon)) throw Error(`SButton: disclosure ${t} icon conflicts with the matching icon prop`);
+		ee(() => {
+			let e = U.value;
+			if (e && g.pressed !== void 0) throw Error("SButton: navigation target несовместим с pressed toggle semantics");
+			if (e && g.disclosure !== void 0) throw Error("SButton: navigation target несовместим с disclosure trigger semantics");
+			if (g.disclosure && g.disclosure.controls.trim().length === 0) throw Error("SButton: disclosure.controls must be a non-empty id");
+			let t = g.disclosure?.iconPlacement ?? "trailing";
+			if (g.disclosure && (t === "leading" && g.leadingIcon || t === "trailing" && g.trailingIcon)) throw Error(`SButton: disclosure ${t} icon conflicts with the matching icon prop`);
 		});
-		let X = l(() => I.iconOnly || I.label === "" && !!(I.leadingIcon || I.trailingIcon || z.default)), Z = l(() => I.label === void 0 || I.label === "" && !I.leadingIcon && !I.trailingIcon), Q = l(() => I.size === "lg" ? "sm" : "xs");
-		function te(e) {
+		let J = l(() => g.iconOnly || g.label === "" && !!(g.leadingIcon || g.trailingIcon || L.default)), Y = l(() => g.label === void 0 || g.label === "" && !g.leadingIcon && !g.trailingIcon), X = l(() => g.size === "lg" ? "sm" : "xs");
+		function Z(e) {
 			if (e === null) {
-				V.value = null;
+				z.value = null;
 				return;
 			}
 			if (e instanceof HTMLButtonElement || e instanceof HTMLAnchorElement) {
-				V.value = e;
+				z.value = e;
 				return;
 			}
 			let t = Reflect.get(e, "$el");
 			if (!(t instanceof HTMLAnchorElement)) throw TypeError("SButton: RouterLink root must resolve to an HTMLAnchorElement");
-			V.value = t;
+			z.value = t;
 		}
-		function ne(e) {
-			if (G.value && K.value) {
+		function Q(e) {
+			if (U.value && W.value) {
 				e.preventDefault(), e.stopImmediatePropagation();
 				return;
 			}
-			L("click", e);
+			I("click", e);
 		}
 		let $ = () => {
-			let e = V.value;
+			let e = z.value;
 			if (!e) throw Error("SButton: interactive element is unavailable");
 			return e;
 		};
 		return N({
 			getElement: $,
 			focus: (e) => $().focus(e)
-		}), (t, n) => (y(), u(x(q.value), v({ ref: te }, J.value, {
-			"data-s-tone": U.value["data-s-tone"],
+		}), (t, n) => (v(), u(b(G.value), _({ ref: Z }, K.value, {
+			"data-s-tone": V.value["data-s-tone"],
 			class: "s-button",
 			"data-size": g.size,
 			"data-width": g.width,
@@ -189,53 +187,53 @@ var E = {
 			"data-density": g.density,
 			"data-spacing": g.spacing,
 			"data-hover-surface": g.hoverSurface,
-			"data-icon-only": X.value,
+			"data-icon-only": J.value,
 			"data-icon-size": g.iconSize,
 			"data-appearance": g.appearance,
 			"data-shape": g.shape,
 			"data-loading": g.loading || void 0,
 			"aria-pressed": g.pressed,
 			"aria-busy": g.busy || g.loading || void 0,
-			onClick: ne
+			onClick: Q
 		}), {
-			default: T(() => [g.loading ? (y(), f("span", E, [h(c, {
+			default: w(() => [g.loading ? (v(), f("span", E, [h(c, {
 				accessibility: { mode: "decorative" },
-				size: Q.value
+				size: X.value
 			}, null, 8, ["size"])])) : d("", !0), p("span", D, [
-				g.disclosure?.iconPlacement === "leading" ? (y(), f("span", {
+				g.disclosure?.iconPlacement === "leading" ? (v(), f("span", {
 					key: 0,
 					class: "s-button__disclosure-icon s-button__icon s-button__icon--leading",
 					"data-expanded": g.disclosure.expanded,
 					"data-disclosure-icon": "",
 					"aria-hidden": "true"
-				}, [h(C(e))], 8, O)) : g.leadingIcon ? (y(), u(x(g.leadingIcon), {
+				}, [h(S(e))], 8, O)) : g.leadingIcon ? (v(), u(b(g.leadingIcon), {
 					key: 1,
 					class: "s-button__icon s-button__icon--leading",
 					"aria-hidden": "true"
 				})) : d("", !0),
-				g.label ? (y(), f("span", k, S(g.label), 1)) : d("", !0),
-				Z.value ? (y(), u(C(i), {
+				g.label ? (v(), f("span", k, x(g.label), 1)) : d("", !0),
+				Y.value ? (v(), u(S(i), {
 					key: 3,
-					contract: Y
+					contract: q
 				}, {
-					default: T(() => [(y(), u(x(B)))]),
+					default: w(() => [(v(), u(b(R)))]),
 					_: 1
 				})) : d("", !0),
-				g.badge === void 0 ? d("", !0) : (y(), f("span", A, [h(r, {
+				g.badge === void 0 ? d("", !0) : (v(), f("span", A, [h(r, {
 					severity: g.badgeSeverity,
 					size: "xs"
 				}, {
-					default: T(() => [m(S(g.badge), 1)]),
+					default: w(() => [m(x(g.badge), 1)]),
 					_: 1
 				}, 8, ["severity"])])),
-				g.shortcut ? (y(), f("span", j, S(g.shortcut), 1)) : d("", !0),
-				g.disclosure && g.disclosure.iconPlacement !== "leading" && g.disclosure.iconPlacement !== "none" ? (y(), f("span", {
+				g.shortcut ? (v(), f("span", j, x(g.shortcut), 1)) : d("", !0),
+				g.disclosure && g.disclosure.iconPlacement !== "leading" && g.disclosure.iconPlacement !== "none" ? (v(), f("span", {
 					key: 6,
 					class: "s-button__disclosure-icon s-button__icon s-button__icon--trailing",
 					"data-expanded": g.disclosure.expanded,
 					"data-disclosure-icon": "",
 					"aria-hidden": "true"
-				}, [h(C(e))], 8, M)) : g.trailingIcon ? (y(), u(x(g.trailingIcon), {
+				}, [h(S(e))], 8, M)) : g.trailingIcon ? (v(), u(b(g.trailingIcon), {
 					key: 7,
 					class: "s-button__icon s-button__icon--trailing",
 					"aria-hidden": "true"

package/dist/src/components/shared/controls/SCheckbox.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import { Check as e, Minus as t } from "../../icons/sputnigUiIcons.js";
+import { Check as e, Minus as t } from "../../icons/_internal/generatedSputnigUiIconComponents.js";
 import { mergeIdReferences as n, useOwnedAttrs as r } from "../../../internal/ownedAttrs.js";
 import { useInteractiveLeafRegistration as i } from "../../../internal/passiveContentContract.js";
 import { useBinaryInput as a } from "../../../internal/useBinaryInput.js";

package/dist/src/components/shared/controls/SComboboxTrigger.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import { ChevronDown as e, ChevronsUpDown as t } from "../../icons/sputnigUiIcons.js";
+import { ChevronDown as e, ChevronsUpDown as t } from "../../icons/_internal/generatedSputnigUiIconComponents.js";
 import { useUiKitLocale as n } from "../../../composables/useUiKitLocale.js";
 import { useInteractiveLeafRegistration as r } from "../../../internal/passiveContentContract.js";
 import { resolveFieldSurfaceBindings as i } from "../../../internal/fieldSurface.js";

package/dist/src/components/shared/controls/SContextToggleButton.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import { Minus as e, MinusCircle as t, PlusCircle as n } from "../../icons/sputnigUiIcons.js";
+import { Minus as e, MinusCircle as t, PlusCircle as n } from "../../icons/_internal/generatedSputnigUiIconComponents.js";
 import { useUiKitLocale as r } from "../../../composables/useUiKitLocale.js";
 import { useOwnedAttrs as i } from "../../../internal/ownedAttrs.js";
 import { validateNonEmptyString as a } from "../../../internal/runtimeContract.js";

package/dist/src/components/shared/controls/SDragHandle.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import { getSputnigUiIconComponent as e } from "../../icons/sputnigUiIcons.js";
+import { Drag 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";
@@ -31,23 +31,23 @@ var p = /*@__PURE__*/ s({
 		"keyboard-active-change"
 	],
 	setup(s, { emit: p }) {
-		let m = s, h = p, g = e("drag"), _ = n({
+		let m = s, h = p, g = n({
 			component: "SDragHandle",
 			owner: "drag handle command"
-		}), { t: v } = t(), y = u(!1), b = a(() => r("SDragHandle", "label", m.label)), x = a(() => m.orientation === "vertical" ? "Enter Space ArrowUp ArrowDown Escape" : "Enter Space ArrowLeft ArrowRight Escape"), S = a(() => y.value ? v("layout.dragActive", { label: b.value }) : v("layout.dragIdle", { label: b.value }));
+		}), { t: _ } = t(), v = u(!1), y = a(() => r("SDragHandle", "label", m.label)), b = a(() => m.orientation === "vertical" ? "Enter Space ArrowUp ArrowDown Escape" : "Enter Space ArrowLeft ArrowRight Escape"), x = a(() => v.value ? _("layout.dragActive", { label: y.value }) : _("layout.dragIdle", { label: y.value }));
+		function S(e) {
+			v.value !== e && (v.value = e, h("keyboard-active-change", e));
+		}
 		function C(e) {
-			y.value !== e && (y.value = e, h("keyboard-active-change", e));
+			m.disabled || e.detail > 0 || S(!v.value);
 		}
 		function w(e) {
-			m.disabled || e.detail > 0 || C(!y.value);
+			m.disabled || (S(!1), h("drag-start", e));
 		}
 		function T(e) {
-			m.disabled || (C(!1), h("drag-start", e));
-		}
-		function E(e) {
-			if (m.disabled || !y.value) return;
+			if (m.disabled || !v.value) return;
 			if (e.key === "Escape") {
-				e.preventDefault(), C(!1);
+				e.preventDefault(), S(!1);
 				return;
 			}
 			let t = m.orientation === "vertical" ? "ArrowUp" : "ArrowLeft", n = m.orientation === "vertical" ? "ArrowDown" : "ArrowRight";
@@ -57,23 +57,23 @@ var p = /*@__PURE__*/ s({
 			(r !== -1 || m.canMovePrevious) && (r !== 1 || m.canMoveNext) && h("reorder", r);
 		}
 		return f(() => {
-			m.disabled && C(!1);
-		}), (e, t) => (l(), o(i, c(d(_).bindings(), {
+			m.disabled && S(!1);
+		}), (t, n) => (l(), o(i, c(d(g).bindings(), {
 			size: s.size,
 			severity: "secondary",
 			appearance: "ghost",
 			"icon-only": "",
-			"leading-icon": d(g),
+			"leading-icon": d(e),
 			disabled: s.disabled,
-			pressed: y.value,
-			title: S.value,
-			"aria-label": S.value,
-			"aria-keyshortcuts": x.value,
+			pressed: v.value,
+			title: x.value,
+			"aria-label": x.value,
+			"aria-keyshortcuts": b.value,
 			"data-s-drag-handle": "",
-			"data-state": y.value ? "keyboard-active" : "idle",
-			onClick: w,
-			onPointerdown: T,
-			onKeydown: E
+			"data-state": v.value ? "keyboard-active" : "idle",
+			onClick: C,
+			onPointerdown: w,
+			onKeydown: T
 		}), null, 16, [
 			"size",
 			"leading-icon",

package/dist/src/components/shared/controls/SInputText.vue.d.ts

@@ -33,6 +33,10 @@ export interface Props {
     disabled?: boolean;
     readonly?: boolean;
     required?: boolean;
+    /** Минимальная длина textual-значения для native constraint validation. / Minimum textual value length for native constraint validation. */
+    minLength?: number;
+    /** Максимальная длина textual-значения, ограничивающая пользовательский ввод. / Maximum textual value length that constrains user input. */
+    maxLength?: number;
     monospace?: boolean;
     size?: 'sm' | 'md' | 'lg';
     density?: SInputTextDensity;
@@ -108,6 +112,8 @@ declare const __VLS_export: import('vue').DefineComponent<Props, {
     appearance: "field" | "grid-cell" | "workbench-title";
     monospace: boolean;
     modelModifiers: SInputTextModelModifiers;
+    minLength: number;
+    maxLength: number;
     trailingText: string;
     trailingAction: SInputTextTrailingAction;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

package/dist/src/components/shared/controls/SInputText.vue.js

@@ -1,8 +1,8 @@
-import "../../../../assets/src/components/shared/controls/SInputText.css_vue_type_style_index_0_src_6d42d245_scoped_6d42d245_lang.css";
+import "../../../../assets/src/components/shared/controls/SInputText.css_vue_type_style_index_0_src_a9c5f1aa_scoped_a9c5f1aa_lang.css";
 import e from "../../../../_virtual/_plugin-vue_export-helper.js";
 import t from "./SInputText.vue_vue_type_script_setup_true_lang.js";
 /* empty css                                                                        */
 //#region src/components/shared/controls/SInputText.vue
-var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-6d42d245"]]);
+var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-a9c5f1aa"]]);
 //#endregion
 export { n as default };