@astryx-vue/core 0.1.3 → 0.2.1

package/dist/DateInput-D2ErjXYO.js

@@ -1,250 +0,0 @@
-import { a as useAstryxMessages } from "./context-D6ECRdc5.js";
-import { t as _sfc_main$1 } from "./Calendar-CYhGDT6f.js";
-import { t as _sfc_main$2 } from "./Popover-Crhk9PNP.js";
-import { computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, ref, renderSlot, useId, useTemplateRef, watch, withCtx } from "vue";
-import "../styles/date-input.css";
-//#region src/DateInput/DateInput.vue
-const _hoisted_1 = ["data-disabled", "data-size"];
-const _hoisted_2 = {
-	key: 0,
-	class: "astryx-date-input-prefix"
-};
-const _hoisted_3 = ["disabled", "aria-label"];
-const _hoisted_4 = [
-	"id",
-	"value",
-	"placeholder",
-	"disabled",
-	"aria-label",
-	"aria-describedby",
-	"aria-controls",
-	"aria-expanded",
-	"title"
-];
-const _hoisted_5 = ["aria-label"];
-const _hoisted_6 = {
-	key: 2,
-	class: "astryx-date-input-suffix"
-};
-const _hoisted_7 = ["id"];
-const _hoisted_8 = ["name", "value"];
-const _sfc_main = /*@__PURE__*/ defineComponent({
-	name: "AstryxDateInput",
-	__name: "DateInput",
-	props: {
-		id: {},
-		describedBy: {},
-		modelValue: { default: null },
-		placeholder: {},
-		min: {},
-		max: {},
-		isDateDisabled: {},
-		name: {},
-		label: {},
-		disabled: {
-			type: Boolean,
-			default: false
-		},
-		disabledReason: {},
-		clearable: {
-			type: Boolean,
-			default: false
-		},
-		clearLabel: {},
-		size: { default: "md" },
-		status: { default: "default" }
-	},
-	emits: ["update:modelValue", "change"],
-	setup(__props, { emit: __emit }) {
-		const props = __props;
-		const emit = __emit;
-		const generatedId = `astryx-date-input-${useId()}`;
-		const inputId = computed(() => props.id ?? generatedId);
-		const popupId = computed(() => `${inputId.value}-popup`);
-		const messages = useAstryxMessages();
-		const resolvedPlaceholder = computed(() => props.placeholder ?? messages.value.dateInput.placeholder);
-		const resolvedClearLabel = computed(() => props.clearLabel ?? messages.value.dateInput.clear(props.label));
-		const dialogLabel = computed(() => props.label || messages.value.dateInput.dialogLabel);
-		const inputRef = useTemplateRef("inputRef");
-		const isOpen = ref(false);
-		const toggleLabel = computed(() => isOpen.value ? messages.value.dateInput.closeCalendar : messages.value.dateInput.openCalendar);
-		const inputValue = ref("");
-		const modelValueRef = computed({
-			get: () => props.modelValue,
-			set: (value) => {
-				emit("update:modelValue", value);
-				emit("change", value);
-			}
-		});
-		function formatDate(date) {
-			if (!date) return "";
-			return `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, "0")}-${String(date.getDate()).padStart(2, "0")}`;
-		}
-		function parseDate(str) {
-			if (!str.trim()) return null;
-			const match = str.match(/^(\d{4})-(\d{1,2})-(\d{1,2})$/);
-			if (match) {
-				const [, year, month, day] = match;
-				const date = new Date(Number(year), Number(month) - 1, Number(day));
-				if (!Number.isNaN(date.getTime())) return date;
-			}
-			return null;
-		}
-		function syncDisplayValue() {
-			inputValue.value = formatDate(props.modelValue);
-		}
-		watch(() => props.modelValue, syncDisplayValue, { immediate: true });
-		function onInput(event) {
-			const value = event.target.value.trim();
-			inputValue.value = value;
-			const parsed = parseDate(value);
-			if (parsed) modelValueRef.value = parsed;
-		}
-		function onOpenChange(open) {
-			isOpen.value = open;
-		}
-		function openCalendar() {
-			if (!props.disabled) isOpen.value = true;
-		}
-		function onInputKeyDown(event) {
-			if (props.disabled || isOpen.value) return;
-			if (event.key === "ArrowDown" || event.altKey && event.key === "ArrowDown") {
-				event.preventDefault();
-				openCalendar();
-			}
-		}
-		function onCalendarChange(date) {
-			modelValueRef.value = date;
-			isOpen.value = false;
-			inputRef.value?.blur();
-		}
-		function onClear(event) {
-			event.stopPropagation();
-			modelValueRef.value = null;
-			inputValue.value = "";
-			isOpen.value = false;
-		}
-		syncDisplayValue();
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", { class: normalizeClass(["astryx-date-input", [`size-${props.size}`, `status-${props.status}`]]) }, [createVNode(_sfc_main$2, {
-				"is-open": isOpen.value,
-				"is-enabled": !props.disabled,
-				placement: "below",
-				alignment: "start",
-				padding: 0,
-				width: 248,
-				"has-close-button": false,
-				"is-modal": false,
-				"has-auto-focus": true,
-				role: "dialog",
-				label: dialogLabel.value,
-				onOpenChange
-			}, {
-				content: withCtx(() => [createElementVNode("div", { id: popupId.value }, [createVNode(_sfc_main$1, {
-					"model-value": props.modelValue,
-					min: props.min,
-					max: props.max,
-					"is-date-disabled": props.isDateDisabled,
-					"onUpdate:modelValue": onCalendarChange
-				}, null, 8, [
-					"model-value",
-					"min",
-					"max",
-					"is-date-disabled"
-				])], 8, _hoisted_7)]),
-				default: withCtx(() => [createElementVNode("div", {
-					class: "astryx-date-input-wrapper",
-					"data-disabled": props.disabled ? "true" : void 0,
-					"data-size": props.size
-				}, [
-					_ctx.$slots.prefix ? (openBlock(), createElementBlock("span", _hoisted_2, [renderSlot(_ctx.$slots, "prefix")])) : createCommentVNode("v-if", true),
-					createElementVNode("button", {
-						type: "button",
-						class: "astryx-date-input-toggle",
-						disabled: props.disabled,
-						"aria-label": toggleLabel.value
-					}, [..._cache[0] || (_cache[0] = [createElementVNode("svg", {
-						width: "16",
-						height: "16",
-						viewBox: "0 0 16 16",
-						fill: "none",
-						"aria-hidden": "true"
-					}, [
-						createElementVNode("rect", {
-							x: "3",
-							y: "4",
-							width: "10",
-							height: "9",
-							rx: "1",
-							stroke: "currentColor",
-							"stroke-width": "1.5"
-						}),
-						createElementVNode("path", {
-							d: "M3 6H13",
-							stroke: "currentColor",
-							"stroke-width": "1.5"
-						}),
-						createElementVNode("path", {
-							d: "M5 3V5M11 3V5",
-							stroke: "currentColor",
-							"stroke-width": "1.5",
-							"stroke-linecap": "round"
-						})
-					], -1)])], 8, _hoisted_3),
-					createElementVNode("input", {
-						id: inputId.value,
-						ref_key: "inputRef",
-						ref: inputRef,
-						type: "text",
-						class: "astryx-date-input-field",
-						role: "combobox",
-						value: inputValue.value,
-						placeholder: resolvedPlaceholder.value,
-						disabled: props.disabled,
-						"aria-label": props.label,
-						"aria-describedby": props.describedBy,
-						"aria-controls": popupId.value,
-						"aria-expanded": isOpen.value,
-						"aria-haspopup": "dialog",
-						title: props.disabledReason,
-						autocomplete: "off",
-						onInput,
-						onClick: openCalendar,
-						onKeydown: onInputKeyDown
-					}, null, 40, _hoisted_4),
-					props.clearable && props.modelValue ? (openBlock(), createElementBlock("button", {
-						key: 1,
-						type: "button",
-						class: "astryx-date-input-clear",
-						"aria-label": resolvedClearLabel.value,
-						tabindex: "-1",
-						onClick: onClear
-					}, [..._cache[1] || (_cache[1] = [createElementVNode("svg", {
-						width: "16",
-						height: "16",
-						viewBox: "0 0 16 16",
-						fill: "none",
-						"aria-hidden": "true"
-					}, [createElementVNode("path", {
-						d: "M12 4L4 12M4 4L12 12",
-						stroke: "currentColor",
-						"stroke-width": "1.5",
-						"stroke-linecap": "round"
-					})], -1)])], 8, _hoisted_5)) : _ctx.$slots.suffix ? (openBlock(), createElementBlock("span", _hoisted_6, [renderSlot(_ctx.$slots, "suffix")])) : createCommentVNode("v-if", true)
-				], 8, _hoisted_1)]),
-				_: 3
-			}, 8, [
-				"is-open",
-				"is-enabled",
-				"label"
-			]), props.name ? (openBlock(), createElementBlock("input", {
-				key: 0,
-				type: "hidden",
-				name: props.name,
-				value: formatDate(props.modelValue)
-			}, null, 8, _hoisted_8)) : createCommentVNode("v-if", true)], 2);
-		};
-	}
-});
-//#endregion
-export { _sfc_main as t };

package/dist/Icon-5MdZQ18k.js

@@ -1,86 +0,0 @@
-import { computed, createBlock, createCommentVNode, createElementBlock, defineComponent, inject, mergeProps, normalizeClass, openBlock, renderSlot, resolveDynamicComponent, toValue } from "vue";
-import "../styles/icon.css";
-//#region src/Icon/context.ts
-/**
-* The size an owning component supplies to the icons in its slots.
-*
-* The value is stored as given, so a caller can pass a ref or a computed and
-* keep the default in step with its own props.
-*/
-const ICON_DEFAULT_SIZE_KEY = Symbol("astryx-icon-default-size");
-/**
-* The size inherited from the nearest owner, or `undefined` when there is none.
-*/
-function useIconDefaultSize() {
-	const inherited = inject(ICON_DEFAULT_SIZE_KEY, void 0);
-	return computed(() => inherited == null ? void 0 : toValue(inherited));
-}
-//#endregion
-//#region src/Icon/glyphs.ts
-/**
-* The artwork kept for the components' own chrome. Applications bring their own
-* icons; this list only has to cover what astryx-vue draws itself.
-*/
-const ICON_GLYPHS = [
-	"chevronDown",
-	"chevronLeft",
-	"chevronRight",
-	"check",
-	"moreHorizontal",
-	"copy",
-	"calendar",
-	"clock",
-	"upload",
-	"arrowUp",
-	"arrowDown",
-	"close",
-	"funnel",
-	"image"
-];
-function isIconGlyph(value) {
-	return ICON_GLYPHS.includes(value);
-}
-/** The CSS-safe form of a name, used as the `astryx-icon--<slug>` class. */
-function iconGlyphSlug(name) {
-	return name.replace(/([a-z0-9])([A-Z])/g, "$1-$2").replace(/:/g, "-").toLowerCase();
-}
-//#endregion
-//#region src/Icon/Icon.vue
-const _hoisted_1 = ["data-color", "data-size"];
-const _sfc_main = /*@__PURE__*/ defineComponent({
-	name: "AstryxIcon",
-	__name: "Icon",
-	props: {
-		icon: {},
-		color: { default: "inherit" },
-		size: {},
-		label: {}
-	},
-	setup(__props) {
-		const props = __props;
-		const inheritedSize = useIconDefaultSize();
-		const resolvedSize = computed(() => props.size ?? inheritedSize.value ?? "md");
-		const glyphSlug = computed(() => typeof props.icon === "string" && isIconGlyph(props.icon) ? iconGlyphSlug(props.icon) : void 0);
-		const providedClass = computed(() => typeof props.icon === "string" && !isIconGlyph(props.icon) ? props.icon : void 0);
-		const iconComponent = computed(() => props.icon != null && typeof props.icon !== "string" ? props.icon : void 0);
-		const a11yAttrs = computed(() => {
-			const label = props.label;
-			return label != null && label !== "" ? {
-				"role": "img",
-				"aria-label": label
-			} : { "aria-hidden": "true" };
-		});
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("span", mergeProps(a11yAttrs.value, {
-				class: ["astryx-icon", providedClass.value],
-				"data-color": __props.color,
-				"data-size": resolvedSize.value
-			}), [glyphSlug.value ? (openBlock(), createElementBlock("span", {
-				key: 0,
-				class: normalizeClass(["astryx-icon__glyph", `astryx-icon--${glyphSlug.value}`])
-			}, null, 2)) : iconComponent.value ? (openBlock(), createBlock(resolveDynamicComponent(iconComponent.value), { key: 1 })) : !providedClass.value ? renderSlot(_ctx.$slots, "default", {}, void 0, void 0, 2) : createCommentVNode("v-if", true)], 16, _hoisted_1);
-		};
-	}
-});
-//#endregion
-export { isIconGlyph as n, _sfc_main as t };

package/dist/Link-CprjOuTI.js

@@ -1,92 +0,0 @@
-import { computed, createCommentVNode, createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot, withModifiers } from "vue";
-import "../styles/link.css";
-//#region src/Link/Link.vue
-const _hoisted_1 = [
-	"href",
-	"target",
-	"rel",
-	"download"
-];
-const _hoisted_2 = {
-	key: 0,
-	class: "astryx-link__external",
-	"aria-hidden": "true"
-};
-const _hoisted_3 = ["disabled"];
-const _sfc_main = /*@__PURE__*/ defineComponent({
-	__name: "Link",
-	props: {
-		href: {},
-		isExternalLink: {
-			type: Boolean,
-			default: false
-		},
-		hasUnderline: {
-			type: Boolean,
-			default: false
-		},
-		color: { default: "accent" },
-		isDisabled: {
-			type: Boolean,
-			default: false
-		},
-		target: {},
-		rel: {},
-		download: { type: [String, Boolean] }
-	},
-	emits: ["click"],
-	setup(__props, { emit: __emit }) {
-		const props = __props;
-		const emit = __emit;
-		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 classes = computed(() => [
-			"astryx-link",
-			`astryx-link--color-${props.color}`,
-			props.hasUnderline && "astryx-link--underlined",
-			props.isDisabled && "astryx-link--disabled",
-			props.isExternalLink && "astryx-link--external"
-		]);
-		function handleClick(event) {
-			if (props.isDisabled) {
-				event.preventDefault();
-				return;
-			}
-			emit("click", event);
-		}
-		return (_ctx, _cache) => {
-			return __props.href && !__props.isDisabled ? (openBlock(), createElementBlock("a", {
-				key: 0,
-				class: normalizeClass(["astryx-link", classes.value]),
-				href: __props.href,
-				target: computedTarget.value,
-				rel: computedRel.value,
-				download: __props.download,
-				onClick: handleClick
-			}, [renderSlot(_ctx.$slots, "default"), __props.isExternalLink ? (openBlock(), createElementBlock("span", _hoisted_2, "↗")) : createCommentVNode("v-if", true)], 10, _hoisted_1)) : __props.href && __props.isDisabled ? (openBlock(), createElementBlock("a", {
-				key: 1,
-				class: normalizeClass(["astryx-link", classes.value]),
-				role: "link",
-				"aria-disabled": "true",
-				onClick: _cache[0] || (_cache[0] = withModifiers(() => {}, ["prevent"]))
-			}, [renderSlot(_ctx.$slots, "default")], 2)) : (openBlock(), createElementBlock("button", {
-				key: 2,
-				type: "button",
-				class: normalizeClass(["astryx-link", classes.value]),
-				disabled: __props.isDisabled,
-				onClick: handleClick
-			}, [renderSlot(_ctx.$slots, "default")], 10, _hoisted_3));
-		};
-	}
-});
-//#endregion
-export { _sfc_main as t };

package/dist/NumberInput-DspJO6z6.js

@@ -1,147 +0,0 @@
-import { t as useNumberField } from "./useNumberField-DL-Radsp.js";
-import { a as useAstryxMessages } from "./context-D6ECRdc5.js";
-import { computed, createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, ref, unref, useId } from "vue";
-import "../styles/number-input.css";
-//#region src/NumberInput/NumberInput.vue
-const _hoisted_1 = [
-	"value",
-	"placeholder",
-	"disabled",
-	"aria-label",
-	"title"
-];
-const _hoisted_2 = { class: "astryx-number-input-buttons" };
-const _hoisted_3 = ["disabled", "aria-label"];
-const _hoisted_4 = ["disabled", "aria-label"];
-const _hoisted_5 = ["name", "value"];
-const _sfc_main = /*@__PURE__*/ defineComponent({
-	name: "AstryxNumberInput",
-	__name: "NumberInput",
-	props: {
-		modelValue: { default: null },
-		placeholder: { default: "" },
-		min: {},
-		max: {},
-		step: { default: 1 },
-		disabled: {
-			type: Boolean,
-			default: false
-		},
-		disabledReason: {},
-		size: { default: "md" },
-		label: {},
-		name: {}
-	},
-	emits: ["update:modelValue", "change"],
-	setup(__props, { emit: __emit }) {
-		const props = __props;
-		const emit = __emit;
-		const inputId = `astryx-number-input-${useId()}`;
-		const messages = useAstryxMessages();
-		const incrementLabel = computed(() => messages.value.numberInput.increment(props.label));
-		const decrementLabel = computed(() => messages.value.numberInput.decrement(props.label));
-		const inputValue = ref("");
-		const modelValueRef = computed({
-			get: () => props.modelValue,
-			set: (value) => {
-				emit("update:modelValue", value);
-				emit("change", value);
-			}
-		});
-		const numberField = useNumberField({
-			value: modelValueRef,
-			min: props.min,
-			max: props.max,
-			step: props.step,
-			disabled: computed(() => props.disabled),
-			onChange: (value) => {
-				modelValueRef.value = value;
-				inputValue.value = value === null ? "" : String(value);
-			}
-		});
-		function onInput(event) {
-			const target = event.target;
-			const value = target.value.trim();
-			if (value === "") {
-				numberField.setValue(null);
-				return;
-			}
-			const parsed = Number.parseFloat(value);
-			if (!Number.isNaN(parsed)) numberField.setValue(parsed);
-			else target.value = inputValue.value;
-		}
-		function onKeyDown(event) {
-			numberField.onKeyDown(event);
-		}
-		function syncDisplayValue() {
-			inputValue.value = props.modelValue === null ? "" : String(props.modelValue);
-		}
-		syncDisplayValue();
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", { class: normalizeClass(["astryx-number-input", `size-${props.size}`]) }, [
-				createElementVNode("input", {
-					id: inputId,
-					type: "text",
-					inputmode: "decimal",
-					class: "astryx-number-input-field",
-					value: inputValue.value,
-					placeholder: props.placeholder,
-					disabled: props.disabled,
-					"aria-label": props.label,
-					title: props.disabledReason,
-					onInput,
-					onKeydown: onKeyDown
-				}, null, 40, _hoisted_1),
-				createElementVNode("div", _hoisted_2, [createElementVNode("button", {
-					type: "button",
-					class: "astryx-number-input-button increment",
-					disabled: props.disabled,
-					"aria-label": incrementLabel.value,
-					tabindex: "-1",
-					onClick: _cache[0] || (_cache[0] = (...args) => unref(numberField).increment && unref(numberField).increment(...args))
-				}, [..._cache[2] || (_cache[2] = [createElementVNode("svg", {
-					class: "astryx-number-input-chevron",
-					viewBox: "0 0 12 8",
-					width: "12",
-					height: "8",
-					"aria-hidden": "true",
-					fill: "none"
-				}, [createElementVNode("path", {
-					d: "M1.5 1.75 6 6.25 10.5 1.75",
-					stroke: "currentColor",
-					"stroke-width": "1.5",
-					"stroke-linecap": "round",
-					"stroke-linejoin": "round"
-				})], -1)])], 8, _hoisted_3), createElementVNode("button", {
-					type: "button",
-					class: "astryx-number-input-button decrement",
-					disabled: props.disabled,
-					"aria-label": decrementLabel.value,
-					tabindex: "-1",
-					onClick: _cache[1] || (_cache[1] = (...args) => unref(numberField).decrement && unref(numberField).decrement(...args))
-				}, [..._cache[3] || (_cache[3] = [createElementVNode("svg", {
-					class: "astryx-number-input-chevron",
-					viewBox: "0 0 12 8",
-					width: "12",
-					height: "8",
-					"aria-hidden": "true",
-					fill: "none"
-				}, [createElementVNode("path", {
-					d: "M1.5 1.75 6 6.25 10.5 1.75",
-					stroke: "currentColor",
-					"stroke-width": "1.5",
-					"stroke-linecap": "round",
-					"stroke-linejoin": "round"
-				})], -1)])], 8, _hoisted_4)]),
-				props.name ? (openBlock(), createElementBlock("input", {
-					key: 0,
-					type: "hidden",
-					name: props.name,
-					value: props.modelValue ?? ""
-				}, null, 8, _hoisted_5)) : createCommentVNode("v-if", true)
-			], 2);
-		};
-	}
-});
-//#endregion
-export { _sfc_main as t };