@bridge-ui/vue 0.1.1 → 0.3.0

package/dist/Components/CalendarRange/composables/useCalendarRange.js

@@ -60,53 +60,47 @@ function m(d, m, h) {
 	}), T = a(() => v(b.value.timeZone)), E = a(() => s(d)), D = a(() => !u(E.value.value)), O = a(() => {
 		let e = te()?.vnode.props ?? {}, t = l(e.onViewDateChange) || l(e["onUpdate:viewDate"]);
 		return !u(E.value.viewDate) && t;
-	}), k = a(() => !u(E.value.previewDate)), A = o(b.value.defaultValue ?? null), j = o("date"), M = o(g.value.startOfMonth(u(E.value.viewDate) ? se(E.value.value ?? b.value.defaultValue ?? null, g.value, T.value) : E.value.viewDate, T.value)), N = o(null), P = o(null), F = o("start"), I = a(() => D.value ? E.value.value ?? null : A.value), L = a(() => j.value === "year" && b.value.hideYears || j.value === "month" && b.value.hideMonths ? "date" : j.value), R = a(() => O.value ? E.value.viewDate : M.value), z = a(() => g.value.addMonths(R.value, 1, T.value)), B = a(() => k.value ? E.value.previewDate ?? null : N.value), V = a(() => String(g.value.getYear(R.value, T.value))), H = a(() => g.value.getMonthNames(T.value)[g.value.getMonth(R.value, T.value)] ?? ""), U = a(() => g.value.getMonthNames(T.value)[g.value.getMonth(z.value, T.value)] ?? ""), W = a(() => g.value.getYear(R.value, T.value)), G = a(() => g.value.getMonth(R.value, T.value)), K = a(() => u(P.value) ? Math.max(1, W.value - 7) : P.value), q = a(() => {
+	}), k = a(() => !u(E.value.previewDate)), A = o(b.value.defaultValue ?? null), j = o("date"), M = o(g.value.startOfMonth(u(E.value.viewDate) ? se(E.value.value ?? b.value.defaultValue ?? null, g.value, T.value) : E.value.viewDate, T.value)), N = o(null), P = o(null), F = a(() => D.value ? E.value.value ?? null : A.value), I = a(() => j.value === "year" && b.value.hideYears || j.value === "month" && b.value.hideMonths ? "date" : j.value), L = a(() => O.value ? E.value.viewDate : M.value), R = a(() => g.value.addMonths(L.value, 1, T.value)), z = a(() => k.value ? E.value.previewDate ?? null : N.value), B = a(() => String(g.value.getYear(L.value, T.value))), V = a(() => g.value.getMonthNames(T.value)[g.value.getMonth(L.value, T.value)] ?? ""), H = a(() => g.value.getMonthNames(T.value)[g.value.getMonth(R.value, T.value)] ?? ""), U = a(() => g.value.getYear(L.value, T.value)), W = a(() => g.value.getMonth(L.value, T.value)), G = a(() => u(P.value) ? Math.max(1, U.value - 7) : P.value), K = a(() => {
 		let e = ie(f, x.value?.tokens?.rounded);
 		return ne(e, b.value.rounded);
-	}), J = (e) => {
+	}), q = (e) => {
 		j.value = e;
 	}, ue = () => {
-		P.value = Math.max(1, W.value - 7), J("year");
-	}, Y = (e) => {
+		P.value = Math.max(1, U.value - 7), q("year");
+	}, J = (e) => {
 		let t = g.value.startOfMonth(e, T.value);
 		O.value || (M.value = t), h("viewDateChange", t);
 	}, de = (e) => {
-		Y(e);
+		J(e);
 	}, fe = (e) => {
-		Y(g.value.addMonths(e, -1, T.value));
+		J(g.value.addMonths(e, -1, T.value));
 	}, pe = (e) => {
 		let t = ce(e);
 		D.value || (A.value = t), h("change", t);
 	}, me = (e) => {
 		k.value || (N.value = e), h("previewDateChange", e);
 	}, he = () => {
-		if (L.value === "year") {
-			P.value = Math.max(1, K.value - 15);
+		if (I.value === "year") {
+			P.value = Math.max(1, G.value - 15);
 			return;
 		}
-		Y(g.value.addMonths(R.value, -1, T.value));
+		J(g.value.addMonths(L.value, -1, T.value));
 	}, ge = () => {
-		if (L.value === "year") {
-			P.value = K.value + 15;
+		if (I.value === "year") {
+			P.value = G.value + 15;
 			return;
 		}
-		Y(g.value.addMonths(R.value, 1, T.value));
+		J(g.value.addMonths(L.value, 1, T.value));
 	}, _e = () => {
 		let e = g.value.startOfMonth(g.value.now(T.value), T.value);
-		P.value = null, Y(e), J("date");
+		P.value = null, J(e), q("date");
 	}, ve = (e) => {
-		P.value = null, F.value = "start", Y(g.value.setYear(R.value, e, T.value)), J(b.value.hideMonths ? "date" : "month");
-	}, ye = () => {
-		F.value = "start", J("month");
-	}, be = () => {
-		F.value = "end", J("month");
-	}, xe = (e) => {
-		if (F.value === "end") {
-			let t = g.value.getYear(z.value, T.value), n = g.value.setMonth(g.value.setYear(R.value, t, T.value), e, T.value);
-			Y(g.value.addMonths(n, -1, T.value));
-		} else Y(g.value.setMonth(R.value, e, T.value));
-		J("date");
-	}, Se = a(() => F.value === "end" ? g.value.getYear(z.value, T.value) : W.value), Ce = a(() => F.value === "end" ? g.value.getMonth(z.value, T.value) : G.value), we = a(() => ({
+		P.value = null, J(g.value.setYear(L.value, e, T.value)), q(b.value.hideMonths ? "date" : "month");
+	}, Y = () => {
+		q("month");
+	}, ye = (e) => {
+		J(g.value.setMonth(L.value, e, T.value)), q("date");
+	}, be = U, xe = W, Se = a(() => ({
 		color: b.value.color,
 		error: b.value.error,
 		rounded: b.value.rounded,
@@ -115,63 +109,68 @@ function m(d, m, h) {
 		disabled: b.value.disabled,
 		readOnly: b.value.readOnly,
 		timeZone: b.value.timeZone
-	})), X = a(() => b.value.orientation === "vertical"), Te = a(() => r(S.value?.root, C.value, p({
+	})), X = a(() => b.value.orientation === "vertical"), Ce = a(() => r(S.value?.root, C.value, p({
 		"flex flex-col overflow-hidden": !0,
 		"w-full": b.value.fill,
 		"min-w-max": !0,
 		"w-fit": !b.value.fill && X.value,
 		[w.value.root ?? ""]: !0
-	}))), Ee = a(() => r(S.value?.header, {}, p({
-		"flex w-full items-center p-2.5": !0,
+	}))), we = a(() => r(S.value?.header, {}, p({
+		"relative flex w-full items-center p-2.5": !0,
 		[w.value.header ?? ""]: !0
-	}))), De = a(() => r(S.value?.months, {}, p({
-		"flex min-w-0 flex-1 items-center": !0,
-		"justify-between": !X.value,
-		"justify-start": X.value,
+	}))), Te = a(() => r(S.value?.months, {}, p({
+		"flex min-w-0 flex-1 items-center justify-center": !0,
 		[w.value.months ?? ""]: !0
-	}))), Oe = a(() => r(S.value?.endHeader, {}, p({
-		"flex items-center justify-center px-2.5 pb-1 pt-2": !0,
+	}))), Ee = a(() => r(S.value?.startHeader, {}, p({
+		"flex min-w-0 flex-1 items-center pr-4": !0,
+		[w.value.startHeader ?? ""]: !0
+	}))), De = a(() => r(S.value?.endHeader, {}, p({
+		"items-center": !0,
+		"flex min-w-0 flex-1 items-center pl-4": !X.value || I.value === "month",
+		"flex justify-center": X.value && I.value !== "month",
 		[w.value.endHeader ?? ""]: !0
-	}))), ke = a(() => r(S.value?.body, {}, p({
-		"flex min-h-64 flex-col p-2.5": !0,
+	}))), Oe = a(() => r(S.value?.body, {}, p({
+		"relative flex min-h-64 flex-col": !0,
 		[w.value.body ?? ""]: !0
-	}))), Ae = a(() => r(S.value?.panels, {}, p({
-		"flex w-full gap-4": !0,
+	}))), ke = a(() => r(S.value?.panels, { "aria-hidden": I.value !== "date" }, p({
+		"flex w-full": !0,
 		"flex-row": !X.value,
 		"flex-col": X.value,
+		invisible: I.value !== "date",
 		[w.value.panels ?? ""]: !0
-	}))), je = a(() => r(S.value?.start, {}, p({
-		"flex min-w-72 flex-1 flex-col": !0,
+	}))), Ae = a(() => r(S.value?.start, {}, p({
+		"flex min-w-72 flex-1 flex-col px-2.5": !0,
+		"pb-2.5": !X.value,
 		[w.value.start ?? ""]: !0
-	}))), Me = a(() => r(S.value?.end, {}, p({
-		"flex min-w-72 flex-1 flex-col": !0,
+	}))), je = a(() => r(S.value?.end, {}, p({
+		"flex min-w-72 flex-1 flex-col px-2.5 pb-2.5": !0,
 		[w.value.end ?? ""]: !0
-	}))), Ne = a(() => p({ "flex min-h-64 flex-1 flex-col": !0 })), Z = a(() => r(S.value?.selector, {
+	}))), Me = a(() => p({ "absolute inset-0 z-10 flex flex-col bg-white p-2.5 dark:bg-dark-900": !0 })), Z = a(() => r(S.value?.selector, {
 		type: "button",
 		disabled: b.value.disabled
 	}, p({
 		"inline-flex cursor-pointer items-center gap-x-2 px-1.5 py-1 text-sm font-medium text-dark-600 hover:bg-dark-100 focus:outline-none disabled:cursor-not-allowed dark:text-dark-300 dark:hover:bg-dark-800": !0,
-		[q.value ?? ""]: !0,
+		[K.value ?? ""]: !0,
 		[w.value.selector ?? ""]: !0
 	}))), Q = a(() => r(S.value?.navButton, {
 		type: "button",
 		disabled: b.value.disabled
 	}, p({
 		"inline-flex size-8 shrink-0 cursor-pointer items-center justify-center text-dark-600 hover:bg-dark-100 disabled:cursor-not-allowed dark:text-dark-300 dark:hover:bg-dark-800": !0,
-		[q.value ?? ""]: !0,
+		[K.value ?? ""]: !0,
 		[w.value.navButton ?? ""]: !0
-	}))), Pe = a(() => L.value === "year" ? _("Previous years") : _("Previous month")), $ = a(() => L.value === "year" ? _("Next years") : _("Next month")), Fe = a(() => r(S.value?.previousButton, {
+	}))), Ne = a(() => I.value === "year" ? _("Previous years") : _("Previous month")), Pe = a(() => I.value === "year" ? _("Next years") : _("Next month")), Fe = a(() => r(S.value?.previousButton, {
 		...Q.value,
 		onClick: he,
 		type: "button",
 		disabled: b.value.disabled,
-		"aria-label": Pe.value
+		"aria-label": Ne.value
 	}, p({ [w.value.navButton ?? ""]: !0 }))), Ie = a(() => r(S.value?.nextButton, {
 		...Q.value,
 		onClick: ge,
 		type: "button",
 		disabled: b.value.disabled,
-		"aria-label": $.value
+		"aria-label": Pe.value
 	}, p({ [w.value.navButton ?? ""]: !0 }))), Le = a(() => r(S.value?.todayButton, {
 		onClick: _e,
 		type: "button",
@@ -179,76 +178,76 @@ function m(d, m, h) {
 		"aria-label": _("Today")
 	}, p({
 		"inline-flex size-8 shrink-0 cursor-pointer items-center justify-center hover:bg-dark-100 disabled:cursor-not-allowed dark:hover:bg-dark-800": !0,
-		[q.value ?? ""]: !0,
+		[K.value ?? ""]: !0,
 		[w.value.navButton ?? ""]: !0
-	}))), Re = a(() => r(S.value?.selector, void 0, {
+	}))), $ = a(() => r(S.value?.selector, void 0, {
 		...Z.value,
 		onClick: ue,
 		type: "button",
 		"aria-label": _("Select year"),
 		disabled: b.value.disabled || b.value.hideYears
-	})), ze = a(() => ({
+	})), Re = a(() => ({
 		...r(S.value?.selector, void 0, {
 			...Z.value,
 			type: "button",
 			"aria-label": _("Select month"),
 			disabled: b.value.disabled || b.value.hideMonths
 		}),
-		onClick: ye
-	})), Be = a(() => ({
+		onClick: Y
+	})), ze = a(() => ({
 		...r(S.value?.selector, void 0, {
 			...Z.value,
 			type: "button",
 			"aria-label": _("Select end month"),
 			disabled: b.value.disabled || b.value.hideMonths
 		}),
-		onClick: be
-	})), Ve = a(() => !b.value.hideYears), He = a(() => !b.value.hideMonths);
+		onClick: Y
+	})), Be = a(() => !b.value.hideYears), Ve = a(() => !b.value.hideMonths);
 	return {
-		view: L,
-		value: I,
-		shared: we,
+		view: I,
+		value: F,
+		shared: Se,
 		merged: b,
 		showNav: a(() => !0),
-		endBind: Me,
-		rootBind: Te,
-		bodyBind: ke,
-		viewDate: R,
-		viewYear: W,
-		startBind: je,
-		viewMonth: G,
-		yearLabel: V,
-		monthLabel: H,
-		headerBind: Ee,
-		monthsBind: De,
-		panelsBind: Ae,
+		endBind: je,
+		rootBind: Ce,
+		bodyBind: Oe,
+		viewDate: L,
+		viewYear: U,
+		startBind: Ae,
+		viewMonth: W,
+		yearLabel: B,
+		monthLabel: V,
+		headerBind: we,
+		monthsBind: Te,
+		panelsBind: ke,
 		isVertical: X,
-		endViewDate: z,
-		previewDate: B,
-		setViewDate: Y,
+		endViewDate: R,
+		previewDate: z,
+		setViewDate: J,
 		navIconBind: a(() => S.value?.navIcon),
-		monthTarget: F,
 		handleChange: pe,
 		yearPageSize: 15,
-		endMonthLabel: U,
-		endHeaderBind: Oe,
-		monthYearBind: Ne,
+		endMonthLabel: H,
+		endHeaderBind: De,
+		monthYearBind: Me,
 		nextButtonBind: Ie,
-		monthPanelYear: Se,
+		monthPanelYear: be,
+		startHeaderBind: Ee,
 		todayButtonBind: Le,
-		monthPanelValue: Ce,
-		yearSelectorBind: Re,
+		monthPanelValue: xe,
+		yearSelectorBind: $,
 		handleYearSelect: ve,
-		showYearSelector: Ve,
-		monthSelectorBind: ze,
-		handleMonthSelect: xe,
-		showMonthSelector: He,
+		showYearSelector: Be,
+		monthSelectorBind: Re,
+		handleMonthSelect: ye,
+		showMonthSelector: Ve,
 		previousButtonBind: Fe,
-		endMonthSelectorBind: Be,
+		endMonthSelectorBind: ze,
 		handleEndViewDateChange: fe,
 		handlePreviewDateChange: me,
 		handleStartViewDateChange: de,
-		yearPageStart: K
+		yearPageStart: G
 	};
 }
 //#endregion

package/dist/Components/ColorField/composables/useColorField.d.ts

@@ -181,7 +181,7 @@ export declare function useColorField(props: ColorFieldOwnProps, model: Ref<null
             dir?: string | undefined | undefined;
             draggable?: (boolean | "true" | "false") | undefined;
             enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
-            enterKeyHint?: "done" | "search" | "enter" | "go" | "next" | "previous" | "send" | undefined;
+            enterKeyHint?: "search" | "done" | "enter" | "go" | "next" | "previous" | "send" | undefined;
             hidden?: "" | "until-found" | "hidden" | (boolean | "true" | "false") | undefined;
             inert?: (boolean | "true" | "false") | undefined;
             placeholder?: string | undefined | undefined;
@@ -734,6 +734,7 @@ export declare function useColorField(props: ColorFieldOwnProps, model: Ref<null
             disableAutoFocus?: boolean;
             disableScrollLock?: boolean;
             keepMounted?: boolean;
+            matchWidth?: boolean;
             offset?: number;
             onShowChange?: (show: boolean) => void;
             persistent?: boolean;

package/dist/Components/DataTable/DataTable.js

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

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

@@ -0,0 +1,43 @@
+import { VNodeChild } from 'vue';
+import { DataTableColumnSearch, DataTableFilters } from '@bridge-ui/core/Domain';
+import { DataTableItemSlotProps, DataTableOwnProps, DataTableSlots, DataTableSorting } from './dataTable.types';
+declare const __VLS_export: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import('vue').PublicProps & __VLS_PrettifyLocal<(Omit<DataTableOwnProps<T>, "search" | "page" | "filters" | "columnSearch" | "expanded" | "hiddenColumns" | "perPage" | "selection" | "sorting"> & {
+        page?: number;
+        perPage?: number;
+        expanded?: string[];
+        selection?: string[];
+        filters?: DataTableFilters;
+        sorting?: DataTableSorting;
+        hiddenColumns?: string[];
+        columnSearch?: DataTableColumnSearch;
+        search?: string;
+    }) & {
+        "onUpdate:page"?: ((value: number | undefined) => any) | undefined;
+        "onUpdate:perPage"?: ((value: number | undefined) => any) | undefined;
+        "onUpdate:expanded"?: ((value: string[] | undefined) => any) | undefined;
+        "onUpdate:selection"?: ((value: string[] | undefined) => any) | undefined;
+        "onUpdate:filters"?: ((value: DataTableFilters | undefined) => any) | undefined;
+        "onUpdate:sorting"?: ((value: DataTableSorting | undefined) => any) | undefined;
+        "onUpdate:hiddenColumns"?: ((value: string[] | undefined) => any) | undefined;
+        "onUpdate:columnSearch"?: ((value: DataTableColumnSearch | undefined) => any) | undefined;
+        "onUpdate:search"?: ((value: string | undefined) => any) | undefined;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: DataTableSlots<T> & {
+        [x: `item.${string}`]: ((props: DataTableItemSlotProps<T>) => VNodeChild) | undefined;
+    };
+    emit: ((event: "update:page", value: number | undefined) => void) & ((event: "update:perPage", value: number | undefined) => void) & ((event: "update:expanded", value: string[] | undefined) => void) & ((event: "update:selection", value: string[] | undefined) => void) & ((event: "update:filters", value: DataTableFilters | undefined) => void) & ((event: "update:sorting", value: DataTableSorting | undefined) => void) & ((event: "update:hiddenColumns", value: string[] | undefined) => void) & ((event: "update:columnSearch", value: DataTableColumnSearch | undefined) => void) & ((event: "update:search", value: string | undefined) => void);
+}>) => import('vue').VNode & {
+    __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};