@bridge-ui/vue 0.0.8 → 0.0.10

package/dist/Components/Textarea/Textarea.vue_vue_type_script_setup_true_lang.js

@@ -1,12 +1,14 @@
-import e from "../FormField/FormField.js";
-import { useTextarea as t } from "./composables/useTextarea.js";
-import { computed as n, createBlock as r, createElementVNode as i, defineComponent as a, mergeModels as o, mergeProps as s, openBlock as c, ref as l, unref as u, useModel as d, useTemplateRef as f, vModelText as p, watch as m, withCtx as h, withDirectives as g } from "vue";
-import { isUndefined as _ } from "es-toolkit/compat";
+import { presentSlotNames as e } from "../../Utils/slotOrProp.js";
+import { FORM_FIELD_CHROME_SLOT_NAMES as t } from "../FormField/formField.types.js";
+import n from "../FormField/FormField.js";
+import { useTextarea as r } from "./composables/useTextarea.js";
+import { computed as i, createBlock as a, createElementVNode as o, createSlots as s, defineComponent as c, guardReactiveProps as l, mergeModels as u, mergeProps as d, normalizeProps as f, openBlock as p, ref as m, renderList as h, renderSlot as g, unref as _, useModel as v, useTemplateRef as y, vModelText as b, watch as x, withCtx as S, withDirectives as C } from "vue";
+import { isUndefined as w } from "es-toolkit/compat";
 //#region src/Components/Textarea/Textarea.vue?vue&type=script&setup=true&lang.ts
-var v = /* @__PURE__ */ a({
+var T = /*@__PURE__*/ c({
 	inheritAttrs: !1,
 	__name: "Textarea",
-	props: /* @__PURE__ */ o({
+	props: /*@__PURE__*/ u({
 		autosize: { type: Boolean },
 		defaultValue: {},
 		likeInput: { type: Boolean },
@@ -42,23 +44,26 @@ var v = /* @__PURE__ */ a({
 		modelModifiers: {}
 	}),
 	emits: ["update:modelValue"],
-	setup(a) {
-		let o = d(a, "modelValue"), v = a, y = l(v.defaultValue), b = n({
+	setup(c) {
+		let u = v(c, "modelValue"), T = c, E = m(T.defaultValue), D = i({
 			set: (e) => {
-				o.value = e, y.value = e;
+				u.value = e, E.value = e;
 			},
-			get: () => _(o.value) ? y.value : o.value
-		}), x = f("textarea"), { formField: S, textareaBind: C, adjustHeight: w } = t(v, x);
-		return m(b, () => {
-			w(x.value);
-		}), (t, n) => (c(), r(u(e), { field: u(S) }, {
-			default: h(() => [g(i("textarea", s({
+			get: () => w(u.value) ? E.value : u.value
+		}), O = y("textarea"), { formField: k, textareaBind: A, adjustHeight: j } = r(T, O);
+		return x(D, () => {
+			j(O.value);
+		}), (r, i) => (p(), a(_(n), { field: _(k) }, s({
+			default: S(() => [C(o("textarea", d({
 				ref: "textarea",
-				"onUpdate:modelValue": n[0] ||= (e) => b.value = e
-			}, u(C)), null, 16), [[p, b.value]])]),
-			_: 1
-		}, 8, ["field"]));
+				"onUpdate:modelValue": i[0] ||= (e) => D.value = e
+			}, _(A)), null, 16), [[b, D.value]])]),
+			_: 2
+		}, [h(_(e)(_(t), r.$slots), (e) => ({
+			name: e,
+			fn: S((t) => [g(r.$slots, e, f(l(t || {})))])
+		}))]), 1032, ["field"]));
 	}
 });
 //#endregion
-export { v as default };
+export { T as default };

package/dist/Components/Textarea/composables/useTextarea.js

@@ -42,7 +42,10 @@ function h(h, g) {
 		componentName: "Textarea",
 		control: () => "textarea",
 		likeInput: () => S.value
-	}), E = i(() => C.value ? "none" : b.value.resize ?? "none"), D = i(() => d(u(m, y.value?.tokens?.resize), E.value ?? "none")), O = i(() => _.onInput), k = (e) => {
+	}), E = i(() => C.value ? "none" : b.value.resize ?? "none"), D = i(() => {
+		let e = u(m, y.value?.tokens?.resize);
+		return d(e, E.value ?? "none");
+	}), O = i(() => _.onInput), k = (e) => {
 		!e || !C.value || c(e);
 	}, A = (e) => {
 		k(e.target), O.value?.(e);

package/dist/Components/TimeField/TimeField.js

@@ -0,0 +1,5 @@
+import e from "./TimeField.vue_vue_type_script_setup_true_lang.js";
+//#region src/Components/TimeField/TimeField.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/Components/TimeField/TimeField.vue.d.ts

@@ -0,0 +1,32 @@
+import { TimeValue } from '@bridge-ui/core';
+import { TimeFieldOwnProps, TimeFieldSlots } from './timeField.types';
+type __VLS_Slots = TimeFieldSlots;
+type __VLS_Props = TimeFieldOwnProps;
+type __VLS_ModelProps = {
+    modelValue?: null | TimeValue;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    clear: () => any;
+    change: (value: Date | null) => any;
+    close: () => any;
+    open: () => any;
+    "update:modelValue": (value: Date | null | undefined) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onClear?: (() => any) | undefined;
+    onChange?: ((value: Date | null) => any) | undefined;
+    onClose?: (() => any) | undefined;
+    onOpen?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((value: Date | null | undefined) => any) | undefined;
+}>, {
+    showErrorIcon: boolean;
+    clearable: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/Components/TimeField/TimeField.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,139 @@
+import { useResolveMessage as e } from "../../Adapters/I18n/useI18nAdapter.js";
+import { presentSlotNames as t } from "../../Utils/slotOrProp.js";
+import n from "../Icon/Icon.js";
+import { FORM_FIELD_CHROME_SLOT_NAMES as r } from "../FormField/formField.types.js";
+import i from "../FormField/FormField.js";
+import a from "../FieldOverlay/FieldOverlay.js";
+import { useTimeField as o } from "./composables/useTimeField.js";
+import s from "../TimePicker/TimePicker.js";
+import { Fragment as c, computed as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createSlots as p, createVNode as m, defineComponent as h, guardReactiveProps as g, isRef as _, mergeModels as v, mergeProps as y, normalizeClass as b, normalizeProps as x, openBlock as S, ref as C, renderList as w, renderSlot as T, unref as E, useModel as D, withCtx as O, withKeys as k, withModifiers as A } from "vue";
+import { isUndefined as j } from "es-toolkit/compat";
+//#region src/Components/TimeField/TimeField.vue?vue&type=script&setup=true&lang.ts
+var M = { class: "flex min-w-0 flex-1 items-center gap-1" }, N = ["aria-label"], P = /*@__PURE__*/ h({
+	inheritAttrs: !1,
+	__name: "TimeField",
+	props: /*@__PURE__*/ v({
+		ampm: { type: Boolean },
+		classes: {},
+		clearable: {
+			type: Boolean,
+			default: !0
+		},
+		customProps: {},
+		defaultValue: {},
+		disableTimes: {},
+		interval: {},
+		maxTime: {},
+		minTime: {},
+		overlay: {},
+		showFooter: { type: Boolean },
+		showSeconds: { type: Boolean },
+		timeZone: {},
+		color: {},
+		controlId: {},
+		corner: {},
+		description: {},
+		disabled: { type: Boolean },
+		end: {},
+		endIcon: {},
+		error: { type: Boolean },
+		errorIcon: {},
+		errorMessage: {},
+		hideErrorMessage: { type: Boolean },
+		label: {},
+		readonly: { type: Boolean },
+		required: { type: Boolean },
+		rounded: {},
+		showErrorIcon: {
+			type: Boolean,
+			default: !0
+		},
+		size: {},
+		slots: {},
+		start: {},
+		startIcon: {},
+		variant: {}
+	}, {
+		modelValue: {},
+		modelModifiers: {}
+	}),
+	emits: /*@__PURE__*/ v([
+		"change",
+		"clear",
+		"close",
+		"open"
+	], ["update:modelValue"]),
+	setup(h, { emit: v }) {
+		let P = D(h, "modelValue"), F = h, I = v, L = e(), R = C(F.defaultValue ?? null), z = l({
+			set: (e) => {
+				P.value = e, R.value = e;
+			},
+			get: () => j(P.value) ? R.value : P.value
+		}), { open: B, overlay: V, timeOnly: H, formField: U, inputBind: W, clearBind: G, clearValue: K, modelValue: q, showFooter: J, pickerClass: Y, clearIconSize: X, showClearIcon: Z, handleOpenChange: Q, handlePickerChange: $, handlePickerCancel: ee, overlayCustomProps: te, timePickerCustomProps: ne } = o(F, z, I);
+		return (e, o) => (S(), d(c, null, [m(E(i), { field: E(U) }, p({
+			default: O(() => [f("div", M, [f("input", x(g(E(W))), null, 16), E(Z) ? (S(), d("span", y({ key: 0 }, E(G), {
+				onClick: o[0] ||= (...e) => E(K) && E(K)(...e),
+				"aria-label": E(L)("Clear"),
+				onKeydown: [o[1] ||= k(A((...e) => E(K) && E(K)(...e), ["prevent"]), ["enter"]), o[2] ||= k(A((...e) => E(K) && E(K)(...e), ["prevent"]), ["space"])]
+			}), [m(E(n), y({
+				icon: "clear",
+				size: E(X)
+			}, F.customProps?.clearIcon), null, 16, ["size"])], 16, N)) : u("", !0)])]),
+			_: 2
+		}, [w(E(t)(E(r), e.$slots), (t) => ({
+			name: t,
+			fn: O((n) => [T(e.$slots, t, x(g(n || {})))])
+		}))]), 1032, ["field"]), m(E(a), {
+			modelValue: E(B),
+			"onUpdate:modelValue": [o[3] ||= (e) => _(B) ? B.value = e : null, E(Q)],
+			overlay: E(V),
+			"custom-props": E(te)
+		}, {
+			default: O(() => [m(E(s), {
+				value: E(q),
+				class: b(E(Y)),
+				ampm: E(H).ampm,
+				"show-footer": E(J),
+				"read-only": F.readonly,
+				"max-time": E(H).maxTime,
+				"min-time": E(H).minTime,
+				interval: E(H).interval,
+				"time-zone": E(H).timeZone,
+				onChange: E($),
+				onCancel: E(ee),
+				"show-seconds": E(H).showSeconds,
+				color: E(U).merged.value.color,
+				"custom-props": E(ne),
+				disabled: E(U).isDisabled.value,
+				"disable-times": E(H).disableTimes,
+				rounded: E(U).merged.value.rounded
+			}, null, 8, [
+				"value",
+				"class",
+				"ampm",
+				"show-footer",
+				"read-only",
+				"max-time",
+				"min-time",
+				"interval",
+				"time-zone",
+				"onChange",
+				"onCancel",
+				"show-seconds",
+				"color",
+				"custom-props",
+				"disabled",
+				"disable-times",
+				"rounded"
+			])]),
+			_: 1
+		}, 8, [
+			"modelValue",
+			"overlay",
+			"custom-props",
+			"onUpdate:modelValue"
+		])], 64));
+	}
+});
+//#endregion
+export { P as default };