@feugene/granularity 0.4.4 → 0.4.5

package/dist/components/GrLink/chunks/{GrLink-BbN7R3iP.js → GrLink-DvvNkP0M.js}

@@ -1,19 +1,12 @@
 import { a as grLinkClass, i as focusRingClass, r as baseRootClass } from "../../../chunks/config-DUtUkSzc.js";
-import { computed, createElementBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, useAttrs } from "vue";
-//#region src/components/GrLink/GrLink.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = [
-	"href",
-	"target",
-	"rel",
-	"aria-label"
-];
-var _hoisted_2 = ["aria-label", "aria-disabled"];
+import { computed, createBlock, defineComponent, markRaw, mergeProps, openBlock, renderSlot, resolveDynamicComponent, unref, useAttrs, withCtx } from "vue";
 //#endregion
 //#region src/components/GrLink/GrLink.vue
 var GrLink_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "GrLink",
 	props: {
+		as: { default: void 0 },
 		href: { default: void 0 },
 		external: {
 			type: Boolean,
@@ -35,15 +28,28 @@ var GrLink_default = /* @__PURE__ */ defineComponent({
 		* GrLink — DS-примитив ссылки.
 		*
 		* Корневой тег зависит от пропов:
-		* - `<a>` — когда заданы `href` и не `disabled`;
-		* - `<span>` — во всех остальных случаях (включая `disabled`, даже если `href` задан).
+		* - кастомный компонент/тег из пропа `as` — когда `as` передан и не `disabled`
+		*   (например, `Link` от `@inertiajs/vue3` или `RouterLink` от Vue Router);
+		* - `<a>` — когда задан `href` и не `disabled`;
+		* - `<span>` — во всех остальных случаях (включая `disabled`, даже если задан
+		*   `href`/`as`).
 		*
 		* Это осознанное решение, чтобы отключённая ссылка не была кликабельной и
 		* не участвовала в порядке табуляции. Учтите это в внешних CSS-селекторах.
+		*
+		* Проп `as` нужен для интеграции с роутерами (Inertia, Vue Router и пр.):
+		* стили/поведение DS остаются едиными, а тег корня подменяется. Все
+		* специфичные для роутера атрибуты (`method`, `replace`, `preserve-scroll` и т.п.)
+		* проходят через fallthrough-attrs.
 		*/
 		const props = __props;
 		const attrs = useAttrs();
-		const isAnchor = computed(() => !!props.href && !props.disabled);
+		const isInteractive = computed(() => !props.disabled && (!!props.as || !!props.href));
+		const renderAs = computed(() => {
+			if (!isInteractive.value) return "span";
+			if (props.as) return typeof props.as === "string" ? props.as : markRaw(props.as);
+			return "a";
+		});
 		const resolvedTarget = computed(() => {
 			if (props.target) return props.target;
 			if (props.external) return "_blank";
@@ -62,17 +68,24 @@ var GrLink_default = /* @__PURE__ */ defineComponent({
 			return props.disabled ? `${baseRootClass} ${variantClass}` : `${baseRootClass} ${focusRingClass} ${variantClass}`;
 		});
 		return (_ctx, _cache) => {
-			return isAnchor.value ? (openBlock(), createElementBlock("a", mergeProps({ key: 0 }, unref(attrs), {
-				href: __props.href,
-				target: resolvedTarget.value,
-				rel: resolvedRel.value,
-				"aria-label": __props.ariaLabel,
-				class: rootClass.value
-			}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_1)) : (openBlock(), createElementBlock("span", mergeProps({ key: 1 }, unref(attrs), {
+			return openBlock(), createBlock(resolveDynamicComponent(renderAs.value), mergeProps(unref(attrs), {
+				href: isInteractive.value ? __props.href : void 0,
+				target: isInteractive.value ? resolvedTarget.value : void 0,
+				rel: isInteractive.value ? resolvedRel.value : void 0,
 				"aria-label": __props.ariaLabel,
 				"aria-disabled": __props.disabled ? "true" : void 0,
 				class: rootClass.value
-			}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_2));
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, [
+				"href",
+				"target",
+				"rel",
+				"aria-label",
+				"aria-disabled",
+				"class"
+			]);
 		};
 	}
 });

package/dist/components/GrLink/chunks/GrLink-DvvNkP0M.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GrLink-DvvNkP0M.js","names":[],"sources":["../../../../src/components/GrLink/GrLink.vue","../../../../src/components/GrLink/GrLink.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * GrLink — DS-примитив ссылки.\n *\n * Корневой тег зависит от пропов:\n * - кастомный компонент/тег из пропа `as` — когда `as` передан и не `disabled`\n *   (например, `Link` от `@inertiajs/vue3` или `RouterLink` от Vue Router);\n * - `<a>` — когда задан `href` и не `disabled`;\n * - `<span>` — во всех остальных случаях (включая `disabled`, даже если задан\n *   `href`/`as`).\n *\n * Это осознанное решение, чтобы отключённая ссылка не была кликабельной и\n * не участвовала в порядке табуляции. Учтите это в внешних CSS-селекторах.\n *\n * Проп `as` нужен для интеграции с роутерами (Inertia, Vue Router и пр.):\n * стили/поведение DS остаются едиными, а тег корня подменяется. Все\n * специфичные для роутера атрибуты (`method`, `replace`, `preserve-scroll` и т.п.)\n * проходят через fallthrough-attrs.\n */\nimport { computed, markRaw, useAttrs, type Component } from 'vue'\n\nimport {\n  baseRootClass,\n  focusRingClass,\n  type GrLinkSize,\n  type GrLinkUnderline,\n  type GrLinkVariant,\n  grLinkClass,\n} from './grLinkStyles'\n\ndefineOptions({\n  inheritAttrs: false,\n})\n\nconst props = withDefaults(defineProps<{\n  /**\n   * Кастомный корневой тег/компонент. Если передан и компонент не `disabled` —\n   * рендерится через `<component :is=\"as\">`. Игнорируется при `disabled`.\n   */\n  as?: string | Component\n  href?: string\n  external?: boolean\n  target?: string\n  rel?: string\n  disabled?: boolean\n  ariaLabel?: string\n  variant?: GrLinkVariant\n  underline?: GrLinkUnderline\n  size?: GrLinkSize\n}>(), {\n  as: undefined,\n  href: undefined,\n  external: false,\n  target: undefined,\n  rel: undefined,\n  disabled: false,\n  ariaLabel: undefined,\n  variant: 'primary',\n  underline: 'auto',\n  size: 'md',\n})\n\nconst attrs = useAttrs()\n\n// Кастомный корень имеет приоритет над `<a>` — DS не пытается угадывать\n// «правильный» тег за пользователя, если он явно его указал.\nconst isInteractive = computed(() => !props.disabled && (!!props.as || !!props.href))\n\nconst renderAs = computed<string | Component>(() => {\n  if (!isInteractive.value) return 'span'\n  if (props.as) {\n    // Если `as` — объект-компонент, помечаем его как нереактивный, чтобы избежать\n    // оверхеда от Vue-прокси и предупреждений в консоли. Строки (нативные теги)\n    // оставляем как есть.\n    return typeof props.as === 'string' ? props.as : markRaw(props.as)\n  }\n  return 'a'\n})\n\nconst resolvedTarget = computed(() => {\n  if (props.target)\n    return props.target\n\n  if (props.external)\n    return '_blank'\n\n  return undefined\n})\n\nconst resolvedRel = computed(() => {\n  if (props.rel)\n    return props.rel\n\n  // Авто-защита для любых ссылок, открывающихся в новой вкладке,\n  // а не только когда выставлен `external`.\n  if (resolvedTarget.value === '_blank')\n    return 'noopener noreferrer'\n\n  return undefined\n})\n\nconst rootClass = computed(() => {\n  const variantClass = grLinkClass({\n    size: props.size,\n    underline: props.underline,\n    variant: props.variant,\n    disabled: props.disabled,\n  })\n\n  // На disabled-ветке (`<span>`) focus-ring не нужен: элемент не фокусируется,\n  // а если снаружи ему навесят `tabindex`, фокус-рамка на «отключённой» ссылке смотрелась бы странно.\n  return props.disabled\n    ? `${baseRootClass} ${variantClass}`\n    : `${baseRootClass} ${focusRingClass} ${variantClass}`\n})\n</script>\n\n<template>\n  <component\n    :is=\"renderAs\"\n    v-bind=\"attrs\"\n    :href=\"isInteractive ? href : undefined\"\n    :target=\"isInteractive ? resolvedTarget : undefined\"\n    :rel=\"isInteractive ? resolvedRel : undefined\"\n    :aria-label=\"ariaLabel\"\n    :aria-disabled=\"disabled ? 'true' : undefined\"\n    :class=\"rootClass\"\n  >\n    <slot />\n  </component>\n</template>\n","<script setup lang=\"ts\">\n/**\n * GrLink — DS-примитив ссылки.\n *\n * Корневой тег зависит от пропов:\n * - кастомный компонент/тег из пропа `as` — когда `as` передан и не `disabled`\n *   (например, `Link` от `@inertiajs/vue3` или `RouterLink` от Vue Router);\n * - `<a>` — когда задан `href` и не `disabled`;\n * - `<span>` — во всех остальных случаях (включая `disabled`, даже если задан\n *   `href`/`as`).\n *\n * Это осознанное решение, чтобы отключённая ссылка не была кликабельной и\n * не участвовала в порядке табуляции. Учтите это в внешних CSS-селекторах.\n *\n * Проп `as` нужен для интеграции с роутерами (Inertia, Vue Router и пр.):\n * стили/поведение DS остаются едиными, а тег корня подменяется. Все\n * специфичные для роутера атрибуты (`method`, `replace`, `preserve-scroll` и т.п.)\n * проходят через fallthrough-attrs.\n */\nimport { computed, markRaw, useAttrs, type Component } from 'vue'\n\nimport {\n  baseRootClass,\n  focusRingClass,\n  type GrLinkSize,\n  type GrLinkUnderline,\n  type GrLinkVariant,\n  grLinkClass,\n} from './grLinkStyles'\n\ndefineOptions({\n  inheritAttrs: false,\n})\n\nconst props = withDefaults(defineProps<{\n  /**\n   * Кастомный корневой тег/компонент. Если передан и компонент не `disabled` —\n   * рендерится через `<component :is=\"as\">`. Игнорируется при `disabled`.\n   */\n  as?: string | Component\n  href?: string\n  external?: boolean\n  target?: string\n  rel?: string\n  disabled?: boolean\n  ariaLabel?: string\n  variant?: GrLinkVariant\n  underline?: GrLinkUnderline\n  size?: GrLinkSize\n}>(), {\n  as: undefined,\n  href: undefined,\n  external: false,\n  target: undefined,\n  rel: undefined,\n  disabled: false,\n  ariaLabel: undefined,\n  variant: 'primary',\n  underline: 'auto',\n  size: 'md',\n})\n\nconst attrs = useAttrs()\n\n// Кастомный корень имеет приоритет над `<a>` — DS не пытается угадывать\n// «правильный» тег за пользователя, если он явно его указал.\nconst isInteractive = computed(() => !props.disabled && (!!props.as || !!props.href))\n\nconst renderAs = computed<string | Component>(() => {\n  if (!isInteractive.value) return 'span'\n  if (props.as) {\n    // Если `as` — объект-компонент, помечаем его как нереактивный, чтобы избежать\n    // оверхеда от Vue-прокси и предупреждений в консоли. Строки (нативные теги)\n    // оставляем как есть.\n    return typeof props.as === 'string' ? props.as : markRaw(props.as)\n  }\n  return 'a'\n})\n\nconst resolvedTarget = computed(() => {\n  if (props.target)\n    return props.target\n\n  if (props.external)\n    return '_blank'\n\n  return undefined\n})\n\nconst resolvedRel = computed(() => {\n  if (props.rel)\n    return props.rel\n\n  // Авто-защита для любых ссылок, открывающихся в новой вкладке,\n  // а не только когда выставлен `external`.\n  if (resolvedTarget.value === '_blank')\n    return 'noopener noreferrer'\n\n  return undefined\n})\n\nconst rootClass = computed(() => {\n  const variantClass = grLinkClass({\n    size: props.size,\n    underline: props.underline,\n    variant: props.variant,\n    disabled: props.disabled,\n  })\n\n  // На disabled-ветке (`<span>`) focus-ring не нужен: элемент не фокусируется,\n  // а если снаружи ему навесят `tabindex`, фокус-рамка на «отключённой» ссылке смотрелась бы странно.\n  return props.disabled\n    ? `${baseRootClass} ${variantClass}`\n    : `${baseRootClass} ${focusRingClass} ${variantClass}`\n})\n</script>\n\n<template>\n  <component\n    :is=\"renderAs\"\n    v-bind=\"attrs\"\n    :href=\"isInteractive ? href : undefined\"\n    :target=\"isInteractive ? resolvedTarget : undefined\"\n    :rel=\"isInteractive ? resolvedRel : undefined\"\n    :aria-label=\"ariaLabel\"\n    :aria-disabled=\"disabled ? 'true' : undefined\"\n    :class=\"rootClass\"\n  >\n    <slot />\n  </component>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkCA,MAAM,QAAQ;EA4Bd,MAAM,QAAQ,UAAS;EAIvB,MAAM,gBAAgB,eAAe,CAAC,MAAM,aAAa,CAAC,CAAC,MAAM,MAAM,CAAC,CAAC,MAAM,MAAK;EAEpF,MAAM,WAAW,eAAmC;AAClD,OAAI,CAAC,cAAc,MAAO,QAAO;AACjC,OAAI,MAAM,GAIR,QAAO,OAAO,MAAM,OAAO,WAAW,MAAM,KAAK,QAAQ,MAAM,GAAE;AAEnE,UAAO;IACR;EAED,MAAM,iBAAiB,eAAe;AACpC,OAAI,MAAM,OACR,QAAO,MAAM;AAEf,OAAI,MAAM,SACR,QAAO;IAGV;EAED,MAAM,cAAc,eAAe;AACjC,OAAI,MAAM,IACR,QAAO,MAAM;AAIf,OAAI,eAAe,UAAU,SAC3B,QAAO;IAGV;EAED,MAAM,YAAY,eAAe;GAC/B,MAAM,eAAe,YAAY;IAC/B,MAAM,MAAM;IACZ,WAAW,MAAM;IACjB,SAAS,MAAM;IACf,UAAU,MAAM;IACjB,CAAA;AAID,UAAO,MAAM,WACT,GAAG,cAAc,GAAG,iBACpB,GAAG,cAAc,GAAG,eAAe,GAAG;IAC3C;;uBAIC,YAWY,wBAVL,SAAA,MAAQ,EADf,WAEU,MASE,MATG,EAAA;IACZ,MAAM,cAAA,QAAgB,QAAA,OAAO,KAAA;IAC7B,QAAQ,cAAA,QAAgB,eAAA,QAAiB,KAAA;IACzC,KAAK,cAAA,QAAgB,YAAA,QAAc,KAAA;IACnC,cAAY,QAAA;IACZ,iBAAe,QAAA,WAAQ,SAAY,KAAA;IACnC,OAAO,UAAA;;2BAEA,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}

package/dist/components/GrLink/index.js

@@ -1,3 +1,3 @@
 import { n as grLinkSafelist, t as grLinkConfig } from "../../chunks/config-DUtUkSzc.js";
-import { t as GrLink_default } from "./chunks/GrLink-BbN7R3iP.js";
+import { t as GrLink_default } from "./chunks/GrLink-DvvNkP0M.js";
 export { GrLink_default as GrLink, GrLink_default as default, grLinkConfig, grLinkSafelist };

package/dist/index.js

@@ -69,7 +69,7 @@ import "./components/GrInput/index.js";
 import { n as grInputTagSafelist, t as grInputTagConfig } from "./chunks/config-DgRJlF00.js";
 import { t as GrInputTag_default } from "./components/GrInputTag/chunks/GrInputTag-B0x4U0Yk.js";
 import { n as grLinkSafelist, t as grLinkConfig } from "./chunks/config-DUtUkSzc.js";
-import { t as GrLink_default } from "./components/GrLink/chunks/GrLink-BbN7R3iP.js";
+import { t as GrLink_default } from "./components/GrLink/chunks/GrLink-DvvNkP0M.js";
 import { n as GrList_default, t as GrListItem_default } from "./components/GrList/chunks/GrList--Ib4zLNw.js";
 import { t as grListConfig } from "./chunks/config-fCcRwjIB.js";
 import { n as grLoadingSafelist, t as grLoadingConfig } from "./chunks/config-BN-B2K4r.js";

package/dist/types/src/components/GrLink/GrLink.vue.d.ts

@@ -1,5 +1,29 @@
+/**
+ * GrLink — DS-примитив ссылки.
+ *
+ * Корневой тег зависит от пропов:
+ * - кастомный компонент/тег из пропа `as` — когда `as` передан и не `disabled`
+ *   (например, `Link` от `@inertiajs/vue3` или `RouterLink` от Vue Router);
+ * - `<a>` — когда задан `href` и не `disabled`;
+ * - `<span>` — во всех остальных случаях (включая `disabled`, даже если задан
+ *   `href`/`as`).
+ *
+ * Это осознанное решение, чтобы отключённая ссылка не была кликабельной и
+ * не участвовала в порядке табуляции. Учтите это в внешних CSS-селекторах.
+ *
+ * Проп `as` нужен для интеграции с роутерами (Inertia, Vue Router и пр.):
+ * стили/поведение DS остаются едиными, а тег корня подменяется. Все
+ * специфичные для роутера атрибуты (`method`, `replace`, `preserve-scroll` и т.п.)
+ * проходят через fallthrough-attrs.
+ */
+import { type Component } from 'vue';
 import { type GrLinkSize, type GrLinkUnderline, type GrLinkVariant } from './grLinkStyles';
 type __VLS_Props = {
+    /**
+     * Кастомный корневой тег/компонент. Если передан и компонент не `disabled` —
+     * рендерится через `<component :is="as">`. Игнорируется при `disabled`.
+     */
+    as?: string | Component;
     href?: string;
     external?: boolean;
     target?: string;
@@ -10,13 +34,12 @@ type __VLS_Props = {
     underline?: GrLinkUnderline;
     size?: GrLinkSize;
 };
-declare var __VLS_1: {}, __VLS_3: {};
+declare var __VLS_8: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
-} & {
-    default?: (props: typeof __VLS_3) => any;
+    default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_Props>, {
+    as: undefined;
     href: undefined;
     external: boolean;
     target: undefined;
@@ -27,6 +50,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     underline: string;
     size: string;
 }>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_Props>, {
+    as: undefined;
     href: undefined;
     external: boolean;
     target: undefined;
@@ -41,6 +65,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     size: GrLinkSize;
     disabled: boolean;
     ariaLabel: string;
+    as: string | Component;
     target: string;
     href: string;
     external: boolean;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@feugene/granularity",
   "description": "Granularity design system package with Vue 3 components, consumed via the `@feugene/unocss-preset-granular` preset.",
-  "version": "0.4.4",
+  "version": "0.4.5",
   "license": "SEE LICENSE IN LICENSE",
   "author": {
     "name": "Evgeniy Fureev",

package/dist/components/GrLink/chunks/GrLink-BbN7R3iP.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GrLink-BbN7R3iP.js","names":[],"sources":["../../../../src/components/GrLink/GrLink.vue","../../../../src/components/GrLink/GrLink.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * GrLink — DS-примитив ссылки.\n *\n * Корневой тег зависит от пропов:\n * - `<a>` — когда заданы `href` и не `disabled`;\n * - `<span>` — во всех остальных случаях (включая `disabled`, даже если `href` задан).\n *\n * Это осознанное решение, чтобы отключённая ссылка не была кликабельной и\n * не участвовала в порядке табуляции. Учтите это в внешних CSS-селекторах.\n */\nimport { computed, useAttrs } from 'vue'\n\nimport {\n  baseRootClass,\n  grLinkClass,\n  type GrLinkSize,\n  type GrLinkUnderline,\n  type GrLinkVariant,\n  focusRingClass,\n} from './grLinkStyles'\n\ndefineOptions({\n  inheritAttrs: false,\n})\n\nconst props = withDefaults(defineProps<{\n  href?: string\n  external?: boolean\n  target?: string\n  rel?: string\n  disabled?: boolean\n  ariaLabel?: string\n  variant?: GrLinkVariant\n  underline?: GrLinkUnderline\n  size?: GrLinkSize\n}>(), {\n  href: undefined,\n  external: false,\n  target: undefined,\n  rel: undefined,\n  disabled: false,\n  ariaLabel: undefined,\n  variant: 'primary',\n  underline: 'auto',\n  size: 'md',\n})\n\nconst attrs = useAttrs()\n\nconst isAnchor = computed(() => !!props.href && !props.disabled)\n\nconst resolvedTarget = computed(() => {\n  if (props.target)\n    return props.target\n\n  if (props.external)\n    return '_blank'\n\n  return undefined\n})\n\nconst resolvedRel = computed(() => {\n  if (props.rel)\n    return props.rel\n\n  // Авто-защита для любых ссылок, открывающихся в новой вкладке,\n  // а не только когда выставлен `external`.\n  if (resolvedTarget.value === '_blank')\n    return 'noopener noreferrer'\n\n  return undefined\n})\n\nconst rootClass = computed(() => {\n  const variantClass = grLinkClass({\n    size: props.size,\n    underline: props.underline,\n    variant: props.variant,\n    disabled: props.disabled,\n  })\n\n  // На disabled-ветке (`<span>`) focus-ring не нужен: элемент не фокусируется,\n  // а если снаружи ему навесят `tabindex`, фокус-рамка на «отключённой» ссылке смотрелась бы странно.\n  return props.disabled\n    ? `${baseRootClass} ${variantClass}`\n    : `${baseRootClass} ${focusRingClass} ${variantClass}`\n})\n</script>\n\n<template>\n  <a\n    v-if=\"isAnchor\"\n    v-bind=\"attrs\"\n    :href=\"href\"\n    :target=\"resolvedTarget\"\n    :rel=\"resolvedRel\"\n    :aria-label=\"ariaLabel\"\n    :class=\"rootClass\"\n  >\n    <slot />\n  </a>\n\n  <span\n    v-else\n    v-bind=\"attrs\"\n    :aria-label=\"ariaLabel\"\n    :aria-disabled=\"disabled ? 'true' : undefined\"\n    :class=\"rootClass\"\n  >\n    <slot />\n  </span>\n</template>","<script setup lang=\"ts\">\n/**\n * GrLink — DS-примитив ссылки.\n *\n * Корневой тег зависит от пропов:\n * - `<a>` — когда заданы `href` и не `disabled`;\n * - `<span>` — во всех остальных случаях (включая `disabled`, даже если `href` задан).\n *\n * Это осознанное решение, чтобы отключённая ссылка не была кликабельной и\n * не участвовала в порядке табуляции. Учтите это в внешних CSS-селекторах.\n */\nimport { computed, useAttrs } from 'vue'\n\nimport {\n  baseRootClass,\n  grLinkClass,\n  type GrLinkSize,\n  type GrLinkUnderline,\n  type GrLinkVariant,\n  focusRingClass,\n} from './grLinkStyles'\n\ndefineOptions({\n  inheritAttrs: false,\n})\n\nconst props = withDefaults(defineProps<{\n  href?: string\n  external?: boolean\n  target?: string\n  rel?: string\n  disabled?: boolean\n  ariaLabel?: string\n  variant?: GrLinkVariant\n  underline?: GrLinkUnderline\n  size?: GrLinkSize\n}>(), {\n  href: undefined,\n  external: false,\n  target: undefined,\n  rel: undefined,\n  disabled: false,\n  ariaLabel: undefined,\n  variant: 'primary',\n  underline: 'auto',\n  size: 'md',\n})\n\nconst attrs = useAttrs()\n\nconst isAnchor = computed(() => !!props.href && !props.disabled)\n\nconst resolvedTarget = computed(() => {\n  if (props.target)\n    return props.target\n\n  if (props.external)\n    return '_blank'\n\n  return undefined\n})\n\nconst resolvedRel = computed(() => {\n  if (props.rel)\n    return props.rel\n\n  // Авто-защита для любых ссылок, открывающихся в новой вкладке,\n  // а не только когда выставлен `external`.\n  if (resolvedTarget.value === '_blank')\n    return 'noopener noreferrer'\n\n  return undefined\n})\n\nconst rootClass = computed(() => {\n  const variantClass = grLinkClass({\n    size: props.size,\n    underline: props.underline,\n    variant: props.variant,\n    disabled: props.disabled,\n  })\n\n  // На disabled-ветке (`<span>`) focus-ring не нужен: элемент не фокусируется,\n  // а если снаружи ему навесят `tabindex`, фокус-рамка на «отключённой» ссылке смотрелась бы странно.\n  return props.disabled\n    ? `${baseRootClass} ${variantClass}`\n    : `${baseRootClass} ${focusRingClass} ${variantClass}`\n})\n</script>\n\n<template>\n  <a\n    v-if=\"isAnchor\"\n    v-bind=\"attrs\"\n    :href=\"href\"\n    :target=\"resolvedTarget\"\n    :rel=\"resolvedRel\"\n    :aria-label=\"ariaLabel\"\n    :class=\"rootClass\"\n  >\n    <slot />\n  </a>\n\n  <span\n    v-else\n    v-bind=\"attrs\"\n    :aria-label=\"ariaLabel\"\n    :aria-disabled=\"disabled ? 'true' : undefined\"\n    :class=\"rootClass\"\n  >\n    <slot />\n  </span>\n</template>"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0BA,MAAM,QAAQ;EAsBd,MAAM,QAAQ,UAAS;EAEvB,MAAM,WAAW,eAAe,CAAC,CAAC,MAAM,QAAQ,CAAC,MAAM,SAAQ;EAE/D,MAAM,iBAAiB,eAAe;AACpC,OAAI,MAAM,OACR,QAAO,MAAM;AAEf,OAAI,MAAM,SACR,QAAO;IAGV;EAED,MAAM,cAAc,eAAe;AACjC,OAAI,MAAM,IACR,QAAO,MAAM;AAIf,OAAI,eAAe,UAAU,SAC3B,QAAO;IAGV;EAED,MAAM,YAAY,eAAe;GAC/B,MAAM,eAAe,YAAY;IAC/B,MAAM,MAAM;IACZ,WAAW,MAAM;IACjB,SAAS,MAAM;IACf,UAAU,MAAM;IACjB,CAAA;AAID,UAAO,MAAM,WACT,GAAG,cAAc,GAAG,iBACpB,GAAG,cAAc,GAAG,eAAe,GAAG;IAC3C;;UAKS,SAAA,SAAA,WAAA,EADR,mBAUI,KAVJ,WAUI,EAAA,KAAA,GAAA,EARM,MAAA,MAAK,EAAA;IACZ,MAAM,QAAA;IACN,QAAQ,eAAA;IACR,KAAK,YAAA;IACL,cAAY,QAAA;IACZ,OAAO,UAAA;QAER,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,IAAA,WAAA,KAAA,WAAA,EAGV,mBAQO,QARP,WAQO,EAAA,KAAA,GAAA,EANG,MAAA,MAAK,EAAA;IACZ,cAAY,QAAA;IACZ,iBAAe,QAAA,WAAQ,SAAY,KAAA;IACnC,OAAO,UAAA;QAER,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,IAAA,WAAA"}