bootstrap-vue-next 0.45.9 → 0.46.0

package/dist/BPagination-fbjFAtxu.js

@@ -1,446 +0,0 @@
-require("./chunk-CoQrYLCe.js");
-const require_dist = require("./dist-DiXKLh_W.js");
-const require_dom = require("./dom-Bs6DzM72.js");
-const require_useDefaults = require("./useDefaults-C0CYry78.js");
-const require_classes = require("./classes-D5wrmmVs.js");
-require("./constants-BLIvvaat.js");
-const require_useAlignment = require("./useAlignment-oKolnDpb.js");
-require("./src/types/index.umd.js");
-let vue = require("vue");
-//#region src/components/BPagination/BPagination.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = ["aria-disabled", "aria-label"];
-var DEFAULT_PER_PAGE = 20;
-var DEFAULT_TOTAL_ROWS = 0;
-//#endregion
-//#region src/components/BPagination/BPagination.vue
-var BPagination_default = /* @__PURE__ */ (0, vue.defineComponent)({
-	__name: "BPagination",
-	props: /* @__PURE__ */ (0, vue.mergeModels)({
-		align: { default: "start" },
-		ariaControls: { default: void 0 },
-		ariaLabel: { default: "Pagination" },
-		disabled: {
-			type: Boolean,
-			default: false
-		},
-		ellipsisClass: { default: void 0 },
-		ellipsisText: { default: "…" },
-		firstClass: { default: void 0 },
-		firstNumber: {
-			type: Boolean,
-			default: false
-		},
-		firstText: { default: "«" },
-		noEllipsis: {
-			type: Boolean,
-			default: false
-		},
-		noGotoEndButtons: {
-			type: Boolean,
-			default: false
-		},
-		labelFirstPage: { default: "Go to first page" },
-		labelLastPage: { default: "Go to last page" },
-		labelNextPage: { default: "Go to next page" },
-		labelPage: { default: "Go to page" },
-		labelPrevPage: { default: "Go to previous page" },
-		lastClass: { default: void 0 },
-		lastNumber: {
-			type: Boolean,
-			default: false
-		},
-		lastText: { default: "»" },
-		limit: { default: 5 },
-		nextClass: { default: void 0 },
-		nextText: { default: "›" },
-		pageClass: { default: void 0 },
-		perPage: { default: DEFAULT_PER_PAGE },
-		pills: {
-			type: Boolean,
-			default: false
-		},
-		prevClass: { default: void 0 },
-		prevText: { default: "‹" },
-		size: { default: void 0 },
-		totalRows: { default: DEFAULT_TOTAL_ROWS }
-	}, {
-		"modelValue": { default: 1 },
-		"modelModifiers": {}
-	}),
-	emits: /* @__PURE__ */ (0, vue.mergeModels)(["page-click"], ["update:modelValue"]),
-	setup(__props, { emit: __emit }) {
-		const ELLIPSIS_THRESHOLD = 3;
-		const FIRST_BUTTON = -1;
-		const PREV_BUTTON = -2;
-		const NEXT_BUTTON = -3;
-		const LAST_BUTTON = -4;
-		const FIRST_ELLIPSIS = -5;
-		const LAST_ELLIPSIS = -6;
-		const dataDisplayNameCustomAttribute = "data-display-name";
-		const props = require_useDefaults.useDefaults(__props, "BPagination");
-		const emit = __emit;
-		const modelValue = (0, vue.useModel)(__props, "modelValue");
-		const pageElements = (0, vue.useTemplateRef)("_pageElements");
-		const limitNumber = require_dist.useToNumber(() => props.limit, {
-			nanToZero: true,
-			method: "parseInt"
-		});
-		const perPageNumber = require_dist.useToNumber(() => props.perPage, {
-			nanToZero: true,
-			method: "parseInt"
-		});
-		const totalRowsNumber = require_dist.useToNumber(() => props.totalRows, {
-			nanToZero: true,
-			method: "parseInt"
-		});
-		const modelValueNumber = require_dist.useToNumber(modelValue, {
-			nanToZero: true,
-			method: "parseInt"
-		});
-		const perPageSanitized = (0, vue.computed)(() => Math.max(perPageNumber.value || DEFAULT_PER_PAGE, 1));
-		const totalRowsSanitized = (0, vue.computed)(() => Math.max(totalRowsNumber.value || DEFAULT_TOTAL_ROWS, 0));
-		const numberOfPages = (0, vue.computed)(() => Math.ceil(totalRowsSanitized.value / perPageSanitized.value));
-		const computedFill = (0, vue.computed)(() => props.align === "fill");
-		const alignment = require_useAlignment.useAlignment((0, vue.computed)(() => props.align === "fill" ? "start" : props.align));
-		const isActivePage = (pageNumber) => pageNumber === computedModelValue.value;
-		const getTabIndex = (num) => props.disabled ? null : isActivePage(num) ? "0" : "-1";
-		const checkDisabled = (num) => props.disabled || isActivePage(num) || computedModelValue.value < 1 || num < 1 || num > numberOfPages.value;
-		const firstDisabled = (0, vue.computed)(() => checkDisabled(1));
-		const prevDisabled = (0, vue.computed)(() => checkDisabled(computedModelValue.value - 1));
-		const lastDisabled = (0, vue.computed)(() => checkDisabled(numberOfPages.value));
-		const nextDisabled = (0, vue.computed)(() => checkDisabled(computedModelValue.value + 1));
-		const getBaseButtonProps = ({ page, classVal, disabled, slotName, textValue, tabIndex, label, position, isActive, hidden, isSmHidden }) => ({
-			li: {
-				"class": [
-					"page-item",
-					{
-						"active": isActive,
-						disabled,
-						"bv-d-sm-down-none": isSmHidden,
-						"flex-fill": computedFill.value,
-						"d-flex": computedFill.value && !disabled
-					},
-					classVal
-				],
-				"role": "presentation",
-				"aria-hidden": hidden
-			},
-			button: {
-				"is": disabled ? "span" : "button",
-				"class": [
-					"page-link",
-					"text-center",
-					{ "flex-grow-1": !disabled && computedFill.value }
-				],
-				"aria-label": label,
-				"aria-controls": props.ariaControls || void 0,
-				"aria-disabled": disabled ? true : void 0,
-				"aria-posinset": position,
-				"aria-setsize": position ? numberOfPages.value : void 0,
-				"role": "menuitem",
-				"type": disabled ? void 0 : "button",
-				"tabindex": disabled ? void 0 : tabIndex
-			},
-			text: {
-				name: slotName,
-				active: isActive,
-				value: textValue ?? page,
-				page,
-				disabled,
-				index: page - 1,
-				content: textValue ? void 0 : String(page)
-			},
-			clickHandler: (e) => pageClick(e, page)
-		});
-		const getButtonProps = ({ page, classVal, disabled, slotName, textValue, label }) => getBaseButtonProps({
-			page,
-			classVal,
-			disabled,
-			slotName,
-			textValue,
-			label,
-			tabIndex: "-1"
-		});
-		const getPageButtonProps = (page, isSmHidden) => getBaseButtonProps({
-			page,
-			disabled: props.disabled,
-			classVal: props.pageClass,
-			slotName: "page",
-			label: props.labelPage ? `${props.labelPage} ${page}` : void 0,
-			tabIndex: getTabIndex(page) ?? void 0,
-			position: page,
-			isActive: isActivePage(page),
-			isSmHidden
-		});
-		const firstButtonProps = (0, vue.computed)(() => getButtonProps({
-			page: 1,
-			disabled: firstDisabled.value,
-			classVal: props.firstClass,
-			slotName: "first-text",
-			textValue: props.firstText,
-			label: props.labelFirstPage
-		}));
-		const prevButtonProps = (0, vue.computed)(() => getButtonProps({
-			page: Math.max(computedModelValue.value - 1, 1),
-			disabled: prevDisabled.value,
-			classVal: props.prevClass,
-			slotName: "prev-text",
-			textValue: props.prevText,
-			label: props.labelPrevPage
-		}));
-		const nextButtonProps = (0, vue.computed)(() => getButtonProps({
-			page: Math.min(computedModelValue.value + 1, numberOfPages.value),
-			disabled: nextDisabled.value,
-			classVal: props.nextClass,
-			slotName: "next-text",
-			textValue: props.nextText,
-			label: props.labelNextPage
-		}));
-		const lastButtonProps = (0, vue.computed)(() => getButtonProps({
-			page: numberOfPages.value,
-			disabled: lastDisabled.value,
-			classVal: props.lastClass,
-			slotName: "last-text",
-			textValue: props.lastText,
-			label: props.labelLastPage
-		}));
-		const ellipsisProps = (0, vue.computed)(() => ({
-			li: {
-				class: [
-					"page-item",
-					"disabled",
-					"text-center",
-					"bv-d-sm-down-none",
-					computedFill.value ? "flex-fill" : "",
-					props.ellipsisClass
-				],
-				role: "separator"
-			},
-			span: { class: ["page-link"] }
-		}));
-		const computedWrapperClasses = (0, vue.computed)(() => [alignment.value, {
-			[`pagination-${props.size}`]: props.size !== void 0,
-			"b-pagination-pills": props.pills
-		}]);
-		const pagination = (0, vue.computed)(() => ({
-			pageSize: perPageSanitized.value,
-			totalRows: totalRowsNumber.value,
-			numberOfPages: numberOfPages.value
-		}));
-		const pageClick = (event, pageNumber) => {
-			if (pageNumber === computedModelValue.value) return;
-			const clickEvent = new require_classes.BvEvent("page-click", {
-				cancelable: true,
-				target: event.target
-			});
-			emit("page-click", clickEvent, pageNumber);
-			if (clickEvent.defaultPrevented) return;
-			modelValue.value = pageNumber;
-			(0, vue.nextTick)(() => {
-				if (pageNumber === 1) focusFirst();
-				else if (pageNumber === pagination.value.numberOfPages) focusLast();
-			});
-		};
-		const isDisabled = (el) => {
-			const isElement = el && el.nodeType === Node.ELEMENT_NODE;
-			const hasAttr = isElement ? el.hasAttribute("disabled") : null;
-			const hasClass = isElement && el.classList ? el.classList.contains("disabled") : false;
-			return !isElement || el.disabled || hasAttr || hasClass;
-		};
-		const getButtons = () => [...pageElements.value ?? []].sort((a, b) => Number.parseInt(a.getAttribute(dataDisplayNameCustomAttribute) || "0") - Number.parseInt(b.getAttribute(dataDisplayNameCustomAttribute) || "0")).map((page) => page.children[0]).filter((el) => {
-			if (el?.getAttribute("display") === "none" || el?.tagName.toUpperCase() !== "BUTTON") return false;
-			const bcr = el?.getBoundingClientRect();
-			return !!(bcr && bcr.height > 0 && bcr.width > 0);
-		}).map((el) => el);
-		const focusFirst = () => {
-			(0, vue.nextTick)(() => {
-				getButtons().find((el) => !isDisabled(el))?.focus();
-			});
-		};
-		const focusPrev = () => {
-			(0, vue.nextTick)(() => {
-				const buttons = getButtons();
-				const index = buttons.indexOf(require_dom.getActiveElement());
-				const button = buttons[index - 1];
-				if (index > 0 && button !== void 0 && !isDisabled(button)) buttons[index - 1]?.focus();
-			});
-		};
-		const focusLast = () => {
-			(0, vue.nextTick)(() => {
-				getButtons().reverse().find((el) => !isDisabled(el))?.focus();
-			});
-		};
-		const focusNext = () => {
-			(0, vue.nextTick)(() => {
-				const buttons = getButtons();
-				const index = buttons.indexOf(require_dom.getActiveElement());
-				const button = buttons[index + 1];
-				if (index < buttons.length - 1 && button !== void 0 && !isDisabled(button)) buttons[index + 1]?.focus();
-			});
-		};
-		const handleKeyNav = (event) => {
-			const { code, shiftKey } = event;
-			if (code === "ArrowLeft" || code === "ArrowUp") {
-				event.preventDefault();
-				if (shiftKey) focusFirst();
-				else focusPrev();
-			} else if (code === "ArrowRight" || code === "ArrowDown") {
-				event.preventDefault();
-				if (shiftKey) focusLast();
-				else focusNext();
-			}
-		};
-		const computedModelValue = (0, vue.computed)(() => {
-			const page = modelValueNumber.value || 1;
-			return page > numberOfPages.value ? numberOfPages.value : page < 1 ? 1 : page;
-		});
-		(0, vue.watch)(pagination, (oldValue, newValue) => {
-			if (newValue.pageSize !== oldValue.pageSize && newValue.totalRows === oldValue.totalRows) modelValue.value = 1;
-		});
-		const noFirstButton = (0, vue.computed)(() => props.noGotoEndButtons && !props.firstNumber ? 1 : 0);
-		const noLastButton = (0, vue.computed)(() => props.noGotoEndButtons && !props.lastNumber ? 1 : 0);
-		const showFirstButton = (0, vue.computed)(() => noFirstButton.value ? 0 : 1);
-		const showLastButton = (0, vue.computed)(() => noLastButton.value ? 0 : 1);
-		const firstPage = (0, vue.computed)(() => props.firstNumber ? 1 : 0);
-		const lastPage = (0, vue.computed)(() => props.lastNumber ? 1 : 0);
-		const halfLimit = (0, vue.computed)(() => Math.floor(limitNumber.value / 2));
-		const pages = (0, vue.computed)(() => {
-			const { value } = computedModelValue;
-			const els = elements.value.map((p) => {
-				switch (p) {
-					case FIRST_BUTTON: return {
-						id: p,
-						...firstButtonProps.value
-					};
-					case PREV_BUTTON: return {
-						id: p,
-						...prevButtonProps.value
-					};
-					case NEXT_BUTTON: return {
-						id: p,
-						...nextButtonProps.value
-					};
-					case LAST_BUTTON: return {
-						id: p,
-						...lastButtonProps.value
-					};
-					case FIRST_ELLIPSIS:
-					case LAST_ELLIPSIS: return {
-						id: p,
-						...ellipsisProps.value
-					};
-					default: return {
-						id: p,
-						...getPageButtonProps(p)
-					};
-				}
-			});
-			if (numberOfPages.value > 3) {
-				if (value > numberOfPages.value - halfLimit.value - lastPage.value) {
-					const idx = 2 + showFirstButton.value;
-					const el = els[idx];
-					if (el !== void 0) els[idx] = {
-						id: el.id,
-						...getPageButtonProps(el.id, true)
-					};
-				}
-				if (value <= halfLimit.value + firstPage.value) {
-					const idx = els.length - (3 + showLastButton.value);
-					const el = els[idx];
-					if (el !== void 0) els[idx] = {
-						id: el.id,
-						...getPageButtonProps(el.id, true)
-					};
-				}
-			}
-			return els;
-		});
-		const elements = (0, vue.computed)(() => {
-			const pages = numberOfPages.value;
-			const { value } = computedModelValue;
-			const limit = limitNumber.value;
-			const noEllipsis = props.noEllipsis || limit <= ELLIPSIS_THRESHOLD;
-			if (pages < limit + firstPage.value + lastPage.value) return [
-				!firstPage.value && !noFirstButton.value ? FIRST_BUTTON : null,
-				PREV_BUTTON,
-				...Array.from({ length: pages }, (_, index) => index + 1),
-				NEXT_BUTTON,
-				!lastPage.value && !noLastButton.value ? LAST_BUTTON : null
-			].filter((x) => x !== null);
-			const buttons = Array.from({ length: limit + 4 - (noFirstButton.value + noLastButton.value) });
-			if (!noFirstButton.value) if (!firstPage.value) {
-				buttons[0] = FIRST_BUTTON;
-				buttons[1] = PREV_BUTTON;
-			} else {
-				buttons[0] = PREV_BUTTON;
-				buttons[1] = 1;
-			}
-			else buttons[0] = PREV_BUTTON;
-			if (!noLastButton.value) if (!lastPage.value) {
-				buttons[buttons.length - 1] = LAST_BUTTON;
-				buttons[buttons.length - 2] = NEXT_BUTTON;
-			} else {
-				buttons[buttons.length - 1] = NEXT_BUTTON;
-				buttons[buttons.length - 2] = pages;
-			}
-			else buttons[buttons.length - 1] = NEXT_BUTTON;
-			if (value <= halfLimit.value + firstPage.value) {
-				for (let index = 1; index <= limit; index++) buttons[index + 1 - noFirstButton.value] = index + firstPage.value;
-				if (!noEllipsis) buttons[buttons.length - (2 + showLastButton.value)] = LAST_ELLIPSIS;
-			}
-			if (value > pages - halfLimit.value - lastPage.value) {
-				const start = pages - (limit - 1) - lastPage.value;
-				for (let index = 0; index < limit; index++) buttons[index + 2 - noFirstButton.value] = start + index;
-				if (!noEllipsis) buttons[1 + showFirstButton.value] = FIRST_ELLIPSIS;
-			}
-			if (!buttons[2]) {
-				const start = value - Math.floor(limit / 2);
-				for (let index = 0; index < limit; index++) buttons[index + 2 - noFirstButton.value] = start + index;
-				if (!noEllipsis) {
-					buttons[1 + showFirstButton.value] = FIRST_ELLIPSIS;
-					buttons[buttons.length - (2 + showLastButton.value)] = LAST_ELLIPSIS;
-				}
-			}
-			return buttons.filter((x) => x !== null);
-		});
-		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createElementBlock)("ul", {
-				class: (0, vue.normalizeClass)(["pagination", computedWrapperClasses.value]),
-				role: "menubar",
-				"aria-disabled": (0, vue.unref)(props).disabled,
-				"aria-label": (0, vue.unref)(props).ariaLabel || void 0,
-				onKeydown: handleKeyNav
-			}, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(pages.value, (page, index) => {
-				return (0, vue.openBlock)(), (0, vue.createElementBlock)("li", (0, vue.mergeProps)({ key: `page-${page.id}` }, { ref_for: true }, page.li, {
-					ref_for: true,
-					ref: "_pageElements",
-					[dataDisplayNameCustomAttribute]: index
-				}), [page.id === FIRST_ELLIPSIS || page.id === LAST_ELLIPSIS ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", (0, vue.mergeProps)({
-					key: 0,
-					ref_for: true
-				}, ellipsisProps.value.span), [(0, vue.renderSlot)(_ctx.$slots, "ellipsis-text", {}, () => [(0, vue.createTextVNode)((0, vue.toDisplayString)((0, vue.unref)(props).ellipsisText || "..."), 1)])], 16)) : "button" in page ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)(page.button.is), (0, vue.mergeProps)({
-					key: 1,
-					ref_for: true
-				}, page.button, { onClick: page.clickHandler }), {
-					default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, page.text.name, {
-						disabled: page.text.disabled,
-						page: page.text.page,
-						index: page.text.index,
-						active: page.text.active ?? false,
-						content: page.text.value
-					}, () => [(0, vue.createTextVNode)((0, vue.toDisplayString)(page.text.value), 1)])]),
-					_: 2
-				}, 1040, ["onClick"])) : (0, vue.createCommentVNode)("", true)], 16);
-			}), 128))], 42, _hoisted_1);
-		};
-	}
-});
-//#endregion
-Object.defineProperty(exports, "BPagination_default", {
-	enumerable: true,
-	get: function() {
-		return BPagination_default;
-	}
-});
-
-//# sourceMappingURL=BPagination-fbjFAtxu.js.map