@astryx-vue/core 0.2.0 → 0.2.2

package/dist/{Pagination-HdhtykeF.js → Pagination-Cb66HMEf.js}

@@ -1,5 +1,5 @@
-import { a as useAstryxMessages } from "./context-Dbo22sck.js";
-import { t as _sfc_main$1 } from "./Selector-Da-2BO3q.js";
+import { a as useAstryxMessages } from "./context-CiKncNSH.js";
+import { t as _sfc_main$1 } from "./Selector-DE2IEFML.js";
 import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, onBeforeUnmount, onMounted, openBlock, ref, renderList, renderSlot, toDisplayString, toValue, unref, vShow, withDirectives } from "vue";
 import "../styles/pagination.css";
 /**
@@ -86,7 +86,12 @@ function usePagination(options) {
 }
 //#endregion
 //#region src/Pagination/Pagination.vue
-const _hoisted_1 = ["data-density", "aria-label"];
+const _hoisted_1 = [
+	"data-density",
+	"data-variant",
+	"data-size",
+	"aria-label"
+];
 const _hoisted_2 = {
 	key: 0,
 	class: "astryx-pagination-total"
@@ -97,24 +102,42 @@ const _hoisted_5 = {
 	class: "astryx-pagination-label",
 	"aria-hidden": "true"
 };
-const _hoisted_6 = ["aria-hidden"];
-const _hoisted_7 = { class: "astryx-pagination-pages" };
-const _hoisted_8 = [
+const _hoisted_6 = {
+	key: 0,
+	class: "astryx-pagination-count"
+};
+const _hoisted_7 = {
+	key: 1,
+	class: "astryx-pagination-count"
+};
+const _hoisted_8 = ["aria-label"];
+const _hoisted_9 = [
+	"disabled",
+	"aria-current",
+	"aria-label",
+	"onClick"
+];
+const _hoisted_10 = ["aria-hidden"];
+const _hoisted_11 = {
+	key: 4,
+	class: "astryx-pagination-pages"
+};
+const _hoisted_12 = [
 	"disabled",
 	"aria-label",
 	"aria-current",
 	"onClick"
 ];
-const _hoisted_9 = ["disabled", "aria-label"];
-const _hoisted_10 = {
+const _hoisted_13 = ["disabled", "aria-label"];
+const _hoisted_14 = {
 	class: "astryx-pagination-label",
 	"aria-hidden": "true"
 };
-const _hoisted_11 = {
-	key: 0,
+const _hoisted_15 = {
+	key: 5,
 	class: "astryx-pagination-size-changer"
 };
-const _hoisted_12 = { class: "astryx-pagination-size-label" };
+const _hoisted_16 = { class: "astryx-pagination-size-label" };
 const _sfc_main = /*@__PURE__*/ defineComponent({
 	name: "AstryxPagination",
 	__name: "Pagination",
@@ -122,6 +145,9 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		page: { default: 1 },
 		pageSize: { default: 10 },
 		total: { default: 0 },
+		totalPages: {},
+		variant: { default: "pages" },
+		size: { default: "md" },
 		showSizeChanger: {
 			type: Boolean,
 			default: false
@@ -156,9 +182,15 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		const resolvedPrevLabel = computed(() => props.prevLabel ?? messages.value.pagination.previous);
 		const resolvedNextLabel = computed(() => props.nextLabel ?? messages.value.pagination.next);
 		const resolvedPageSizeLabel = computed(() => props.pageSizeLabel ?? messages.value.pagination.perPage);
+		function resolvedItemTotal() {
+			if (props.total > 0) return props.total;
+			if (props.totalPages != null && props.totalPages > 0) return props.totalPages * props.pageSize;
+			return props.total;
+		}
 		const pageRef = ref(props.page);
 		const pageSizeRef = ref(props.pageSize);
-		const totalRef = ref(props.total);
+		const totalRef = ref(resolvedItemTotal());
+		const variant = computed(() => props.variant);
 		const root = ref(null);
 		const density = ref("full");
 		const siblingCount = computed(() => siblingCountForDensity(density.value));
@@ -197,7 +229,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		function syncFromProps() {
 			pageRef.value = props.page;
 			pageSizeRef.value = props.pageSize;
-			totalRef.value = props.total;
+			totalRef.value = resolvedItemTotal();
 		}
 		syncFromProps();
 		const pageSizeOptions = computed(() => {
@@ -222,8 +254,13 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			return openBlock(), createElementBlock("nav", {
 				ref_key: "root",
 				ref: root,
-				class: normalizeClass(["astryx-pagination", { "is-disabled": props.disabled }]),
+				class: normalizeClass(["astryx-pagination", {
+					"is-disabled": props.disabled,
+					"astryx-pagination--sm": props.size === "sm"
+				}]),
 				"data-density": density.value,
+				"data-variant": variant.value,
+				"data-size": props.size,
 				role: "navigation",
 				"aria-label": unref(messages).pagination.nav
 			}, [props.showTotal ? (openBlock(), createElementBlock("div", _hoisted_2, [renderSlot(_ctx.$slots, "total", {
@@ -249,11 +286,28 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round"
 				})], -1)), createElementVNode("span", _hoisted_5, toDisplayString(resolvedPrevLabel.value), 1)], 8, _hoisted_4),
-				createElementVNode("span", {
+				variant.value === "count" ? (openBlock(), createElementBlock("span", _hoisted_6, toDisplayString(unref(messages).pagination.total(totalRef.value, fromIndex.value, toIndex.value)), 1)) : variant.value === "compact" ? (openBlock(), createElementBlock("span", _hoisted_7, toDisplayString(unref(messages).pagination.pageOf(pageRef.value, unref(pagination).totalPages.value)), 1)) : variant.value === "dots" ? (openBlock(), createElementBlock("div", {
+					key: 2,
+					class: "astryx-pagination-dots",
+					role: "group",
+					"aria-label": unref(messages).pagination.nav
+				}, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(pagination).totalPages.value, (dotPage) => {
+					return openBlock(), createElementBlock("button", {
+						key: dotPage,
+						type: "button",
+						class: normalizeClass(["astryx-pagination-dot", { "is-active": dotPage === pageRef.value }]),
+						disabled: props.disabled,
+						"aria-current": dotPage === pageRef.value ? "page" : void 0,
+						"aria-label": unref(messages).pagination.page(dotPage),
+						onClick: ($event) => onPageClick(dotPage)
+					}, null, 10, _hoisted_9);
+				}), 128))], 8, _hoisted_8)) : createCommentVNode("v-if", true),
+				variant.value === "pages" ? (openBlock(), createElementBlock("span", {
+					key: 3,
 					class: "astryx-pagination-compact",
 					"aria-hidden": density.value === "minimal" ? void 0 : true
-				}, toDisplayString(unref(messages).pagination.compact(pageRef.value, unref(pagination).totalPages.value)), 9, _hoisted_6),
-				withDirectives(createElementVNode("div", _hoisted_7, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(pagination).pageNumbers.value, (page, index) => {
+				}, toDisplayString(unref(messages).pagination.compact(pageRef.value, unref(pagination).totalPages.value)), 9, _hoisted_10)) : createCommentVNode("v-if", true),
+				variant.value === "pages" ? withDirectives((openBlock(), createElementBlock("div", _hoisted_11, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(pagination).pageNumbers.value, (page, index) => {
 					return openBlock(), createElementBlock("button", {
 						key: index,
 						type: "button",
@@ -265,15 +319,15 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 						"aria-label": isEllipsis(page) ? unref(messages).pagination.more : unref(messages).pagination.page(page),
 						"aria-current": page === pageRef.value ? "page" : void 0,
 						onClick: ($event) => onPageClick(page)
-					}, toDisplayString(isEllipsis(page) ? "..." : page), 11, _hoisted_8);
-				}), 128))], 512), [[vShow, density.value !== "minimal"]]),
+					}, toDisplayString(isEllipsis(page) ? "..." : page), 11, _hoisted_12);
+				}), 128))], 512)), [[vShow, density.value !== "minimal"]]) : createCommentVNode("v-if", true),
 				createElementVNode("button", {
 					type: "button",
 					class: "astryx-pagination-button astryx-pagination-next",
 					disabled: props.disabled || !unref(pagination).canNext.value,
 					"aria-label": resolvedNextLabel.value,
 					onClick: _cache[1] || (_cache[1] = (...args) => unref(pagination).next && unref(pagination).next(...args))
-				}, [createElementVNode("span", _hoisted_10, toDisplayString(resolvedNextLabel.value), 1), _cache[4] || (_cache[4] = createElementVNode("svg", {
+				}, [createElementVNode("span", _hoisted_14, toDisplayString(resolvedNextLabel.value), 1), _cache[4] || (_cache[4] = createElementVNode("svg", {
 					width: "16",
 					height: "16",
 					viewBox: "0 0 16 16",
@@ -284,8 +338,8 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 					"stroke-width": "1.5",
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round"
-				})], -1))], 8, _hoisted_9),
-				props.showSizeChanger ? (openBlock(), createElementBlock("div", _hoisted_11, [createElementVNode("span", _hoisted_12, toDisplayString(resolvedPageSizeLabel.value), 1), createVNode(_sfc_main$1, {
+				})], -1))], 8, _hoisted_13),
+				props.showSizeChanger ? (openBlock(), createElementBlock("div", _hoisted_15, [createElementVNode("span", _hoisted_16, toDisplayString(resolvedPageSizeLabel.value), 1), createVNode(_sfc_main$1, {
 					"model-value": pageSizeRef.value,
 					options: pageSizeOptions.value,
 					disabled: props.disabled,

package/dist/PowerSearch/index.d.ts

@@ -0,0 +1,2 @@
+import { A as PowerSearchItem, C as PowerSearchEmits, D as PowerSearchFieldType, E as PowerSearchFieldDefinition, F as PowerSearchSlots, I as PowerSearchStatus, M as PowerSearchOverflow, N as PowerSearchProps, O as PowerSearchFilter, P as PowerSearchSize, S as PowerSearchConfig, T as PowerSearchField, _ as FilterValue, a as usePowerSearchConfig, b as PowerSearchChangeType, c as resolveOperatorLabel, d as formatFilterValue, f as completePowerSearchFilter, g as DateTimeRangePart, h as DateTimeRange, i as createPowerSearchConfig, j as PowerSearchOperator, k as PowerSearchHandle, l as formatDateAbsolute, m as createPowerSearchLookup, n as InferPowerSearchData, o as _default, p as PowerSearchLookup, r as applyPowerSearchFilters, s as resolveEditorPlacement, t as searchPowerSearchFields, u as formatDateAbsoluteCompact, v as OperatorValue, w as PowerSearchEntity, x as PowerSearchComponents, y as PartialFilter } from "../index-Cs5pcwY3.js";
+export { type DateTimeRange, type DateTimeRangePart, type FilterValue, type InferPowerSearchData, type OperatorValue, type PartialFilter, _default as PowerSearch, type PowerSearchChangeType, type PowerSearchComponents, type PowerSearchConfig, type PowerSearchEmits, type PowerSearchEntity, type PowerSearchField, type PowerSearchFieldDefinition, type PowerSearchFieldType, type PowerSearchFilter, type PowerSearchHandle, type PowerSearchItem, type PowerSearchLookup, type PowerSearchOperator, type PowerSearchOverflow, type PowerSearchProps, type PowerSearchSize, type PowerSearchSlots, type PowerSearchStatus, applyPowerSearchFilters, completePowerSearchFilter, createPowerSearchConfig, createPowerSearchLookup, formatDateAbsolute, formatDateAbsoluteCompact, formatFilterValue, resolveEditorPlacement, resolveOperatorLabel, searchPowerSearchFields, usePowerSearchConfig };

package/dist/PowerSearch/index.js

@@ -0,0 +1,2 @@
+import { a as searchPowerSearchFields, c as formatDateAbsolute, d as createPowerSearchLookup, f as completePowerSearchFilter, i as _sfc_main, l as formatDateAbsoluteCompact, n as createPowerSearchConfig, o as resolveEditorPlacement, r as usePowerSearchConfig, s as resolveOperatorLabel, t as applyPowerSearchFilters, u as formatFilterValue } from "../PowerSearch-CjU8y4mi.js";
+export { _sfc_main as PowerSearch, applyPowerSearchFilters, completePowerSearchFilter, createPowerSearchConfig, createPowerSearchLookup, formatDateAbsolute, formatDateAbsoluteCompact, formatFilterValue, resolveEditorPlacement, resolveOperatorLabel, searchPowerSearchFields, usePowerSearchConfig };