@astryx-vue/core 0.2.3 → 0.2.5

package/dist/Link-DCZ6922-.js

@@ -0,0 +1,196 @@
+import { t as _sfc_main$1 } from "./VisuallyHidden-C7NN3VEP.js";
+import { o as useAstryxMessages } from "./context-CPh7kE-a.js";
+import { t as _sfc_main$2 } from "./Tooltip-C2fh9anJ.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, mergeProps, normalizeClass, normalizeStyle, openBlock, renderSlot, resolveDynamicComponent, toDisplayString, toRaw, withCtx } from "vue";
+import "../styles/link.css";
+//#region src/Link/Link.vue
+const _hoisted_1 = {
+	key: 0,
+	class: "astryx-link__external",
+	"aria-hidden": "true"
+};
+const _hoisted_2 = {
+	key: 0,
+	class: "astryx-link__external",
+	"aria-hidden": "true"
+};
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	name: "AstryxLink",
+	inheritAttrs: false,
+	__name: "Link",
+	props: {
+		as: {},
+		label: {},
+		href: {},
+		isExternalLink: {
+			type: Boolean,
+			default: false
+		},
+		newTabLabel: {},
+		hasUnderline: {
+			type: Boolean,
+			default: false
+		},
+		color: { default: "accent" },
+		isDisabled: {
+			type: Boolean,
+			default: false
+		},
+		target: {},
+		rel: {},
+		download: { type: [String, Boolean] },
+		tooltip: {},
+		isStandalone: {
+			type: Boolean,
+			default: false
+		},
+		size: {},
+		weight: {},
+		maxLines: { default: 0 }
+	},
+	emits: ["click"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const messages = useAstryxMessages();
+		const isButton = computed(() => props.href == null || props.href === "");
+		const isCustomLink = computed(() => !isButton.value && !props.isDisabled && props.as != null);
+		const root = computed(() => {
+			if (isButton.value || props.isDisabled || props.as == null) return isButton.value ? "button" : "a";
+			return toRaw(props.as);
+		});
+		const computedTarget = computed(() => {
+			return props.isExternalLink ? "_blank" : props.target;
+		});
+		const computedRel = computed(() => {
+			const parts = new Set((props.rel ?? "").split(" ").filter(Boolean));
+			if (props.isExternalLink || computedTarget.value === "_blank") {
+				parts.add("noopener");
+				parts.add("noreferrer");
+			}
+			return parts.size > 0 ? Array.from(parts).join(" ") : void 0;
+		});
+		const weightClass = computed(() => {
+			if (props.weight == null) return void 0;
+			return props.weight === "normal" ? "regular" : props.weight;
+		});
+		const classes = computed(() => [
+			"astryx-link",
+			`astryx-link--color-${props.color}`,
+			props.hasUnderline && "astryx-link--underlined",
+			props.isDisabled && "astryx-link--disabled",
+			props.isExternalLink && "astryx-link--external",
+			props.isStandalone && "astryx-link--standalone",
+			props.size && `astryx-link--size-${props.size}`,
+			weightClass.value && `astryx-link--weight-${weightClass.value}`,
+			props.maxLines > 0 && "astryx-link--lines"
+		]);
+		const labelClass = computed(() => [
+			"astryx-link__label",
+			props.maxLines === 1 && "astryx-link__label--single",
+			props.maxLines > 1 && "astryx-link__label--clamp"
+		]);
+		const labelStyle = computed(() => {
+			if (props.maxLines > 1) return { "--astryx-link-max-lines": String(props.maxLines) };
+		});
+		const tooltipText = computed(() => {
+			return props.tooltip?.trim() || void 0;
+		});
+		const newTabText = computed(() => props.newTabLabel || messages.value.nav.opensInNewTab);
+		const showNewTab = computed(() => props.isExternalLink && !isButton.value);
+		function handleClick(event) {
+			if (props.isDisabled) {
+				event.preventDefault();
+				return;
+			}
+			emit("click", event);
+		}
+		return (_ctx, _cache) => {
+			return tooltipText.value ? (openBlock(), createBlock(_sfc_main$2, {
+				key: 0,
+				content: tooltipText.value
+			}, {
+				default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(root.value), mergeProps(_ctx.$attrs, {
+					class: ["astryx-link", classes.value],
+					href: !isButton.value && !__props.isDisabled ? __props.href : void 0,
+					to: isCustomLink.value ? __props.href : void 0,
+					target: !isButton.value && !__props.isDisabled ? computedTarget.value : void 0,
+					rel: !isButton.value && !__props.isDisabled ? computedRel.value : void 0,
+					download: !isButton.value && !__props.isDisabled ? __props.download : void 0,
+					type: isButton.value ? "button" : void 0,
+					disabled: isButton.value ? __props.isDisabled : void 0,
+					role: __props.isDisabled && !isButton.value ? "link" : void 0,
+					"aria-disabled": __props.isDisabled || void 0,
+					"aria-label": __props.label || void 0,
+					onClick: handleClick
+				}), {
+					default: withCtx(() => [
+						createElementVNode("span", {
+							class: normalizeClass(labelClass.value),
+							style: normalizeStyle(labelStyle.value)
+						}, [renderSlot(_ctx.$slots, "default")], 6),
+						showNewTab.value ? (openBlock(), createElementBlock("span", _hoisted_1, "↗")) : createCommentVNode("v-if", true),
+						showNewTab.value ? (openBlock(), createBlock(_sfc_main$1, { key: 1 }, {
+							default: withCtx(() => [createTextVNode(toDisplayString(newTabText.value), 1)]),
+							_: 1
+						})) : createCommentVNode("v-if", true)
+					]),
+					_: 3
+				}, 16, [
+					"class",
+					"href",
+					"to",
+					"target",
+					"rel",
+					"download",
+					"type",
+					"disabled",
+					"role",
+					"aria-disabled",
+					"aria-label"
+				]))]),
+				_: 3
+			}, 8, ["content"])) : (openBlock(), createBlock(resolveDynamicComponent(root.value), mergeProps({ key: 1 }, _ctx.$attrs, {
+				class: ["astryx-link", classes.value],
+				href: !isButton.value && !__props.isDisabled ? __props.href : void 0,
+				to: isCustomLink.value ? __props.href : void 0,
+				target: !isButton.value && !__props.isDisabled ? computedTarget.value : void 0,
+				rel: !isButton.value && !__props.isDisabled ? computedRel.value : void 0,
+				download: !isButton.value && !__props.isDisabled ? __props.download : void 0,
+				type: isButton.value ? "button" : void 0,
+				disabled: isButton.value ? __props.isDisabled : void 0,
+				role: __props.isDisabled && !isButton.value ? "link" : void 0,
+				"aria-disabled": __props.isDisabled || void 0,
+				"aria-label": __props.label || void 0,
+				onClick: handleClick
+			}), {
+				default: withCtx(() => [
+					createElementVNode("span", {
+						class: normalizeClass(labelClass.value),
+						style: normalizeStyle(labelStyle.value)
+					}, [renderSlot(_ctx.$slots, "default")], 6),
+					showNewTab.value ? (openBlock(), createElementBlock("span", _hoisted_2, "↗")) : createCommentVNode("v-if", true),
+					showNewTab.value ? (openBlock(), createBlock(_sfc_main$1, { key: 1 }, {
+						default: withCtx(() => [createTextVNode(toDisplayString(newTabText.value), 1)]),
+						_: 1
+					})) : createCommentVNode("v-if", true)
+				]),
+				_: 3
+			}, 16, [
+				"class",
+				"href",
+				"to",
+				"target",
+				"rel",
+				"download",
+				"type",
+				"disabled",
+				"role",
+				"aria-disabled",
+				"aria-label"
+			]));
+		};
+	}
+});
+//#endregion
+export { _sfc_main as t };

package/dist/List/index.d.ts

@@ -1,3 +1,3 @@
-import { a as ItemLayout, c as ItemTarget, d as ListEdgeCompensation, f as ListItemProps, g as ListSlots, h as ListProps, i as ItemLabel, l as ItemText, m as ListMarkerStyle, n as ItemDensity, o as ItemProps, p as ListItemSlots, r as ItemElement, s as ItemSlots, t as ItemAlign, u as ListDensity } from "../types-CAZY4Xua.js";
-import { a as useListContext, i as useItemDescriptionId, n as _default$1, r as _default, t as _default$2 } from "../index-BB5yVIN-.js";
-export { _default as Item, type ItemAlign, type ItemDensity, type ItemElement, type ItemLabel, type ItemLayout, type ItemProps, type ItemSlots, type ItemTarget, type ItemText, _default$1 as List, type ListDensity, type ListEdgeCompensation, _default$2 as ListItem, type ListItemProps, type ListItemSlots, type ListMarkerStyle, type ListProps, type ListSlots, useItemDescriptionId, useListContext };
+import { _ as ListItemSlots, a as ItemLayout, b as ListSlots, c as ItemSwipeAction, d as ItemSwipeSide, f as ItemTarget, g as ListItemProps, h as ListEdgeCompensation, i as ItemLabel, l as ItemSwipeActions, m as ListDensity, n as ItemDensity, o as ItemProps, p as ItemText, r as ItemElement, s as ItemSlots, t as ItemAlign, u as ItemSwipeBehavior, v as ListMarkerStyle, y as ListProps } from "../types-DGYHIu4I.js";
+import { a as useListContext, i as useItemDescriptionId, n as _default$1, r as _default, t as _default$2 } from "../index-JL4auphT.js";
+export { _default as Item, type ItemAlign, type ItemDensity, type ItemElement, type ItemLabel, type ItemLayout, type ItemProps, type ItemSlots, type ItemSwipeAction, type ItemSwipeActions, type ItemSwipeBehavior, type ItemSwipeSide, type ItemTarget, type ItemText, _default$1 as List, type ListDensity, type ListEdgeCompensation, _default$2 as ListItem, type ListItemProps, type ListItemSlots, type ListMarkerStyle, type ListProps, type ListSlots, useItemDescriptionId, useListContext };

package/dist/List/index.js

@@ -1,3 +1,3 @@
-import { i as useListContext, r as useItemDescriptionId, t as _sfc_main } from "../Item-C1z6gXn8.js";
-import { n as _sfc_main$1, t as _sfc_main$2 } from "../ListItem-pGxvn6QJ.js";
+import { i as useListContext, r as useItemDescriptionId, t as _sfc_main } from "../Item-DrYJL1TG.js";
+import { n as _sfc_main$1, t as _sfc_main$2 } from "../ListItem-CcRHWuEm.js";
 export { _sfc_main as Item, _sfc_main$1 as List, _sfc_main$2 as ListItem, useItemDescriptionId, useListContext };

package/dist/{ListItem-pGxvn6QJ.js → ListItem-CcRHWuEm.js}

@@ -1,4 +1,4 @@
-import { i as useListContext, n as listContextKey, t as _sfc_main$2 } from "./Item-C1z6gXn8.js";
+import { i as useListContext, n as listContextKey, t as _sfc_main$2 } from "./Item-DrYJL1TG.js";
 import { computed, createBlock, createElementBlock, createElementVNode, createSlots, createTextVNode, defineComponent, mergeProps, openBlock, provide, renderSlot, resolveDynamicComponent, toDisplayString, unref, useAttrs, useId, useSlots, useTemplateRef, withCtx } from "vue";
 import "../styles/list.css";
 //#region src/List/List.vue
@@ -101,7 +101,9 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		target: {},
 		rel: {},
 		isDisabled: { type: Boolean },
-		isSelected: { type: Boolean }
+		isSelected: { type: Boolean },
+		swipeActions: {},
+		swipeBehavior: {}
 	},
 	setup(__props) {
 		const props = __props;
@@ -124,6 +126,8 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 				"is-selected": __props.isSelected,
 				label: __props.label,
 				"on-click": __props.onClick,
+				"swipe-actions": __props.swipeActions,
+				"swipe-behavior": __props.swipeBehavior,
 				rel: __props.rel,
 				target: __props.target
 			}, createSlots({ _: 2 }, [
@@ -168,6 +172,8 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 				"is-selected",
 				"label",
 				"on-click",
+				"swipe-actions",
+				"swipe-behavior",
 				"rel",
 				"target"
 			]);

package/dist/Markdown/index.d.ts

@@ -1,2 +1,2 @@
-import { _ as MarkdownSlots, a as MarkdownAlign, c as MarkdownDensity, d as MarkdownHeadingProps, f as MarkdownImageProps, g as MarkdownProps, h as MarkdownListProps, i as _default, l as MarkdownDisplay, m as MarkdownLinkProps, n as uniqueSlug, o as MarkdownCodeProps, p as MarkdownInlineCodeProps, r as parseMarkdown, s as MarkdownComponents, t as slugify, u as MarkdownHeadingLevel } from "../index-DfgHJE7H.js";
-export { _default as Markdown, type MarkdownAlign, type MarkdownCodeProps, type MarkdownComponents, type MarkdownDensity, type MarkdownDisplay, type MarkdownHeadingLevel, type MarkdownHeadingProps, type MarkdownImageProps, type MarkdownInlineCodeProps, type MarkdownLinkProps, type MarkdownListProps, type MarkdownProps, type MarkdownSlots, parseMarkdown, slugify, uniqueSlug };
+import { C as MarkdownPlugin, D as applyMarkdownPlugins, E as applyInlinePlugins, O as defineMarkdownPlugin, S as MarkdownInlinePlugin, T as MarkdownTransformContext, _ as MarkdownLinkProps, a as _default, b as MarkdownSlots, c as MarkdownCitationStyle, d as MarkdownDensity, f as MarkdownDisplay, g as MarkdownInlineCodeProps, h as MarkdownImageProps, i as parseMarkdown, k as isMarkdownExtensionNode, l as MarkdownCodeProps, m as MarkdownHeadingProps, n as uniqueSlug, o as MarkdownAlign, p as MarkdownHeadingLevel, r as ParseMarkdownOptions, s as MarkdownAutolink, t as slugify, u as MarkdownComponents, v as MarkdownListProps, w as MarkdownPluginRenderContext, x as MarkdownSource, y as MarkdownProps } from "../index-z3uLM1O6.js";
+export { _default as Markdown, type MarkdownAlign, type MarkdownAutolink, type MarkdownCitationStyle, type MarkdownCodeProps, type MarkdownComponents, type MarkdownDensity, type MarkdownDisplay, type MarkdownHeadingLevel, type MarkdownHeadingProps, type MarkdownImageProps, type MarkdownInlineCodeProps, type MarkdownInlinePlugin, type MarkdownLinkProps, type MarkdownListProps, type MarkdownPlugin, type MarkdownPluginRenderContext, type MarkdownProps, type MarkdownSlots, type MarkdownSource, type MarkdownTransformContext, type ParseMarkdownOptions, applyInlinePlugins, applyMarkdownPlugins, defineMarkdownPlugin, isMarkdownExtensionNode, parseMarkdown, slugify, uniqueSlug };

package/dist/Markdown/index.js

@@ -1,2 +1,2 @@
-import { i as parseMarkdown, n as slugify, r as uniqueSlug, t as _sfc_main } from "../Markdown-B6tSqenv.js";
-export { _sfc_main as Markdown, parseMarkdown, slugify, uniqueSlug };
+import { a as applyMarkdownPlugins, c as isMarkdownExtensionNode, i as applyInlinePlugins, n as slugify, o as defineMarkdownPlugin, r as uniqueSlug, s as parseMarkdown, t as _sfc_main } from "../Markdown-Bz0R3kNj.js";
+export { _sfc_main as Markdown, applyInlinePlugins, applyMarkdownPlugins, defineMarkdownPlugin, isMarkdownExtensionNode, parseMarkdown, slugify, uniqueSlug };