@astryx-vue/core 0.2.3 → 0.2.5

package/dist/Heading-B9C3LZlS.js

@@ -0,0 +1,94 @@
+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/heading.css";
+//#region src/Heading/Heading.vue
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	inheritAttrs: false,
+	__name: "Heading",
+	props: {
+		level: {},
+		type: {},
+		color: { default: "primary" },
+		weight: {},
+		display: { default: "block" },
+		accessibilityLevel: {},
+		textWrap: {},
+		wordBreak: {},
+		justify: { default: "start" },
+		hasStrikethrough: { type: Boolean },
+		maxLines: { default: 0 },
+		hasTruncateTooltip: {
+			type: [Boolean, String],
+			default: true
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const tag = computed(() => `h${props.level}`);
+		const placement = computed(() => props.maxLines > 0 ? truncatePlacement(props.hasTruncateTooltip) : null);
+		const wordBreak = computed(() => props.wordBreak ?? (props.maxLines === 1 ? "break-all" : props.maxLines > 1 ? "break-word" : void 0));
+		const truncation = useTruncation(computed(() => props.maxLines));
+		const ariaLevel = computed(() => props.accessibilityLevel != null && props.accessibilityLevel !== props.level ? props.accessibilityLevel : void 0);
+		const attrs = useAttrs();
+		const classes = computed(() => [
+			"astryx-heading",
+			`astryx-heading--level-${props.level}`,
+			props.type && `astryx-heading--type-${props.type}`,
+			`astryx-heading--color-${props.color}`,
+			props.weight && `astryx-heading--weight-${props.weight}`,
+			props.display === "inline" && props.maxLines === 0 && "astryx-heading--inline",
+			props.textWrap && `astryx-heading--wrap-${props.textWrap}`,
+			wordBreak.value && `astryx-heading--word-${wordBreak.value}`,
+			props.justify !== "start" && `astryx-heading--justify-${props.justify}`,
+			props.hasStrikethrough && "astryx-heading--strike",
+			props.maxLines === 1 && "astryx-heading--truncate-single",
+			props.maxLines > 1 && "astryx-heading--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(tag.value), mergeProps({ ref: unref(truncation).bind }, unref(attrs), {
+					class: ["astryx-heading", classes.value],
+					style: style.value,
+					"aria-level": ariaLevel.value
+				}), {
+					default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+					_: 3
+				}, 16, [
+					"class",
+					"style",
+					"aria-level"
+				]))]),
+				_: 3
+			}, 8, [
+				"content",
+				"is-enabled",
+				"placement"
+			])) : (openBlock(), createBlock(resolveDynamicComponent(tag.value), mergeProps({ key: 1 }, unref(attrs), {
+				class: ["astryx-heading", classes.value],
+				style: style.value,
+				"aria-level": ariaLevel.value
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, [
+				"class",
+				"style",
+				"aria-level"
+			]));
+		};
+	}
+});
+//#endregion
+export { _sfc_main as t };

package/dist/Indicator/index.d.ts

@@ -1,3 +1,3 @@
-import { _ as IndicatorProps, b as IndicatorState, d as IndicatorComponent, f as IndicatorFamily, g as IndicatorPosition, h as IndicatorName, m as IndicatorMap, p as IndicatorFamilyMap, u as CoreIndicatorName, v as IndicatorRegistry, y as IndicatorSize } from "../types-jmqqnkKA.js";
-import { a as _default$1, i as isCoreIndicatorName, n as defaultIndicators, o as isRenderable, r as getIndicator, s as _default, t as useIndicator } from "../index-B9f1rUEv.js";
+import { A as IndicatorRegistry, C as IndicatorComponent, D as IndicatorName, E as IndicatorMap, M as IndicatorState, O as IndicatorPosition, S as CoreIndicatorName, T as IndicatorFamilyMap, j as IndicatorSize, k as IndicatorProps, w as IndicatorFamily } from "../types-gKsEkk2g.js";
+import { a as _default$1, i as isCoreIndicatorName, n as defaultIndicators, o as isRenderable, r as getIndicator, s as _default, t as useIndicator } from "../index-XuAAcYiP.js";
 export { _default as CheckIndicator, type CoreIndicatorName, type IndicatorComponent, type IndicatorFamily, type IndicatorFamilyMap, type IndicatorMap, type IndicatorName, type IndicatorPosition, type IndicatorProps, type IndicatorRegistry, type IndicatorSize, type IndicatorState, _default$1 as RadioIndicator, defaultIndicators, getIndicator, isCoreIndicatorName, isRenderable, useIndicator };

package/dist/InputGroup/index.d.ts

@@ -1,2 +1,2 @@
-import { a as InputGroupSlots, c as INPUT_GROUP_KEY, i as InputGroupSize, l as InputGroupContext, n as _default, o as InputGroupTextProps, r as InputGroupProps, s as InputGroupTextSlots, t as _default$1 } from "../index-D_UEJIU5.js";
+import { a as InputGroupSlots, c as INPUT_GROUP_KEY, i as InputGroupSize, l as InputGroupContext, n as _default, o as InputGroupTextProps, r as InputGroupProps, s as InputGroupTextSlots, t as _default$1 } from "../index-BPwD6aBv.js";
 export { INPUT_GROUP_KEY, _default as InputGroup, type InputGroupContext, type InputGroupProps, type InputGroupSize, type InputGroupSlots, _default$1 as InputGroupText, type InputGroupTextProps, type InputGroupTextSlots };