@wirecore/wirelayer-vue 0.7.0 → 0.9.0

package/dist/Input-Cn5q0yVE.js

@@ -1,181 +0,0 @@
-import { a as e, n as t } from "./recipes-BlM9aKyt.js";
-import { t as n } from "./attrs-KNjeRUCf.js";
-import { r, t as i } from "./InputStatus-D7kBGlew.js";
-import { computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createVNode as l, defineComponent as u, mergeModels as d, mergeProps as f, normalizeClass as p, normalizeStyle as m, openBlock as h, ref as g, resolveDynamicComponent as _, toDisplayString as v, unref as y, useAttrs as b, useId as x, useModel as S, useTemplateRef as C } from "vue";
-import { CircleAlert as w, LoaderCircle as T } from "@lucide/vue";
-import { buttonColorKey as E, formatCount as D, iconButton as O, input as k, setTextControlValue as A, spinner as j } from "@wirecore/wirelayer-recipes";
-import { Field as M, useFieldContext as N } from "@ark-ui/vue/field";
-//#region src/components/IconButton/IconButton.vue?vue&type=script&setup=true&lang.ts
-var P = [
-	"type",
-	"disabled",
-	"aria-label"
-], F = /* @__PURE__ */ u({
-	inheritAttrs: !1,
-	__name: "IconButton",
-	props: {
-		icon: {},
-		iconProps: {},
-		label: {},
-		variant: {},
-		color: {},
-		size: {},
-		shape: {},
-		disabled: { type: Boolean },
-		loading: { type: Boolean },
-		type: { default: "button" },
-		badge: { type: [Number, Boolean] },
-		badgeLabel: {
-			type: Function,
-			default: (e) => e === null ? "new" : `${e} new`
-		},
-		classes: {}
-	},
-	setup(e) {
-		let n = e, r = t("iconButton", O, () => n.classes), i = t("spinner", j), l = b(), u = a(() => r({
-			variant: n.variant,
-			color: E(n.color),
-			size: n.size,
-			shape: n.shape
-		})), d = a(() => typeof n.badge == "number" && n.badge > 0 ? n.badge : 0), m = a(() => d.value ? `${n.label}, ${n.badgeLabel(D(d.value))}` : n.badge === !0 ? `${n.label}, ${n.badgeLabel(null)}` : n.label), g = a(() => n.loading ? {
-			"aria-disabled": !0,
-			"aria-busy": !0
-		} : {});
-		function x(e) {
-			n.loading ? e.preventDefault() : [l.onClick].flat().forEach((t) => t?.(e));
-		}
-		return (t, n) => (h(), c("button", f({
-			...y(l),
-			class: u.value.base({ class: p(y(l).class) }),
-			onClick: x,
-			...g.value
-		}, {
-			type: e.type,
-			disabled: e.disabled,
-			"aria-label": m.value
-		}), [e.loading ? (h(), o(y(T), {
-			key: 0,
-			class: p(y(i)().icon({ class: u.value.icon() })),
-			"aria-hidden": "true"
-		}, null, 8, ["class"])) : (h(), o(_(e.icon), f({ key: 1 }, e.iconProps, {
-			class: u.value.icon(),
-			"aria-hidden": "true"
-		}), null, 16, ["class"])), d.value ? (h(), c("span", {
-			key: 2,
-			class: p(u.value.badge()),
-			"aria-hidden": "true"
-		}, v(y(D)(d.value)), 3)) : e.badge === !0 ? (h(), c("span", {
-			key: 3,
-			class: p(u.value.dot()),
-			"aria-hidden": "true"
-		}, null, 2)) : s("", !0)], 16, P));
-	}
-}), I = ["data-invalid", "data-disabled"], L = ["id"], R = ["id"], z = /* @__PURE__ */ u({
-	inheritAttrs: !1,
-	__name: "Input",
-	props: /*@__PURE__*/ d({
-		size: {},
-		invalid: { type: Boolean },
-		success: { type: Boolean },
-		disabled: { type: Boolean },
-		loading: { type: Boolean },
-		clearable: { type: Boolean },
-		clearLabel: {},
-		leadingIcon: {},
-		prefix: {},
-		suffix: {},
-		classes: {}
-	}, {
-		modelValue: {},
-		modelModifiers: {}
-	}),
-	emits: ["update:modelValue"],
-	setup(u) {
-		let d = u, T = t("input", k, () => d.classes), E = e(), D = S(u, "modelValue"), O = b(), j = N(), P = r(), F = a(() => d.invalid || !!j?.value.invalid), z = a(() => !F.value && (d.success || P.value.success)), B = a(() => d.disabled || !!j?.value.disabled), V = a(() => !!O.readonly || O.readonly === "" || !!j?.value.readOnly), H = a(() => T({
-			size: d.size,
-			invalid: F.value,
-			success: z.value,
-			disabled: B.value,
-			hasIcon: !!d.leadingIcon,
-			hasStatusIcon: F.value || z.value || d.loading || d.clearable
-		})), U = a(() => n(O)), W = g(String(O.defaultValue ?? "")), G = a(() => d.clearable && !!(D.value ?? W.value) && !B.value && !V.value), K = x(), q = x(), J = a(() => [
-			j?.value.ariaDescribedby,
-			d.prefix && K,
-			d.suffix && q,
-			U.value.rest["aria-describedby"]
-		].filter(Boolean).join(" ") || void 0), Y = C("control");
-		function X() {
-			let e = Y.value?.$el;
-			e && (A(e), e.focus());
-		}
-		return (e, t) => (h(), c("div", {
-			class: p(H.value.base({ class: U.value.className })),
-			style: m(U.value.style),
-			"data-invalid": F.value || void 0,
-			"data-disabled": B.value || void 0
-		}, [
-			u.prefix ? (h(), c("span", {
-				key: 0,
-				id: y(K),
-				class: p(H.value.prefix())
-			}, v(u.prefix), 11, L)) : s("", !0),
-			u.leadingIcon ? (h(), o(_(u.leadingIcon), {
-				key: 1,
-				class: p(H.value.icon()),
-				"aria-hidden": "true"
-			}, null, 8, ["class"])) : s("", !0),
-			l(y(M).Input, f({
-				ref_key: "control",
-				ref: Y,
-				modelValue: D.value,
-				"onUpdate:modelValue": t[0] ||= (e) => D.value = e
-			}, U.value.rest, {
-				class: H.value.control(),
-				disabled: B.value || void 0,
-				"aria-invalid": F.value || void 0,
-				"aria-describedby": J.value,
-				"aria-busy": u.loading || void 0,
-				onInput: t[1] ||= (e) => W.value = e.target.value
-			}), null, 16, [
-				"modelValue",
-				"class",
-				"disabled",
-				"aria-invalid",
-				"aria-describedby",
-				"aria-busy"
-			]),
-			u.loading || u.clearable || z.value ? (h(), o(i, {
-				key: 2,
-				loading: u.loading,
-				clear: G.value,
-				"clear-label": u.clearLabel ?? y(E).field.clear,
-				success: z.value,
-				classes: {
-					spinner: H.value.spinner(),
-					clear: H.value.clear(),
-					clearIcon: H.value.clearIcon(),
-					statusIcon: H.value.statusIcon()
-				},
-				onClear: X
-			}, null, 8, [
-				"loading",
-				"clear",
-				"clear-label",
-				"success",
-				"classes"
-			])) : s("", !0),
-			F.value ? (h(), o(y(w), {
-				key: 3,
-				class: p(H.value.statusIcon()),
-				"aria-hidden": "true"
-			}, null, 8, ["class"])) : s("", !0),
-			u.suffix ? (h(), c("span", {
-				key: 4,
-				id: y(q),
-				class: p(H.value.suffix())
-			}, v(u.suffix), 11, R)) : s("", !0)
-		], 14, I));
-	}
-});
-//#endregion
-export { F as n, z as t };