@astryx-vue/core 0.2.2 → 0.2.4

package/dist/Text/index.d.ts

@@ -1,3 +1,3 @@
-import { a as TextSize, c as TextWordBreak, i as TextProps, l as TextWrap, n as TextColor, o as TextType, r as TextDisplay, s as TextWeight, t as TextAs } from "../types-Bt-lSgYX.js";
-import { t as _default } from "../index-Cm_TiLXU.js";
-export { _default as Text, type TextAs, type TextColor, type TextDisplay, type TextProps, type TextSize, type TextType, type TextWeight, type TextWordBreak, type TextWrap };
+import { a as TextProps, c as TextType, d as TextWrap, i as TextJustify, l as TextWeight, n as TextColor, o as TextSize, r as TextDisplay, s as TextTruncateTooltip, t as TextAs, u as TextWordBreak } from "../types-D9nP_X-c.js";
+import { t as _default } from "../index-Dgg0bHVM.js";
+export { _default as Text, type TextAs, type TextColor, type TextDisplay, type TextJustify, type TextProps, type TextSize, type TextTruncateTooltip, type TextType, type TextWeight, type TextWordBreak, type TextWrap };

package/dist/Text/index.js

@@ -1,2 +1,2 @@
-import { t as _sfc_main } from "../Text-BHVghsWo.js";
+import { t as _sfc_main } from "../Text-DIzZw6FA.js";
 export { _sfc_main as Text };

package/dist/Text-DIzZw6FA.js

@@ -0,0 +1,86 @@
+import { n as useTruncation, t as truncatePlacement } from "./useTruncation-B5qXQzAP.js";
+import { t as _sfc_main$1 } from "./Tooltip-C2fh9anJ.js";
+import { computed, createBlock, defineComponent, mergeProps, openBlock, renderSlot, resolveDynamicComponent, unref, useAttrs, withCtx } from "vue";
+import "../styles/text.css";
+//#region src/Text/Text.vue
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	inheritAttrs: false,
+	__name: "Text",
+	props: {
+		type: { default: "body" },
+		size: {},
+		color: { default: "primary" },
+		weight: {},
+		textWrap: {},
+		wordBreak: {},
+		hasStrikethrough: { type: Boolean },
+		hasTabularNumbers: { type: Boolean },
+		display: { default: "inline" },
+		as: { default: "span" },
+		justify: { default: "start" },
+		maxLines: { default: 0 },
+		hasTruncateTooltip: {
+			type: [Boolean, String],
+			default: true
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const weight = computed(() => props.weight === "normal" ? "regular" : props.weight);
+		const isBlock = computed(() => props.display === "block" || props.maxLines > 0);
+		const wordBreak = computed(() => props.wordBreak ?? (props.maxLines === 1 ? "break-all" : props.maxLines > 1 ? "break-word" : void 0));
+		const placement = computed(() => props.maxLines > 0 ? truncatePlacement(props.hasTruncateTooltip) : null);
+		const truncation = useTruncation(computed(() => props.maxLines));
+		const attrs = useAttrs();
+		const classes = computed(() => [
+			"astryx-text",
+			`astryx-text--type-${props.type}`,
+			props.size && `astryx-text--size-${props.size}`,
+			`astryx-text--color-${props.color}`,
+			weight.value && `astryx-text--weight-${weight.value}`,
+			props.textWrap && `astryx-text--wrap-${props.textWrap}`,
+			wordBreak.value && `astryx-text--word-${wordBreak.value}`,
+			props.justify !== "start" && `astryx-text--justify-${props.justify}`,
+			props.hasStrikethrough && "astryx-text--strike",
+			props.hasTabularNumbers && "astryx-text--tabular",
+			isBlock.value && "astryx-text--block",
+			props.maxLines === 1 && "astryx-text--truncate-single",
+			props.maxLines > 1 && "astryx-text--truncate-multi"
+		]);
+		const style = computed(() => {
+			if (props.maxLines > 1) return { WebkitLineClamp: props.maxLines };
+			return {};
+		});
+		return (_ctx, _cache) => {
+			return placement.value ? (openBlock(), createBlock(_sfc_main$1, {
+				key: 0,
+				"anchors-on-self": "",
+				"has-hover-indication": false,
+				content: unref(truncation).fullText.value,
+				"is-enabled": unref(truncation).isTruncated.value,
+				placement: placement.value
+			}, {
+				default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(__props.as), mergeProps({ ref: unref(truncation).bind }, unref(attrs), {
+					class: ["astryx-text", classes.value],
+					style: style.value
+				}), {
+					default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+					_: 3
+				}, 16, ["class", "style"]))]),
+				_: 3
+			}, 8, [
+				"content",
+				"is-enabled",
+				"placement"
+			])) : (openBlock(), createBlock(resolveDynamicComponent(__props.as), mergeProps({ key: 1 }, unref(attrs), {
+				class: ["astryx-text", classes.value],
+				style: style.value
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["class", "style"]));
+		};
+	}
+});
+//#endregion
+export { _sfc_main as t };

package/dist/TextArea/index.d.ts

@@ -1,2 +1,2 @@
-import { Ct as TextAreaSize, Dt as TextAreaWrap, Et as TextAreaStatusType, St as TextAreaResize, Tt as TextAreaStatus, _t as _default, bt as TextAreaEmits, vt as TextAreaChangeAction, wt as TextAreaSlots, xt as TextAreaProps, yt as TextAreaChangeEvent } from "../index-DNRBbwp_.js";
+import { Ct as TextAreaSize, Dt as TextAreaWrap, Et as TextAreaStatusType, St as TextAreaResize, Tt as TextAreaStatus, _t as _default, bt as TextAreaEmits, vt as TextAreaChangeAction, wt as TextAreaSlots, xt as TextAreaProps, yt as TextAreaChangeEvent } from "../index-EtZgovdH.js";
 export { _default as TextArea, type TextAreaChangeAction, type TextAreaChangeEvent, type TextAreaEmits, type TextAreaProps, type TextAreaResize, type TextAreaSize, type TextAreaSlots, type TextAreaStatus, type TextAreaStatusType, type TextAreaWrap };

package/dist/TextInput/index.d.ts

@@ -1,2 +1,2 @@
-import { ct as TextInputChangeAction, dt as TextInputProps, ft as TextInputSize, gt as TextInputType, ht as TextInputStatusType, lt as TextInputChangeEvent, mt as TextInputStatus, pt as TextInputSlots, st as _default, ut as TextInputEmits } from "../index-DNRBbwp_.js";
+import { ct as TextInputChangeAction, dt as TextInputProps, ft as TextInputSize, gt as TextInputType, ht as TextInputStatusType, lt as TextInputChangeEvent, mt as TextInputStatus, pt as TextInputSlots, st as _default, ut as TextInputEmits } from "../index-EtZgovdH.js";
 export { _default as TextInput, type TextInputChangeAction, type TextInputChangeEvent, type TextInputEmits, type TextInputProps, type TextInputSize, type TextInputSlots, type TextInputStatus, type TextInputStatusType, type TextInputType };

package/dist/Theme/index.d.ts

@@ -1,2 +1,3 @@
-import { _ as ThemeSurfaceInput, a as _default$1, c as isDefinedTheme, d as DefineThemeInput, f as MediaThemeMode, g as ThemeProps, h as ThemeMode, i as useMediaTheme, l as neutralTheme, m as ThemeDefinition, n as useTheme, o as _default, p as MediaThemeProps, r as UseMediaThemeReturn, s as defineTheme, t as UseThemeReturn, u as normalizeTokenName, v as ThemeTokenValue, y as ThemeTokens } from "../index-CRizexSC.js";
-export { type DefineThemeInput, _default as MediaTheme, type MediaThemeMode, type MediaThemeProps, _default$1 as Theme, type ThemeDefinition, type ThemeMode, type ThemeProps, type ThemeSurfaceInput, type ThemeTokenValue, type ThemeTokens, type UseMediaThemeReturn, type UseThemeReturn, defineTheme, isDefinedTheme, neutralTheme, normalizeTokenName, useMediaTheme, useTheme };
+import { _ as expandRadiusScale, a as StyleOverrides, b as ColorScaleConfig, c as ThemeProps, d as ThemeTokens, f as TypographyConfig, g as RadiusScaleConfig, h as expandTypeScale, i as MediaThemeProps, l as ThemeSurfaceInput, m as TypeScaleConfig, n as DefineThemeInput, o as ThemeDefinition, p as TypographyRole, r as MediaThemeMode, s as ThemeMode, t as ComponentStyleMap, u as ThemeTokenValue, v as MotionScaleConfig, x as expandColorScale, y as expandMotionScale } from "../types-gKsEkk2g.js";
+import { a as _default$1, c as isDefinedTheme, i as useMediaTheme, l as neutralTheme, n as useTheme, o as _default, r as UseMediaThemeReturn, s as defineTheme, t as UseThemeReturn, u as normalizeTokenName } from "../index-BH9PzQ1F.js";
+export { type ColorScaleConfig, type ComponentStyleMap, type DefineThemeInput, _default as MediaTheme, type MediaThemeMode, type MediaThemeProps, type MotionScaleConfig, type RadiusScaleConfig, type StyleOverrides, _default$1 as Theme, type ThemeDefinition, type ThemeMode, type ThemeProps, type ThemeSurfaceInput, type ThemeTokenValue, type ThemeTokens, type TypeScaleConfig, type TypographyConfig, type TypographyRole, type UseMediaThemeReturn, type UseThemeReturn, defineTheme, expandColorScale, expandMotionScale, expandRadiusScale, expandTypeScale, isDefinedTheme, neutralTheme, normalizeTokenName, useMediaTheme, useTheme };

package/dist/Theme/index.js

@@ -1,2 +1,2 @@
-import { a as defineTheme, c as normalizeTokenName, i as _sfc_main, n as useMediaTheme, o as isDefinedTheme, r as _sfc_main$1, s as neutralTheme, t as useTheme } from "../Theme-BuUiiJNr.js";
-export { _sfc_main as MediaTheme, _sfc_main$1 as Theme, defineTheme, isDefinedTheme, neutralTheme, normalizeTokenName, useMediaTheme, useTheme };
+import { a as defineTheme, c as expandTypeScale, d as expandColorScale, f as normalizeTokenName, i as _sfc_main, l as expandRadiusScale, n as useMediaTheme, o as isDefinedTheme, r as _sfc_main$1, s as neutralTheme, t as useTheme, u as expandMotionScale } from "../Theme-CtaUWo4g.js";
+export { _sfc_main as MediaTheme, _sfc_main$1 as Theme, defineTheme, expandColorScale, expandMotionScale, expandRadiusScale, expandTypeScale, isDefinedTheme, neutralTheme, normalizeTokenName, useMediaTheme, useTheme };