@astryx-vue/core 0.2.5 → 0.3.0

package/dist/Text/index.d.ts

@@ -1,3 +1,3 @@
-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";
+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-Ckih2YJi.js";
+import { t as _default } from "../index-CICeEoZV.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-DIzZw6FA.js";
+import { t as _sfc_main } from "../Text-CV3LmscH.js";
 export { _sfc_main as Text };

package/dist/{Text-DIzZw6FA.js → Text-CV3LmscH.js}

@@ -1,5 +1,5 @@
 import { n as useTruncation, t as truncatePlacement } from "./useTruncation-B5qXQzAP.js";
-import { t as _sfc_main$1 } from "./Tooltip-C2fh9anJ.js";
+import { t as _sfc_main$1 } from "./Tooltip-C4Vaqd3G.js";
 import { computed, createBlock, defineComponent, mergeProps, openBlock, renderSlot, resolveDynamicComponent, unref, useAttrs, withCtx } from "vue";
 import "../styles/text.css";
 //#region src/Text/Text.vue
@@ -13,6 +13,10 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		weight: {},
 		textWrap: {},
 		wordBreak: {},
+		hasCapsize: {
+			type: Boolean,
+			default: false
+		},
 		hasStrikethrough: { type: Boolean },
 		hasTabularNumbers: { type: Boolean },
 		display: { default: "inline" },
@@ -27,7 +31,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 	setup(__props) {
 		const props = __props;
 		const weight = computed(() => props.weight === "normal" ? "regular" : props.weight);
-		const isBlock = computed(() => props.display === "block" || props.maxLines > 0);
+		const isBlock = computed(() => props.display === "block" || props.maxLines > 0 || props.hasCapsize);
 		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));
@@ -41,6 +45,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			props.textWrap && `astryx-text--wrap-${props.textWrap}`,
 			wordBreak.value && `astryx-text--word-${wordBreak.value}`,
 			props.justify !== "start" && `astryx-text--justify-${props.justify}`,
+			props.hasCapsize && "astryx-text--capsize",
 			props.hasStrikethrough && "astryx-text--strike",
 			props.hasTabularNumbers && "astryx-text--tabular",
 			isBlock.value && "astryx-text--block",

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-B9rqmYxh.js";
+import { Ct as TextAreaSlots, Et as TextAreaWrap, St as TextAreaSize, Tt as TextAreaStatusType, _t as TextAreaChangeAction, bt as TextAreaProps, gt as _default, vt as TextAreaChangeEvent, wt as TextAreaStatus, xt as TextAreaResize, yt as TextAreaEmits } from "../index-DUaLJO7l.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/TextArea/index.js

@@ -1,2 +1,2 @@
-import { t as _sfc_main } from "../TextArea-CPwSytdO.js";
+import { t as _sfc_main } from "../TextArea-Ab5Sw60T.js";
 export { _sfc_main as TextArea };

package/dist/{TextArea-CPwSytdO.js → TextArea-Ab5Sw60T.js}

@@ -1,11 +1,12 @@
 import { t as _sfc_main$1 } from "./VisuallyHidden-C7NN3VEP.js";
-import { n as useButtonTooltip, r as _sfc_main$2 } from "./Button-DrqeomlE.js";
+import { n as useButtonTooltip, r as _sfc_main$2 } from "./Button-B6Hj_O_s.js";
 import { t as _sfc_main$3 } from "./ButtonTooltip-nWWrth8j.js";
+import { t as useInputContainer } from "./useInputContainer-CpgDe2-4.js";
 import { t as _sfc_main$4 } from "./FieldIcon--NTgW5IU.js";
-import { t as _sfc_main$5 } from "./IconButton-BNQuz9W_.js";
+import { t as _sfc_main$5 } from "./IconButton-DDNgNl7B.js";
+import { t as _sfc_main$6 } from "./FieldInfoTip-Ds-sW_jY.js";
 import { i as useAriaRequired } from "./context-Cfjh8te1.js";
-import { n as _sfc_main$6 } from "./FieldLabel-DmmJyX7w.js";
-import { t as _sfc_main$7 } from "./Field-8zRxzDHE.js";
+import { t as _sfc_main$7 } from "./Field-D5gUEGw4.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, mergeModels, mergeProps, nextTick, normalizeClass, normalizeStyle, onMounted, openBlock, renderSlot, resolveDynamicComponent, shallowRef, toDisplayString, toRaw, unref, useAttrs, useId, useModel, useTemplateRef, watch, withCtx } from "vue";
 import "../styles/text-area.css";
 //#region src/TextArea/useTextAreaAction.ts
@@ -83,6 +84,8 @@ const _hoisted_3 = [
 	"minlength",
 	"maxlength",
 	"wrap",
+	"autocomplete",
+	"spellcheck",
 	"disabled",
 	"readonly",
 	"aria-disabled",
@@ -116,6 +119,11 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		width: {},
 		rows: {},
 		cols: {},
+		autoComplete: {},
+		hasSpellCheck: {
+			type: Boolean,
+			default: true
+		},
 		minlength: {},
 		maxlength: {},
 		wrap: {},
@@ -199,6 +207,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			"minlength",
 			"maxlength",
 			"wrap",
+			"spellcheck",
 			"aria-labelledby",
 			"aria-describedby",
 			"aria-required",
@@ -243,13 +252,11 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			await nextTick();
 			focus({ preventScroll: true });
 		}
-		function focusFromContainer(event) {
-			if (props.isDisabled) return;
-			const target = event.target;
-			if (target instanceof Element && target.closest("input,textarea,button,a,select,[role=\"button\"]")) return;
-			if (input.value?.ownerDocument.getSelection()?.toString()) return;
-			focus({ preventScroll: true });
-		}
+		const inputContainer = useInputContainer({
+			containerRef: container,
+			inputRef: input,
+			disabled: () => props.isDisabled
+		});
 		onMounted(() => {
 			if (props.hasAutoFocus) focus({ preventScroll: true });
 		});
@@ -280,9 +287,10 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 						"data-status": __props.status?.type,
 						"data-disabled": __props.isDisabled || void 0,
 						"data-readonly": __props.isReadOnly || void 0,
-						onPointerup: focusFromContainer,
-						onPointerenter: _cache[3] || (_cache[3] = (...args) => unref(disabledTooltip).onPointerEnter && unref(disabledTooltip).onPointerEnter(...args)),
-						onPointerleave: _cache[4] || (_cache[4] = (...args) => unref(disabledTooltip).onPointerLeave && unref(disabledTooltip).onPointerLeave(...args))
+						onClick: _cache[3] || (_cache[3] = (...args) => unref(inputContainer).onClick && unref(inputContainer).onClick(...args)),
+						onMouseup: _cache[4] || (_cache[4] = (...args) => unref(inputContainer).onMouseUp && unref(inputContainer).onMouseUp(...args)),
+						onPointerenter: _cache[5] || (_cache[5] = (...args) => unref(disabledTooltip).onPointerEnter && unref(disabledTooltip).onPointerEnter(...args)),
+						onPointerleave: _cache[6] || (_cache[6] = (...args) => unref(disabledTooltip).onPointerLeave && unref(disabledTooltip).onPointerLeave(...args))
 					}, [
 						_ctx.$slots.icon || icon.value ? (openBlock(), createElementBlock("span", _hoisted_2, [renderSlot(_ctx.$slots, "icon", {}, () => [icon.value ? (openBlock(), createBlock(resolveDynamicComponent(icon.value), { key: 0 })) : createCommentVNode("v-if", true)])])) : createCommentVNode("v-if", true),
 						createElementVNode("textarea", mergeProps(inputAttrs(), {
@@ -299,6 +307,8 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 							minlength: __props.minlength,
 							maxlength: __props.maxlength,
 							wrap: __props.wrap,
+							autocomplete: __props.autoComplete ?? inputAttrs().autocomplete,
+							spellcheck: __props.hasSpellCheck,
 							disabled: __props.isDisabled && !showsDisabledMessage.value,
 							readonly: __props.isReadOnly || showsDisabledMessage.value,
 							"aria-disabled": showsDisabledMessage.value || void 0,

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-B9rqmYxh.js";
+import { ct as TextInputChangeEvent, dt as TextInputSize, ft as TextInputSlots, ht as TextInputType, lt as TextInputEmits, mt as TextInputStatusType, ot as _default, pt as TextInputStatus, st as TextInputChangeAction, ut as TextInputProps } from "../index-DUaLJO7l.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/TextInput/index.js

@@ -1,2 +1,2 @@
-import { t as _sfc_main } from "../TextInput-BasnjVvy.js";
+import { t as _sfc_main } from "../TextInput-zFT1_qgI.js";
 export { _sfc_main as TextInput };

package/dist/{TextInput-BasnjVvy.js → TextInput-zFT1_qgI.js}

@@ -1,12 +1,13 @@
 import { t as _sfc_main$1 } from "./VisuallyHidden-C7NN3VEP.js";
-import { n as useButtonTooltip, r as _sfc_main$2 } from "./Button-DrqeomlE.js";
+import { n as useButtonTooltip, r as _sfc_main$2 } from "./Button-B6Hj_O_s.js";
 import { t as _sfc_main$3 } from "./ButtonTooltip-nWWrth8j.js";
+import { t as useInputContainer } from "./useInputContainer-CpgDe2-4.js";
 import { t as _sfc_main$4 } from "./FieldIcon--NTgW5IU.js";
-import { t as _sfc_main$5 } from "./IconButton-BNQuz9W_.js";
+import { t as _sfc_main$5 } from "./IconButton-DDNgNl7B.js";
+import { t as useInputStatusIcon } from "./useInputStatusIcon-DBOwxV4x.js";
 import { i as useAriaRequired } from "./context-Cfjh8te1.js";
-import { n as _sfc_main$6 } from "./FieldLabel-DmmJyX7w.js";
-import { t as _sfc_main$7 } from "./Field-8zRxzDHE.js";
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, mergeModels, mergeProps, nextTick, normalizeClass, normalizeStyle, onMounted, openBlock, renderSlot, resolveDynamicComponent, shallowRef, toDisplayString, toRaw, unref, useAttrs, useId, useModel, useTemplateRef, watch, withCtx } from "vue";
+import { t as _sfc_main$6 } from "./Field-D5gUEGw4.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, mergeModels, mergeProps, nextTick, normalizeClass, normalizeProps, normalizeStyle, onMounted, openBlock, renderSlot, resolveDynamicComponent, shallowRef, toDisplayString, toRaw, unref, useAttrs, useId, useModel, useTemplateRef, watch, withCtx } from "vue";
 import "../styles/text-input.css";
 //#region src/TextInput/useTextInputAction.ts
 function useTextInputAction(options) {
@@ -230,19 +231,21 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			await nextTick();
 			focus({ preventScroll: true });
 		}
-		function focusFromContainer(event) {
-			if (props.isDisabled) return;
-			const target = event.target;
-			if (target instanceof Element && target.closest("input,button,a,select,textarea,[role=\"button\"]")) return;
-			if (input.value?.ownerDocument.getSelection()?.toString()) return;
-			focus({ preventScroll: true });
-		}
+		const { statusIcon, statusIconProps } = useInputStatusIcon({
+			status: () => props.status,
+			statusVariant: () => props.statusVariant
+		});
+		const inputContainer = useInputContainer({
+			containerRef: container,
+			inputRef: input,
+			disabled: () => props.isDisabled
+		});
 		onMounted(() => {
 			if (props.hasAutoFocus) focus({ preventScroll: true });
 		});
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock(Fragment, null, [
-				createVNode(_sfc_main$7, {
+				createVNode(_sfc_main$6, {
 					label: __props.label,
 					"input-id": inputId.value,
 					description: __props.description,
@@ -267,9 +270,10 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 						"data-status": __props.status?.type,
 						"data-disabled": __props.isDisabled || void 0,
 						"data-readonly": __props.isReadOnly || void 0,
-						onPointerup: focusFromContainer,
-						onPointerenter: _cache[3] || (_cache[3] = (...args) => unref(disabledTooltip).onPointerEnter && unref(disabledTooltip).onPointerEnter(...args)),
-						onPointerleave: _cache[4] || (_cache[4] = (...args) => unref(disabledTooltip).onPointerLeave && unref(disabledTooltip).onPointerLeave(...args))
+						onClick: _cache[3] || (_cache[3] = (...args) => unref(inputContainer).onClick && unref(inputContainer).onClick(...args)),
+						onMouseup: _cache[4] || (_cache[4] = (...args) => unref(inputContainer).onMouseUp && unref(inputContainer).onMouseUp(...args)),
+						onPointerenter: _cache[5] || (_cache[5] = (...args) => unref(disabledTooltip).onPointerEnter && unref(disabledTooltip).onPointerEnter(...args)),
+						onPointerleave: _cache[6] || (_cache[6] = (...args) => unref(disabledTooltip).onPointerLeave && unref(disabledTooltip).onPointerLeave(...args))
 					}, [
 						_ctx.$slots.icon || icon.value ? (openBlock(), createElementBlock("span", _hoisted_2, [renderSlot(_ctx.$slots, "icon", {}, () => [icon.value ? (openBlock(), createBlock(resolveDynamicComponent(icon.value), { key: 0 })) : createCommentVNode("v-if", true)])])) : createCommentVNode("v-if", true),
 						createElementVNode("input", mergeProps(inputAttrs(), {
@@ -315,14 +319,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 							class: "astryx-text-input-spinner",
 							label: __props.loadingLabel
 						}, null, 8, ["label"])) : createCommentVNode("v-if", true),
-						__props.status?.message && __props.statusVariant === "tooltip" ? (openBlock(), createBlock(_sfc_main$6, {
-							key: 4,
-							text: __props.status.message,
-							type: __props.status.type
-						}, null, 8, ["text", "type"])) : __props.status ? (openBlock(), createBlock(_sfc_main$4, {
-							key: 5,
-							type: __props.status.type
-						}, null, 8, ["type"])) : createCommentVNode("v-if", true)
+						unref(statusIcon) ? (openBlock(), createBlock(resolveDynamicComponent(unref(statusIcon)), normalizeProps(mergeProps({ key: 4 }, unref(statusIconProps))), null, 16)) : createCommentVNode("v-if", true)
 					], 46, _hoisted_1)]),
 					_: 2
 				}, [_ctx.$slots.labelIcon ? {

package/dist/Thumbnail/index.js

@@ -1,2 +1,2 @@
-import { t as _sfc_main } from "../Thumbnail-BnQwX1cQ.js";
+import { t as _sfc_main } from "../Thumbnail-C3NnJUFG.js";
 export { _sfc_main as Thumbnail };

package/dist/{Thumbnail-BnQwX1cQ.js → Thumbnail-C3NnJUFG.js}

@@ -1,6 +1,6 @@
-import { o as useAstryxMessages } from "./context-CPh7kE-a.js";
-import { t as _sfc_main$1 } from "./Tooltip-C2fh9anJ.js";
-import { t as _sfc_main$2 } from "./IconButton-BNQuz9W_.js";
+import { t as _sfc_main$1 } from "./IconButton-DDNgNl7B.js";
+import { o as useAstryxMessages } from "./context-iABt_ueM.js";
+import { t as _sfc_main$2 } from "./Tooltip-C4Vaqd3G.js";
 import { t as _sfc_main$3 } from "./Icon-bteSId7T.js";
 import { t as _sfc_main$4 } from "./Spinner-9cYUCnDy.js";
 import { t as _sfc_main$5 } from "./Skeleton-CrgWxJgr.js";
@@ -91,7 +91,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			emit("remove", event);
 		}
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(_sfc_main$1, {
+			return openBlock(), createBlock(_sfc_main$2, {
 				content: __props.label ?? "",
 				"is-enabled": __props.label != null,
 				"has-hover-indication": false
@@ -141,7 +141,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 						key: 4,
 						class: "astryx-thumbnail__remove",
 						"data-reveal": __props.showRemoveOn
-					}, [createVNode(_sfc_main$2, {
+					}, [createVNode(_sfc_main$1, {
 						variant: "secondary",
 						size: "sm",
 						label: unref(messages).thumbnail.remove(accessibleName.value),