@pisapp/core 7.0.0-dev.20260916-153034 → 7.0.0-dev.20261029-122603

package/chunks/carousel.es-DBv2Q2Xn.js

@@ -0,0 +1,1602 @@
+import { En as e, Tn as t, _ as n, c as r, d as i, g as a, h as o, i as s, l as c, m as l, o as u, s as d, u as f, v as p, x as m } from "./directives-8QlgHJi7.js";
+import { Q as h, ot as g } from "./AttributesTable-DRKGguZ2.js";
+import { Fragment as _, cloneVNode as v, computed as y, createBlock as b, createCommentVNode as x, createElementBlock as S, createElementVNode as C, createSlots as w, createTextVNode as T, createVNode as E, defineComponent as D, guardReactiveProps as O, h as k, inject as A, mergeProps as j, nextTick as ee, normalizeClass as M, normalizeProps as N, normalizeStyle as P, onBeforeUnmount as F, onMounted as te, onUnmounted as ne, openBlock as I, provide as L, reactive as R, ref as z, renderList as B, renderSlot as V, resolveComponent as H, resolveDirective as U, toDisplayString as W, toHandlers as G, vModelSelect as K, vModelText as q, watch as J, withCtx as Y, withDirectives as X, withModifiers as Z } from "vue";
+//#region src/common/components/PaginationAmount.vue?vue&type=script&lang.ts
+var re = D({
+	props: {
+		totalCount: {
+			type: Number,
+			default: 0
+		},
+		page: {
+			type: Number,
+			default: 0
+		},
+		pageSize: {
+			type: Number,
+			default: 0
+		},
+		showingText: {
+			type: String,
+			default: void 0
+		},
+		ofText: {
+			type: String,
+			default: void 0
+		}
+	},
+	setup(e) {
+		return {
+			pageStart: y(() => ((e.page ?? 1) - 1) * (e.pageSize ?? 1) + 1),
+			pageEnd: y(() => Math.min((e.page ?? 1) * (e.pageSize ?? 1), e.totalCount))
+		};
+	}
+}), ie = {
+	key: 0,
+	class: "mb-0"
+}, ae = {
+	key: 1,
+	class: "mb-0"
+};
+function oe(e, t, n, r, i, a) {
+	return e.totalCount >= e.pageSize ? (I(), S("p", ie, [
+		T(W(e.showingText) + "\xA0", 1),
+		C("strong", null, W(e.pageStart) + "-" + W(e.pageEnd), 1),
+		T(" " + W(e.ofText) + "\xA0", 1),
+		C("strong", null, W(e.totalCount), 1)
+	])) : (I(), S("p", ae, [
+		T(W(e.showingText) + "\xA0", 1),
+		C("strong", null, W(e.totalCount), 1),
+		T(" " + W(e.ofText) + "\xA0", 1),
+		C("strong", null, W(e.totalCount), 1)
+	]));
+}
+var se = /*#__PURE__*/ p(re, [["render", oe]]), ce = D({
+	components: {
+		Badge: i,
+		Clickable: n
+	},
+	props: {
+		categories: {
+			type: Array,
+			default: void 0
+		},
+		configuratorsNumberTitle: {
+			type: String,
+			default: void 0
+		},
+		configuratorsVisible: Boolean
+	},
+	emits: ["click-item"]
+}), le = { class: "list-group list-group-flush" }, ue = { class: "pis-label text-break" }, de = { class: "ms-1 pis-label text-muted small" }, fe = { class: "d-flex align-items-center ms-auto" };
+function pe(e, t, n, r, i, a) {
+	let o = H("Badge"), s = H("Clickable"), c = U("pis-test-key");
+	return I(), S("div", le, [(I(!0), S(_, null, B(e.categories, (t) => X((I(), b(s, {
+		key: t.cid,
+		class: "list-group-item list-group-item-action d-flex align-items-start pis-category-link border-0",
+		onClick: (n) => e.$emit("click-item", t)
+	}, {
+		default: Y(() => [C("span", ue, [C("span", null, W(t.name), 1), C("span", de, "(" + W(t.hitCount) + ")", 1)]), C("span", fe, [e.configuratorsVisible && t.configuratorHitCount ? (I(), b(o, {
+			key: 0,
+			class: "ms-1",
+			highlighted: "",
+			title: e.configuratorsNumberTitle,
+			textContent: W(t.configuratorHitCount)
+		}, null, 8, ["title", "textContent"])) : x("", !0)])]),
+		_: 2
+	}, 1032, ["onClick"])), [[c, t]])), 128))]);
+}
+var me = /*#__PURE__*/ p(ce, [["render", pe]]), he = {
+	ok: "confirmation-ok",
+	cancelled: "confirmation-cancelled"
+}, ge = D({
+	name: "Confirmation",
+	components: {
+		Btn: c,
+		Modal: g
+	},
+	props: {
+		t: {
+			type: Function,
+			required: !0
+		},
+		item: {
+			type: Object,
+			required: !1,
+			default: void 0
+		},
+		title: {
+			type: String,
+			default: void 0
+		},
+		lg: {
+			type: Boolean,
+			default: !1
+		},
+		xl: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: [
+		"update:show",
+		he.ok,
+		he.cancelled
+	],
+	setup() {
+		return { confirmationEvent: he };
+	}
+}), _e = { class: "d-flex justify-content-end mt-3" };
+function ve(e, t, n, r, i, a) {
+	let o = H("Btn"), s = H("Modal");
+	return I(), b(s, {
+		show: !!e.item,
+		title: e.title,
+		lg: e.lg,
+		xl: e.xl,
+		"onUpdate:show": t[2] || (t[2] = (t) => e.$emit("update:show"))
+	}, {
+		default: Y(() => [C("form", null, [V(e.$slots, "default"), C("div", _e, [E(o, {
+			variant: "primary",
+			onClick: t[0] || (t[0] = Z((t) => e.$emit(e.confirmationEvent.ok, e.item), ["prevent"]))
+		}, {
+			default: Y(() => [T(W(e.t("Confirm", !0)), 1)]),
+			_: 1
+		}), E(o, {
+			class: "mx-2",
+			onClick: t[1] || (t[1] = Z((t) => e.$emit(e.confirmationEvent.cancelled, e.item), ["prevent"]))
+		}, {
+			default: Y(() => [T(W(e.t("Cancel", !0)), 1)]),
+			_: 1
+		})])])]),
+		_: 3
+	}, 8, [
+		"show",
+		"title",
+		"lg",
+		"xl"
+	]);
+}
+var ye = /*#__PURE__*/ p(ge, [["render", ve]]), be = D({
+	name: "SearchFormView",
+	components: {
+		Btn: c,
+		Dropdown: d,
+		FormInputClearable: s,
+		Badge: i,
+		Clickable: n,
+		Spinner: f,
+		Highlighter: r,
+		Image: h,
+		MountPoint: o,
+		Icon: a
+	},
+	props: {
+		setRoot: {
+			type: Function,
+			required: !0
+		},
+		componentName: {
+			type: String,
+			required: !0
+		},
+		isReady: {
+			type: Boolean,
+			default: !1
+		},
+		options: {
+			type: Object,
+			default: () => ({})
+		},
+		adapter: {
+			type: Object,
+			required: !0
+		}
+	},
+	setup(e) {
+		let { t, widerThan: n, narrowerThan: r, onAutocompleteItemClick: i } = e.adapter, a = R({
+			text: "",
+			type: e.adapter.initialSearchType,
+			isDirty: !1
+		}), o = z({
+			totalCount: 0,
+			itemsCount: 0,
+			items: []
+		}), s = z(!1), c = z(!1), u = y(() => !!e.options.visible), d = y(() => !!e.options.useAutocomplete), f = y(() => o.value.items.some((e) => e.type === "category")), p = y(() => e.adapter.placeholder()), h = y(() => e.adapter.searchAriaLabel()), g = y(() => e.adapter.searchTypeOptions()), _ = y(() => e.adapter.isSearchTypeDropdownVisible());
+		if (e.adapter.syncTypeFromRouteOnReady) {
+			let t = J(() => e.isReady, (n) => {
+				if (n) {
+					let n = e.adapter.routeSearchType();
+					n && (a.type = n), t();
+				}
+			});
+		}
+		let v = 0, b = 0, x = async (t, n) => {
+			s.value = !1, b++, k.cancel(), c.value = !1;
+			let r = n || o.value.matchesOnlyWithoutFilters, i = t || r, l = ++v;
+			try {
+				let t = await e.adapter.search({
+					searchText: a.text,
+					searchType: a.type,
+					resetCategories: i,
+					resetFilters: r
+				}, { autocomplete: o.value });
+				if (l !== v) return;
+				(t == null ? void 0 : t.searchText) !== void 0 && (a.text = t.searchText), a.isDirty = !1;
+			} catch {}
+		}, S = (e) => {
+			a.text = e, x();
+		}, C = (e) => {
+			a.text = e;
+		}, w = () => {
+			a.isDirty || (a.text = "", o.value.items = [], o.value.totalCount = 0, x(!1));
+		}, T = () => {
+			d.value && a.text != e.adapter.routeSearchText() && a.text.length > 2 && (s.value = !0, e.adapter.refreshAutocompleteOnFocus && k(a.text));
+		}, E = () => {
+			s.value = !1;
+		}, D = (e, t) => {
+			if (e.attributes) {
+				var n = e.attributes[t];
+				if (n && n.values) return n.values[0].text;
+			}
+		}, O = (e) => {
+			if (e.attributes) {
+				var t = e.attributes["#AllIdentifiers"];
+				if (t && t.values) return t.values.map((e) => e.text).join(", ");
+			}
+		}, k = m(async (t) => {
+			if (!d.value) return;
+			let n = ++b, r = t != null && t.length > 2;
+			if (s.value = r, r || (c.value = !1), r) {
+				var i;
+				c.value = !0;
+				let r = [], s = await ((i = e.adapter.autocomplete(t)) == null ? void 0 : i.catch(() => void 0));
+				if (n !== b) return;
+				if (s) {
+					var a, l;
+					let t = (s.items || []).map((e) => ({
+						...e,
+						text: D(e, "#DisplayName") || "",
+						secondaryText: O(e) || "",
+						description: D(e, "CatalogDescription") || "",
+						images: e.images,
+						type: "item",
+						location: "bottom"
+					})), n = {
+						totalCount: s.totalCount || 0,
+						itemsCount: ((a = s.items) == null ? void 0 : a.length) || 0,
+						items: [],
+						autoCategoryNavigationCid: (l = s.autoCategoryNavigationCategory) == null ? void 0 : l.cid
+					}, i = e.adapter.isRootCategory();
+					if (t.length) {
+						var u;
+						r.push({
+							attributes: {},
+							productId: "",
+							count: s.totalCount,
+							type: i ? "root" : "current",
+							location: "bottom",
+							categoryName: (u = s.autoCategoryNavigationCategory) == null ? void 0 : u.name,
+							sparePart: !1,
+							exactMatch: !1
+						});
+					}
+					s.totalCount != s.rootTotalCount && r.push({
+						attributes: {},
+						productId: "",
+						count: s.rootTotalCount,
+						type: "root",
+						location: "bottom",
+						sparePart: !1,
+						exactMatch: !1
+					}), s.noFiltersTotalCount > 0 && r.push({
+						attributes: {},
+						productId: "",
+						count: s.noFiltersTotalCount,
+						type: "no-filters",
+						location: "bottom",
+						sparePart: !1,
+						exactMatch: !1
+					}), s.categories && s.categories.forEach((t, n) => {
+						var i, a, o;
+						if (n > (e.options.maxCategoryMatches ?? 2) - 1) return;
+						let s = "";
+						t.breadcrumbs && t.breadcrumbs.length > 0 && (s = t.breadcrumbs.slice(0, t.breadcrumbs.length - 1).map((e) => e.name).join(" > ")), r.push({
+							attributes: {},
+							productId: ((i = t.match) == null ? void 0 : i.cid) ?? "",
+							text: (a = t.match) == null ? void 0 : a.name,
+							secondaryText: s,
+							description: (o = t.keywords) == null ? void 0 : o.join(", "),
+							images: t.images,
+							type: "category",
+							location: "top",
+							sparePart: !1,
+							exactMatch: !1
+						});
+					}), n.items = r.concat(t), n.matchesOnlyInAllCategories = s.totalCount == 0 && s.rootTotalCount > 0, n.matchesOnlyWithoutFilters = s.noFiltersTotalCount > 0, o.value = n;
+				}
+				c.value = !1;
+			}
+		}, 300), A = () => {
+			var t;
+			a.isDirty = ((t = a.text) == null ? void 0 : t.length) > 0 && a.text != e.adapter.routeSearchText(), k(a.text);
+		}, j = e.adapter.inputDebounceMs ? m(A, e.adapter.inputDebounceMs) : void 0, ee = j ?? A;
+		F(() => {
+			b++, v++, k.cancel(), j == null || j.cancel();
+		}), J(() => e.adapter.routeSearchText(), (e, t) => {
+			e !== t && (a.text = e ?? "");
+		}), J(() => e.adapter.routeSearchType(), (t, n) => {
+			t && t !== n && e.adapter.acceptsRouteSearchType(t) && (a.type = t);
+		}), J(() => a.type, () => {
+			e.adapter.applyRouteSearchType(a.type);
+		});
+		let M = y(() => {
+			if (!a.text) return [];
+			let e = a.text.trim().toLowerCase().split(/[._-\s/]+/);
+			e.push(a.text.trim());
+			let t = a.text.match(/\d+/g), n = a.text;
+			t && t.forEach((t) => {
+				e.push(t), n = n.replace(t, "$");
+			});
+			let r = n.trim().toLowerCase().split("$");
+			return e.push(...r), e;
+		}), N = (e) => {
+			if (e.images && e.images.length > 0) return e.images[0].thumbnailUrl;
+		}, P = l((t) => e.adapter.buildAutocompleteItemCtx(t.item));
+		return {
+			t,
+			widerThan: n,
+			narrowerThan: r,
+			itemTopSlotProps: (e) => ({
+				item: e,
+				highlightTerms: M.value,
+				getThumbnailUrl: N,
+				closeAutocomplete: E,
+				setSearchText: C
+			}),
+			searchModel: a,
+			searchTypeOptions: g,
+			autocomplete: o,
+			isAutocompleteVisible: s,
+			isAutocompleteLoading: c,
+			placeholder: p,
+			searchAriaLabel: h,
+			isSearchTypeDropdownVisible: _,
+			dropdownMaxHeight: e.adapter.dropdownMaxHeight,
+			showCurrentCategoryNameBadge: !!e.adapter.showCurrentCategoryNameBadge,
+			hideItemsWhileLoading: !!e.adapter.hideItemsWhileLoading,
+			visible: u,
+			hasCategories: f,
+			onSearch: x,
+			onSearchInput: ee,
+			onClear: w,
+			searchText: S,
+			setSearchText: C,
+			openAutocomplete: T,
+			closeAutocomplete: E,
+			onAutocompleteItemClick: i,
+			highlightTerms: M,
+			getThumbnailUrl: N,
+			autocompleteItemCtx: P
+		};
+	}
+}), xe = {
+	key: 0,
+	class: "mb-4"
+}, Se = { class: "d-flex align-items-center" }, Ce = {
+	key: 0,
+	style: {
+		width: "4rem",
+		"min-width": "4rem"
+	},
+	class: "me-2"
+}, we = { key: 2 }, Te = { class: "fw-bold ext-display-name" }, Ee = {
+	key: 0,
+	class: "small ext-all-identifiers text-wrap"
+}, De = {
+	key: 1,
+	class: "small ext-description text-wrap"
+}, Oe = {
+	key: 0,
+	class: "text-center"
+}, ke = { key: 1 }, Ae = { key: 2 }, je = ["value", "textContent"];
+function Me(e, t, n, r, i, a) {
+	let o = H("Badge"), s = H("Clickable"), c = H("Image"), l = H("MountPoint"), u = H("Highlighter"), d = H("Spinner"), f = H("FormInputClearable"), p = H("Icon"), m = H("Btn"), h = H("Dropdown"), g = U("pis-test-key");
+	return I(), S("div", {
+		ref: e.setRoot,
+		class: M(["pis-component", e.componentName])
+	}, [e.isReady && e.visible ? (I(), S("div", xe, [E(h, {
+		open: e.isAutocompleteVisible,
+		"onUpdate:open": t[6] || (t[6] = (t) => e.isAutocompleteVisible = t),
+		"min-width": "340px",
+		"max-height": e.dropdownMaxHeight,
+		items: e.hideItemsWhileLoading && e.isAutocompleteLoading ? [] : e.autocomplete.items
+	}, w({
+		item: Y(({ item: n }) => [n.type === "no-filters" ? X((I(), b(s, {
+			key: 0,
+			class: "d-flex align-items-center dropdown-item py-2",
+			onClick: t[0] || (t[0] = (t) => e.onSearch(!0, !0))
+		}, {
+			default: Y(() => [C("em", null, "\"" + W(e.searchModel.text) + "\"", 1), E(o, { class: "ms-auto" }, {
+				default: Y(() => [T(W(e.t("ShowingNWithoutFilters", !1, [n && n.count || 0])), 1)]),
+				_: 2
+			}, 1024)]),
+			_: 2
+		}, 1024)), [[g, n]]) : x("", !0), n.type === "root" ? X((I(), b(s, {
+			key: 1,
+			class: "d-flex align-items-center dropdown-item py-2",
+			onClick: t[1] || (t[1] = (t) => e.onSearch(!0))
+		}, {
+			default: Y(() => [C("em", null, "\"" + W(e.searchModel.text) + "\"", 1), E(o, { class: "ms-auto" }, {
+				default: Y(() => [T(W(e.t("ShowingNOfAllCategories", !1, [n && n.count || 0])), 1)]),
+				_: 2
+			}, 1024)]),
+			_: 2
+		}, 1024)), [[g, n]]) : n.type === "current" ? X((I(), b(s, {
+			key: 2,
+			class: "d-flex align-items-center dropdown-item py-2",
+			onClick: t[2] || (t[2] = (t) => e.onSearch(!1))
+		}, {
+			default: Y(() => [C("em", null, "\"" + W(e.searchModel.text) + "\"", 1), e.showCurrentCategoryNameBadge && n.categoryName ? (I(), b(o, {
+				key: 0,
+				class: "ms-auto"
+			}, {
+				default: Y(() => [T(W(n && n.count || 0) + " " + W(e.t("In")) + " \"" + W(n.categoryName) + "\" ", 1)]),
+				_: 2
+			}, 1024)) : (I(), b(o, {
+				key: 1,
+				class: "ms-auto"
+			}, {
+				default: Y(() => [T(W(e.t("ShowingNOfCurrentCategory", !1, [n && n.count || 0])), 1)]),
+				_: 2
+			}, 1024))]),
+			_: 2
+		}, 1024)), [[g, n]]) : n.type === "item" ? X((I(), b(s, {
+			key: 3,
+			class: "dropdown-item mb-1",
+			onClick: (t) => e.onAutocompleteItemClick(n, e.searchText)
+		}, {
+			default: Y(() => [C("div", Se, [e.options.showProductImages ? (I(), S("div", Ce, [E(c, { src: e.getThumbnailUrl(n) }, null, 8, ["src"])])) : x("", !0), e.options.autocompleteItemTemplate ? (I(), b(l, {
+				key: 1,
+				callbacks: e.options.autocompleteItemTemplate,
+				ctx: e.autocompleteItemCtx({ item: n })
+			}, null, 8, ["callbacks", "ctx"])) : (I(), S("div", we, [
+				C("div", Te, [E(u, {
+					"highlight-class-name": "text-primary p-0 display-inline bg-transparent ext-highlight",
+					"highlight-tag": "span",
+					"search-words": e.highlightTerms,
+					"auto-escape": !0,
+					"text-to-highlight": n.text
+				}, null, 8, ["search-words", "text-to-highlight"])]),
+				n.text == n.secondaryText ? x("", !0) : (I(), S("div", Ee, [E(u, {
+					"highlight-class-name": "fw-bold text-primary p-0 display-inline bg-transparent ext-highlight",
+					"highlight-tag": "span",
+					"search-words": e.highlightTerms,
+					"auto-escape": !0,
+					"text-to-highlight": n.secondaryText
+				}, null, 8, ["search-words", "text-to-highlight"])])),
+				n.description ? (I(), S("div", De, [E(u, {
+					"highlight-class-name": "fw-bold text-primary p-0 display-inline bg-transparent ext-highlight",
+					"highlight-tag": "span",
+					"search-words": e.highlightTerms,
+					"auto-escape": !0,
+					"text-to-highlight": n.description
+				}, null, 8, ["search-words", "text-to-highlight"])])) : x("", !0)
+			]))])]),
+			_: 2
+		}, 1032, ["onClick"])), [[g, n]]) : x("", !0)]),
+		footer: Y(() => [e.isAutocompleteLoading ? (I(), S("div", Oe, [E(d, { sm: "" })])) : e.autocomplete.totalCount ? (I(), S("small", ke, W(e.t("ShowingNOfNMatches", !1, [`${e.autocomplete.itemsCount || 0}`, `${e.autocomplete.totalCount || 0}`])), 1)) : (I(), S("small", Ae, W(e.autocomplete.matchesOnlyWithoutFilters ? e.t("NoResultsWithAppliedFilters") : e.autocomplete.matchesOnlyInAllCategories ? e.t("NoResultsInCategory") : e.t("NoResults")), 1))]),
+		activator: Y(({ on: n, aria: r }) => [C("form", {
+			class: M([e.widerThan("sm") && "input-group flex-nowrap"]),
+			onSubmit: t[5] || (t[5] = Z((t) => e.onSearch(!1), ["prevent"]))
+		}, [
+			E(f, j({
+				modelValue: e.searchModel.text,
+				"onUpdate:modelValue": t[3] || (t[3] = (t) => e.searchModel.text = t),
+				"class-inner": e.widerThan("sm") ? "border-end-0 " : "mb-1",
+				"remove-radius-end": e.widerThan("sm"),
+				lg: e.widerThan("sm"),
+				placeholder: e.placeholder,
+				"aria-label": e.placeholder
+			}, r, G(n), {
+				"onUpdate:modelValue": e.onSearchInput,
+				onClear: e.onClear,
+				onFocus: e.openAutocomplete
+			}), null, 16, [
+				"modelValue",
+				"class-inner",
+				"remove-radius-end",
+				"lg",
+				"placeholder",
+				"aria-label",
+				"onUpdate:modelValue",
+				"onClear",
+				"onFocus"
+			]),
+			e.isSearchTypeDropdownVisible ? X((I(), S("select", {
+				key: 0,
+				"onUpdate:modelValue": t[4] || (t[4] = (t) => e.searchModel.type = t),
+				class: M(["form-select px-2", [e.narrowerThan("sm") && "mb-1"]]),
+				style: P({
+					"min-width": e.widerThan("sm") ? "200px" : "100%",
+					"max-width": e.widerThan("sm") ? "300px" : "100%"
+				})
+			}, [(I(!0), S(_, null, B(e.searchTypeOptions, (t) => X((I(), S("option", {
+				key: t.value,
+				value: t.value,
+				textContent: W(e.t(t.translate))
+			}, null, 8, je)), [[g, t]])), 128))], 6)), [[K, e.searchModel.type]]) : x("", !0),
+			E(m, {
+				"aria-label": e.searchAriaLabel,
+				variant: "primary",
+				class: M([e.narrowerThan("sm") && "w-100 d-flex justify-content-center"])
+			}, {
+				default: Y(() => [E(p, {
+					name: "lens-search-find",
+					size: 24,
+					class: "me-2"
+				}), C("span", null, W(e.t("SearchButtonText")), 1)]),
+				_: 1
+			}, 8, ["aria-label", "class"])
+		], 34)]),
+		_: 2
+	}, [
+		e.hasCategories && !e.isAutocompleteLoading ? {
+			name: "item-top-title",
+			fn: Y(() => [V(e.$slots, "item-top-title")]),
+			key: "0"
+		} : void 0,
+		e.hasCategories && !e.isAutocompleteLoading ? {
+			name: "item-title",
+			fn: Y(() => [V(e.$slots, "item-title")]),
+			key: "1"
+		} : void 0,
+		e.isAutocompleteLoading ? void 0 : {
+			name: "item-top",
+			fn: Y(({ item: t }) => [V(e.$slots, "item-top", N(O(e.itemTopSlotProps(t))))]),
+			key: "2"
+		}
+	]), 1032, [
+		"open",
+		"max-height",
+		"items"
+	])])) : x("", !0)], 2);
+}
+var Ne = /*#__PURE__*/ p(be, [["render", Me]]), Pe = D({
+	name: "SearchGridView",
+	components: {
+		Image: h,
+		Clickable: n,
+		Icon: a,
+		MountPoint: o
+	},
+	props: {
+		setRoot: {
+			type: Function,
+			required: !0
+		},
+		componentName: {
+			type: String,
+			required: !0
+		},
+		isReady: {
+			type: Boolean,
+			default: !1
+		},
+		hideIfInitial: {
+			type: Boolean,
+			default: !1
+		},
+		options: {
+			type: Object,
+			default: () => ({})
+		},
+		items: {
+			type: Array,
+			default: void 0
+		},
+		instance: {
+			type: Object,
+			default: void 0
+		},
+		cardClass: {
+			type: String,
+			required: !0
+		},
+		selectCheckboxStyle: {
+			type: String,
+			required: !0
+		},
+		previewEnabled: {
+			type: Boolean,
+			default: !1
+		},
+		adapter: {
+			type: Object,
+			required: !0
+		}
+	},
+	setup(t) {
+		let { t: n, widerThan: r, details: i, getItemImage: a, isImageDisabled: o, isPreviewDisabled: s, preview: c } = t.adapter, u = (e) => t.options.actionTemplate && (t.options.showActionTemplateIfInactive || !(e != null && e.inactive)), d = l((e) => t.adapter.buildImageOverlayCtx(e.item)), f = l((e) => t.adapter.buildTitleCtx(e.item)), p = l((e) => t.adapter.buildItemCtx(e.item)), m = l((e) => t.adapter.buildActionCtx(e.item));
+		return {
+			t: n,
+			widerThan: r,
+			details: i,
+			getItemImage: a,
+			isImageDisabled: o,
+			isPreviewDisabled: s,
+			preview: c,
+			attrValues: e,
+			showActionTemplate: u,
+			imageOverlayCtx: d,
+			titleCtx: f,
+			itemCtx: p,
+			actionCtx: m
+		};
+	}
+}), Fe = { class: "card-img-top position-relative pt-5" }, Ie = { key: 0 }, Le = { class: "card-body" }, Re = { class: "d-flex justify-content-center text-center" }, ze = {
+	key: 0,
+	class: "card-footer"
+}, Be = { class: "text-center" }, Ve = ["checked", "onClick"];
+function He(e, t, n, r, i, a) {
+	let o = H("Image"), s = H("MountPoint"), c = H("Icon"), l = H("Clickable"), u = U("pis-test-key");
+	return I(), S("div", {
+		ref: e.setRoot,
+		class: M(["pis-component", e.componentName])
+	}, [e.isReady && e.options.visible ? (I(), S(_, { key: 0 }, [V(e.$slots, "before-results"), !e.hideIfInitial && e.items && e.items.length ? (I(), S("div", {
+		key: 0,
+		class: M(["row", [e.widerThan("md") ? "g-4" : "g-3"]])
+	}, [(I(!0), S(_, null, B(e.items, (t) => {
+		var n, r;
+		return X((I(), S("div", {
+			key: t.productId,
+			class: M([e.widerThan("xl") ? "col-3" : e.widerThan("lg") ? "col-4" : e.widerThan("sm") ? "col-6" : "col-12"])
+		}, [C("div", { class: M([e.cardClass, {
+			"bg-light": t.exactMatch,
+			"ext-selected": (n = e.instance) == null ? void 0 : n.selection.isSelected(t)
+		}]) }, [
+			C("div", Fe, [E(o, {
+				src: e.getItemImage(t),
+				"max-size": 300,
+				role: "button",
+				"hide-frame": "",
+				class: "card-img-top",
+				style: {
+					"max-width": "80% !important",
+					margin: "auto"
+				},
+				"lazy-loading": e.options.imageLazyLoading,
+				clickable: e.options.navigateOnContentClick && !e.isImageDisabled(t),
+				onClick: Z((n) => e.options.navigateOnContentClick && !e.isImageDisabled(t) && e.details(t), ["prevent"])
+			}, null, 8, [
+				"src",
+				"lazy-loading",
+				"clickable",
+				"onClick"
+			]), e.options.imageOverlayTemplate ? (I(), S("div", Ie, [E(s, {
+				callbacks: e.options.imageOverlayTemplate,
+				ctx: e.imageOverlayCtx({ item: t })
+			}, null, 8, ["callbacks", "ctx"])])) : x("", !0)]),
+			C("div", Le, [
+				V(e.$slots, "body-top", { item: t }),
+				C("div", Re, [V(e.$slots, "title-prefix", { item: t }), e.options.titleTemplate ? (I(), b(s, {
+					key: 0,
+					callbacks: e.options.titleTemplate,
+					ctx: e.titleCtx({ item: t })
+				}, null, 8, ["callbacks", "ctx"])) : V(e.$slots, "title-fallback", { item: t }, void 0, void 0, 1)]),
+				e.options.showAllIdentifiers ? (I(!0), S(_, { key: 0 }, B(e.attrValues(t, "#AllIdentifiers"), (e, t) => X((I(), S("div", {
+					key: t,
+					class: "text-center small text-muted fw-bold my-2"
+				}, [T(W(e), 1)])), [[u, e]])), 128)) : x("", !0),
+				e.options.itemTemplate ? (I(), b(s, {
+					key: 1,
+					callbacks: e.options.itemTemplate,
+					ctx: e.itemCtx({ item: t })
+				}, null, 8, ["callbacks", "ctx"])) : V(e.$slots, "item-fallback", { item: t }, void 0, void 0, 2),
+				V(e.$slots, "item-extra", { item: t })
+			]),
+			e.showActionTemplate(t) ? (I(), S("div", ze, [C("div", Be, [E(s, {
+				callbacks: e.options.actionTemplate,
+				ctx: e.actionCtx({ item: t })
+			}, null, 8, ["callbacks", "ctx"])])])) : x("", !0),
+			e.previewEnabled ? (I(), S(_, { key: 1 }, [e.isPreviewDisabled(t) ? (I(), S("span", {
+				key: 1,
+				class: "position-absolute top-0 start-0 p-2 d-flex ext-icon-preview text-muted",
+				style: P({ "margin-left": e.options.selectable ? "2rem" : "0" })
+			}, [E(c, {
+				class: "text-muted",
+				name: "document-analysis",
+				size: 24
+			})], 4)) : (I(), b(l, {
+				key: 0,
+				class: "position-absolute top-0 start-0 p-2 d-flex ext-icon-preview",
+				"hover-mode": "primary",
+				style: P({ "margin-left": e.options.selectable ? "2rem" : "0" }),
+				title: e.t("Preview", !0),
+				onClick: (n) => !e.isPreviewDisabled(t) && e.preview(t)
+			}, {
+				default: Y(() => [E(c, {
+					class: "text-muted",
+					name: "document-analysis",
+					size: 24
+				})]),
+				_: 1
+			}, 8, [
+				"style",
+				"title",
+				"onClick"
+			]))], 64)) : x("", !0),
+			e.options.selectable ? (I(), S("div", {
+				key: 2,
+				class: "position-absolute p-2 top-0 start-0 ext-select-checkbox",
+				style: P(e.selectCheckboxStyle)
+			}, [C("input", {
+				type: "checkbox",
+				class: "form-check-input",
+				checked: (r = e.instance) == null ? void 0 : r.selection.isSelected(t),
+				onClick: (n) => {
+					var r;
+					return (r = e.instance) == null ? void 0 : r.selection.toggle(t);
+				}
+			}, null, 8, Ve)], 4)) : x("", !0)
+		], 2)], 2)), [[u, t]]);
+	}), 128))], 2)) : x("", !0)], 64)) : x("", !0)], 2);
+}
+var Ue = /*#__PURE__*/ p(Pe, [["render", He]]), We = D({
+	name: "SearchListView",
+	components: {
+		Clickable: n,
+		Icon: a,
+		Image: h,
+		MountPoint: o
+	},
+	props: {
+		setRoot: {
+			type: Function,
+			required: !0
+		},
+		componentName: {
+			type: String,
+			required: !0
+		},
+		isReady: {
+			type: Boolean,
+			default: !1
+		},
+		hideIfInitial: {
+			type: Boolean,
+			default: !1
+		},
+		options: {
+			type: Object,
+			default: () => ({})
+		},
+		items: {
+			type: Array,
+			default: void 0
+		},
+		instance: {
+			type: Object,
+			default: void 0
+		},
+		isDesktop: {
+			type: Boolean,
+			default: !1
+		},
+		selectableAddsImageMargin: {
+			type: Boolean,
+			default: !1
+		},
+		previewEnabled: {
+			type: Boolean,
+			default: !1
+		},
+		adapter: {
+			type: Object,
+			required: !0
+		}
+	},
+	setup(n) {
+		let { t: r, details: i, getItemImage: a, isImageDisabled: o, isPreviewDisabled: s, preview: c, onImageClick: u } = n.adapter, d = (e) => n.options.actionTemplate && (n.options.showActionTemplateIfInactive || !(e != null && e.inactive)), f = l((e) => n.adapter.buildImageOverlayCtx(e.item)), p = l((e) => n.adapter.buildTitleCtx(e.item)), m = l((e) => n.adapter.buildItemCtx(e.item)), h = l((e) => n.adapter.buildAdditionalColumnCtx(e.item)), g = l((e) => n.adapter.buildActionCtx(e.item));
+		return {
+			t: r,
+			details: i,
+			getItemImage: a,
+			isImageDisabled: o,
+			isPreviewDisabled: s,
+			preview: c,
+			onImageClick: u,
+			attrValue: t,
+			attrValues: e,
+			showActionTemplate: d,
+			imageOverlayCtx: f,
+			titleCtx: p,
+			itemCtx: m,
+			additionalColumnCtx: h,
+			actionCtx: g
+		};
+	}
+}), Ge = { key: 0 }, Ke = { class: "row align-items-center" }, qe = {
+	key: 1,
+	class: "position-absolute p-2 top-50 start-0 ext-select-checkbox",
+	style: {
+		"z-index": "1",
+		width: "auto",
+		"margin-top": "-1rem"
+	}
+}, Je = ["checked", "onClick"], Ye = { class: "position-relative col d-flex justify-content-center align-items-center card" }, Xe = { key: 0 }, Ze = {
+	key: 3,
+	class: "col-12 g-0"
+}, Qe = { class: "position-relative col d-flex justify-content-center align-items-center" }, $e = { key: 0 }, et = {
+	key: 0,
+	class: "text-muted"
+}, tt = ["onClick"];
+function nt(e, t, n, r, i, a) {
+	let o = H("Icon"), s = H("Clickable"), c = H("Image"), l = H("MountPoint"), u = U("pis-test-key");
+	return I(), S("div", {
+		ref: e.setRoot,
+		class: M(["pis-component", e.componentName])
+	}, [e.isReady ? (I(), S(_, { key: 0 }, [V(e.$slots, "before-results"), !e.hideIfInitial && e.items && e.items.length ? (I(), S("div", Ge, [(I(!0), S(_, null, B(e.items, (t) => {
+		var n, r;
+		return X((I(), S("div", {
+			key: t.productId,
+			class: M(["card mb-3 p-3", {
+				"pt-0": !e.isDesktop,
+				"bg-light": t.exactMatch,
+				"ext-selected": (n = e.instance) == null ? void 0 : n.selection.isSelected(t)
+			}])
+		}, [C("div", Ke, [
+			e.previewEnabled ? (I(), b(s, {
+				key: 0,
+				class: "position-absolute p-2 top-0 start-0 d-flex ext-icon-preview",
+				"hover-mode": "primary",
+				style: {
+					"z-index": "1",
+					width: "auto"
+				},
+				title: e.t("Preview", !0),
+				disabled: e.isPreviewDisabled(t),
+				onClick: (n) => !e.isPreviewDisabled(t) && e.preview(t)
+			}, {
+				default: Y(() => [E(o, {
+					class: "text-muted",
+					name: "document-analysis",
+					size: 24
+				})]),
+				_: 1
+			}, 8, [
+				"title",
+				"disabled",
+				"onClick"
+			])) : x("", !0),
+			e.options.selectable ? (I(), S("div", qe, [C("input", {
+				type: "checkbox",
+				class: "form-check-input",
+				checked: (r = e.instance) == null ? void 0 : r.selection.isSelected(t),
+				onClick: (n) => {
+					var r;
+					return (r = e.instance) == null ? void 0 : r.selection.toggle(t);
+				}
+			}, null, 8, Je)])) : x("", !0),
+			e.isDesktop ? (I(), S("div", {
+				key: 2,
+				class: M([e.previewEnabled || e.selectableAddsImageMargin && e.options.selectable ? "ms-4" : "", "col"]),
+				style: P({ "max-width": e.options.imageSize })
+			}, [C("div", Ye, [E(c, {
+				style: P({ "max-width": e.options.imageSize }),
+				src: e.getItemImage(t),
+				clickable: e.options.navigateOnContentClick && !e.isImageDisabled(t),
+				"hide-frame": !0,
+				padding: e.options.imagePadding,
+				"lazy-loading": e.options.imageLazyLoading,
+				onClick: (n) => e.onImageClick(t, !1)
+			}, null, 8, [
+				"style",
+				"src",
+				"clickable",
+				"padding",
+				"lazy-loading",
+				"onClick"
+			]), e.options.imageOverlayTemplate ? (I(), S("div", Xe, [E(l, {
+				callbacks: e.options.imageOverlayTemplate,
+				ctx: e.imageOverlayCtx({ item: t })
+			}, null, 8, ["callbacks", "ctx"])])) : x("", !0)])], 6)) : (I(), S("div", Ze, [C("div", Qe, [E(c, {
+				class: "mt-3",
+				style: { "max-width": "300px" },
+				src: e.getItemImage(t),
+				clickable: e.options.navigateOnContentClick && !e.isImageDisabled(t),
+				"hide-frame": !0,
+				onClick: (n) => e.onImageClick(t, !0)
+			}, null, 8, [
+				"src",
+				"clickable",
+				"onClick"
+			]), e.options.imageOverlayTemplate ? (I(), S("div", $e, [E(l, {
+				callbacks: e.options.imageOverlayTemplate,
+				ctx: e.imageOverlayCtx({ item: t })
+			}, null, 8, ["callbacks", "ctx"])])) : x("", !0)])])),
+			C("div", { class: M([e.isDesktop ? "col" : "col-12 mt-3"]) }, [
+				V(e.$slots, "body-top", { item: t }),
+				V(e.$slots, "title-prefix", { item: t }),
+				e.options.titleTemplate ? (I(), b(l, {
+					key: 0,
+					callbacks: e.options.titleTemplate,
+					ctx: e.titleCtx({ item: t })
+				}, null, 8, ["callbacks", "ctx"])) : (I(), S(_, { key: 1 }, [t.inactive ? (I(), S("strong", et, W(e.attrValue(t, "#DisplayName")), 1)) : (I(), S("a", {
+					key: 1,
+					href: "#",
+					onClick: Z((n) => e.details(t), ["prevent"])
+				}, [C("strong", null, W(e.attrValue(t, "#DisplayName")), 1)], 8, tt))], 64)),
+				e.options.showAllIdentifiers ? (I(!0), S(_, { key: 2 }, B(e.attrValues(t, "#AllIdentifiers"), (e, t) => X((I(), S("div", {
+					key: t,
+					class: "small text-muted fw-bold"
+				}, [T(W(e), 1)])), [[u, e]])), 128)) : x("", !0),
+				e.options.itemTemplate ? (I(), b(l, {
+					key: 3,
+					callbacks: e.options.itemTemplate,
+					ctx: e.itemCtx({ item: t })
+				}, null, 8, ["callbacks", "ctx"])) : V(e.$slots, "item-fallback", { item: t }, void 0, void 0, 4),
+				V(e.$slots, "item-extra", { item: t })
+			], 2),
+			e.options.additionalColumnTemplate ? (I(), S("div", {
+				key: 4,
+				class: M([e.isDesktop ? "col-" + e.options.additionalColumnTemplateWidth : "col-12 mt-3"])
+			}, [E(l, {
+				callbacks: e.options.additionalColumnTemplate,
+				ctx: e.additionalColumnCtx({ item: t })
+			}, null, 8, ["callbacks", "ctx"])], 2)) : x("", !0),
+			e.showActionTemplate(t) ? (I(), S("div", {
+				key: 5,
+				class: M([e.isDesktop ? "col-" + e.options.actionTemplateWidth : "col-12 mt-3"])
+			}, [E(l, {
+				callbacks: e.options.actionTemplate,
+				ctx: e.actionCtx({ item: t })
+			}, null, 8, ["callbacks", "ctx"])], 2)) : x("", !0)
+		])], 2)), [[u, t]]);
+	}), 128))])) : x("", !0)], 64)) : x("", !0)], 2);
+}
+var rt = /*#__PURE__*/ p(We, [["render", nt]]), it = D({
+	props: {
+		modelValue: {
+			type: String,
+			default: void 0
+		},
+		placeholder: {
+			type: String,
+			default: void 0
+		},
+		classInner: {
+			type: String,
+			default: void 0
+		},
+		lg: Boolean,
+		cols: {
+			type: Number,
+			default: 1
+		},
+		rows: {
+			type: Number,
+			default: 1
+		},
+		validators: {
+			type: Object,
+			default: null
+		}
+	},
+	emits: [
+		"update:modelValue",
+		"update:validation",
+		"change",
+		"clear"
+	],
+	setup(e, { emit: t }) {
+		let n = z(""), r = z(!1), i = z(!0), a = z({}), o = y({
+			get: () => n.value,
+			set: (e) => {
+				n.value = e, r.value = !0, t("update:modelValue", e);
+			}
+		}), s = (e) => {
+			setTimeout(() => {
+				n.value = e;
+			}, 10);
+		}, c = () => {
+			s(""), t("clear"), t("update:modelValue", "");
+		}, l = () => s(e.modelValue);
+		return J(() => e.modelValue, () => l()), J(() => n.value, (n) => {
+			let o = {};
+			r.value && e.validators && Object.assign(o, u(n, e.validators)), a.value = o, i.value = !Object.keys(o).length, t("update:validation", a.value);
+		}), te(() => l()), {
+			isValid: i,
+			innerValue: n,
+			computedValue: o,
+			validationErrors: a,
+			clear: c
+		};
+	}
+}), at = { class: "position-relative flex-grow-1 has-validation" }, ot = ["placeholder"], st = {
+	key: 0,
+	class: "position-absolute top-50 end-0 translate-middle-y pe-1"
+}, ct = {
+	key: 1,
+	class: "invalid-feedback d-block"
+}, lt = { key: 0 }, ut = { key: 1 }, dt = { key: 2 }, ft = { key: 3 };
+function pt(e, t, n, r, i, a) {
+	var o;
+	return I(), S("div", at, [
+		X(C("textarea", j({ "onUpdate:modelValue": t[0] || (t[0] = (t) => e.computedValue = t) }, e.$attrs, {
+			class: ["form-control", [
+				e.lg && "form-control-lg",
+				e.classInner,
+				e.isValid || "is-invalid"
+			]],
+			placeholder: e.placeholder
+		}), null, 16, ot), [[q, e.computedValue]]),
+		(o = e.innerValue) != null && o.length ? (I(), S("div", st, [C("button", {
+			type: "button",
+			class: "btn-close",
+			style: { "background-size": "0.7em" },
+			onClick: t[1] || (t[1] = Z((...t) => e.clear && e.clear(...t), ["prevent"]))
+		})])) : x("", !0),
+		e.isValid ? x("", !0) : (I(), S("div", ct, [e.validationErrors.required ? (I(), S("p", lt, W("Field is required"))) : e.validationErrors.email ? (I(), S("p", ut, W("Field must be an email"))) : e.validationErrors.csemails ? (I(), S("p", dt, W("Field must be a comma separated emails"))) : e.validationErrors.minLength ? (I(), S("p", ft, W(`Field must be at least ${e.validators.minLength.minLength} characters long`), 1)) : x("", !0)]))
+	]);
+}
+var mt = /*#__PURE__*/ p(it, [["render", pt]]), Q = {
+	itemsToShow: 1,
+	itemsToScroll: 1,
+	modelValue: 0,
+	transition: 300,
+	autoplay: 0,
+	snapAlign: "center",
+	wrapAround: !1,
+	throttle: 16,
+	pauseAutoplayOnHover: !1,
+	mouseDrag: !0,
+	touchDrag: !0,
+	dir: "ltr",
+	breakpoints: void 0,
+	i18n: {
+		ariaNextSlide: "Navigate to next slide",
+		ariaPreviousSlide: "Navigate to previous slide",
+		ariaNavigateToSlide: "Navigate to slide {slideNumber}",
+		ariaGallery: "Gallery",
+		itemXofY: "Item {currentSlide} of {slidesCount}",
+		iconArrowUp: "Arrow pointing upwards",
+		iconArrowDown: "Arrow pointing downwards",
+		iconArrowRight: "Arrow pointing to the right",
+		iconArrowLeft: "Arrow pointing to the left"
+	}
+}, ht = {
+	itemsToShow: {
+		default: Q.itemsToShow,
+		type: Number
+	},
+	itemsToScroll: {
+		default: Q.itemsToScroll,
+		type: Number
+	},
+	wrapAround: {
+		default: Q.wrapAround,
+		type: Boolean
+	},
+	throttle: {
+		default: Q.throttle,
+		type: Number
+	},
+	snapAlign: {
+		default: Q.snapAlign,
+		validator(e) {
+			return [
+				"start",
+				"end",
+				"center",
+				"center-even",
+				"center-odd"
+			].includes(e);
+		}
+	},
+	transition: {
+		default: Q.transition,
+		type: Number
+	},
+	breakpoints: {
+		default: Q.breakpoints,
+		type: Object
+	},
+	autoplay: {
+		default: Q.autoplay,
+		type: Number
+	},
+	pauseAutoplayOnHover: {
+		default: Q.pauseAutoplayOnHover,
+		type: Boolean
+	},
+	modelValue: {
+		default: void 0,
+		type: Number
+	},
+	mouseDrag: {
+		default: Q.mouseDrag,
+		type: Boolean
+	},
+	touchDrag: {
+		default: Q.touchDrag,
+		type: Boolean
+	},
+	dir: {
+		default: Q.dir,
+		validator(e) {
+			return ["rtl", "ltr"].includes(e);
+		}
+	},
+	i18n: {
+		default: Q.i18n,
+		type: Object
+	},
+	settings: {
+		default() {
+			return {};
+		},
+		type: Object
+	}
+};
+function gt({ config: e, slidesCount: t }) {
+	let { snapAlign: n, wrapAround: r, itemsToShow: i = 1 } = e;
+	if (r) return Math.max(t - 1, 0);
+	let a;
+	switch (n) {
+		case "start":
+			a = t - i;
+			break;
+		case "end":
+			a = t - 1;
+			break;
+		case "center":
+		case "center-odd":
+			a = t - Math.ceil((i - .5) / 2);
+			break;
+		case "center-even":
+			a = t - Math.ceil(i / 2);
+			break;
+		default: a = 0;
+	}
+	return Math.max(a, 0);
+}
+function _t({ config: e, slidesCount: t }) {
+	let { wrapAround: n, snapAlign: r, itemsToShow: i = 1 } = e, a = 0;
+	if (n || i > t) return a;
+	switch (r) {
+		case "start":
+			a = 0;
+			break;
+		case "end":
+			a = i - 1;
+			break;
+		case "center":
+		case "center-odd":
+			a = Math.floor((i - 1) / 2);
+			break;
+		case "center-even":
+			a = Math.floor((i - 2) / 2);
+			break;
+		default: a = 0;
+	}
+	return a;
+}
+function vt({ val: e, max: t, min: n }) {
+	return t < n ? e : Math.min(Math.max(e, n), t);
+}
+function yt({ config: e, currentSlide: t, slidesCount: n }) {
+	let { snapAlign: r, wrapAround: i, itemsToShow: a = 1 } = e, o = t;
+	switch (r) {
+		case "center":
+		case "center-odd":
+			o -= (a - 1) / 2;
+			break;
+		case "center-even":
+			o -= (a - 2) / 2;
+			break;
+		case "end": o -= a - 1;
+	}
+	return i ? o : vt({
+		val: o,
+		max: n - a,
+		min: 0
+	});
+}
+function bt(e) {
+	return e ? e.reduce((e, t) => {
+		var n;
+		return t.type === _ ? [...e, ...bt(t.children)] : ((n = t.type) == null ? void 0 : n.name) === "CarouselSlide" ? [...e, t] : e;
+	}, []) : [];
+}
+function $({ val: e, max: t, min: n = 0 }) {
+	return e > t ? $({
+		val: e - (t + 1),
+		max: t,
+		min: n
+	}) : e < n ? $({
+		val: e + (t + 1),
+		max: t,
+		min: n
+	}) : e;
+}
+function xt(e, t) {
+	let n;
+	return t ? function(...r) {
+		let i = this;
+		n || (e.apply(i, r), n = !0, setTimeout(() => n = !1, t));
+	} : e;
+}
+function St(e, t) {
+	let n;
+	return function(...r) {
+		n && clearTimeout(n), n = setTimeout(() => {
+			e(...r), n = null;
+		}, t);
+	};
+}
+function Ct(e = "", t = {}) {
+	return Object.entries(t).reduce((e, [t, n]) => e.replace(`{${t}}`, String(n)), e);
+}
+var wt = D({
+	name: "ARIA",
+	setup() {
+		let e = A("config", R(Object.assign({}, Q))), t = A("currentSlide", z(0)), n = A("slidesCount", z(0));
+		return () => k("div", {
+			class: ["carousel__liveregion", "carousel__sr-only"],
+			"aria-live": "polite",
+			"aria-atomic": "true"
+		}, Ct(e.i18n.itemXofY, {
+			currentSlide: t.value + 1,
+			slidesCount: n.value
+		}));
+	}
+}), Tt = D({
+	name: "Carousel",
+	props: ht,
+	setup(e, { slots: t, emit: n, expose: r }) {
+		let i = z(null), a = z([]), o = z(0), s = z(0), c = R(Object.assign({}, Q)), l = Object.assign({}, Q), u, d = z(e.modelValue ?? 0), f = z(0), p = z(0), m = z(0), h = z(0), g, _;
+		L("config", c), L("slidesCount", s), L("currentSlide", d), L("maxSlide", m), L("minSlide", h), L("slideWidth", o);
+		function b() {
+			u = Object.assign({}, e.breakpoints), l = Object.assign(Object.assign(Object.assign({}, l), e), {
+				i18n: Object.assign(Object.assign({}, l.i18n), e.i18n),
+				breakpoints: void 0
+			}), S(l);
+		}
+		function x() {
+			if (!u || !Object.keys(u).length) return;
+			let e = Object.keys(u).map((e) => Number(e)).sort((e, t) => t - +e), t = Object.assign({}, l);
+			e.some((e) => {
+				let n = window.matchMedia(`(min-width: ${e}px)`).matches;
+				return n && (t = Object.assign(Object.assign({}, t), u[e])), n;
+			}), S(t);
+		}
+		function S(e) {
+			Object.entries(e).forEach(([e, t]) => c[e] = t);
+		}
+		let C = St(() => {
+			x(), T(), w();
+		}, 16);
+		function w() {
+			if (!i.value) return;
+			let e = i.value.getBoundingClientRect();
+			o.value = e.width / c.itemsToShow;
+		}
+		function T() {
+			s.value <= 0 || (p.value = Math.ceil((s.value - 1) / 2), m.value = gt({
+				config: c,
+				slidesCount: s.value
+			}), h.value = _t({
+				config: c,
+				slidesCount: s.value
+			}), c.wrapAround || (d.value = vt({
+				val: d.value,
+				max: m.value,
+				min: h.value
+			})));
+		}
+		te(() => {
+			ee(() => w()), setTimeout(() => w(), 1e3), x(), V(), window.addEventListener("resize", C, { passive: !0 }), n("init");
+		}), ne(() => {
+			_ && clearTimeout(_), g && clearInterval(g), window.removeEventListener("resize", C, { passive: !0 });
+		});
+		let E = !1, D = {
+			x: 0,
+			y: 0
+		}, O = {
+			x: 0,
+			y: 0
+		}, A = R({
+			x: 0,
+			y: 0
+		}), j = z(!1), M = z(!1), N = () => {
+			j.value = !0;
+		}, P = () => {
+			j.value = !1;
+		};
+		function F(e) {
+			[
+				"INPUT",
+				"TEXTAREA",
+				"SELECT"
+			].includes(e.target.tagName) || (E = e.type === "touchstart", E || e.preventDefault(), !(!E && e.button !== 0 || U.value) && (D.x = E ? e.touches[0].clientX : e.clientX, D.y = E ? e.touches[0].clientY : e.clientY, document.addEventListener(E ? "touchmove" : "mousemove", I, !0), document.addEventListener(E ? "touchend" : "mouseup", B, !0)));
+		}
+		let I = xt((e) => {
+			M.value = !0, O.x = E ? e.touches[0].clientX : e.clientX, O.y = E ? e.touches[0].clientY : e.clientY;
+			let t = O.x - D.x, n = O.y - D.y;
+			A.y = n, A.x = t;
+		}, c.throttle);
+		function B() {
+			let e = c.dir === "rtl" ? -1 : 1, t = Math.sign(A.x) * .4, n = Math.round(A.x / o.value + t) * e;
+			if (n && !E) {
+				let e = (t) => {
+					window.removeEventListener("click", e, !0);
+				};
+				window.addEventListener("click", e, !0);
+			}
+			W(d.value - n), A.x = 0, A.y = 0, M.value = !1, document.removeEventListener(E ? "touchmove" : "mousemove", I, !0), document.removeEventListener(E ? "touchend" : "mouseup", B, !0);
+		}
+		function V() {
+			!c.autoplay || c.autoplay <= 0 || (g = setInterval(() => {
+				c.pauseAutoplayOnHover && j.value || G();
+			}, c.autoplay));
+		}
+		function H() {
+			g && (clearInterval(g), g = null), V();
+		}
+		let U = z(!1);
+		function W(e) {
+			let t = c.wrapAround ? e : vt({
+				val: e,
+				max: m.value,
+				min: h.value
+			});
+			d.value === t || U.value || (n("slide-start", {
+				slidingToIndex: e,
+				currentSlideIndex: d.value,
+				prevSlideIndex: f.value,
+				slidesCount: s.value
+			}), U.value = !0, f.value = d.value, d.value = t, _ = setTimeout(() => {
+				if (c.wrapAround) {
+					let r = $({
+						val: t,
+						max: m.value,
+						min: 0
+					});
+					r !== d.value && (d.value = r, n("loop", {
+						currentSlideIndex: d.value,
+						slidingToIndex: e
+					}));
+				}
+				n("update:modelValue", d.value), n("slide-end", {
+					currentSlideIndex: d.value,
+					prevSlideIndex: f.value,
+					slidesCount: s.value
+				}), U.value = !1, H();
+			}, c.transition));
+		}
+		function G() {
+			W(d.value + c.itemsToScroll);
+		}
+		function K() {
+			W(d.value - c.itemsToScroll);
+		}
+		let q = {
+			slideTo: W,
+			next: G,
+			prev: K
+		};
+		L("nav", q), L("isSliding", U);
+		let Y = y(() => yt({
+			config: c,
+			currentSlide: d.value,
+			slidesCount: s.value
+		}));
+		L("slidesToScroll", Y);
+		let X = y(() => {
+			let e = c.dir === "rtl" ? -1 : 1, t = Y.value * o.value * e;
+			return {
+				transform: `translateX(${A.x - t}px)`,
+				transition: `${U.value ? c.transition : 0}ms`,
+				margin: c.wrapAround ? `0 -${s.value * o.value}px` : "",
+				width: "100%"
+			};
+		});
+		function Z() {
+			b(), x(), T(), w(), H();
+		}
+		Object.keys(ht).forEach((t) => {
+			["modelValue"].includes(t) || J(() => e[t], Z);
+		}), J(() => e.modelValue, (e) => {
+			e !== d.value && W(Number(e));
+		}), J(s, T), n("before-init"), b();
+		let re = {
+			config: c,
+			slidesCount: s,
+			slideWidth: o,
+			next: G,
+			prev: K,
+			slideTo: W,
+			currentSlide: d,
+			maxSlide: m,
+			minSlide: h,
+			middleSlide: p
+		};
+		r({
+			updateBreakpointsConfigs: x,
+			updateSlidesData: T,
+			updateSlideWidth: w,
+			initDefaultConfigs: b,
+			restartCarousel: Z,
+			slideTo: W,
+			next: G,
+			prev: K,
+			nav: q,
+			data: re
+		});
+		let ie = t.default || t.slides, ae = t.addons, oe = R(re);
+		return () => {
+			let e = bt(ie == null ? void 0 : ie(oe)), t = (ae == null ? void 0 : ae(oe)) || [];
+			e.forEach((e, t) => e.props.index = t);
+			let n = e;
+			if (c.wrapAround) {
+				let t = e.map((t, n) => v(t, {
+					index: -e.length + n,
+					isClone: !0,
+					key: `clone-before-${n}`
+				})), r = e.map((t, n) => v(t, {
+					index: e.length + n,
+					isClone: !0,
+					key: `clone-after-${n}`
+				}));
+				n = [
+					...t,
+					...e,
+					...r
+				];
+			}
+			a.value = e, s.value = Math.max(e.length, 1);
+			let r = k("ol", {
+				class: "carousel__track",
+				style: X.value,
+				onMousedownCapture: c.mouseDrag ? F : null,
+				onTouchstartPassiveCapture: c.touchDrag ? F : null
+			}, n), o = k("div", { class: "carousel__viewport" }, r);
+			return k("section", {
+				ref: i,
+				class: {
+					carousel: !0,
+					"is-sliding": U.value,
+					"is-dragging": M.value,
+					"is-hover": j.value,
+					"carousel--rtl": c.dir === "rtl"
+				},
+				dir: c.dir,
+				"aria-label": c.i18n.ariaGallery,
+				tabindex: "0",
+				onMouseenter: N,
+				onMouseleave: P
+			}, [
+				o,
+				t,
+				k(wt)
+			]);
+		};
+	}
+}), Et;
+(function(e) {
+	e.arrowUp = "arrowUp", e.arrowDown = "arrowDown", e.arrowRight = "arrowRight", e.arrowLeft = "arrowLeft";
+})(Et || (Et = {}));
+var Dt = {
+	arrowUp: "M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z",
+	arrowDown: "M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z",
+	arrowRight: "M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z",
+	arrowLeft: "M15.41 16.59L10.83 12l4.58-4.59L14 6l-6 6 6 6 1.41-1.41z"
+};
+function Ot(e) {
+	return e in Et;
+}
+var kt = (e) => {
+	let t = A("config", R(Object.assign({}, Q))), n = String(e.name), r = `icon${n.charAt(0).toUpperCase() + n.slice(1)}`;
+	if (!n || typeof n != "string" || !Ot(n)) return;
+	let i = Dt[n], a = k("path", { d: i }), o = t.i18n[r] || e.title || n, s = k("title", o);
+	return k("svg", {
+		class: "carousel__icon",
+		viewBox: "0 0 24 24",
+		role: "img",
+		"aria-label": o
+	}, [s, a]);
+};
+kt.props = {
+	name: String,
+	title: String
+};
+var At = (e, { slots: t, attrs: n }) => {
+	let { next: r, prev: i } = t || {}, a = A("config", R(Object.assign({}, Q))), o = A("maxSlide", z(1)), s = A("minSlide", z(1)), c = A("currentSlide", z(1)), l = A("nav", {}), { dir: u, wrapAround: d, i18n: f } = a, p = u === "rtl";
+	return [k("button", {
+		type: "button",
+		class: [
+			"carousel__prev",
+			!d && c.value <= s.value && "carousel__prev--disabled",
+			n == null ? void 0 : n.class
+		],
+		"aria-label": f.ariaPreviousSlide,
+		onClick: l.prev
+	}, (i == null ? void 0 : i()) || k(kt, { name: p ? "arrowRight" : "arrowLeft" })), k("button", {
+		type: "button",
+		class: [
+			"carousel__next",
+			!d && c.value >= o.value && "carousel__next--disabled",
+			n == null ? void 0 : n.class
+		],
+		"aria-label": f.ariaNextSlide,
+		onClick: l.next
+	}, (r == null ? void 0 : r()) || k(kt, { name: p ? "arrowLeft" : "arrowRight" }))];
+}, jt = () => {
+	let e = A("config", R(Object.assign({}, Q))), t = A("maxSlide", z(1)), n = A("minSlide", z(1)), r = A("currentSlide", z(1)), i = A("nav", {}), a = (e) => $({
+		val: r.value,
+		max: t.value,
+		min: 0
+	}) === e, o = [];
+	for (let r = n.value; r < t.value + 1; r++) {
+		let t = k("button", {
+			type: "button",
+			class: {
+				"carousel__pagination-button": !0,
+				"carousel__pagination-button--active": a(r)
+			},
+			"aria-label": Ct(e.i18n.ariaNavigateToSlide, { slideNumber: r + 1 }),
+			onClick: () => i.slideTo(r)
+		}), n = k("li", {
+			class: "carousel__pagination-item",
+			key: r
+		}, t);
+		o.push(n);
+	}
+	return k("ol", { class: "carousel__pagination" }, o);
+}, Mt = D({
+	name: "CarouselSlide",
+	props: {
+		index: {
+			type: Number,
+			default: 1
+		},
+		isClone: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(e, { slots: t }) {
+		let n = A("config", R(Object.assign({}, Q))), r = A("currentSlide", z(0)), i = A("slidesToScroll", z(0)), a = A("isSliding", z(!1)), o = y(() => e.index === r.value), s = y(() => e.index === r.value - 1), c = y(() => e.index === r.value + 1), l = y(() => {
+			let t = Math.floor(i.value), r = Math.ceil(i.value + n.itemsToShow - 1);
+			return e.index >= t && e.index <= r;
+		});
+		return () => {
+			var r;
+			return k("li", {
+				style: { width: `${100 / n.itemsToShow}%` },
+				class: {
+					carousel__slide: !0,
+					"carousel__slide--clone": e.isClone,
+					"carousel__slide--visible": l.value,
+					"carousel__slide--active": o.value,
+					"carousel__slide--prev": s.value,
+					"carousel__slide--next": c.value,
+					"carousel__slide--sliding": a.value
+				},
+				"aria-hidden": !l.value
+			}, (r = t.default) == null ? void 0 : r.call(t, {
+				isActive: o.value,
+				isClone: e.isClone,
+				isPrev: s.value,
+				isNext: c.value,
+				isSliding: a.value,
+				isVisible: l.value
+			}));
+		};
+	}
+});
+//#endregion
+export { mt as a, Ne as c, se as d, Mt as i, ye as l, At as n, rt as o, jt as r, Ue as s, Tt as t, me as u };
+
+//# sourceMappingURL=carousel.es-DBv2Q2Xn.js.map