@astryx-vue/core 0.3.0 → 0.4.0

package/dist/{TimeInput-D2k3Ux3p.js → TimeInput-Bw_lHS4M.js}

@@ -1,9 +1,12 @@
-import { t as _sfc_main$1 } from "./Field-D5gUEGw4.js";
-import { t as _sfc_main$2 } from "./TimeField-CoHDGmsP.js";
-import { computed, createBlock, createVNode, defineComponent, mergeModels, openBlock, useId, useModel, withCtx } from "vue";
+import { t as useResolvedLabelHidden } from "./useResolvedLabelHidden-B2rlWiaI.js";
+import { t as _sfc_main$1 } from "./Field--OEsLBfE.js";
+import { t as useFieldPartStyling } from "./fieldParts--SyRZVQG.js";
+import { t as _sfc_main$2 } from "./TimeField-CpAgja9D.js";
+import { computed, createBlock, createVNode, defineComponent, mergeModels, mergeProps, normalizeClass, normalizeStyle, openBlock, unref, useAttrs, useId, useModel, withCtx } from "vue";
 //#region src/TimeInput/TimeInput.vue
 const _sfc_main = /*@__PURE__*/ defineComponent({
 	name: "AstryxTimeInput",
+	inheritAttrs: false,
 	__name: "TimeInput",
 	props: /*@__PURE__*/ mergeModels({
 		label: {},
@@ -31,13 +34,42 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		isRequired: { type: Boolean },
 		isOptional: { type: Boolean },
 		isLabelHidden: { type: Boolean },
+		labelHidden: { type: Boolean },
 		labelTooltip: {},
 		isLoading: { type: Boolean },
 		loadingLabel: {},
 		disabledMessage: {},
 		status: {},
 		statusVariant: { default: "attached" },
-		width: {}
+		width: {},
+		containerClass: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		containerStyle: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		controlClass: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		controlStyle: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
 	}, {
 		"modelValue": { default: null },
 		"modelModifiers": {}
@@ -46,15 +78,45 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 	setup(__props) {
 		const props = __props;
 		const model = useModel(__props, "modelValue");
+		const attrs = useAttrs();
+		const parts = useFieldPartStyling({
+			component: "TimeInput",
+			props,
+			attrs,
+			reservedAttrs: [
+				"id",
+				"value",
+				"type",
+				"disabled",
+				"readonly",
+				"min",
+				"max",
+				"placeholder",
+				"aria-labelledby",
+				"aria-describedby",
+				"aria-required",
+				"aria-busy",
+				"aria-disabled",
+				"aria-invalid",
+				"aria-expanded",
+				"aria-controls"
+			]
+		});
+		const hideLabel = useResolvedLabelHidden(() => props.isLabelHidden, () => props.labelHidden);
 		const generatedId = `astryx-time-input-${useId()}`;
 		const inputId = computed(() => props.id ?? generatedId);
+		function inputAttrs() {
+			return parts.forwardedAttrs();
+		}
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(_sfc_main$1, {
 				label: __props.label,
 				"input-id": inputId.value,
 				description: __props.description,
 				width: __props.width,
-				"is-label-hidden": __props.isLabelHidden,
+				class: normalizeClass(unref(parts).containerClass.value),
+				style: normalizeStyle(unref(parts).containerStyle.value),
+				"is-label-hidden": unref(hideLabel),
 				"is-disabled": __props.isDisabled,
 				"is-optional": __props.isOptional,
 				"is-required": __props.isRequired,
@@ -62,12 +124,15 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 				status: __props.status,
 				"status-variant": __props.statusVariant
 			}, {
-				default: withCtx((field) => [createVNode(_sfc_main$2, {
+				default: withCtx((field) => [createVNode(_sfc_main$2, mergeProps({
 					modelValue: model.value,
-					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event)
+				}, inputAttrs(), {
+					"control-class": unref(parts).controlClass(),
+					"control-style": unref(parts).controlStyle(),
 					label: __props.label,
 					"input-id": inputId.value,
-					"described-by": field.describedBy,
+					"described-by": [unref(attrs)["aria-describedby"], field.describedBy].filter(Boolean).join(" ") || void 0,
 					"labelled-by": field.labelId,
 					placeholder: __props.placeholder,
 					"hour-format": __props.hourFormat,
@@ -87,8 +152,10 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 					"loading-label": __props.loadingLabel,
 					"disabled-message": __props.disabledMessage,
 					status: __props.status
-				}, null, 8, [
+				}), null, 16, [
 					"modelValue",
+					"control-class",
+					"control-style",
 					"label",
 					"input-id",
 					"described-by",
@@ -118,6 +185,8 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 				"input-id",
 				"description",
 				"width",
+				"class",
+				"style",
 				"is-label-hidden",
 				"is-disabled",
 				"is-optional",

package/dist/Timer/index.d.ts

@@ -1,2 +1,2 @@
-import { a as TimerFormat, i as TimerType, n as TimerColor, o as TimerPresentation, r as TimerProps, s as getPresentation, t as _default } from "../index-xrzJC4wm.js";
+import { a as TimerFormat, i as TimerType, n as TimerColor, o as TimerPresentation, r as TimerProps, s as getPresentation, t as _default } from "../index-CJ6ajsUC.js";
 export { _default as Timer, type TimerColor, type TimerFormat, type TimerPresentation, type TimerProps, type TimerType, getPresentation };

package/dist/Timer/index.js

@@ -1,2 +1,2 @@
-import { n as getPresentation, t as _sfc_main } from "../Timer-avMQk5DN.js";
+import { n as getPresentation, t as _sfc_main } from "../Timer-CH7GsEVu.js";
 export { _sfc_main as Timer, getPresentation };

package/dist/{Timer-avMQk5DN.js → Timer-CH7GsEVu.js}

@@ -1,4 +1,4 @@
-import { t as _sfc_main$1 } from "./Text-CV3LmscH.js";
+import { t as _sfc_main$1 } from "./Text-CmTOgYXf.js";
 import { computed, createBlock, createElementBlock, createElementVNode, defineComponent, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, openBlock, useTemplateRef, watch, withCtx } from "vue";
 import "../styles/timer.css";
 //#region src/Timer/format.ts

package/dist/Timestamp/index.d.ts

@@ -1,2 +1,2 @@
-import { $ as FormatInstantOptions, G as TimestampColor, J as TimestampTooltipEntry, K as TimestampFormat, Q as formatRelativeTime, W as _default, X as TimestampTooltipLine, Y as TimestampTooltipFormat, Z as formatTooltipLines, et as InstantFormat, q as TimestampProps, tt as formatInstant } from "../index-DUaLJO7l.js";
+import { $ as FormatInstantOptions, G as TimestampColor, J as TimestampTooltipEntry, K as TimestampFormat, Q as formatRelativeTime, W as _default, X as TimestampTooltipLine, Y as TimestampTooltipFormat, Z as formatTooltipLines, et as InstantFormat, q as TimestampProps, tt as formatInstant } from "../index-CpNlPLBF.js";
 export { type FormatInstantOptions, type InstantFormat, _default as Timestamp, type TimestampColor, type TimestampFormat, type TimestampProps, type TimestampTooltipEntry, type TimestampTooltipFormat, type TimestampTooltipLine, formatInstant, formatRelativeTime, formatTooltipLines };

package/dist/Timestamp/index.js

@@ -1,3 +1,3 @@
 import { t as formatInstant } from "../formatInstant-BDWUIxS7.js";
-import { n as formatTooltipLines, r as formatRelativeTime, t as _sfc_main } from "../Timestamp-xpQKCk0d.js";
+import { n as formatTooltipLines, r as formatRelativeTime, t as _sfc_main } from "../Timestamp-BFNuoTZ0.js";
 export { _sfc_main as Timestamp, formatInstant, formatRelativeTime, formatTooltipLines };

package/dist/{Timestamp-xpQKCk0d.js → Timestamp-BFNuoTZ0.js}

@@ -1,8 +1,8 @@
-import { t as _sfc_main$2 } from "./IconButton-DDNgNl7B.js";
-import { a as useAstryxLocale, o as useAstryxMessages } from "./context-iABt_ueM.js";
-import { t as _sfc_main$3 } from "./Text-CV3LmscH.js";
-import { t as _sfc_main$4 } from "./Icon-bteSId7T.js";
-import { t as _sfc_main$5 } from "./HoverCard-ycY50pRN.js";
+import { t as _sfc_main$2 } from "./IconButton-DI-XBbtV.js";
+import { o as useAstryxLocale, s as useAstryxMessages } from "./context-DWfi56sq.js";
+import { t as _sfc_main$3 } from "./Text-CmTOgYXf.js";
+import { t as _sfc_main$4 } from "./Icon-KDnUyY7f.js";
+import { t as _sfc_main$5 } from "./HoverCard-BpJhT0sn.js";
 import { t as formatInstant } from "./formatInstant-BDWUIxS7.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, normalizeStyle, onBeforeUnmount, openBlock, ref, renderList, renderSlot, toDisplayString, unref, watch, withCtx } from "vue";
 import "../styles/timestamp.css";

package/dist/Toast/index.d.ts

@@ -1,3 +1,3 @@
 import { a as ToastOptions, c as ToastType, i as ToastItem, n as ToastContentScope, o as ToastPlacement, r as ToastDismissReason, s as ToastSlots, t as ToastCollisionBehavior } from "../types-BRfVvZTH.js";
-import { n as _default$1, r as _default, t as useToast } from "../index-CkKPMIeX.js";
+import { n as _default$1, r as _default, t as useToast } from "../index-D7XRtUTY.js";
 export { _default as Toast, type ToastCollisionBehavior, type ToastContentScope, type ToastDismissReason, type ToastItem, type ToastOptions, type ToastPlacement, type ToastSlots, type ToastType, _default$1 as ToastViewport, useToast };

package/dist/Toast/index.js

@@ -1,2 +1,2 @@
-import { n as _sfc_main$1, r as _sfc_main, t as useToast } from "../Toast-BuqIZV5z.js";
+import { n as _sfc_main$1, r as _sfc_main, t as useToast } from "../Toast-DwnPjx6j.js";
 export { _sfc_main as Toast, _sfc_main$1 as ToastViewport, useToast };