@bridge-ui/vue 0.0.7 → 0.0.9

package/dist/Components/TimeRangeField/TimeRangeField.vue_vue_type_script_setup_true_lang.js

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