@bridge-ui/vue 0.5.1 → 0.7.0

package/dist/Components/DataTable/DataTableColumnsMenu.vue_vue_type_script_setup_true_lang.js

@@ -53,7 +53,7 @@ var x = { class: "relative inline-flex items-center" }, S = ["aria-checked", "on
 				role: "menuitemcheckbox",
 				"aria-checked": !v(j)(e),
 				onClick: (t) => v(P)(e),
-				class: "flex w-full cursor-pointer items-center rounded-md px-2 py-1.5 text-start hover:bg-dark-500/5 dark:hover:bg-dark-500/10"
+				class: "flex w-full cursor-pointer items-center rounded-md px-2 py-1.5 text-start hover:bg-black/5 dark:hover:bg-white/10"
 			}, [d(v(r), {
 				"hide-error-message": "",
 				size: v(N),

package/dist/Components/DataTable/DataTableFilterMenu.vue_vue_type_script_setup_true_lang.js

@@ -97,7 +97,7 @@ var O = { class: "relative z-2 inline-flex items-center leading-none" }, k = ["a
 					role: "menuitemcheckbox",
 					"aria-checked": K.value,
 					onClick: Z,
-					class: "flex w-full cursor-pointer items-center rounded-md px-2 py-1.5 text-start hover:bg-dark-500/5 dark:hover:bg-dark-500/10"
+					class: "flex w-full cursor-pointer items-center rounded-md px-2 py-1.5 text-start hover:bg-black/5 dark:hover:bg-white/10"
 				}, [p(y(a), {
 					"hide-error-message": "",
 					size: G.value,

package/dist/Components/DataTable/DataTableFilterOptions.vue_vue_type_script_setup_true_lang.js

@@ -46,7 +46,7 @@ var p = {
 				"aria-checked": b(l.value),
 				role: s.multiple ? "menuitemcheckbox" : "menuitemradio",
 				onClick: (e) => y("toggle", l.value, !b(l.value)),
-				class: "flex w-full cursor-pointer items-center rounded-md px-2 py-1.5 text-start hover:bg-dark-500/5 dark:hover:bg-dark-500/10"
+				class: "flex w-full cursor-pointer items-center rounded-md px-2 py-1.5 text-start hover:bg-black/5 dark:hover:bg-white/10"
 			}, [s.multiple ? (c(), r(f(e), {
 				key: 0,
 				size: s.size,

package/dist/Components/DataTable/DataTablePagination.js

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

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

@@ -0,0 +1,24 @@
+import { DataTablePaginationOwnProps, DataTablePaginationSlots } from './dataTablePagination.types';
+type __VLS_Slots = DataTablePaginationSlots;
+type __VLS_Props = DataTablePaginationOwnProps;
+type __VLS_ModelProps = {
+    modelValue?: number;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: (page: number) => any;
+    "update:modelValue": (...args: unknown[]) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onChange?: ((page: number) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: unknown[]) => any) | undefined;
+}>, {
+    disabled: 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/DataTable/DataTablePagination.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,40 @@
+import e from "../Icon/Icon.js";
+import { useDataTablePagination as t } from "./composables/useDataTablePagination.js";
+import { createElementBlock as n, createElementVNode as r, createVNode as i, defineComponent as a, guardReactiveProps as o, mergeModels as s, mergeProps as c, normalizeProps as l, openBlock as u, renderSlot as d, unref as f, useModel as p } from "vue";
+//#region src/Components/DataTable/DataTablePagination.vue?vue&type=script&setup=true&lang.ts
+var m = { class: "contents" }, h = { class: "contents" }, g = { class: "contents" }, _ = { class: "contents" }, v = /*@__PURE__*/ a({
+	inheritAttrs: !1,
+	name: "DataTablePagination",
+	__name: "DataTablePagination",
+	props: /*@__PURE__*/ s({
+		classes: {},
+		count: {},
+		customProps: {},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		modelValue: {},
+		rounded: {},
+		size: {}
+	}, {
+		modelValue: { default: 1 },
+		modelModifiers: {}
+	}),
+	emits: /*@__PURE__*/ s(["change", "update:modelValue"], ["update:modelValue"]),
+	setup(a, { emit: s }) {
+		let v = s, y = a, b = p(a, "modelValue"), { rootBind: x, listBind: S, prevBind: C, nextBind: w, lastBind: T, firstBind: E, prevIconBind: D, nextIconBind: O, lastIconBind: k, firstIconBind: A } = t(y, {
+			size: "sm",
+			rounded: "md",
+			disabled: !1
+		}, b, v);
+		return (t, a) => (u(), n("nav", l(o(f(x))), [r("ul", l(o(f(S))), [
+			r("li", m, [r("button", l(o(f(E))), [d(t.$slots, "first", {}, () => [i(f(e), c({ icon: "chevronsLeft" }, f(A)), null, 16)])], 16)]),
+			r("li", h, [r("button", l(o(f(C))), [d(t.$slots, "prev", {}, () => [i(f(e), c({ icon: "chevronLeft" }, f(D)), null, 16)])], 16)]),
+			r("li", g, [r("button", l(o(f(w))), [d(t.$slots, "next", {}, () => [i(f(e), c({ icon: "chevronRight" }, f(O)), null, 16)])], 16)]),
+			r("li", _, [r("button", l(o(f(T))), [d(t.$slots, "last", {}, () => [i(f(e), c({ icon: "chevronsRight" }, f(k)), null, 16)])], 16)])
+		], 16)], 16));
+	}
+});
+//#endregion
+export { v as default };

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

@@ -2,16 +2,10 @@ import { DataTableAriaSort } from '@bridge-ui/core/Domain';
 type __VLS_Props = {
     sort: DataTableAriaSort;
 };
-declare var __VLS_1: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
-};
-declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClick?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/Components/DataTable/DataTableSortButton.vue_vue_type_script_setup_true_lang.js

@@ -1,43 +1,39 @@
 import { useResolveMessage as e } from "../../Adapters/I18n/useI18nAdapter.js";
 import t from "../Icon/Icon.js";
-import n from "../Tooltip/Tooltip.js";
-import { Fragment as r, computed as i, createElementBlock as a, createElementVNode as o, createVNode as s, defineComponent as c, normalizeClass as l, openBlock as u, renderSlot as d, unref as f, withCtx as p } from "vue";
-import { getDataTableSortTooltip as m } from "@bridge-ui/core/Domain";
-import { cn as h } from "@bridge-ui/core/Utils";
+import { computed as n, createElementBlock as r, createElementVNode as i, createVNode as a, defineComponent as o, normalizeClass as s, openBlock as c, unref as l } from "vue";
+import { getDataTableSortLabel as u } from "@bridge-ui/core/Domain";
+import { cn as d } from "@bridge-ui/core/Utils";
 //#region src/Components/DataTable/DataTableSortButton.vue?vue&type=script&setup=true&lang.ts
-var g = { class: "inline-flex min-w-0 flex-1 items-center gap-1.5 leading-none" }, _ = { class: "min-w-0 truncate leading-none" }, v = { class: "inline-flex h-6 w-5 shrink-0 flex-col items-center justify-center leading-none" }, y = /*@__PURE__*/ c({
+var f = ["aria-label"], p = { class: "inline-flex h-6 w-5 shrink-0 flex-col items-center justify-center leading-none" }, m = /*@__PURE__*/ o({
 	inheritAttrs: !1,
 	name: "DataTableSortButton",
 	__name: "DataTableSortButton",
 	props: { sort: {} },
-	setup(c) {
-		let y = c, b = e(), x = i(() => b(m(y.sort)));
-		return (e, i) => (u(), a(r, null, [o("span", g, [o("span", _, [d(e.$slots, "default")]), o("span", v, [s(f(t), {
+	emits: ["click"],
+	setup(o, { emit: m }) {
+		let h = o, g = m, _ = e(), v = n(() => _(u(h.sort)));
+		return (e, n) => (c(), r("button", {
+			type: "button",
+			"aria-label": v.value,
+			onClick: n[0] ||= (e) => g("click"),
+			class: "inline-flex size-6 shrink-0 cursor-pointer items-center justify-center rounded-sm leading-none hover:bg-dark-500/10 dark:hover:bg-dark-500/15"
+		}, [i("span", p, [a(l(t), {
 			size: "lg",
 			icon: "chevronUp",
-			class: l(f(h)({
+			class: s(l(d)({
 				"-mb-1": !0,
-				"text-dark-800 dark:text-dark-100": c.sort === "ascending",
-				"text-dark-300 dark:text-dark-600": c.sort !== "ascending"
+				"text-dark-800 dark:text-dark-100": o.sort === "ascending",
+				"text-dark-300 dark:text-dark-600": o.sort !== "ascending"
 			}))
-		}, null, 8, ["class"]), s(f(t), {
+		}, null, 8, ["class"]), a(l(t), {
 			size: "lg",
 			icon: "chevronDown",
-			class: l(f(h)({
-				"text-dark-800 dark:text-dark-100": c.sort === "descending",
-				"text-dark-300 dark:text-dark-600": c.sort !== "descending"
+			class: s(l(d)({
+				"text-dark-800 dark:text-dark-100": o.sort === "descending",
+				"text-dark-300 dark:text-dark-600": o.sort !== "descending"
 			}))
-		}, null, 8, ["class"])])]), s(f(n), {
-			content: x.value,
-			"custom-props": {
-				root: { class: "absolute inset-0 z-[1] max-w-none" },
-				trigger: { class: "absolute inset-0 size-full max-w-none" }
-			}
-		}, {
-			trigger: p(() => [...i[0] ||= [o("span", { class: "size-full" }, null, -1)]]),
-			_: 1
-		}, 8, ["content"])], 64));
+		}, null, 8, ["class"])])], 8, f));
 	}
 });
 //#endregion
-export { y as default };
+export { m as default };

package/dist/Components/DataTable/composables/useDataTable.d.ts

@@ -1,5 +1,5 @@
 import { Ref, VNode, VNodeChild } from 'vue';
-import { getDataTableAriaSort, getDataTableSortIcon, DataTableColumnSearch, DataTableFilterOption, DataTableFilters, DataTablePaginationSlotProps, DataTablePerPageSlotProps, DataTableSorting, DataTableStickyEdge, DataTableStickyInset } from '@bridge-ui/core/Domain';
+import { getDataTableAriaSort, getDataTableSortIcon, DataTableColumnSearch, DataTableFilterOption, DataTableFilters, DataTablePaginationSlotProps, DataTablePerPageSlotProps, DataTableSelectedSlotProps, DataTableSorting, DataTableStickyEdge, DataTableStickyInset } from '@bridge-ui/core/Domain';
 import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core/Utils';
 import { DataTableColumn, DataTableOwnProps, DataTableProps } from '../dataTable.types';
 type DataTableLibDefaults = LibDefaultsShape<DataTableOwnProps<unknown>, "full" | "size" | "loading" | "rounded" | "striped" | "variant" | "hoverable" | "stickyHeader" | "filterOverlay" | "selectionMode" | "columnsOverlay" | "loadingVariant">;
@@ -81,6 +81,7 @@ export declare function useDataTable<T>(props: DataTableOwnProps<T>, libDefaults
     frameBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<{
         class: string;
     }, "class", {}, {}>>;
+    showPager: import('vue').ComputedRef<boolean>;
     tableProps: import('vue').ComputedRef<{
         size: NonNullable<keyof import('@bridge-ui/core/Tokens').TableSize | undefined>;
         variant: NonNullable<keyof import('@bridge-ui/core/Tokens').TableVariant | undefined>;
@@ -495,10 +496,7 @@ export declare function useDataTable<T>(props: DataTableOwnProps<T>, libDefaults
             width?: string | undefined;
             maxWidth?: string | undefined;
         };
-        tabindex: number | undefined;
         "aria-sort": import('@bridge-ui/core/Domain').DataTableAriaSort | undefined;
-        onClick: ((event: MouseEvent) => void) | undefined;
-        onKeydown: ((event: KeyboardEvent) => void) | undefined;
         class: string;
     }, "class", import('vue').HTMLAttributes | undefined, {}>;
     headerViews: import('vue').ComputedRef<DataTableHeaderView[]>;
@@ -526,11 +524,16 @@ export declare function useDataTable<T>(props: DataTableOwnProps<T>, libDefaults
     serverPaged: import('vue').ComputedRef<boolean>;
     showPerPage: import('vue').ComputedRef<boolean>;
     showToolbar: import('vue').ComputedRef<boolean>;
+    selectedBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<{
+        class: string;
+    }, "class", import('vue').HTMLAttributes | undefined, {}>>;
+    showSelected: import('vue').ComputedRef<boolean>;
     getHeadAlign: (header: DataTableHeaderView) => keyof import('@bridge-ui/core/Tokens').TableAlign;
     getCellAlign: (cell: DataTableCellView) => keyof import('@bridge-ui/core/Tokens').TableAlign;
     onTogglePage: (selectAll: boolean) => void;
     onToggleSort: (columnId: string) => void;
     summaryCells: import('vue').ComputedRef<DataTableCellView[] | null>;
+    showFooterBar: import('vue').ComputedRef<boolean>;
     expandEnabled: import('vue').ComputedRef<boolean>;
     onChangeSearch: (query: string) => void;
     loadingBarBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<{
@@ -545,14 +548,13 @@ export declare function useDataTable<T>(props: DataTableOwnProps<T>, libDefaults
         checked: boolean;
         indeterminate: boolean;
     }>;
-    showPagination: import('vue').ComputedRef<boolean>;
     onToggleExpand: (rowId: string, expanded: boolean) => void;
     visibilityItems: import('vue').ComputedRef<DataTableVisibilityItem[]>;
     onChangePerPage: (next: number) => void;
     resolvedPerPage: import('vue').ComputedRef<number>;
     selectionEnabled: import('vue').ComputedRef<boolean>;
     perPageSlotProps: import('vue').ComputedRef<DataTablePerPageSlotProps>;
-    paginationVariant: import('vue').ComputedRef<import('@bridge-ui/core/Domain').DataTablePaginationVariant>;
+    selectedSlotProps: import('vue').ComputedRef<DataTableSelectedSlotProps>;
     resolvedPageCount: import('vue').ComputedRef<number | undefined>;
     selectionMultiple: import('vue').ComputedRef<boolean>;
     visibilityEnabled: import('vue').ComputedRef<boolean>;