@shtabapp/ui-kit 1.85.0 → 1.85.2

package/dist/STab-D7SATMfv.js

@@ -1,242 +0,0 @@
-import { a as e } from "./useSelectionGroup-BCAmPf3R.js";
-import { n as t, t as n } from "./useSelectLink-2aCIYmF6.js";
-import { n as ee, r as te, t as ne } from "./useLink-Com5VhOk.js";
-import { Fragment as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createTextVNode as re, createVNode as l, defineComponent as u, inject as d, mergeModels as f, mergeProps as p, nextTick as ie, normalizeClass as m, openBlock as h, ref as g, renderSlot as _, resolveDynamicComponent as ae, toDisplayString as v, toValue as y, unref as b, useAttrs as oe, useModel as se, useSlots as ce, useTemplateRef as x, vModelText as le, withCtx as ue, withDirectives as de, withModifiers as S } from "vue";
-import { SIcon as C, useUiKitI18n as fe } from "@shtabapp/ui-kit-primitives";
-//#region src/components/STabs/utils/context.ts
-var w = Symbol("STabs"), T = /* @__PURE__ */ function(e) {
-	return e.PRIMARY = "primary", e.SECONDARY = "secondary", e;
-}({}), E = /* @__PURE__ */ function(e) {
-	return e.SMALL = "small", e.LARGE = "large", e;
-}({}), pe = { class: "s-ui-tab__content" }, me = {
-	key: 0,
-	class: "s-ui-tab__icon-wrap"
-}, he = { class: "s-ui-tab__icon" }, ge = {
-	key: 0,
-	class: "s-ui-tab__icon-badge",
-	"aria-hidden": "true"
-}, _e = {
-	key: 1,
-	class: "s-ui-tab__label-wrap"
-}, ve = {
-	key: 0,
-	class: "s-ui-tab__caret",
-	"aria-hidden": "true"
-}, ye = {
-	key: 3,
-	class: "s-ui-tab__caret",
-	"aria-hidden": "true"
-}, D = ["placeholder", "disabled"], O = {
-	key: 2,
-	class: "s-ui-tab__right"
-}, k = "Delete", A = /* @__PURE__ */ u({
-	inheritAttrs: !1,
-	__name: "STab",
-	props: /*@__PURE__*/ f({
-		appearance: {},
-		size: {},
-		disabled: {
-			type: Boolean,
-			default: !1
-		},
-		selected: {
-			type: Boolean,
-			default: !1
-		},
-		icon: {},
-		iconOnly: {
-			type: Boolean,
-			default: !1
-		},
-		billing: {
-			type: Boolean,
-			default: !1
-		},
-		placeholder: {
-			type: Boolean,
-			default: !1
-		},
-		placeholderText: {},
-		editableStaticDisplay: {
-			type: Boolean,
-			default: !1
-		},
-		iconBadge: {},
-		value: {},
-		link: {},
-		exact: {
-			type: Boolean,
-			default: !1
-		},
-		replace: {
-			type: Boolean,
-			default: !1
-		},
-		closable: {
-			type: Boolean,
-			default: !1
-		}
-	}, {
-		modelValue: { default: "" },
-		modelModifiers: {}
-	}),
-	emits: /*@__PURE__*/ f([
-		"click",
-		"rename",
-		"close"
-	], ["update:modelValue"]),
-	setup(u, { expose: f, emit: A }) {
-		let j = d(w, null), { t: M } = fe(), N = i(() => u.placeholderText ?? M("tab.placeholder")), P = oe(), F = ce(), be = i(() => e(u.appearance, j ? y(j.appearance) : void 0, T.PRIMARY)), I = i(() => e(u.size, j ? y(j.size) : void 0, E.LARGE)), L = i(() => u.disabled || !!(j && y(j.disabled))), R = x("tabRootRef"), z = t({
-			group: () => j,
-			value: () => u.value,
-			el: R,
-			disabled: L
-		}), B = ne(() => u.link, () => u.exact, () => u.replace);
-		n({
-			isRouterLink: B.isRouterLink,
-			isActive: B.isActive,
-			group: () => j,
-			value: () => u.value
-		});
-		let V = i(() => B.isRouterLink.value ? B.isActive.value : z.isInGroup.value ? z.isActive.value : u.selected), H = se(u, "modelValue"), U = A, W = x("renameInputRef"), G = g(!1), K = g(""), q = B.linkPresentation, J = i(() => q.value.mode === "none"), xe = i(() => {
-			let e = q.value;
-			return e.mode === "none" ? "button" : e.rootTag;
-		}), Se = i(() => ee(q.value, { replace: u.replace })), Ce = i(() => {
-			let e = z.tabIndex.value;
-			return {
-				...Se.value,
-				...e === void 0 ? {} : { tabindex: e },
-				...P
-			};
-		}), we = ["Delete", "Backspace"], Te = i(() => I.value === E.LARGE ? 20 : 16), Ee = i(() => I.value === E.LARGE ? 20 : 16), Y = i(() => I.value === E.LARGE ? "s-ui-typography-label-16-medium" : "s-ui-typography-label-14-medium"), De = i(() => !!(u.icon || F.icon)), Oe = i(() => u.editableStaticDisplay && u.placeholder && !H.value.length), ke = i(() => u.editableStaticDisplay && !u.placeholder), X = i(() => G.value ? K.value : H.value), Z = i(() => !F.default && u.placeholder && !H.value.length), Ae = i(() => u.editableStaticDisplay && u.placeholder && !H.value.length), je = i(() => u.editableStaticDisplay && !u.placeholder && H.value.length > 0), Me = i(() => u.iconOnly ? !1 : F.default || u.editableStaticDisplay || G.value || H.value.length > 0 || Z.value), Ne = i(() => u.iconOnly ? !1 : !!F.right), Q = i(() => G.value || u.editableStaticDisplay), Pe = i(() => u.placeholder && !X.value.length && (Q.value || Z.value)), $ = i(() => [
-			`s-ui-tab--appearance-${be.value}`,
-			`s-ui-tab--size-${I.value}`,
-			{
-				"s-ui-tab--selected": V.value,
-				"s-ui-tab--disabled": L.value,
-				"s-ui-tab--icon-only": u.iconOnly,
-				"s-ui-tab--billing": u.billing,
-				"s-ui-tab--editable": Q.value,
-				"s-ui-tab--editable-placeholder": Pe.value,
-				"s-ui-tab--editable-value": !u.placeholder && Q.value,
-				"s-ui-tab--link": te(u.link),
-				"s-ui-tab--closable": u.closable
-			}
-		]), Fe = () => {
-			let e = W.value;
-			if (!e) return;
-			e.focus();
-			let t = K.value.length;
-			e.setSelectionRange(t, t);
-		}, Ie = async () => {
-			L.value || u.editableStaticDisplay || u.iconOnly || (K.value = H.value, G.value = !0, await ie(), Fe());
-		}, Le = () => {
-			if (u.editableStaticDisplay || !G.value) return;
-			let e = K.value;
-			G.value = !1, H.value = e, U("rename", e);
-		}, Re = () => {
-			u.editableStaticDisplay || !G.value || (G.value = !1);
-		}, ze = () => {
-			G.value && Re();
-		}, Be = (e) => {
-			e.stopPropagation(), e.key === "Enter" && (e.preventDefault(), Le(), W.value?.blur());
-		}, Ve = (e) => {
-			L.value || U("close", e);
-		}, He = (e) => !u.closable || L.value || !we.includes(e.key) ? !1 : (e.preventDefault(), U("close", e), !0), Ue = (e) => {
-			if (!He(e)) {
-				if (B.isRouterLink.value && (e.key === "Enter" || e.key === " " || e.key === "Spacebar")) {
-					e.preventDefault(), B.navigate();
-					return;
-				}
-				z.handleKeydown(e);
-			}
-		}, We = (e) => {
-			if (L.value) {
-				e.preventDefault(), e.stopPropagation();
-				return;
-			}
-			if (B.isRouterLink.value) {
-				U("click", e);
-				return;
-			}
-			z.handleClick(), U("click", e);
-		};
-		return f({ edit: Ie }), (e, t) => (h(), a(ae(xe.value), p({
-			ref_key: "tabRootRef",
-			ref: R,
-			class: ["s-ui-tab", $.value],
-			type: J.value ? "button" : void 0,
-			role: "tab",
-			"aria-selected": !!V.value,
-			"aria-disabled": L.value ? !0 : void 0,
-			disabled: J.value && L.value ? !0 : void 0,
-			"aria-keyshortcuts": u.closable ? k : void 0
-		}, Ce.value, {
-			onClick: We,
-			onKeydown: Ue
-		}), {
-			default: ue(() => [c("span", pe, [
-				De.value ? (h(), s("span", me, [c("span", he, [_(e.$slots, "icon", {}, () => [u.icon ? (h(), a(b(C), {
-					key: 0,
-					name: u.icon,
-					size: Ee.value,
-					billing: u.billing
-				}, null, 8, [
-					"name",
-					"size",
-					"billing"
-				])) : o("", !0)])]), u.iconBadge ? (h(), s("span", ge, [l(b(C), {
-					class: "s-ui-tab__icon-badge-icon",
-					name: u.iconBadge
-				}, null, 8, ["name"])])) : o("", !0)])) : o("", !0),
-				Me.value ? (h(), s("span", _e, [u.editableStaticDisplay ? (h(), s(r, { key: 0 }, [
-					Oe.value ? (h(), s("span", ve)) : o("", !0),
-					Ae.value ? (h(), s("span", {
-						key: 1,
-						class: m(["s-ui-tab__label", Y.value])
-					}, v(N.value), 3)) : o("", !0),
-					je.value ? (h(), s("span", {
-						key: 2,
-						class: m(["s-ui-tab__label", Y.value])
-					}, v(H.value), 3)) : o("", !0),
-					ke.value ? (h(), s("span", ye)) : o("", !0)
-				], 64)) : G.value ? de((h(), s("input", {
-					key: 1,
-					ref_key: "renameInputRef",
-					ref: W,
-					"onUpdate:modelValue": t[0] ||= (e) => K.value = e,
-					class: m(["s-ui-tab__input", Y.value]),
-					type: "text",
-					placeholder: u.placeholder && !X.value.length ? N.value : void 0,
-					disabled: L.value ? !0 : void 0,
-					onBlur: ze,
-					onClick: t[1] ||= S(() => {}, ["stop"]),
-					onKeydown: Be
-				}, null, 42, D)), [[le, K.value]]) : (h(), s("span", {
-					key: 2,
-					class: m(["s-ui-tab__label", Y.value])
-				}, [b(F).default ? _(e.$slots, "default", { key: 0 }) : (h(), s(r, { key: 1 }, [re(v(H.value || (u.placeholder ? N.value : "")), 1)], 64))], 2))])) : o("", !0),
-				Ne.value ? (h(), s("span", O, [_(e.$slots, "right")])) : o("", !0),
-				u.closable ? (h(), s("span", {
-					key: 3,
-					class: "s-ui-tab__close",
-					"aria-hidden": "true",
-					onClick: S(Ve, ["stop"])
-				}, [l(b(C), {
-					name: "closeMini",
-					size: Te.value
-				}, null, 8, ["size"])])) : o("", !0)
-			])]),
-			_: 3
-		}, 16, [
-			"class",
-			"type",
-			"aria-selected",
-			"aria-disabled",
-			"disabled",
-			"aria-keyshortcuts"
-		]));
-	}
-});
-//#endregion
-export { w as i, T as n, E as r, A as t };