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

package/chunks/AttributesTable-DRKGguZ2.js

@@ -0,0 +1,3474 @@
+import { B as e, Cn as t, H as n, Sn as r, V as i, _ as a, at as o, dn as s, dt as c, f as l, fn as u, ft as d, g as f, i as p, l as m, lt as h, n as g, ot as _, pt as v, tt as y, u as b, v as x, w as S, x as C, z as w } from "./directives-8QlgHJi7.js";
+import { c as T } from "./PisGlobal-CPAlhOni.js";
+import { Fragment as E, computed as D, createBlock as O, createCommentVNode as k, createElementBlock as A, createElementVNode as j, createSlots as ee, createTextVNode as M, createVNode as N, defineComponent as P, effectScope as te, guardReactiveProps as ne, h as re, inject as F, markRaw as ie, mergeProps as I, nextTick as L, normalizeClass as R, normalizeProps as ae, normalizeStyle as z, onActivated as oe, onBeforeUnmount as se, onDeactivated as ce, onMounted as le, onUnmounted as ue, openBlock as B, provide as de, reactive as fe, ref as V, renderList as H, renderSlot as U, resolveComponent as W, resolveDirective as G, resolveDynamicComponent as pe, shallowReactive as me, shallowRef as he, toDisplayString as K, toHandlers as ge, toValue as q, unref as J, vShow as _e, watch as Y, withCtx as X, withDirectives as Z, withModifiers as Q } from "vue";
+//#endregion
+//#region src/common/components/cell-defaults/TranslatedSpan.vue
+var ve = /* @__PURE__ */ P({
+	__name: "TranslatedSpan",
+	props: {
+		ctx: {},
+		translationKey: { default: void 0 },
+		useCommon: {
+			type: Boolean,
+			default: !0
+		},
+		translationNamespace: { default: "products" }
+	},
+	setup(e) {
+		let t = e, n = D(() => {
+			let e = t.translationKey ?? t.ctx.col.caption;
+			if (!e) return "";
+			let n = t.ctx.t(e, t.useCommon);
+			return n === `{${t.useCommon ? "common" : t.translationNamespace}:${e}}` ? t.ctx.col.caption ?? "" : n;
+		});
+		return (e, t) => (B(), A("span", null, K(n.value), 1));
+	}
+});
+//#endregion
+//#region src/common/components/cell-defaults/createTranslatedSpan.ts
+function ye(e, t) {
+	return P({
+		name: "TranslatedSpanTemplate",
+		props: { ctx: {
+			type: Object,
+			required: !0
+		} },
+		setup(n) {
+			return () => re(ve, {
+				ctx: n.ctx,
+				translationKey: e,
+				useCommon: t === "common",
+				translationNamespace: t
+			});
+		}
+	});
+}
+//#endregion
+//#region src/common/helpers/downloadFile.ts
+var be = async (e, t) => {
+	if (typeof document > "u") throw Error("downloadFile requires a browser document.");
+	let n = document.createElement("a");
+	n.href = t, n.download = e, n.click(), n.remove();
+};
+//#endregion
+//#region src/common/api/runtime/coercePagination.ts
+function xe(e, t) {
+	let n = e.page;
+	n !== null && (e.page = parseInt(n, 10), isNaN(e.page) && (e.page = t == null ? void 0 : t.page));
+	let r = e.pageSize;
+	r !== null && (e.pageSize = parseInt(r, 10), isNaN(e.pageSize) && (e.pageSize = t == null ? void 0 : t.pageSize));
+}
+//#endregion
+//#region src/common/api/runtime/ProductSelectionStore.ts
+var Se = class {
+	constructor(e) {
+		T(this, "instance", void 0), T(this, "trackSelectionPaused", !1), T(this, "select", (e) => {
+			let t = this.instance.eventBus;
+			if (!this.data || !(e != null && e.length)) return;
+			let n = [];
+			e.forEach((e) => {
+				if (e && e.productId && !this.isSelected(e)) {
+					var t;
+					(t = this.data) == null || t.set(e.productId, e), n.push(e);
+				}
+			}), n.length && (t.emit("selection-changed", {
+				added: n,
+				removed: [],
+				selected: this.selectedItems
+			}), this.trackSelection(n, []));
+		}), T(this, "deselect", (e) => {
+			let t = this.instance.eventBus;
+			if (!this.data || !(e != null && e.length)) return;
+			let n = [];
+			e.forEach((e) => {
+				if (e && e.productId && this.isSelected(e)) {
+					var t;
+					(t = this.data) == null || t.delete(e.productId), n.push(e);
+				}
+			}), n.length && (t.emit("selection-changed", {
+				added: [],
+				removed: n,
+				selected: this.selectedItems
+			}), this.trackSelection([], n));
+		}), T(this, "toggle", (e) => {
+			this.isSelected(e) ? this.deselect([e]) : this.select([e]);
+		}), T(this, "clear", () => {
+			var e;
+			let t = this.instance.eventBus;
+			if (!this.data) return;
+			let n = this.selectedItems;
+			(e = this.data) == null || e.clear(), n.length && (t.emit("selection-changed", {
+				added: [],
+				removed: n,
+				selected: this.selectedItems
+			}), this.trackSelection([], n));
+		}), T(this, "isSelected", (e) => this.data ? this.data.has(e.productId) : !1), this.instance = e, e.store.data.selectedItems || (e.store.data.selectedItems = /* @__PURE__ */ new Map()), e.on("search-loaded", () => {
+			var t, n;
+			if (!(e.instanceType === "Products" ? (t = e.store.options.components) != null && (t = t.search) != null && (t = t.selection) != null && t.persist : (n = e.store.options.components) != null && (n = n.products) != null && (n = n.search) != null && (n = n.selection) != null && n.persist)) {
+				this.trackSelectionPaused = !0;
+				try {
+					this.clear();
+				} finally {
+					this.trackSelectionPaused = !1;
+				}
+			}
+		});
+	}
+	trackSelection(e, t) {
+		this.trackSelectionPaused || r(this.instance, {
+			kind: "selection",
+			action: "selection-changed",
+			trigger: "ui",
+			args: {
+				added: e.length,
+				removed: t.length,
+				selected: this.selectedItems.length
+			}
+		});
+	}
+	get data() {
+		return this.instance.store.data.selectedItems;
+	}
+	get selectedItems() {
+		return this.data ? Array.from(this.data.values()) : [];
+	}
+	get count() {
+		return this.selectedItems.length;
+	}
+	selectAll() {
+		return new Promise((e) => {
+			var t;
+			if ((t = this.instance.store.data.products) != null && t.items) {
+				let t = this.instance.store.data.products.items;
+				this.select(t), e();
+			}
+		});
+	}
+}, Ce = ["modal-open", "pis-modal-open"], we = P({
+	props: {
+		show: {
+			type: [Boolean, Object],
+			default: void 0
+		},
+		title: {
+			type: String,
+			default: void 0
+		},
+		lg: {
+			type: Boolean,
+			default: !1
+		},
+		xl: {
+			type: Boolean,
+			default: !1
+		},
+		closeOnOuterClick: {
+			type: Boolean,
+			default: !0
+		},
+		centered: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["update:show", "resize"],
+	setup(e, { slots: t, emit: n }) {
+		let r = V(), i = V();
+		S(i, (e) => {
+			let { width: t, height: r } = e[0].contentRect;
+			n("resize", {
+				width: t,
+				height: r
+			});
+		});
+		let a = () => {
+			e.closeOnOuterClick && c();
+		}, o = () => {
+			if (typeof document > "u") return;
+			let e = window.innerWidth - document.documentElement.clientWidth;
+			document.body.classList.add(...Ce), document.body.style.overflow = "hidden", document.body.style.paddingRight = e + "px";
+		}, s = () => {
+			typeof document > "u" || (document.body.classList.remove(...Ce), document.body.style.overflow = "", document.body.style.paddingRight = "");
+		}, c = () => {
+			n("update:show", !1), l.value = !1, s();
+		}, l = V(!1);
+		return Y(() => e.show, (e) => {
+			e ? (o(), l.value = !0) : (s(), l.value = !1);
+		}, { immediate: !0 }), se(() => {
+			s();
+		}), {
+			visible: l,
+			dialog: r,
+			modalBody: i,
+			slots: t,
+			close: c,
+			clickOutside: ({ target: t }) => {
+				if (e.closeOnOuterClick) {
+					var n;
+					t !== r.value && !((n = r.value) != null && n.contains(t)) && c();
+				}
+			},
+			overlayClose: a
+		};
+	}
+}), Te = { class: "modal-content" }, Ee = { class: "modal-header d-flex" }, De = { class: "modal-title mt-1" }, Oe = { class: "d-flex flex-fill align-items-center justify-content-end" }, ke = {
+	ref: "modalBody",
+	class: "modal-body pis-scroll"
+}, Ae = {
+	key: 0,
+	class: "modal-footer py-2"
+};
+function je(e, t, n, r, i, a) {
+	return B(), A(E, null, [j("div", {
+		class: R(["modal fade", { show: e.visible }]),
+		tabindex: "-1",
+		role: "dialog",
+		style: z({ display: e.visible ? "block" : "none" }),
+		onClick: t[1] || (t[1] = (...t) => e.clickOutside && e.clickOutside(...t))
+	}, [j("div", {
+		ref: "dialog",
+		class: R(["modal-dialog modal-fullscreen-md-down", [
+			e.lg && "modal-lg modal-fullscreen-md-down modal-fullscreen-sm-down modal-fullscreen-lg-down ",
+			e.xl && "modal-xl modal-fullscreen-lg-down modal-fullscreen-md-down modal-fullscreen-sm-down",
+			e.centered && "modal-dialog-centered"
+		]]),
+		role: "document"
+	}, [j("div", Te, [
+		j("div", Ee, [j("h5", De, K(e.title), 1), j("div", Oe, [U(e.$slots, "header-actions"), j("button", {
+			type: "button",
+			class: "btn-close ms-3",
+			"aria-label": "Close",
+			onClick: t[0] || (t[0] = Q((...t) => e.close && e.close(...t), ["prevent"]))
+		})])]),
+		j("div", ke, [U(e.$slots, "default")], 512),
+		e.slots.footer ? (B(), A("div", Ae, [U(e.$slots, "footer")])) : k("", !0)
+	])], 2)], 6), e.visible ? (B(), A("div", {
+		key: 0,
+		class: "modal-backdrop fade show",
+		onClick: t[2] || (t[2] = (...t) => e.overlayClose && e.overlayClose(...t))
+	})) : k("", !0)], 64);
+}
+var Me = /*#__PURE__*/ x(we, [["render", je]]), Ne = P({
+	components: { Icon: f },
+	props: {
+		dir: {
+			type: String,
+			default: "right"
+		},
+		size: {
+			type: Number,
+			default: 16
+		}
+	},
+	setup: (e) => ({ angle: D(() => {
+		switch (e.dir) {
+			case "down": return 90;
+			case "left": return 180;
+			case "up": return 270;
+			default: return 0;
+		}
+	}) })
+});
+//#endregion
+//#region src/common/components/Arrow.vue
+function Pe(e, t, n, r, i, a) {
+	let o = W("Icon");
+	return B(), O(o, {
+		name: "chevron-right-reduced",
+		size: e.size,
+		style: z({ transform: `rotate(${e.angle}deg)` })
+	}, null, 8, ["size", "style"]);
+}
+var Fe = /*#__PURE__*/ x(Ne, [["render", Pe]]), Ie = P({
+	components: {
+		Arrow: Fe,
+		Clickable: a
+	},
+	props: {
+		total: {
+			type: Number,
+			default: 1
+		},
+		current: {
+			type: Number,
+			default: 1
+		},
+		trimTo: {
+			type: Number,
+			default: 5
+		},
+		narrowThan: {
+			type: Function,
+			default: void 0
+		}
+	},
+	emits: ["change"],
+	setup(e, { emit: t }) {
+		let n = D(() => {
+			let t = e.trimTo;
+			return e.narrowThan && (e.narrowThan("sm") ? t = Math.min(t, 1) : e.narrowThan("md") && (t = Math.min(t, 3))), t;
+		}), r = D(() => Math.floor(n.value / 2)), i = D(() => {
+			let { current: t } = e;
+			return t >= n.value ? t - r.value : 1;
+		}), a = D(() => {
+			let { total: t, current: i } = e, a = n.value;
+			return t < a || i > t - a ? t : i >= a ? i + r.value : a;
+		});
+		return {
+			threshold: r,
+			start: i,
+			end: a,
+			pagesToDisplay: D(() => [...Array(a.value - i.value + 1)].map((e, t) => i.value + t)),
+			goTo: (e) => t("change", e)
+		};
+	}
+}), Le = { class: "pagination" }, Re = {
+	key: 0,
+	class: "page-item"
+}, ze = { class: "page-item" }, Be = { class: "page-item" }, Ve = {
+	key: 3,
+	class: "page-item"
+};
+function He(e, t, n, r, i, a) {
+	let o = W("Arrow"), s = W("Clickable"), c = G("pis-test-key");
+	return B(), A("ul", Le, [
+		e.current > 1 ? (B(), A("li", Re, [N(s, {
+			class: "page-link",
+			onClick: t[0] || (t[0] = (t) => e.goTo(e.current - 1))
+		}, {
+			default: X(() => [N(o, { dir: "left" })]),
+			_: 1
+		})])) : k("", !0),
+		e.start === 1 ? k("", !0) : (B(), A(E, { key: 1 }, [j("li", ze, [N(s, {
+			class: "page-link",
+			title: "First",
+			"aria-label": "First",
+			onClick: t[1] || (t[1] = (t) => e.goTo(1))
+		}, {
+			default: X(() => [...t[4] || (t[4] = [M("1", -1)])]),
+			_: 1
+		})]), t[5] || (t[5] = j("li", { class: "page-item px-3" }, "...", -1))], 64)),
+		(B(!0), A(E, null, H(e.pagesToDisplay, (t) => Z((B(), A("li", {
+			key: t,
+			class: R(["page-item", [t === e.current && "active"]])
+		}, [N(s, {
+			class: "page-link",
+			onClick: (n) => e.goTo(t)
+		}, {
+			default: X(() => [M(K(t), 1)]),
+			_: 2
+		}, 1032, ["onClick"])], 2)), [[c, t]])), 128)),
+		e.current < e.total - e.trimTo + 1 ? (B(), A(E, { key: 2 }, [t[6] || (t[6] = j("li", { class: "page-item px-3" }, "...", -1)), j("li", Be, [N(s, {
+			class: "page-link",
+			title: "Last",
+			"aria-label": "Last",
+			onClick: t[2] || (t[2] = (t) => e.goTo(e.total))
+		}, {
+			default: X(() => [M(K(e.total), 1)]),
+			_: 1
+		})])], 64)) : k("", !0),
+		e.current < e.total ? (B(), A("li", Ve, [N(s, {
+			class: "page-link",
+			title: "Next",
+			"aria-label": "Next",
+			onClick: t[3] || (t[3] = (t) => e.goTo(e.current + 1))
+		}, {
+			default: X(() => [N(o)]),
+			_: 1
+		})])) : k("", !0)
+	]);
+}
+var Ue = /*#__PURE__*/ x(Ie, [["render", He]]), We = P({
+	components: {
+		Icon: f,
+		Arrow: Fe,
+		Clickable: a
+	},
+	props: {
+		icon: {
+			type: [String, Boolean],
+			default: void 0
+		},
+		header: {
+			type: String,
+			default: void 0
+		},
+		horizontal: Boolean,
+		stickyFooter: Boolean,
+		useMarkup: {
+			type: Boolean,
+			default: !0
+		},
+		collapsed: {
+			type: Boolean,
+			default: !1
+		},
+		transparent: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(e) {
+		let t = V(!e.collapsed);
+		return {
+			isOpen: t,
+			toggle: () => t.value = !t.value
+		};
+	}
+}), Ge = { key: 1 }, Ke = { class: "position-relative my-2" };
+function qe(e, t, n, r, i, a) {
+	let o = W("Icon"), s = W("Arrow"), c = W("Clickable");
+	return B(), A("div", { class: R([e.useMarkup && "card", e.useMarkup && e.transparent && "pis-card-transparent bg-transparent border-0 shadow-none"]) }, [e.useMarkup && (e.header || e.icon) ? (B(), O(c, {
+		key: 0,
+		class: R(["card-header d-flex align-items-center user-select-none", [e.transparent ? "bg-transparent border-0 shadow-none" : "bg-light", !e.isOpen && "border-bottom-0"]]),
+		onClick: e.toggle
+	}, {
+		default: X(() => [
+			e.icon ? (B(), O(o, {
+				key: 0,
+				name: e.icon,
+				class: "me-2"
+			}, null, 8, ["name"])) : k("", !0),
+			e.header ? (B(), A("strong", Ge, K(e.header), 1)) : k("", !0),
+			N(s, {
+				class: "d-flex align-items-center ms-auto",
+				size: 24,
+				dir: e.isOpen ? "up" : "down"
+			}, null, 8, ["dir"])
+		]),
+		_: 1
+	}, 8, ["class", "onClick"])) : k("", !0), Z(j("div", Ke, [
+		e.$slots.default ? (B(), A("div", {
+			key: 0,
+			class: R([e.useMarkup && "card-body", e.$slots.footer && "pb-0"])
+		}, [U(e.$slots, "default")], 2)) : k("", !0),
+		U(e.$slots, "list"),
+		e.$slots.footer ? (B(), A("div", {
+			key: 1,
+			class: R([
+				e.useMarkup && "card-body",
+				e.useMarkup && e.stickyFooter && "position-sticky bottom-0",
+				e.useMarkup && e.stickyFooter && (e.transparent ? "bg-transparent" : "bg-body")
+			])
+		}, [U(e.$slots, "footer")], 2)) : k("", !0)
+	], 512), [[_e, e.isOpen]])], 2);
+}
+var Je = /*#__PURE__*/ x(We, [["render", qe]]);
+//#endregion
+//#region ../../node_modules/.pnpm/mitt@2.1.0/node_modules/mitt/dist/mitt.es.js
+function Ye(e) {
+	return {
+		all: e = e || /* @__PURE__ */ new Map(),
+		on: function(t, n) {
+			var r = e.get(t);
+			r && r.push(n) || e.set(t, [n]);
+		},
+		off: function(t, n) {
+			var r = e.get(t);
+			r && r.splice(r.indexOf(n) >>> 0, 1);
+		},
+		emit: function(t, n) {
+			(e.get(t) || []).slice().map(function(e) {
+				e(n);
+			}), (e.get("*") || []).slice().map(function(e) {
+				e(t, n);
+			});
+		}
+	};
+}
+//#endregion
+//#region ../../node_modules/.pnpm/vue-virtual-scroller@2.0.1_vue@3.5.40_typescript@6.0.3_/node_modules/vue-virtual-scroller/dist/vue-virtual-scroller.js
+function Xe(e, t, n) {
+	if (!n) return t;
+	let r = e == null ? void 0 : e[n];
+	if (r == null) throw Error(`Key is ${r} on item (keyField is '${n}')`);
+	return r;
+}
+function Ze(e, t) {
+	return e.map((e, n) => Xe(e, n, t));
+}
+function Qe(e, t, n) {
+	let r = [], i = [];
+	for (let a = 0; a < e.length; a++) {
+		let o = e[a], s = Xe(o, a, t), c = n(o, a, s);
+		r.push(s), i.push(typeof c == "number" && c > 0 ? c : null);
+	}
+	return {
+		keys: r,
+		sizes: i
+	};
+}
+function $e(e, t, n) {
+	if (!e || e.keys.length !== t.length || e.sizes.length !== t.length) return !1;
+	for (let r = 0; r < t.length; r++) if (e.keys[r] !== Xe(t[r], r, n)) return !1;
+	return !0;
+}
+function et(e, t, n) {
+	if (!$e(e, t, n)) return {};
+	let r = {};
+	for (let t = 0; t < e.keys.length; t++) {
+		let n = e.sizes[t];
+		typeof n == "number" && n > 0 && (r[e.keys[t]] = n);
+	}
+	return r;
+}
+function tt(e, t) {
+	if (!e.length || t.length <= e.length) return 0;
+	let n = e[0], r = t.indexOf(n);
+	if (r <= 0 || r + e.length < t.length && e.length > t.length - r) return 0;
+	for (let n = 0; n < e.length; n++) if (t[r + n] !== e[n]) return 0;
+	return r;
+}
+function nt(e, t, n, r, i, a = 0) {
+	let o = i ?? "start";
+	if (o === "nearest") {
+		let i = n + r, o = e + t;
+		return e >= n && o <= i ? null : e < n ? e + a : o - r + a;
+	}
+	return o === "end" ? e + t - r + a : o === "center" ? e + (t - r) / 2 + a : e + a;
+}
+function rt(e, t, n, r) {
+	let i = null, a = null, o = null, s = !1, c = null, l = [], u = n.resizeObserver ? () => {} : n.onVscrollUpdate(g), d = D(() => {
+		let t = q(e);
+		if (n.vscrollData.simpleArray) {
+			if (t.index == null) throw Error("index is required when using simple-array mode with dynamic item measurement");
+			return t.index;
+		}
+		if (n.vscrollData.keyField in t.item) return t.item[n.vscrollData.keyField];
+		throw Error(`keyField '${n.vscrollData.keyField}' not found in your item. You should set a valid keyField prop on your Scroller`);
+	}), f = D(() => n.vscrollData.sizes[d.value] || 0), p = D(() => q(e).active && n.vscrollData.active);
+	function m() {
+		p.value ? a !== d.value && (a = d.value, i = null, o = null, b(d.value)) : i = d.value;
+	}
+	function h() {
+		q(e).watchData && !n.resizeObserver ? c = Y(() => q(e).item, () => {
+			_();
+		}, { deep: !0 }) : c && (c(), c = null);
+	}
+	function g({ force: e }) {
+		!p.value && e && (o = d.value), (i === d.value || e || !f.value) && m();
+	}
+	function _() {
+		m();
+	}
+	function v(e) {
+		n.undefinedMap[e] && n.undefinedSizeCount.value--, n.undefinedMap[e] = void 0;
+	}
+	function y(e, t) {
+		if (n.vscrollData.sizes[e]) {
+			v(e);
+			return;
+		}
+		if (t) {
+			n.undefinedMap[e] || n.undefinedSizeCount.value++, n.undefinedMap[e] = !0;
+			return;
+		}
+		n.undefinedMap[e] && (n.undefinedSizeCount.value--, n.undefinedMap[e] = !1);
+	}
+	function b(e) {
+		L(() => {
+			if (d.value === e) {
+				let e = q(t);
+				if (!e) return;
+				let n = e.offsetWidth, r = e.offsetHeight;
+				x(n, r);
+			}
+			a = null;
+		});
+	}
+	function x(e, t) {
+		let r = ~~(n.direction.value === "vertical" ? t : e);
+		r && f.value !== r && S(r);
+	}
+	function S(t) {
+		var i, a;
+		v(d.value), n.vscrollData.sizes[d.value] = t, q(e).emitResize && ((a = (i = q(r)) == null ? void 0 : i.onResize) == null || a.call(i, d.value));
+	}
+	function C() {
+		if (!n.resizeObserver || s) return;
+		let e = q(t);
+		e && (n.resizeObserver.observe(e), e.$_vs_id = d.value, e.$_vs_onResize = T, s = !0);
+	}
+	function w() {
+		if (!n.resizeObserver || !s) return;
+		let e = q(t);
+		e && (n.resizeObserver.unobserve(e), e.$_vs_onResize = void 0, s = !1);
+	}
+	function T(e, t, n) {
+		d.value === e && x(t, n);
+	}
+	l.push(Y(() => q(e).watchData, () => {
+		h();
+	})), n.resizeObserver || l.push(Y(() => q(e).sizeDependencies, () => {
+		_();
+	}, { deep: !0 })), l.push(Y(d, (e, r) => {
+		let a = q(t);
+		a && (a.$_vs_id = e), v(r), y(e, p.value);
+		let o = n.vscrollData.sizes[e];
+		if (!o) {
+			i = e, _();
+			return;
+		}
+		v(e), s && (n.vscrollData.sizes[e] = o);
+	})), l.push(Y(p, (e) => {
+		y(d.value, e), n.resizeObserver ? e ? C() : w() : e && o === d.value && m();
+	})), h();
+	function E() {
+		p.value && (m(), C());
+	}
+	function O() {
+		u(), w(), v(d.value);
+		let e = q(t);
+		e && (e.$_vs_id = void 0, e.$_vs_onResize = void 0), c && (c(), c = null);
+		for (let e of l) e();
+		l.length = 0;
+	}
+	return {
+		id: d,
+		size: f,
+		finalActive: p,
+		updateSize: m,
+		mount: E,
+		unmount: O
+	};
+}
+var it = { itemsLimit: 1e3 };
+function at(e) {
+	return typeof window < "u" && e === window;
+}
+var ot = (() => {
+	if (typeof document > "u") return "negative";
+	let e = document.createElement("div"), t = document.createElement("div");
+	e.style.width = "4px", e.style.height = "1px", e.style.overflow = "auto", e.style.direction = "rtl", t.style.width = "8px", t.style.height = "1px", e.appendChild(t), document.body.appendChild(e), e.scrollLeft = -1;
+	let n = e.scrollLeft < 0;
+	return document.body.removeChild(e), n ? "negative" : "default";
+})();
+function st(e, t, n) {
+	return t !== "horizontal" || !n || at(n) || getComputedStyle(n).direction !== "rtl" ? e : ot === "negative" ? -e : e;
+}
+function ct(e, t, n) {
+	return st(e, t, n);
+}
+function lt(e, t, n, r) {
+	let i = ct(n, t, e), a = !!(r != null && r.smooth);
+	if (at(e)) {
+		t === "vertical" ? e.scrollTo({
+			top: i,
+			behavior: a ? "smooth" : "auto"
+		}) : e.scrollTo({
+			left: i,
+			behavior: a ? "smooth" : "auto"
+		});
+		return;
+	}
+	if (typeof e.scrollTo == "function") {
+		e.scrollTo(t === "vertical" ? {
+			top: i,
+			behavior: a ? "smooth" : "auto"
+		} : {
+			left: i,
+			behavior: a ? "smooth" : "auto"
+		});
+		return;
+	}
+	t === "vertical" ? e.scrollTop = i : e.scrollLeft = i;
+}
+function ut(e, t, n) {
+	return n ? t === "vertical" ? window.innerHeight : window.innerWidth : t === "vertical" ? e.clientHeight : e.clientWidth;
+}
+var dt = /auto|scroll/;
+function ft(e, t) {
+	return e.parentNode === null ? t : ft(e.parentNode, [...t, e]);
+}
+function pt(e, t) {
+	return getComputedStyle(e, null).getPropertyValue(t);
+}
+function mt(e) {
+	return pt(e, "overflow") + pt(e, "overflow-y") + pt(e, "overflow-x");
+}
+function ht(e) {
+	return dt.test(mt(e));
+}
+function gt(e) {
+	if (!(e instanceof HTMLElement || e instanceof SVGElement)) return;
+	let t = ft(e.parentNode, []);
+	for (let e = 0; e < t.length; e += 1) if (t[e] instanceof Element && ht(t[e])) return t[e];
+	return document.scrollingElement || document.documentElement;
+}
+var _t = !1;
+function vt() {
+	return _t;
+}
+if (typeof window < "u") {
+	_t = !1;
+	try {
+		let e = Object.defineProperty({}, "passive", { get() {
+			_t = !0;
+		} });
+		window.addEventListener("test", null, e);
+	} catch {}
+}
+var yt = 0;
+function bt(e) {
+	let t = e;
+	t._vs_styleStamp++;
+}
+function xt(e, t, n) {
+	let r = e == null ? void 0 : e[n];
+	if (r == null) throw Error(`Key is ${r} on item (keyField is '${n}')`);
+	return r;
+}
+function St(e, t, n, r, i) {
+	let a = V([]), o = V(0), s = V(!1), c = 0, l = 0, u = /* @__PURE__ */ new Map(), d = /* @__PURE__ */ new Map(), f = !1, p = 0, m = 0, h = !1, g = null, _ = null, v = null, y = 0, b = null, x = [], S = null, C = null, w = null, T = !1, E = /* @__PURE__ */ new Set(), O = V({}), k = D(() => {
+		let t = q(e);
+		return t.items.length > 0 && typeof t.items[0] != "object";
+	}), A = D(() => {
+		let t = q(e);
+		if (t.itemSize === null) {
+			let e = { [-1]: { accumulator: 0 } }, n = t.items, r = t.sizeField ?? "size", i = t.minItemSize, a = O.value, o = 1e4, s = 0, c;
+			for (let l = 0, u = n.length; l < u; l++) c = a[k.value ? l : xt(n[l], l, t.keyField)] || n[l][r] || i, c < o && (o = c), s += c, e[l] = {
+				accumulator: s,
+				size: c
+			};
+			return y = o, e;
+		}
+		return [];
+	}), j = D(() => a.value.filter((e) => e.nr.used).sort((e, t) => e.nr.index - t.nr.index)), ee = D(() => {
+		let t = q(e), n = k.value ? null : t.keyField;
+		return Qe(t.items, n, (e, n, r) => t.itemSize == null ? O.value[r] || (e == null ? void 0 : e[t.sizeField ?? "size"]) || void 0 : t.itemSize);
+	});
+	function M(t) {
+		let n = q(e);
+		return O.value = et(t, n.items, k.value ? null : n.keyField), Object.keys(O.value).length > 0;
+	}
+	function N(e) {
+		let t = d.get(e);
+		return t || (t = [], d.set(e, t)), t;
+	}
+	function P(e, t, n, r, i) {
+		let a = ie({
+			id: yt++,
+			index: t,
+			used: !0,
+			key: r,
+			type: i
+		}), o = me({
+			item: n,
+			position: 0,
+			offset: 0,
+			nr: a,
+			_vs_styleStamp: 0
+		});
+		return e.push(o), o;
+	}
+	function te(e) {
+		let t = N(e);
+		if (t && t.length) {
+			let e = t.pop();
+			return e.nr.used = !0, bt(e), e;
+		}
+	}
+	function ne(e) {
+		let t = e.nr.type;
+		N(t).push(e), e.nr.used = !1, e.position = -9999, bt(e), u.delete(e.nr.key);
+	}
+	function re() {
+		u.clear(), d.clear();
+		for (let e = 0, t = a.value.length; e < t; e++) {
+			let t = a.value[e];
+			t && ne(t);
+		}
+	}
+	function F(e) {
+		let t = -1;
+		return t = requestAnimationFrame(() => {
+			E.delete(t), e();
+		}), E.add(t), t;
+	}
+	function I() {
+		for (let e of E) cancelAnimationFrame(e);
+		E.clear();
+	}
+	function R() {
+		g && (clearTimeout(g), g = null), _ && (clearTimeout(_), _ = null), v && (clearTimeout(v), v = null), C && (clearTimeout(C), C = null), w && (clearTimeout(w), w = null);
+	}
+	function ae() {
+		var e;
+		(e = i == null ? void 0 : i.onResize) == null || e.call(i), s.value && Q(!1);
+	}
+	function z() {
+		S && !T && G();
+		let t = q(e);
+		if (!f) {
+			if (f = !0, g) return;
+			let e = () => F(() => {
+				f = !1;
+				let { continuous: e } = Q(!1, !0);
+				e || (_ && clearTimeout(_), _ = setTimeout(z, t.updateInterval + 100));
+			});
+			e(), t.updateInterval && (g = setTimeout(() => {
+				g = null, f && e();
+			}, t.updateInterval));
+		}
+	}
+	function ce(e, t) {
+		var n, r;
+		s.value && (e || t.boundingClientRect.width !== 0 || t.boundingClientRect.height !== 0 ? ((n = i == null ? void 0 : i.onVisible) == null || n.call(i), F(() => {
+			Q(!1);
+		})) : (r = i == null ? void 0 : i.onHidden) == null || r.call(i));
+	}
+	function ue() {
+		let e = q(t), n = e ? gt(e) : void 0;
+		return window.document && (n === window.document.documentElement || n === window.document.body) ? window : n || window;
+	}
+	function B() {
+		let t = q(n);
+		return t ? q(e).direction === "vertical" ? t.scrollHeight : t.scrollWidth : 0;
+	}
+	function de() {
+		let n = q(t);
+		if (!n) return {
+			start: 0,
+			end: 0
+		};
+		let r = q(e), i = r.direction === "vertical", a;
+		if (r.pageMode) {
+			let e = n.getBoundingClientRect(), t = i ? e.height : e.width, r = -(i ? e.top : e.left), o = i ? window.innerHeight : window.innerWidth;
+			r < 0 && (o += r, r = 0), r + o > t && (o = t - r), a = {
+				start: r,
+				end: r + o
+			};
+		} else a = i ? {
+			start: n.scrollTop,
+			end: n.scrollTop + n.clientHeight
+		} : {
+			start: st(n.scrollLeft, r.direction, n),
+			end: st(n.scrollLeft, r.direction, n) + n.clientWidth
+		};
+		return a;
+	}
+	function fe() {
+		let n = q(t);
+		if (!n) return {
+			start: 0,
+			end: 0
+		};
+		if (q(e).direction === "vertical") {
+			let e = st(n.scrollLeft, "horizontal", n);
+			return {
+				start: e,
+				end: e + n.clientWidth
+			};
+		}
+		return {
+			start: n.scrollTop,
+			end: n.scrollTop + n.clientHeight
+		};
+	}
+	function H(t) {
+		let n = q(e);
+		if (n.itemSize != null) return n.itemSize;
+		let r = A.value[t];
+		return (r == null ? void 0 : r.size) || Number(n.minItemSize) || 0;
+	}
+	function U(t) {
+		var n;
+		let r = q(e), i = r.gridItems || 1;
+		return t <= 0 ? 0 : r.itemSize == null ? ((n = A.value[t - 1]) == null ? void 0 : n.accumulator) || 0 : Math.floor(t / i) * r.itemSize;
+	}
+	function W(t) {
+		let n = q(e), r = n.items.length, i = n.gridItems || 1;
+		if (!r) return 0;
+		if (n.itemSize != null) {
+			let e = Math.floor(t / n.itemSize) * i;
+			return Math.min(Math.max(e, 0), r - 1);
+		}
+		let a = 0, o = r - 1, s = 0;
+		for (; a <= o;) {
+			let e = Math.floor((a + o) / 2);
+			U(e) <= t ? (s = e, a = e + 1) : o = e - 1;
+		}
+		return s;
+	}
+	function G() {
+		C && (clearTimeout(C), C = null), S = null;
+	}
+	function pe() {
+		C && clearTimeout(C), C = setTimeout(() => {
+			S = null, C = null;
+		}, 150);
+	}
+	function he(e, t) {
+		if (!e.length) {
+			G();
+			return;
+		}
+		let n = Math.max(de().start - B(), 0), r = Math.min(W(n), e.length - 1), i = e[r], a = t ? i == null ? void 0 : i[t] : r;
+		if (a == null) {
+			G();
+			return;
+		}
+		let o = B() + U(r);
+		S = {
+			key: a,
+			offset: de().start - o
+		};
+	}
+	function K(t) {
+		if (!S) return !1;
+		let n = q(e), r = Ze(t ?? n.items, k.value ? null : n.keyField).indexOf(S.key);
+		if (r === -1) return G(), !1;
+		let i = B() + U(r) + S.offset, a = de().start;
+		return Math.abs(i - a) < .5 ? !1 : (T = !0, Se(i), F(() => {
+			T = !1;
+		}), !0);
+	}
+	function ge() {
+		q(e).pageMode ? J() : _e();
+	}
+	function J() {
+		b = ue(), b.addEventListener("scroll", z, vt() ? { passive: !0 } : !1), b.addEventListener("resize", ae);
+	}
+	function _e() {
+		b && (b.removeEventListener("scroll", z), b.removeEventListener("resize", ae), b = null);
+	}
+	function X(e, t, n, r, i, a) {
+		let o = Math.ceil(e / t) * n, s = Math.max(0, Math.floor(i.start / n)), c = Math.min(Math.ceil(i.end / n), Math.ceil(e / t)), l = Math.max(0, Math.floor(a.start / r)), u = Math.min(Math.ceil(a.end / r), t), d = [];
+		for (let n = s; n < c; n++) {
+			let r = n * t;
+			for (let t = l; t < u; t++) {
+				let n = r + t;
+				if (n >= e) break;
+				d.push(n);
+			}
+		}
+		let f = d[0] ?? 0, p = d.at(-1) ?? -1;
+		return {
+			renderedIndices: d,
+			startIndex: f,
+			endIndex: p + 1,
+			visibleStartIndex: f,
+			visibleEndIndex: p,
+			totalSize: o
+		};
+	}
+	function Z() {
+		let n = q(e);
+		if (!n.gridItems || n.itemSize == null) return !1;
+		let r = q(t);
+		if (!r) return !1;
+		let i = n.itemSecondarySize || n.itemSize, a = n.direction === "vertical" ? r.clientWidth : r.clientHeight;
+		return i * n.gridItems > a;
+	}
+	function Q(t, s = !1) {
+		var d, f;
+		let g = q(e), _ = g.itemSize, b = g.gridItems || 1, x = g.itemSecondarySize || _, S = y, C = g.typeField, w = k.value ? null : g.keyField, T = g.items, E = T.length, D = A.value, O = u, j = a.value, ee = null, M = null, N, F, ie, I, L;
+		if (!E) N = F = I = L = ie = 0;
+		else if (h) N = I = 0, F = L = Math.min(g.prerender, T.length), ie = 0;
+		else {
+			let e = de(), t = fe();
+			if (s) {
+				let n = e.start - p;
+				n < 0 && (n = -n);
+				let r = t.start - m;
+				if (r < 0 && (r = -r), !(_ === null && n >= S || _ !== null && n >= _) && !(b > 1 && _ != null && r >= x)) return { continuous: !0 };
+			}
+			p = e.start, m = t.start;
+			let i = g.buffer;
+			e.start -= i, e.end += i, t.start -= i, t.end += i;
+			let a = 0, o = q(n);
+			o && (a = o.scrollHeight, e.start -= a);
+			let c = q(r);
+			if (c) {
+				let t = c.scrollHeight;
+				e.end += t;
+			}
+			if (_ === null) {
+				let t, n = 0, r = E - 1, i = ~~(E / 2), o;
+				do
+					o = i, t = D[i].accumulator, t < e.start ? n = i : i < E - 1 && D[i + 1].accumulator > e.start && (r = i), i = ~~((n + r) / 2);
+				while (i !== o);
+				for (i < 0 && (i = 0), N = i, ie = D[E - 1].accumulator, F = i; F < E && D[F].accumulator < e.end; F++);
+				for (F === -1 ? F = T.length - 1 : (F++, F > E && (F = E)), I = N; I < E && a + D[I].accumulator < e.start; I++);
+				for (L = I; L < E && a + D[L].accumulator < e.end; L++);
+			} else if (b > 1) {
+				let n = X(E, b, _, x, e, t);
+				ee = n.renderedIndices, M = new Set(ee), N = n.startIndex, F = n.endIndex, I = n.visibleStartIndex, L = n.visibleEndIndex, ie = n.totalSize;
+			} else {
+				N = ~~(e.start / _ * b);
+				let t = N % b;
+				N -= t, F = Math.ceil(e.end / _ * b), I = Math.max(0, Math.floor((e.start - a) / _ * b)), L = Math.floor((e.end - a) / _ * b), N < 0 && (N = 0), F > E && (F = E), I < 0 && (I = 0), L > E && (L = E), ie = Math.ceil(E / b) * _;
+			}
+		}
+		F - N > it.itemsLimit && ve(), o.value = ie;
+		let R, ae = N <= l && F >= c;
+		if (!ae || t) re();
+		else for (let e = 0, t = j.length; e < t; e++) {
+			let t = j[e];
+			if (t && (R = t, R.nr.used)) {
+				let e = M ? M.has(R.nr.index) : R.nr.index >= N && R.nr.index < F, t = _ || D[R.nr.index] && D[R.nr.index].size;
+				(!e || !t) && ne(R);
+			}
+		}
+		let z, oe, se = ee ?? Array.from({ length: Math.max(0, F - N) }, (e, t) => N + t);
+		for (let e of se) {
+			if (!(_ || D[e] && D[e].size)) continue;
+			z = T[e];
+			let t = w ? z[w] : e;
+			if (t == null) throw Error(`Key is ${t} on item (keyField is '${w}')`);
+			if (R = O.get(t), R) R.item !== z && (R.item = z), R.nr.used || console.warn(`Expected existing view's used flag to be true, got ${R.nr.used}`);
+			else {
+				if (oe = z[C], R = te(oe), R) {
+					let n = R.nr.index !== e || R.nr.key !== t;
+					R.item = z, R.nr.index = e, R.nr.key = t, R.nr.type !== oe && console.warn("Reused view's type does not match pool's type"), n && bt(R);
+				} else R = P(j, e, z, t, oe);
+				O.set(t, R);
+			}
+			_ === null ? (R.position = ((d = D[e - 1]) == null ? void 0 : d.accumulator) || 0, R.offset = 0) : (R.position = Math.floor(e / b) * _, R.offset = e % b * x);
+		}
+		return c = N, l = F, g.emitUpdate && ((f = i == null ? void 0 : i.onUpdate) == null || f.call(i, N, F, I, L)), v && clearTimeout(v), v = setTimeout(be, g.updateInterval + 300), { continuous: ae };
+	}
+	function ve() {
+		throw w = setTimeout(() => {
+			w = null, console.warn("It seems the scroller element isn't scrolling, so it tries to render all the items at once.", "Scroller:", q(t)), console.warn("Make sure the scroller has a fixed height (or width) and 'overflow-y' (or 'overflow-x') set to 'auto' so it can scroll correctly and only render the items visible in the scroll viewport.");
+		}), /* @__PURE__ */ Error("Rendered items limit reached");
+	}
+	function ye() {
+		if (Z()) return !1;
+		let e = a.value.filter(({ nr: e }) => e.used);
+		for (let t = 1; t < e.length; t++) if (e[t].nr.index !== e[t - 1].nr.index + 1) return !0;
+		return !1;
+	}
+	function be() {
+		a.value.sort((e, t) => e.nr.index - t.nr.index), ye() && (Q(!1), v && clearTimeout(v));
+	}
+	function xe(n, r) {
+		let i = q(e), a = q(t);
+		if (!a) return;
+		let o = Math.max(0, Math.min(n, i.items.length - 1)), s = de().start, c = ut(a, i.direction, i.pageMode), l = nt(U(o), H(o), s, c, r == null ? void 0 : r.align, (r == null ? void 0 : r.offset) ?? 0);
+		if (l != null && (Se(l, r), i.gridItems && i.itemSize != null)) {
+			let e = q(t);
+			if (!e) return;
+			let n = i.gridItems, a = i.itemSecondarySize || i.itemSize, s = o % n * a, c = i.direction === "vertical" ? "horizontal" : "vertical", l = nt(s, a, c === "horizontal" ? st(e.scrollLeft, "horizontal", e) : e.scrollTop, c === "horizontal" ? e.clientWidth : e.clientHeight, r == null ? void 0 : r.align, (r == null ? void 0 : r.offset) ?? 0);
+			l != null && lt(e, c, l, r);
+		}
+	}
+	function Se(n, r) {
+		let i = q(e), a = q(t);
+		if (a) if (i.pageMode) {
+			let e = gt(a), t = e.getBoundingClientRect(), o = a.getBoundingClientRect(), s = i.direction === "vertical" ? "top" : "left", c = gt(a) === document.documentElement || gt(a) === document.body ? i.direction === "vertical" ? window.scrollY : window.scrollX : st(i.direction === "vertical" ? e.scrollTop : e.scrollLeft, i.direction, e), l = o[s] - t[s];
+			lt(e.tagName === "HTML" ? window : e, i.direction, n + c + l, r);
+		} else lt(a, i.direction, n, r);
+	}
+	let Ce = q(e);
+	return x = Ze(Ce.items, Ce.items.length > 0 && typeof Ce.items[0] != "object" ? null : Ce.keyField), Ce.cache && M(Ce.cache), Ce.prerender && (h = !0, Q(!1)), Ce.gridItems && !Ce.itemSize && console.error("[vue-recycle-scroller] You must provide an itemSize when using gridItems"), le(() => {
+		ge(), L(() => {
+			h = !1, Q(!0), s.value = !0;
+		});
+	}), oe(() => {
+		let e = p;
+		typeof e == "number" && L(() => {
+			Se(e);
+		});
+	}), se(() => {
+		R(), I(), _e();
+	}), Y(() => q(e).cache, (e) => {
+		M(e), Q(!0);
+	}), Y(() => q(e).items, (t, n) => {
+		let r = q(e), i = k.value ? null : r.keyField, a = Ze(t, i);
+		r.shift && tt(n ? Ze(n, i) : x, a) > 0 ? he(n ?? [], i) : G(), x = a, K(t), Q(!0);
+	}), Y(() => q(e).pageMode, () => {
+		ge(), Q(!1);
+	}), Y(A, () => {
+		K() && pe(), Q(!1);
+	}, { deep: !0 }), Y(() => q(e).gridItems, () => {
+		Q(!0);
+	}), Y(() => q(e).itemSecondarySize, () => {
+		Q(!0);
+	}), {
+		pool: a,
+		visiblePool: j,
+		totalSize: o,
+		ready: s,
+		sizes: A,
+		simpleArray: k,
+		scrollToItem: xe,
+		scrollToPosition: Se,
+		getScroll: de,
+		findItemIndex: W,
+		getItemOffset: U,
+		getItemSize: H,
+		cacheSnapshot: ee,
+		restoreCache: M,
+		updateVisibleItems: Q,
+		handleScroll: z,
+		handleResize: ae,
+		handleVisibilityChange: ce,
+		sortViews: be
+	};
+}
+function Ct(e) {
+	return e.item;
+}
+function wt(e) {
+	return e._vs_styleStamp ?? 0;
+}
+var Tt = [
+	"position",
+	"top",
+	"left",
+	"transform",
+	"willChange",
+	"visibility",
+	"pointerEvents"
+];
+function Et(e) {
+	let t = {};
+	for (let n of Tt) t[n] = e.style[n];
+	return t;
+}
+function Dt(e, t) {
+	for (let n of Tt) e.style[n] = t[n] ?? "";
+}
+function Ot(e, t, n, r) {
+	if (!("view" in t)) {
+		Dt(e, r);
+		return;
+	}
+	let i = n === "vertical", a = e.tagName === "TR", o = i ? `translateY(${t.view.position}px) translateX(${t.view.offset}px)` : `translateX(${t.view.position}px) translateY(${t.view.offset}px)`;
+	e.style.position = "absolute", e.style.top = i && a ? `${t.view.position}px` : "0px", e.style.left = !i && a ? `${t.view.position}px` : "0px", e.style.transform = a ? "" : o, e.style.willChange = a ? "unset" : "transform", e.style.visibility = t.view.nr.used ? "visible" : "hidden", e.style.pointerEvents = t.view.nr.used ? "" : "none";
+}
+function kt(e) {
+	return "view" in e ? {
+		item: Ct(e.view).item,
+		active: e.view.nr.used,
+		index: e.view.nr.index,
+		watchData: e.watchData ?? !1,
+		emitResize: e.emitResize ?? !1,
+		sizeDependencies: e.sizeDependencies ?? null,
+		onResize: e.onResize
+	} : {
+		watchData: !1,
+		emitResize: !1,
+		sizeDependencies: null,
+		...e
+	};
+}
+function At(e, t, n, r) {
+	return n ? r ?? null : (e == null ? void 0 : e[t]) ?? null;
+}
+function jt(e) {
+	let t = 0, n = {}, r = Ye(), i = !1, a, o = !1, s = [], c = null, l = null, u = /* @__PURE__ */ new Set(), d = fe({
+		active: !0,
+		sizes: {},
+		keyField: q(e).keyField,
+		simpleArray: !1
+	}), f = D(() => q(e).direction), p = D(() => q(q(e).el)), m = D(() => q(q(e).before)), h = D(() => q(q(e).after)), g = /* @__PURE__ */ new Map();
+	function _(e) {
+		let t = -1;
+		return t = requestAnimationFrame(() => {
+			u.delete(t), e();
+		}), u.add(t), t;
+	}
+	function v() {
+		for (let e of u) cancelAnimationFrame(e);
+		u.clear();
+	}
+	typeof ResizeObserver < "u" && (a = new ResizeObserver((e) => {
+		_(() => {
+			if (Array.isArray(e)) {
+				for (let t of e) if (t.target && t.target.$_vs_onResize) {
+					let e, n;
+					if (t.borderBoxSize) {
+						let r = t.borderBoxSize[0];
+						e = r.inlineSize, n = r.blockSize;
+					} else e = t.contentRect.width, n = t.contentRect.height;
+					t.target.$_vs_onResize(t.target.$_vs_id, e, n);
+				}
+			}
+		});
+	}));
+	let y = {
+		vscrollData: d,
+		resizeObserver: a,
+		direction: f,
+		undefinedMap: n,
+		undefinedSizeCount: {
+			get value() {
+				return t;
+			},
+			set value(e) {
+				t = e;
+			}
+		},
+		onVscrollUpdate(e) {
+			let t = (t) => {
+				e(t);
+			};
+			return r.on("vscroll:update", t), () => r.off("vscroll:update", t);
+		}
+	};
+	de("vscrollData", d), de("vscrollParent", {
+		get $_undefinedSizes() {
+			return t;
+		},
+		set $_undefinedSizes(e) {
+			t = e;
+		},
+		get $_undefinedMap() {
+			return n;
+		},
+		set $_undefinedMap(e) {
+			n = e;
+		},
+		$_events: r,
+		direction: f
+	}), de("vscrollResizeObserver", a), de("vscrollMeasurementContext", y), de("vscrollAnchorRegistry", {
+		delete(e) {
+			g.delete(e);
+		},
+		set(e, t) {
+			g.set(e, t);
+		}
+	});
+	let b = D(() => {
+		let t = q(e);
+		return t.items.length > 0 && typeof t.items[0] != "object";
+	}), x = D(() => {
+		let t = [], { items: r, keyField: i } = q(e), a = b.value, o = d.sizes, s = r.length;
+		for (let e = 0; e < s; e++) {
+			let s = r[e], c = a ? e : s[i], l = o[c];
+			typeof l > "u" && !n[c] && (l = 0), t.push({
+				item: s,
+				id: c,
+				size: l
+			});
+		}
+		return t;
+	}), S = q(e);
+	s = Ze(S.items, b.value ? null : S.keyField), S.cache && (d.sizes = et(S.cache, S.items, b.value ? null : S.keyField));
+	let C = D(() => {
+		let t = q(e);
+		return {
+			items: x.value,
+			keyField: "id",
+			direction: t.direction,
+			itemSize: null,
+			gridItems: void 0,
+			itemSecondarySize: void 0,
+			minItemSize: t.minItemSize,
+			sizeField: "size",
+			typeField: "type",
+			buffer: t.buffer ?? 200,
+			pageMode: t.pageMode ?? !1,
+			shift: !1,
+			cache: t.cache,
+			prerender: t.prerender ?? 0,
+			emitUpdate: t.emitUpdate ?? !1,
+			updateInterval: t.updateInterval ?? 0
+		};
+	});
+	function w() {
+		var t, n;
+		F(), (n = (t = q(e)).onResize) == null || n.call(t);
+	}
+	function T() {
+		var t, n;
+		r.emit("vscroll:update", { force: !1 }), (n = (t = q(e)).onVisible) == null || n.call(t);
+	}
+	let E = St(C, p, m, h, {
+		onResize: w,
+		onVisible: T,
+		onHidden: () => {
+			var t, n;
+			return (n = (t = q(e)).onHidden) == null ? void 0 : n.call(t);
+		},
+		onUpdate: (t, n, r, i) => {
+			var a, o;
+			return (o = (a = q(e)).onUpdate) == null ? void 0 : o.call(a, t, n, r, i);
+		}
+	}), O = /* @__PURE__ */ new WeakMap();
+	function k() {
+		l != null && (cancelAnimationFrame(l), u.delete(l), l = null);
+	}
+	function A() {
+		k(), c = null;
+	}
+	function j() {
+		c == null || l != null || (l = _(() => {
+			l = null, P();
+		}));
+	}
+	function ee() {
+		let e = p.value;
+		if (!e) return null;
+		let t = e.getBoundingClientRect(), n = null;
+		for (let [e, r] of g.entries()) {
+			if (!r.active || getComputedStyle(e).visibility === "hidden") continue;
+			let i = e.getBoundingClientRect();
+			if (i.bottom <= t.top || i.top >= t.bottom) continue;
+			let a = Math.max(i.top, t.top) - t.top;
+			(!n || a < n.score) && (n = {
+				key: r.id,
+				offset: i.top - t.top,
+				score: a
+			});
+		}
+		return n;
+	}
+	function M(e) {
+		let t = p.value;
+		if (!t) {
+			A();
+			return;
+		}
+		let n = t.scrollTop, r = Math.min(E.findItemIndex(n), e.length - 1), i = e[r];
+		if (i == null) {
+			A();
+			return;
+		}
+		let a = ee();
+		c = {
+			logicalKey: i,
+			logicalOffset: n - E.getItemOffset(r),
+			pendingKeys: /* @__PURE__ */ new Set(),
+			stableFrames: 0,
+			visualKey: (a == null ? void 0 : a.key) ?? null,
+			visualOffset: (a == null ? void 0 : a.offset) ?? 0
+		};
+	}
+	function N(e) {
+		let t = p.value;
+		return !t || Math.abs(t.scrollTop - e) < .5 ? !1 : (o = !0, t.scrollTop = e, t.dispatchEvent(new Event("scroll")), _(() => {
+			o = !1;
+		}), !0);
+	}
+	function P() {
+		let e = c, t = p.value;
+		if (!e || !t) return;
+		let n = x.value.findIndex((t) => t.id === e.logicalKey);
+		if (n === -1) {
+			A();
+			return;
+		}
+		let r = !1;
+		if (r = N(E.getItemOffset(n) + e.logicalOffset) || r, e.visualKey != null) for (let [n, i] of g.entries()) {
+			if (!i.active || i.id !== e.visualKey || getComputedStyle(n).visibility === "hidden") continue;
+			let a = n.getBoundingClientRect().top - t.getBoundingClientRect().top - e.visualOffset;
+			r = N(t.scrollTop + a) || r;
+			break;
+		}
+		let i = !0;
+		for (let t of e.pendingKeys) if (!(typeof d.sizes[t] == "number" && d.sizes[t] > 0)) {
+			i = !1;
+			break;
+		}
+		if (!r && i) {
+			if (e.stableFrames++, e.stableFrames >= 2) {
+				A();
+				return;
+			}
+		} else e.stableFrames = 0;
+		j();
+	}
+	function ne(t, n, r, i) {
+		let a = te(), o = he(n), s = he(r), c = he({ onResize: r.onResize }), l = he(t), u = a.run(() => (Y(() => {
+			let t = o.value;
+			if (!("view" in t)) return {
+				active: s.value.active,
+				direction: f.value,
+				id: At(s.value.item, q(e).keyField, d.simpleArray, s.value.index),
+				legacy: !0
+			};
+			let { view: n } = t;
+			return {
+				active: n.nr.used,
+				direction: f.value,
+				id: Ct(n).id,
+				legacy: !1,
+				position: n.position,
+				offset: n.offset,
+				styleStamp: wt(n)
+			};
+		}, () => {
+			let t = l.value;
+			if (t) {
+				let n = o.value, r = "view" in n ? Ct(n.view).id : At(s.value.item, q(e).keyField, d.simpleArray, s.value.index);
+				r != null && g.set(t, {
+					active: s.value.active && d.active,
+					id: r
+				}), Ot(t, o.value, f.value, i);
+			}
+		}, { immediate: !0 }), rt(s, l, y, c)));
+		u.mount(), O.set(t, {
+			binding: o,
+			scope: a,
+			options: s,
+			callbacks: c,
+			el: l,
+			controller: u,
+			restoreStyles: i
+		});
+	}
+	let re = {
+		mounted(e, t) {
+			let n = Et(e);
+			ne(e, t.value, kt(t.value), n);
+		},
+		updated(e, t) {
+			let n = O.get(e), r = kt(t.value);
+			if (!n) {
+				let n = Et(e);
+				ne(e, t.value, r, n);
+				return;
+			}
+			n.binding.value = t.value, n.options.value = r, n.callbacks.value = { onResize: r.onResize }, n.el.value = e, Ot(e, t.value, f.value, n.restoreStyles);
+		},
+		unmounted(e) {
+			let t = O.get(e);
+			t && (t.controller.unmount(), t.scope.stop(), Dt(e, t.restoreStyles), g.delete(e), O.delete(e));
+		}
+	};
+	function F(e = !1) {
+		(e || b.value) && (d.sizes = {}), r.emit("vscroll:update", { force: !0 });
+	}
+	function ie(e, t) {
+		E.scrollToItem(e, t);
+	}
+	function I(t) {
+		let n = q(e);
+		return d.sizes = et(t, n.items, b.value ? null : n.keyField), E.restoreCache(t);
+	}
+	function R(t, n) {
+		let r = q(e), i = b.value ? n ?? r.items.indexOf(t) : t[r.keyField];
+		return d.sizes[i] || 0;
+	}
+	function ae() {
+		let e = p.value;
+		e && (i || (i = !0, L(() => {
+			e.scrollTop = e.scrollHeight + 5e3;
+			let n = () => {
+				e.scrollTop = e.scrollHeight + 5e3, _(() => {
+					e.scrollTop = e.scrollHeight + 5e3, t === 0 ? i = !1 : _(n);
+				});
+			};
+			_(n);
+		})));
+	}
+	function z() {
+		c && !o && A();
+	}
+	return Y(() => q(e).items, (t, n) => {
+		let r = q(e), i = b.value ? null : r.keyField, a = Ze(t, i);
+		if (r.shift) {
+			let e = n ? Ze(n, i) : s, t = tt(e, a);
+			t > 0 ? (M(e), c && (c.pendingKeys = new Set(a.slice(0, t)), c.stableFrames = 0, L(() => {
+				c && P();
+			}))) : A();
+		} else A();
+		s = a, F();
+	}, { flush: "sync" }), Y(() => q(e).cache, (e) => {
+		e && I(e);
+	}), Y(b, (e) => {
+		d.simpleArray = e;
+	}, { immediate: !0 }), Y(() => q(e).direction, () => {
+		A(), F(!0);
+	}), Y(p, (e, t) => {
+		t == null || t.removeEventListener("scroll", z), e == null || e.addEventListener("scroll", z);
+	}, { immediate: !0 }), Y(x, (t, n) => {
+		let r = p.value;
+		if (!r) return;
+		if (c) {
+			P();
+			return;
+		}
+		let i = r.scrollTop, a = q(e), o = 0, s = 0, l = Math.min(t.length, n.length);
+		for (let e = 0; e < l && !(o >= i); e++) o += n[e].size || a.minItemSize, s += t[e].size || a.minItemSize;
+		let u = s - o;
+		u !== 0 && (r.scrollTop += u);
+	}, { flush: "post" }), oe(() => {
+		d.active = !0;
+	}), ce(() => {
+		d.active = !1;
+	}), ue(() => {
+		var e;
+		k(), v(), (e = p.value) == null || e.removeEventListener("scroll", z), r.all.clear();
+	}), {
+		vscrollData: d,
+		itemsWithSize: x,
+		resizeObserver: a,
+		measurementContext: y,
+		vDynamicScrollerItem: re,
+		...E,
+		simpleArray: b,
+		forceUpdate: F,
+		scrollToItem: ie,
+		restoreCache: I,
+		getItemSize: R,
+		scrollToBottom: ae,
+		onScrollerResize: w,
+		onScrollerVisible: T
+	};
+}
+var Mt = /* @__PURE__ */ new WeakMap();
+function Nt(e) {
+	return typeof e == "function" ? {
+		callback: e,
+		observer: null,
+		intersection: void 0,
+		visible: null
+	} : {
+		callback: e.callback,
+		observer: null,
+		intersection: e.intersection,
+		visible: null
+	};
+}
+function Pt(e, t) {
+	Ft(e);
+	let n = Nt(t.value);
+	if (Mt.set(e, n), typeof IntersectionObserver > "u") {
+		let t = e.getBoundingClientRect();
+		n.visible = !0, n.callback(!0, { boundingClientRect: t });
+		return;
+	}
+	n.observer = new IntersectionObserver((e) => {
+		let t = e[0], r = !!(t != null && t.isIntersecting);
+		n.visible !== null && n.visible === r || (n.visible = r, n.callback(r, t));
+	}, n.intersection), n.observer.observe(e);
+}
+function Ft(e) {
+	let t = Mt.get(e);
+	t != null && t.observer && (t.observer.disconnect(), t.observer = null);
+}
+var It = {
+	mounted(e, t) {
+		Pt(e, t);
+	},
+	updated(e, t) {
+		t.value !== t.oldValue && Pt(e, t);
+	},
+	unmounted(e) {
+		Ft(e), Mt.delete(e);
+	}
+}, Lt = /* @__PURE__ */ P({
+	__name: "ItemView",
+	props: {
+		view: {},
+		itemTag: {}
+	},
+	setup(e) {
+		let t = e;
+		return (e, n) => (B(), O(pe(t.itemTag), { class: "vue-recycle-scroller__item-view" }, {
+			default: X(() => [U(e.$slots, "default", {
+				item: t.view.item,
+				index: t.view.nr.index,
+				active: t.view.nr.used
+			})]),
+			_: 3
+		}));
+	}
+}), Rt = /* @__PURE__ */ ((e, t) => {
+	let n = e.__vccOpts || e;
+	for (let [e, r] of t) n[e] = r;
+	return n;
+})(/* @__PURE__ */ P({
+	__name: "ResizeObserver",
+	emits: ["notify"],
+	setup(e, { emit: t }) {
+		let n = t, r = V(), i = null, a = null;
+		function o() {
+			n("notify");
+		}
+		return le(() => {
+			var e;
+			let t = (e = r.value) == null ? void 0 : e.parentElement;
+			if (t) {
+				if (typeof ResizeObserver < "u") {
+					i = new ResizeObserver(() => {
+						o();
+					}), i.observe(t);
+					return;
+				}
+				a = () => o(), window.addEventListener("resize", a);
+			}
+		}), se(() => {
+			i && (i.disconnect(), i = null), a && (window.removeEventListener("resize", a), a = null);
+		}), (e, t) => (B(), A("div", {
+			ref_key: "el",
+			ref: r,
+			class: "vue-recycle-scroller__resize-observer",
+			"aria-hidden": "true"
+		}, null, 512));
+	}
+}), [["__scopeId", "data-v-08cc04ab"]]), zt = /* @__PURE__ */ P({
+	__name: "RecycleScroller",
+	props: {
+		items: {},
+		keyField: { default: "id" },
+		direction: { default: "vertical" },
+		listTag: { default: "div" },
+		itemTag: { default: "div" },
+		itemSize: { default: null },
+		gridItems: { default: void 0 },
+		itemSecondarySize: { default: void 0 },
+		minItemSize: { default: null },
+		sizeField: { default: "size" },
+		typeField: { default: "type" },
+		buffer: { default: 200 },
+		pageMode: {
+			type: Boolean,
+			default: !1
+		},
+		shift: {
+			type: Boolean,
+			default: !1
+		},
+		cache: { default: void 0 },
+		prerender: { default: 0 },
+		emitUpdate: {
+			type: Boolean,
+			default: !1
+		},
+		disableTransform: {
+			type: Boolean,
+			default: !1
+		},
+		updateInterval: { default: 0 },
+		skipHover: {
+			type: Boolean,
+			default: !1
+		},
+		listClass: { default: "" },
+		itemClass: { default: "" }
+	},
+	emits: [
+		"resize",
+		"visible",
+		"hidden",
+		"update",
+		"scrollStart",
+		"scrollEnd"
+	],
+	setup(e, { expose: t, emit: n }) {
+		let r = e, i = n, a = It, o = V(), s = V(), c = V(), l = V(null), { pool: u, visiblePool: d, totalSize: f, ready: p, scrollToItem: m, scrollToPosition: h, getScroll: g, findItemIndex: _, getItemOffset: v, getItemSize: y, cacheSnapshot: b, restoreCache: x, updateVisibleItems: S, handleScroll: C, handleResize: w, handleVisibilityChange: T } = St(r, o, s, c, {
+			onResize: () => i("resize"),
+			onVisible: () => i("visible"),
+			onHidden: () => i("hidden"),
+			onUpdate: (e, t, n, a) => {
+				i("update", e, t, n, a), n <= 0 && i("scrollStart"), a >= r.items.length - 1 && i("scrollEnd");
+			}
+		});
+		function j(e) {
+			l.value = e;
+		}
+		function ee() {
+			l.value = null;
+		}
+		let M = D(() => {
+			let e = { [r.direction === "vertical" ? "minHeight" : "minWidth"]: `${f.value}px` };
+			if (r.gridItems && r.itemSize != null) {
+				let t = (r.itemSecondarySize || r.itemSize) * r.gridItems;
+				e[r.direction === "vertical" ? "minWidth" : "minHeight"] = `${t}px`;
+			}
+			return e;
+		});
+		return t({
+			el: o,
+			visiblePool: d,
+			scrollToItem: m,
+			scrollToPosition: h,
+			getScroll: g,
+			findItemIndex: _,
+			getItemOffset: v,
+			getItemSize: y,
+			cacheSnapshot: b,
+			restoreCache: x,
+			updateVisibleItems: S
+		}), (e, t) => Z((B(), A("div", {
+			ref_key: "el",
+			ref: o,
+			class: R(["vue-recycle-scroller", {
+				"grid-mode": r.gridItems,
+				ready: J(p),
+				"page-mode": r.pageMode,
+				[`direction-${r.direction}`]: !0
+			}]),
+			onScrollPassive: t[0] || (t[0] = (...e) => J(C) && J(C)(...e))
+		}, [
+			e.$slots.before ? (B(), A("div", {
+				key: 0,
+				ref_key: "before",
+				ref: s,
+				class: "vue-recycle-scroller__slot"
+			}, [U(e.$slots, "before")], 512)) : k("", !0),
+			(B(), O(pe(r.listTag), {
+				style: z(M.value),
+				class: R(["vue-recycle-scroller__item-wrapper", r.listClass])
+			}, {
+				default: X(() => [(B(!0), A(E, null, H(J(u), (t) => (B(), O(Lt, I({
+					key: t.nr.id,
+					view: t,
+					"item-tag": r.itemTag,
+					style: J(p) ? [r.disableTransform ? {
+						[r.direction === "vertical" ? "top" : "left"]: `${t.position}px`,
+						willChange: "unset"
+					} : { transform: `translate${r.direction === "vertical" ? "Y" : "X"}(${t.position}px) translate${r.direction === "vertical" ? "X" : "Y"}(${t.offset}px)` }, {
+						width: r.gridItems ? `${r.direction === "vertical" && r.itemSecondarySize || r.itemSize}px` : void 0,
+						height: r.gridItems ? `${r.direction === "horizontal" && r.itemSecondarySize || r.itemSize}px` : void 0,
+						visibility: t.nr.used ? "visible" : "hidden"
+					}] : null,
+					class: ["vue-recycle-scroller__item-view", [r.itemClass, { hover: !r.skipHover && l.value === t.nr.key }]]
+				}, ge(r.skipHover ? {} : {
+					mouseenter: () => {
+						j(t.nr.key);
+					},
+					mouseleave: () => {
+						ee();
+					}
+				})), {
+					default: X((t) => [U(e.$slots, "default", I({ ref_for: !0 }, t))]),
+					_: 2
+				}, 1040, [
+					"view",
+					"item-tag",
+					"style",
+					"class"
+				]))), 128)), r.items.length === 0 ? U(e.$slots, "empty", { key: 0 }) : k("", !0)]),
+				_: 3
+			}, 8, ["style", "class"])),
+			e.$slots.after ? (B(), A("div", {
+				key: 1,
+				ref_key: "after",
+				ref: c,
+				class: "vue-recycle-scroller__slot"
+			}, [U(e.$slots, "after")], 512)) : k("", !0),
+			N(Rt, { onNotify: J(w) }, null, 8, ["onNotify"])
+		], 34)), [[J(a), J(T)]]);
+	}
+}), Bt = /* @__PURE__ */ P({
+	inheritAttrs: !1,
+	__name: "DynamicScroller",
+	props: {
+		items: {},
+		keyField: { default: "id" },
+		direction: { default: "vertical" },
+		listTag: { default: "div" },
+		itemTag: { default: "div" },
+		minItemSize: {},
+		shift: {
+			type: Boolean,
+			default: !1
+		},
+		cache: { default: void 0 }
+	},
+	emits: ["resize", "visible"],
+	setup(e, { expose: t, emit: n }) {
+		let r = e, i = n, a = V(), o = D(() => {
+			var e;
+			let t = (e = a.value) == null ? void 0 : e.el;
+			return t && typeof t == "object" && "value" in t ? t.value : t;
+		}), { itemsWithSize: s, forceUpdate: c, scrollToItem: l, scrollToPosition: u, findItemIndex: d, getItemOffset: f, getItemSize: p, cacheSnapshot: m, restoreCache: h, scrollToBottom: g, onScrollerResize: _, onScrollerVisible: v } = jt(D(() => ({
+			items: r.items,
+			keyField: r.keyField,
+			direction: r.direction,
+			minItemSize: r.minItemSize,
+			shift: r.shift,
+			cache: r.cache,
+			el: o.value,
+			onResize: () => i("resize"),
+			onVisible: () => i("visible")
+		})));
+		function y(e, t, n) {
+			return {
+				item: e.item,
+				index: t,
+				active: n,
+				itemWithSize: e
+			};
+		}
+		return t({
+			scrollToItem: l,
+			scrollToPosition: u,
+			findItemIndex: d,
+			getItemOffset: f,
+			scrollToBottom: g,
+			getItemSize: p,
+			cacheSnapshot: m,
+			restoreCache: h,
+			forceUpdate: c
+		}), (e, t) => (B(), O(zt, I({
+			ref_key: "scroller",
+			ref: a,
+			items: J(s),
+			"min-item-size": r.minItemSize,
+			direction: r.direction,
+			cache: r.cache,
+			"key-field": "id",
+			"list-tag": r.listTag,
+			"item-tag": r.itemTag
+		}, e.$attrs, {
+			onResize: J(_),
+			onVisible: J(v)
+		}), ee({
+			default: X(({ item: t, index: n, active: r }) => [U(e.$slots, "default", ae(ne(y(t, n, r))))]),
+			empty: X(() => [U(e.$slots, "empty")]),
+			_: 2
+		}, [e.$slots.before ? {
+			name: "before",
+			fn: X(() => [U(e.$slots, "before")]),
+			key: "0"
+		} : void 0, e.$slots.after ? {
+			name: "after",
+			fn: X(() => [U(e.$slots, "after")]),
+			key: "1"
+		} : void 0]), 1040, [
+			"items",
+			"min-item-size",
+			"direction",
+			"cache",
+			"list-tag",
+			"item-tag",
+			"onResize",
+			"onVisible"
+		]));
+	}
+});
+function Vt(e, t, n) {
+	let r = F("vscrollMeasurementContext"), i = F("vscrollAnchorRegistry", null), a = rt(e, t, r, n);
+	return le(() => {
+		a.mount();
+	}), i && Y([
+		a.id,
+		a.finalActive,
+		() => q(t)
+	], ([e, t, n], [r, a, o]) => {
+		o && o !== n && i.delete(o), n && i.set(n, {
+			active: t,
+			id: e
+		});
+	}, { immediate: !0 }), se(() => {
+		let e = q(t);
+		i && e && i.delete(e), a.unmount();
+	}), {
+		id: a.id,
+		size: a.size,
+		finalActive: a.finalActive,
+		updateSize: a.updateSize
+	};
+}
+//#endregion
+//#region src/common/components/ScrollableList.vue?vue&type=script&lang.ts
+var Ht = P({
+	components: {
+		DynamicScroller: Bt,
+		DynamicScrollerItem: /* @__PURE__ */ P({
+			__name: "DynamicScrollerItem",
+			props: {
+				item: {},
+				watchData: {
+					type: Boolean,
+					default: !1
+				},
+				active: { type: Boolean },
+				index: { default: void 0 },
+				sizeDependencies: { default: null },
+				emitResize: {
+					type: Boolean,
+					default: !1
+				},
+				tag: { default: "div" }
+			},
+			emits: ["resize"],
+			setup(e, { emit: t }) {
+				let n = e, r = t, i = V();
+				return Vt(n, i, { onResize: (e) => r("resize", e) }), (e, t) => (B(), O(pe(n.tag), {
+					ref_key: "el",
+					ref: i
+				}, {
+					default: X(() => [U(e.$slots, "default")]),
+					_: 3
+				}, 512));
+			}
+		}),
+		RecycleScroller: zt
+	},
+	props: {
+		items: {
+			type: Array,
+			required: !0
+		},
+		height: {
+			type: String,
+			default: "60vh"
+		},
+		keyField: {
+			type: String,
+			default: "name"
+		},
+		fixedItemSize: {
+			type: Number,
+			default: void 0
+		}
+	}
+});
+//#endregion
+//#region src/common/components/ScrollableList.vue
+function Ut(e, t, n, r, i, a) {
+	let o = W("RecycleScroller"), s = W("DynamicScrollerItem"), c = W("DynamicScroller"), l = G("pis-test-key");
+	return e.items.length > 200 && e.fixedItemSize !== void 0 ? (B(), O(o, {
+		key: 0,
+		class: "pis-scroll",
+		"key-field": e.keyField,
+		style: z({ maxHeight: e.height }),
+		items: e.items,
+		"item-size": e.fixedItemSize,
+		buffer: 96,
+		"skip-hover": !0
+	}, {
+		default: X((t) => [t ? U(e.$slots, "item", { item: t.item }, void 0, void 0, 0) : k("", !0)]),
+		_: 3
+	}, 8, [
+		"key-field",
+		"style",
+		"items",
+		"item-size"
+	])) : e.items.length > 200 ? (B(), O(c, {
+		key: 1,
+		class: "pis-scroll",
+		"key-field": e.keyField,
+		style: z({ maxHeight: e.height }),
+		items: e.items,
+		"min-item-size": 50,
+		buffer: 96,
+		"skip-hover": !0
+	}, {
+		default: X(({ item: t, index: n, active: r }) => [Z((B(), O(s, {
+			item: t,
+			active: r,
+			"size-dependencies": [t.name],
+			"data-index": n
+		}, {
+			default: X(() => [U(e.$slots, "item", { item: t })]),
+			_: 2
+		}, 1032, [
+			"item",
+			"active",
+			"size-dependencies",
+			"data-index"
+		])), [[l, t]])]),
+		_: 3
+	}, 8, [
+		"key-field",
+		"style",
+		"items"
+	])) : (B(), A("div", {
+		key: 2,
+		class: "pis-scroll",
+		style: z([{ "overflow-y": "auto" }, { maxHeight: e.height }])
+	}, [(B(!0), A(E, null, H(e.items, (t, n) => U(e.$slots, "item", { item: t }, void 0, void 0, n)), 128))], 4));
+}
+var Wt = /*#__PURE__*/ x(Ht, [["render", Ut]]), Gt = P({
+	components: {
+		Clickable: a,
+		ScrollableList: Wt
+	},
+	props: {
+		items: {
+			type: Array,
+			required: !0
+		},
+		currentAttributeCode: {
+			type: String,
+			default: void 0
+		},
+		height: {
+			type: String,
+			default: void 0
+		}
+	},
+	emits: ["item-click"],
+	computed: { isReady() {
+		return this.$props.items && this.$props.items.length;
+	} },
+	methods: { clickableClass(e) {
+		return this.$props.currentAttributeCode === e.attributeCode && "active";
+	} }
+}), Kt = { class: "text-break" }, qt = { class: "small text-muted text-nowrap ms-2" };
+function Jt(e, t, n, r, i, a) {
+	let o = W("Clickable"), s = W("ScrollableList"), c = G("safe-html"), l = G("pis-test-key");
+	return e.isReady ? (B(), O(s, {
+		key: 0,
+		class: "list-group list-group-flush",
+		"key-field": "attributeCode",
+		items: e.items,
+		height: e.height
+	}, {
+		item: X(({ item: t }) => [Z((B(), A("div", { class: R(e.items.length > 200 && "pb-1") }, [N(o, {
+			class: R(["list-group-item list-group-item-action d-flex align-items-start border-0 user-select-none", [e.clickableClass(t)]]),
+			onClick: Q((n) => e.$emit("item-click", t), ["prevent"])
+		}, {
+			default: X(() => [j("span", Kt, [Z(j("span", { class: R(["pis-label", e.currentAttributeCode === t.attributeCode && "fw-bold"]) }, null, 2), [[c, t.attributeNameHtml]]), j("span", qt, "(" + K(t.hitCount) + ")", 1)])]),
+			_: 2
+		}, 1032, ["class", "onClick"])], 2)), [[l, t]])]),
+		_: 1
+	}, 8, ["items", "height"])) : k("", !0);
+}
+var Yt = /*#__PURE__*/ x(Gt, [["render", Jt]]), Xt = P({
+	components: { Icon: f },
+	props: { icon: {
+		type: String,
+		default: void 0
+	} }
+}), Zt = { class: "d-flex btn btn-link btn-sm" };
+function Qt(e, t, n, r, i, a) {
+	let o = W("Icon");
+	return B(), A("button", Zt, [e.icon ? (B(), O(o, {
+		key: 0,
+		name: e.icon,
+		class: "me-2"
+	}, null, 8, ["name"])) : k("", !0), U(e.$slots, "default")]);
+}
+var $t = /*#__PURE__*/ x(Xt, [["render", Qt]]), en = P({}), tn = { class: "small text-muted mb-0 pis-message" };
+function nn(e, t, n, r, i, a) {
+	return B(), A("p", tn, [U(e.$slots, "default")]);
+}
+var rn = /*#__PURE__*/ x(en, [["render", nn]]), an = P({
+	components: {
+		Modal: Me,
+		Spinner: b,
+		Btn: m,
+		LinkSecondary: $t,
+		FormInputClearable: p,
+		ScrollableList: Wt,
+		Message: rn,
+		FiltersList: Yt,
+		Arrow: Fe
+	},
+	props: {
+		show: Boolean,
+		title: {
+			type: String,
+			required: !0
+		},
+		isMobile: Boolean,
+		t: {
+			type: Function,
+			required: !0
+		},
+		filtersAll: {
+			type: Array,
+			default: void 0
+		},
+		filtersPromoted: {
+			type: Array,
+			default: void 0
+		},
+		filtersAdditional: {
+			type: Array,
+			default: void 0
+		},
+		filtersLoading: Boolean,
+		filtersFetched: Map,
+		filtersModel: {
+			type: Object,
+			default: void 0
+		},
+		filteredResultCount: {
+			type: Number,
+			default: void 0
+		},
+		filteredResultCountLoading: Boolean,
+		fetchFilterValues: {
+			type: Function,
+			required: !0
+		},
+		clearFiltersModelFromEmptyValues: {
+			type: Function,
+			default: void 0
+		},
+		resetFilterOnOpen: {
+			type: Boolean,
+			default: !1
+		},
+		availableFiltersLabelSuffix: {
+			type: String,
+			default: ""
+		}
+	},
+	emits: [
+		"update:show",
+		"value-change",
+		"apply-filters",
+		"clear"
+	],
+	setup(e, { emit: t }) {
+		let n = V(!1), r = V(null), a = V(!1), o = V(""), s = V(""), c = V(), u = 0, d = D(() => {
+			var t;
+			return (t = e.filtersAll) == null ? void 0 : t.find(({ attributeCode: e }) => r.value === e);
+		}), f = D(() => {
+			if (o.value.length) {
+				var t;
+				let n = o.value.toLowerCase();
+				return (t = e.filtersAdditional) == null ? void 0 : t.filter(({ attributeName: e }) => e.toLowerCase().includes(n));
+			}
+			return e.filtersAdditional;
+		}), p = D(() => {
+			var t;
+			if ((t = e.filtersPromoted) != null && t.length && o.value.length) {
+				var n;
+				let t = o.value.toLowerCase();
+				return (n = e.filtersPromoted) == null ? void 0 : n.filter(({ attributeName: e }) => e.toLowerCase().includes(t));
+			}
+			return e.filtersPromoted;
+		}), m = D(() => {
+			var t;
+			if (r.value && (t = e.filtersFetched) != null && t.has(r.value)) {
+				var n;
+				return (n = e.filtersFetched) == null ? void 0 : n.get(r.value);
+			}
+			return null;
+		});
+		Y(() => e.show, (t) => {
+			if (t === !0 && e.resetFilterOnOpen) {
+				var n, i;
+				(n = e.filtersAll) != null && n.length && !((i = e.filtersAll) != null && i.some(({ attributeCode: e }) => e === r.value)) ? T() : h();
+			}
+		});
+		let h = () => {
+			if (r.value && e.show) {
+				var t;
+				(t = e.filtersFetched) != null && t.has(r.value) || e.fetchFilterValues([r.value]);
+			}
+		}, g = D(() => {
+			if (m.value) if (s.value.length) {
+				var e;
+				let t = s.value.toLowerCase();
+				return (e = m.value) == null ? void 0 : e.filter(({ text: e }) => e.toLowerCase().includes(t));
+			} else return m.value;
+			return null;
+		}), _ = async ({ attributeCode: t }) => {
+			var i;
+			if (!t) return;
+			let a = ++u;
+			if (s.value = "", r.value = t, (i = e.filtersFetched) != null && i.has(t)) {
+				n.value = !1;
+				return;
+			}
+			n.value = !0;
+			try {
+				await e.fetchFilterValues([t]);
+			} finally {
+				a === u && (n.value = !1);
+			}
+		}, v = (e, n, r) => {
+			a.value = !0, t("value-change", {
+				attributeCode: n,
+				filterValueName: r,
+				value: l(e)[0].checked
+			});
+		}, y = C((e) => o.value = e, 200), b = () => o.value = "", x = C((e) => s.value = e, 200), S = () => s.value = "", w, T = () => {
+			let e = ++u;
+			n.value = !1, w && clearTimeout(w), w = setTimeout(() => {
+				w = void 0, e === u && (r.value = null);
+			}, 50);
+		};
+		se(() => {
+			u++, w && clearTimeout(w), y.cancel(), x.cancel();
+		});
+		let E = () => {
+			u++, n.value = !1, r.value = null, t("clear");
+		}, O = V("300px"), k = V("300px");
+		return {
+			areFiltersDirty: a,
+			currentFilterData: d,
+			currentFilterValues: m,
+			filterValuesLoading: n,
+			filtersSectionHeight: O,
+			filtersSectionRightHeight: k,
+			applyFilterNameSearch: y,
+			currentFilterAttrCode: r,
+			applyFilterValueSearch: x,
+			filtersPromotedSearched: p,
+			filterValueSearchPhrase: s,
+			filtersAdditionalSearched: f,
+			currentFilterValuesSearched: g,
+			modalFooter: c,
+			clear: E,
+			openFilter: _,
+			onValueChange: v,
+			resetFilterNameSearch: b,
+			criterionValueKey: i,
+			resetFilterValueSearch: S,
+			resetCurrentFilterAttrCode: T,
+			modalResize: (t) => {
+				var n;
+				let r = t.height - 110;
+				(n = e.filtersPromoted) != null && n.length ? O.value = r / 2 - 20 + "px" : O.value = r + "px", k.value = r + "px";
+			},
+			handleModalClose: (r) => {
+				r || (u++, n.value = !1, e.clearFiltersModelFromEmptyValues && e.clearFiltersModelFromEmptyValues()), t("update:show", r);
+			}
+		};
+	}
+}), on = {
+	class: "row gx-3 gy-3",
+	style: {
+		height: "calc(100vh - 200px)",
+		"max-height": "800px"
+	}
+}, sn = {
+	key: 0,
+	class: "h-100 d-flex align-items-center justify-content-center"
+}, cn = {
+	key: 0,
+	class: "mb-3"
+}, ln = { key: 1 }, un = {
+	key: 0,
+	class: "text-center py-4"
+}, dn = { key: 1 }, fn = { key: 0 }, pn = { class: "mb-4" }, mn = { class: "form-check pe-1" }, hn = { class: "form-check-label pis-label d-flex align-items-start py-1 ms-2" }, gn = [
+	"checked",
+	"name",
+	"onInput"
+], _n = { class: "text-break" }, vn = ["textContent"], yn = { class: "text-muted small text-nowrap ms-1" }, bn = {
+	key: 1,
+	class: "pis-message"
+}, xn = {
+	key: 1,
+	class: "pis-message pis-message-error"
+}, Sn = {
+	key: 2,
+	class: "h-100 d-flex align-items-center"
+}, Cn = {
+	ref: "modalFooter",
+	class: "w-100 d-flex align-items-center justify-content-center"
+};
+function wn(e, t, n, r, i, a) {
+	let o = W("Spinner"), s = W("FormInputClearable"), c = W("FiltersList"), l = W("Message"), u = W("ScrollableList"), d = W("LinkSecondary"), f = W("Arrow"), p = W("Btn"), m = W("Modal"), h = G("safe-html"), g = G("pis-test-key");
+	return B(), O(m, {
+		show: e.show,
+		title: e.t("Filters", !0),
+		xl: "",
+		"onUpdate:show": e.handleModalClose,
+		onResize: e.modalResize
+	}, {
+		footer: X(() => [j("div", Cn, [
+			N(d, {
+				icon: "stop-not-allowed",
+				class: "ext-clear",
+				onClick: e.clear
+			}, {
+				default: X(() => [M(K(e.t("ClearFilters", !0)), 1)]),
+				_: 1
+			}, 8, ["onClick"]),
+			e.isMobile && e.currentFilterAttrCode ? (B(), O(p, {
+				key: 0,
+				class: "ms-4 ext-reset",
+				onClick: Q(e.resetCurrentFilterAttrCode, ["prevent"])
+			}, {
+				default: X(() => [N(f, {
+					dir: "left",
+					class: "me-2"
+				}), M(" " + K(e.t("ApproveFilterValuesSelected")), 1)]),
+				_: 1
+			}, 8, ["onClick"])) : k("", !0),
+			!e.isMobile || !e.currentFilterAttrCode ? (B(), O(p, {
+				key: 1,
+				icon: "check-mark-circle",
+				class: "ms-4 ext-apply",
+				disabled: e.areFiltersDirty !== !0 || e.filteredResultCount === 0,
+				"is-loading": e.filteredResultCountLoading,
+				onClick: t[0] || (t[0] = Q((t) => e.$emit("apply-filters"), ["prevent"]))
+			}, {
+				default: X(() => [e.filteredResultCount === null ? (B(), A(E, { key: 0 }, [M(K(e.t("ShowResults", !0)), 1)], 64)) : e.filteredResultCount === 0 ? (B(), A(E, { key: 1 }, [M(K(e.t("NoFilteringResultsFound")), 1)], 64)) : (B(), A(E, { key: 2 }, [M(K(e.t("ShowNResults", !0, [e.filteredResultCount || 0])), 1)], 64))]),
+				_: 1
+			}, 8, ["disabled", "is-loading"])) : k("", !0)
+		], 512)]),
+		default: X(() => {
+			var t, n, r, i, a, d, f, p;
+			return [j("div", on, [Z(j("div", { class: R({
+				"col-6": !e.isMobile,
+				"col-12": e.isMobile
+			}) }, [e.filtersLoading ? (B(), A("div", sn, [N(o)])) : (B(), A(E, { key: 1 }, [
+				N(s, {
+					placeholder: e.t("FindFilterAttribute"),
+					class: "mb-4",
+					"onUpdate:modelValue": e.applyFilterNameSearch,
+					onClear: e.resetFilterNameSearch
+				}, null, 8, [
+					"placeholder",
+					"onUpdate:modelValue",
+					"onClear"
+				]),
+				(t = e.filtersPromoted) != null && t.length ? (B(), A("div", cn, [j("p", null, [j("strong", null, K(e.t("FiltersPromoted")), 1)]), (n = e.filtersPromotedSearched) != null && n.length ? (B(), O(c, {
+					key: 0,
+					height: e.filtersSectionHeight,
+					items: e.filtersPromotedSearched,
+					"current-attribute-code": (r = e.currentFilterData) == null ? void 0 : r.attributeCode,
+					onItemClick: e.openFilter
+				}, null, 8, [
+					"height",
+					"items",
+					"current-attribute-code",
+					"onItemClick"
+				])) : (B(), O(l, { key: 1 }, {
+					default: X(() => [M(K(e.t("NoFiltersSearchFound")), 1)]),
+					_: 1
+				}))])) : k("", !0),
+				(i = e.filtersAdditional) != null && i.length ? (B(), A("div", ln, [j("p", null, [j("strong", null, K((a = e.filtersPromoted) != null && a.length ? e.t("AdditionalFilters") : e.t("AvailableFilters")) + K(e.availableFiltersLabelSuffix), 1)]), (d = e.filtersAdditionalSearched) != null && d.length ? (B(), O(c, {
+					key: 0,
+					height: e.filtersSectionHeight,
+					items: e.filtersAdditionalSearched,
+					"current-attribute-code": (f = e.currentFilterData) == null ? void 0 : f.attributeCode,
+					onItemClick: e.openFilter
+				}, null, 8, [
+					"height",
+					"items",
+					"current-attribute-code",
+					"onItemClick"
+				])) : (B(), O(l, { key: 1 }, {
+					default: X(() => [M(K(e.t("NoFiltersSearchFound")), 1)]),
+					_: 1
+				}))])) : k("", !0)
+			], 64))], 2), [[_e, !e.isMobile || !(e.currentFilterAttrCode || e.filterValuesLoading)]]), Z(j("div", { class: R({
+				"col-6": !e.isMobile,
+				"col-12": e.isMobile
+			}) }, [e.filterValuesLoading ? (B(), A("div", un, [N(o)])) : e.currentFilterAttrCode ? (B(), A("div", dn, [e.currentFilterValues && e.currentFilterData ? (B(), A("div", fn, [
+				j("div", pn, [N(s, {
+					placeholder: e.t("FindFilterValue"),
+					class: "mb-4",
+					"onUpdate:modelValue": e.applyFilterValueSearch,
+					onClear: e.resetFilterValueSearch
+				}, null, 8, [
+					"placeholder",
+					"onUpdate:modelValue",
+					"onClear"
+				])]),
+				j("p", null, [Z(j("strong", null, null, 512), [[h, e.currentFilterData.attributeNameHtml]])]),
+				(p = e.currentFilterValuesSearched) != null && p.length && e.filtersModel ? (B(), O(u, {
+					key: 0,
+					class: "list-group list-group-flush",
+					items: e.currentFilterValuesSearched,
+					height: e.filtersSectionRightHeight,
+					"key-field": "_key"
+				}, {
+					item: X(({ item: t }) => {
+						var n;
+						return [Z((B(), A("div", { class: R(e.currentFilterValuesSearched.length > 200 && "pb-1") }, [j("div", mn, [j("label", hn, [j("input", {
+							type: "checkbox",
+							class: "form-check-input mt-1 me-2 flex-shrink-0",
+							checked: (n = e.filtersModel[e.currentFilterData.attributeCode]) == null ? void 0 : n[e.criterionValueKey(t.value)],
+							name: t.text,
+							onInput: (n) => {
+								var r;
+								return e.onValueChange(n, ((r = e.currentFilterData) == null ? void 0 : r.attributeCode) || "", e.criterionValueKey(t.value));
+							}
+						}, null, 40, gn), j("span", _n, [j("span", {
+							class: "text-break user-select-none",
+							textContent: K(t.text)
+						}, null, 8, vn), j("span", yn, "(" + K(t.hitCount) + ")", 1)])])])], 2)), [[g, t]])];
+					}),
+					_: 1
+				}, 8, ["items", "height"])) : (B(), A("p", bn, K(e.t("NoFilterValuesSearchFound")), 1))
+			])) : (B(), A("p", xn, K(e.t("NoFilterValues")), 1))])) : (B(), A("div", Sn, [N(l, null, {
+				default: X(() => [M(K(e.t("SelectFilter")), 1)]),
+				_: 1
+			})]))], 2), [[_e, !e.isMobile || e.currentFilterAttrCode || e.filterValuesLoading]])])];
+		}),
+		_: 1
+	}, 8, [
+		"show",
+		"title",
+		"onUpdate:show",
+		"onResize"
+	]);
+}
+var Tn = /*#__PURE__*/ x(an, [["render", wn]]), En = P({
+	components: {
+		Spinner: b,
+		Icon: f
+	},
+	props: {
+		src: {
+			type: String,
+			default: void 0
+		},
+		active: Boolean,
+		clickable: {
+			type: Boolean,
+			default: !0
+		},
+		hideFrame: Boolean,
+		isLoading: Boolean,
+		maxSize: {
+			type: Number,
+			default: void 0
+		},
+		maxSizeCss: {
+			type: String,
+			default: void 0
+		},
+		padding: {
+			type: Number,
+			default: 0
+		},
+		lazyLoading: Boolean
+	}
+}), Dn = ["src", "loading"];
+function On(e, t, n, r, i, a) {
+	let o = W("Spinner"), s = W("Icon");
+	return B(), A("div", {
+		class: R(["ratio ratio-1x1 flex-shrink-0 pis-image", [
+			e.src || e.isLoading ? "bg-white" : "bg-light",
+			e.active && "border-primary",
+			!e.hideFrame && "border"
+		]]),
+		style: z({ cursor: e.clickable ? "pointer" : "default" })
+	}, [j("div", { class: R(["d-flex align-items-center justify-content-center", "p-" + e.padding]) }, [e.isLoading ? (B(), O(o, {
+		key: 0,
+		sm: ""
+	})) : e.src ? (B(), A("img", {
+		key: 1,
+		class: "w-100 h-100",
+		style: z([{ "object-fit": "contain" }, [e.maxSize ? `max-width: ${e.maxSize}px; max-height: ${e.maxSize}px;` : null, e.maxSizeCss ? `max-width: ${e.maxSizeCss}; max-height: ${e.maxSizeCss};` : null].filter(Boolean)]),
+		src: e.src,
+		loading: e.lazyLoading ? "lazy" : "eager"
+	}, null, 12, Dn)) : (B(), O(s, {
+		key: 2,
+		name: "photo-picture",
+		class: "opacity-25",
+		size: 32
+	}))], 2)], 6);
+}
+var kn = /*#__PURE__*/ x(En, [["render", On]]), An = P({
+	components: {
+		Modal: Me,
+		Image: kn,
+		Arrow: Fe,
+		Clickable: a
+	},
+	props: {
+		images: {
+			type: Array,
+			default: void 0
+		},
+		showPreview: Boolean,
+		hideThumbnails: Boolean,
+		disableModal: Boolean,
+		isLoading: Boolean,
+		alwaysShowThumbnails: Boolean,
+		showOverlayArrows: Boolean,
+		title: {
+			type: String,
+			default: void 0
+		}
+	},
+	setup(e) {
+		let t = V(!1), n = V(0), r = D(() => {
+			var t;
+			return (t = e.images) != null && t.length ? e.images[n.value] : null;
+		}), i = () => {
+			var n;
+			!e.disableModal && !((n = r.value) != null && n.noImage) && (t.value = !0);
+		};
+		return Y(() => e.images, () => {
+			n.value = 0;
+		}), {
+			imageModalShown: t,
+			currentIndex: n,
+			currentImage: r,
+			openImageModal: i,
+			nextImage: () => {
+				if (e.images) {
+					let t = n.value;
+					n.value = t < e.images.length - 1 ? t + 1 : 0;
+				}
+			},
+			previousImage: () => {
+				if (e.images) {
+					let t = n.value;
+					n.value = t === 0 ? e.images.length - 1 : t - 1;
+				}
+			},
+			onItemClick: (t) => {
+				n.value = t, e.showPreview || i();
+			}
+		};
+	}
+}), jn = { class: "position-relative" }, Mn = {
+	key: 0,
+	class: "col-12 d-flex align-items-center justify-content-center pt-2 position-relative"
+}, Nn = { class: "d-flex flex-grow-1 justify-content-center" }, Pn = {
+	key: 1,
+	class: "position-relative"
+}, Fn = {
+	key: 0,
+	class: "position-relative ext-gallery-modal"
+}, In = { class: "px-2 position-absolute top-50 start-0 text-dark fs-3 ext-arrow-left" }, Ln = ["src"], Rn = { class: "px-2 position-absolute top-50 end-0 text-dark fs-3 ext-arrow-right" };
+function zn(e, t, n, r, i, a) {
+	let o = W("Image"), s = W("Clickable"), c = W("Arrow"), l = W("Modal"), u = G("pis-test-key");
+	return B(), A(E, null, [e.images && e.images.length ? (B(), A("div", {
+		key: 0,
+		class: R(["pis-gallery", [e.showPreview ? "row g-2" : "d-flex flex-wrap"]]),
+		style: { "max-width": "700px" }
+	}, [j("div", jn, [
+		e.showPreview && e.currentImage ? (B(), O(s, {
+			key: 0,
+			class: "col-12",
+			disabled: e.disableModal || !!e.currentImage.noImage,
+			onClick: e.openImageModal
+		}, {
+			default: X(() => [N(o, {
+				src: e.currentImage.url,
+				"max-size": 500,
+				"is-loading": e.isLoading,
+				padding: 4
+			}, null, 8, ["src", "is-loading"])]),
+			_: 1
+		}, 8, ["disabled", "onClick"])) : k("", !0),
+		e.showOverlayArrows && e.images.length > 1 ? (B(), A(E, { key: 1 }, [j("a", {
+			href: "",
+			class: "text-dark ext-arrow-left",
+			style: {
+				"z-index": "2",
+				"font-size": "1.6rem",
+				position: "absolute",
+				top: "calc(50% - 1rem)",
+				left: "0.4rem"
+			},
+			onClick: t[0] || (t[0] = Q((...t) => e.previousImage && e.previousImage(...t), ["prevent"]))
+		}, [N(c, { dir: "left" })]), j("a", {
+			href: "",
+			class: "text-dark ext-arrow-right",
+			style: {
+				"z-index": "2",
+				"font-size": "1.6rem",
+				position: "absolute",
+				top: "calc(50% - 1rem)",
+				right: "0.4rem"
+			},
+			onClick: t[1] || (t[1] = Q((...t) => e.nextImage && e.nextImage(...t), ["prevent"]))
+		}, [N(c, { dir: "right" })])], 64)) : k("", !0),
+		U(e.$slots, "default")
+	]), e.images.length > +!e.alwaysShowThumbnails ? (B(), A(E, { key: 0 }, [e.hideThumbnails ? (B(), A("div", Mn, [j("div", Nn, [(B(!0), A(E, null, H(e.images, (t, n) => Z((B(), O(s, {
+		key: n,
+		class: "px-2",
+		onClick: (t) => e.onItemClick(n)
+	}, {
+		default: X(() => [j("div", { class: R(["ps-3 pt-3 rounded-circle", [n === e.currentIndex ? "bg-primary" : "bg-light"]]) }, null, 2)]),
+		_: 2
+	}, 1032, ["onClick"])), [[u, t]])), 128))])])) : (B(!0), A(E, { key: 1 }, H(e.images, (t, n) => Z((B(), O(s, {
+		key: n,
+		class: R([e.showPreview ? "col-4" : "me-2 mb-2"]),
+		style: z([!e.showPreview && "width: 6rem;"]),
+		onClick: (t) => e.onItemClick(n)
+	}, {
+		default: X(() => [N(o, {
+			src: t.thumbnailUrl,
+			active: n === e.currentIndex && e.showPreview,
+			"max-size": 100,
+			padding: 3
+		}, null, 8, ["src", "active"])]),
+		_: 2
+	}, 1032, [
+		"class",
+		"style",
+		"onClick"
+	])), [[u, t]])), 128))], 64)) : k("", !0)], 2)) : (B(), A("div", Pn, [N(o, {
+		src: void 0,
+		"is-loading": e.isLoading
+	}, null, 8, ["is-loading"]), U(e.$slots, "default")])), N(l, {
+		show: e.imageModalShown,
+		"onUpdate:show": t[4] || (t[4] = (t) => e.imageModalShown = t),
+		title: e.title,
+		xl: ""
+	}, {
+		default: X(() => [e.images && e.images.length ? (B(), A("div", Fn, [
+			e.images.length > 1 ? (B(), A("a", {
+				key: 0,
+				href: "",
+				class: "position-absolute top-0 bottom-0 start-0 h-100 pis-hover",
+				style: { width: "40px" },
+				onClick: t[2] || (t[2] = Q((...t) => e.previousImage && e.previousImage(...t), ["prevent"]))
+			}, [j("div", In, [N(c, { dir: "left" })])])) : k("", !0),
+			e.currentImage ? (B(), A("img", {
+				key: 1,
+				class: "pis-scale-down p-2 p-lg-5",
+				src: e.currentImage.masterUrl,
+				alt: ""
+			}, null, 8, Ln)) : k("", !0),
+			e.images.length > 1 ? (B(), A("a", {
+				key: 2,
+				href: "",
+				class: "position-absolute top-0 end-0 bottom-0 pis-hover",
+				style: { width: "40px" },
+				onClick: t[3] || (t[3] = Q((...t) => e.nextImage && e.nextImage(...t), ["prevent"]))
+			}, [j("div", Rn, [N(c, { dir: "right" })])])) : k("", !0)
+		])) : k("", !0)]),
+		_: 1
+	}, 8, ["show", "title"])], 64);
+}
+var Bn = /*#__PURE__*/ x(An, [["render", zn]]), Vn = {
+	view: "search",
+	search: {
+		searchText: void 0,
+		searchType: h.HIERARCHICAL,
+		cid: void 0,
+		filters: {
+			type: "group",
+			condition: y.AND,
+			rules: []
+		},
+		pagination: {
+			page: 1,
+			pageSize: 24
+		},
+		subView: "table",
+		sortField: d.PRODUCT,
+		sortDirection: c.ASCENDING,
+		partsType: _.ALL
+	},
+	detail: { productId: void 0 }
+}, Hn = {}, Un = [], Wn = (t, n) => {
+	let r = {
+		productId: t,
+		relationshipCode: n.code,
+		filter: V(void 0),
+		filtersAll: V([]),
+		filtersPromoted: V([]),
+		filtersAdditional: V([]),
+		filtersModel: V({}),
+		filtersLoading: fe(/* @__PURE__ */ new Set()),
+		filtersFetched: fe(/* @__PURE__ */ new Map()),
+		filtersOpen: fe(/* @__PURE__ */ new Set()),
+		saveSettings: () => {
+			Un.forEach((e) => {
+				Hn[`${e.productId}${e.relationshipCode}`] = {
+					filter: e.filter.value,
+					filterModel: { ...e.filtersModel.value },
+					filtersFetched: new Map(e.filtersFetched)
+				};
+			});
+		},
+		setFilters: (e) => {
+			r.filtersAll.value = [], r.filtersPromoted.value = [], r.filtersAdditional.value = [], e.forEach((e) => {
+				let t = {
+					attributeCode: e.attributeCode,
+					attributeName: e.attributeName,
+					attributeNameHtml: e.attributeNameHtml,
+					hitCount: e.hitCount,
+					promoted: e.promoted,
+					internal: e.internal
+				};
+				r.filtersAll.value.push(t), t.promoted ? r.filtersPromoted.value.push(t) : r.filtersAdditional.value.push(t), r.filtersModel.value[t.attributeCode] || (r.filtersModel.value[t.attributeCode] = {});
+			});
+		},
+		setFilterValues: (e) => e.forEach((e) => {
+			r.filtersLoading.delete(e.attributeCode), r.filtersFetched.set(e.attributeCode, e.values ?? []);
+		}),
+		getFiltersModelAsCriteriaGroup: () => e(r.filtersModel.value),
+		resetFiltersApplied: () => {
+			r.filtersOpen.clear(), r.filtersFetched.clear(), Object.keys(r.filtersModel.value).forEach((e) => r.filtersModel.value[e] = {});
+		}
+	};
+	return Un.push(r), r;
+}, Gn = (e, t) => {
+	let n = Wn(e, t), r = Hn[`${e}${t.code}`];
+	return r ? (n.filter.value = r.filter, n.filtersModel.value = r.filterModel, r.filtersFetched.forEach((e, t) => n.filtersFetched.set(t, e))) : n.resetFiltersApplied(), n;
+}, Kn = () => {
+	Hn = {}, Un = [];
+};
+//#endregion
+//#region src/common/helpers/removeWhere.ts
+function qn(e, t) {
+	for (let n = e.length - 1; n >= 0; n--) t(e[n]) && e.splice(n, 1);
+}
+//#endregion
+//#region src/products/api/runtime/CommandExecutor.ts
+var $ = class extends t {}, Jn = class extends Error {
+	constructor(...e) {
+		super(...e), T(this, "isHandled", !0);
+	}
+}, Yn = async (e, t, n) => {
+	if (!n) {
+		e.store.data.isLoadingData = !1;
+		return;
+	}
+	try {
+		e.store.data.isLoadingData = !0;
+		let i = await n;
+		if (e.store.data.isLoadingData = !1, !i || !i.success) {
+			var r;
+			throw i != null && (r = i.errors) != null && r.length ? (await e.execute(new Rr({
+				errors: i.errors || [],
+				warnings: i.warnings || []
+			})), new Jn((i == null ? void 0 : i.message) || "Unknown error")) : Error((i == null ? void 0 : i.message) || "Unknown error");
+		}
+		return await e.execute(new Ar({
+			type: "success",
+			message: t.onSuccessMessage
+		})), i;
+	} catch (t) {
+		throw e.store.data.isLoadingData = !1, t instanceof Jn || await e.execute(new Ar({
+			type: "danger",
+			message: t.message
+		})), t;
+	}
+}, Xn = class extends $ {
+	constructor(...e) {
+		super(...e), T(this, "name", "filter-search"), T(this, "execute", async (e) => {
+			var t;
+			let n = {
+				sortField: this.args.searchText ? d.RELEVANCE : d.PRODUCT,
+				sortDirection: this.args.searchText.length == 0 ? void 0 : this.args.searchText ? c.DESCENDING : c.ASCENDING,
+				searchType: this.args.searchType,
+				searchText: this.args.searchText.length == 0 ? void 0 : this.args.searchText,
+				pagination: { page: 1 }
+			};
+			this.args.resetCategories && (n.cid = void 0), this.args.resetFilters && (n.filters = void 0), this.args.cid && (n.cid = this.args.cid);
+			let r = {
+				view: "search",
+				search: n
+			};
+			return await ((t = e.router) == null ? void 0 : t.setRoute(r));
+		});
+	}
+}, Zn = class extends $ {
+	constructor(...e) {
+		super(...e), T(this, "name", "details"), T(this, "execute", async (e) => {
+			var t;
+			return e.store.data.productPreview = void 0, await ((t = e.router) == null ? void 0 : t.setRoute({
+				view: "detail",
+				detail: { productId: this.args.productId }
+			}));
+		});
+	}
+}, Qn = class extends $ {
+	constructor(...e) {
+		super(...e), T(this, "name", "preview"), T(this, "execute", async (e) => {
+			var t;
+			return await ((t = e.httpService) == null ? void 0 : t.preview(this.args.productId));
+		});
+	}
+}, $n = class extends $ {
+	constructor(...e) {
+		super(...e), T(this, "name", "scroll-to-top"), T(this, "execute", async (e) => (e.eventBus.emit("internal:scroll-to-top"), Promise.resolve()));
+	}
+}, er = class extends $ {
+	constructor(...e) {
+		super(...e), T(this, "name", "document"), T(this, "execute", async (e) => u(e, this.name));
+	}
+}, tr = class extends $ {
+	constructor(...e) {
+		super(...e), T(this, "name", "configurator"), T(this, "execute", async (e) => u(e, this.name));
+	}
+}, nr = class extends $ {
+	constructor(e = { step: 1 }) {
+		super(e), T(this, "name", "back"), T(this, "execute", async (e) => {
+			var t;
+			if (((t = e.router) == null ? void 0 : t.history.length) == 0) {
+				var n;
+				(n = e.router) == null || n.setRoute(Vn), Kn();
+			} else {
+				var r, i;
+				await ((r = e.router) == null ? void 0 : r.back(this.args.step)), ((i = e.router) == null ? void 0 : i.routeData.view) !== "detail" && Kn();
+				return;
+			}
+		});
+	}
+}, rr = class extends $ {
+	constructor(...e) {
+		super(...e), T(this, "name", "search-view"), T(this, "execute", async (e) => {
+			var t;
+			return (t = e.router) == null ? void 0 : t.setRoute(Vn);
+		});
+	}
+}, ir = class extends $ {
+	constructor(...e) {
+		super(...e), T(this, "name", "sub-view"), T(this, "execute", async (e) => {
+			var t;
+			return await ((t = e.router) == null ? void 0 : t.setRoute({ search: { subView: this.args.subView } }, !0));
+		});
+	}
+}, ar = class extends $ {
+	constructor(...e) {
+		super(...e), T(this, "name", "filter-classification"), T(this, "execute", async (e) => {
+			var t;
+			let n = e.getRouteData();
+			return n.view = "search", n.search && (n.search.sortField = d.PRODUCT, n.search.pagination && (n.search.pagination.page = 1), n.search.cid = this.args.cid, this.args.clearSearch && (n.search.searchText = void 0)), await ((t = e.router) == null ? void 0 : t.setRoute(n));
+		});
+	}
+}, or = class extends $ {
+	constructor(...e) {
+		super(...e), T(this, "name", "filter-parts-type"), T(this, "execute", async (e) => {
+			var t;
+			return await ((t = e.router) == null ? void 0 : t.setRoute({
+				view: "search",
+				search: {
+					sortField: d.PRODUCT,
+					pagination: { page: 1 },
+					partsType: this.args.partsType
+				}
+			}));
+		});
+	}
+}, sr = class extends $ {
+	constructor(...e) {
+		super(...e), T(this, "name", "filter-master-product"), T(this, "execute", async (e) => {
+			var t;
+			return e.store.data.searchTitle = this.args.masterProductName, await ((t = e.router) == null ? void 0 : t.setRoute({
+				view: "search",
+				search: {
+					sortField: d.PRODUCT,
+					pagination: { page: 1 },
+					masterProductId: this.args.masterProductId
+				}
+			}));
+		});
+	}
+}, cr = class extends $ {
+	constructor(...e) {
+		super(...e), T(this, "name", "paginate"), T(this, "execute", async (e) => {
+			var t;
+			return await ((t = e.router) == null ? void 0 : t.setRoute({
+				view: "search",
+				search: { pagination: { page: this.args.page } }
+			}));
+		});
+	}
+}, lr = class extends $ {
+	constructor(...e) {
+		super(...e), T(this, "name", "page-size"), T(this, "execute", async (e) => {
+			var t;
+			return await ((t = e.router) == null ? void 0 : t.setRoute({
+				view: "search",
+				search: { pagination: {
+					pageSize: this.args.pageSize,
+					page: 1
+				} }
+			}));
+		});
+	}
+}, ur = class extends $ {
+	constructor(...e) {
+		super(...e), T(this, "name", "sort-by"), T(this, "execute", async (e) => {
+			var t;
+			return await ((t = e.router) == null ? void 0 : t.setRoute({
+				view: "search",
+				search: { sortField: this.args.sortField }
+			}));
+		});
+	}
+}, dr = class extends $ {
+	constructor(...e) {
+		super(...e), T(this, "name", "filter-parametric-apply"), T(this, "execute", async (e) => {
+			var t, n;
+			return await ((t = e.router) == null ? void 0 : t.setRoute({
+				view: "search",
+				search: {
+					filters: this.args.filters,
+					pagination: {
+						page: 1,
+						pageSize: (n = e.router.routeData) == null || (n = n.search) == null || (n = n.pagination) == null ? void 0 : n.pageSize
+					}
+				}
+			}));
+		});
+	}
+}, fr = class extends $ {
+	constructor(...e) {
+		super(...e), T(this, "name", "filter-parametric-remove"), T(this, "execute", async (e) => {
+			var t, r, i;
+			let a = (t = e.router.routeData.search) == null ? void 0 : t.filters, o = a ? n(a, this.args.attributeCode, this.args.value) : w();
+			return await ((r = e.router) == null ? void 0 : r.setRoute({ search: {
+				filters: o,
+				pagination: {
+					page: 1,
+					pageSize: (i = e.router.routeData) == null || (i = i.search) == null || (i = i.pagination) == null ? void 0 : i.pageSize
+				}
+			} }));
+		});
+	}
+}, pr = class extends $ {
+	constructor(...e) {
+		super(...e), T(this, "name", "get-filter-values"), T(this, "execute", async (e) => {
+			var t;
+			return await ((t = e.httpService) == null ? void 0 : t.filterValues(this.args.attributeCodes));
+		});
+	}
+}, mr = class extends $ {
+	constructor(...e) {
+		super(...e), T(this, "name", "get-variant-table-group"), T(this, "execute", async (e) => {
+			var t;
+			return await ((t = e.httpService) == null ? void 0 : t.loadVariantTableGroup(this.args.attributeCode));
+		});
+	}
+}, hr = class extends $ {
+	constructor(...e) {
+		super(...e), T(this, "name", "get-filters"), T(this, "execute", async (e) => {
+			var t;
+			return await ((t = e.httpService) == null ? void 0 : t.filters());
+		});
+	}
+}, gr = class extends $ {
+	constructor(...e) {
+		super(...e), T(this, "name", "get-prm-list"), T(this, "execute", async (e) => {
+			var t;
+			return await ((t = e.httpService) == null ? void 0 : t.loadPrmRelationship(this.args.search, this.args.pager));
+		});
+	}
+}, _r = class extends $ {
+	constructor(...e) {
+		super(...e), T(this, "name", "get-prm-autocomplete"), T(this, "execute", async (e) => {
+			var t;
+			return await ((t = e.httpService) == null ? void 0 : t.loadPrmRelationshipAutocomplete(this.args.search, this.args.pager));
+		});
+	}
+}, vr = class extends $ {
+	constructor(...e) {
+		super(...e), T(this, "name", "get-autocomplete"), T(this, "execute", async (e) => {
+			var t;
+			return await ((t = e.httpService) == null ? void 0 : t.autocomplete(this.args.searchText, this.args.categorySearch ?? !1));
+		});
+	}
+}, yr = class extends $ {
+	constructor(...e) {
+		super(...e), T(this, "name", "get-prm-filter-values"), T(this, "execute", async (e) => {
+			var t;
+			return await ((t = e.httpService) == null ? void 0 : t.loadPrmRelationshipFilterValues(this.args));
+		});
+	}
+}, br = class extends $ {
+	constructor(...e) {
+		super(...e), T(this, "name", "export"), T(this, "execute", async (e) => u(e, this.name));
+	}
+}, xr = class extends $ {
+	constructor(...e) {
+		super(...e), T(this, "name", "favorite-views-load"), T(this, "execute", async (e) => {
+			var t;
+			let n = { items: await ((t = e.httpService) == null ? void 0 : t.loadFavoriteViews(this.args.ids)) || [] };
+			e.eventBus.emit("favorite-views-loaded", n);
+		});
+	}
+}, Sr = class extends $ {
+	constructor(...e) {
+		super(...e), T(this, "name", "favorite-views-save"), T(this, "execute", async (e) => {
+			var t;
+			let n = await ((t = e.httpService) == null ? void 0 : t.saveFavoriteView(this.args.id, this.args.code, this.args.routeData));
+			n && e.eventBus.emit("favorite-views-saved", { item: n });
+		});
+	}
+}, Cr = class extends $ {
+	constructor(...e) {
+		super(...e), T(this, "name", "favorite-views-delete"), T(this, "execute", async (e) => {
+			var t;
+			let n = await ((t = e.httpService) == null ? void 0 : t.deleteFavoriteView(this.args.id));
+			n && e.eventBus.emit("favorite-views-deleted", { id: n });
+		});
+	}
+}, wr = class extends $ {
+	constructor(...e) {
+		super(...e), T(this, "name", "favorite-views-apply"), T(this, "execute", async (e) => {
+			let t = this.args.favoriteView.data;
+			if (t) {
+				var n;
+				let r = Object.assign({}, e.router.routeData, { search: {
+					searchText: t.search.searchText,
+					searchType: t.search.searchType,
+					cid: t.search.cid,
+					filters: t.search.filter,
+					pagination: t.pager,
+					sortField: t.sort.field,
+					sortDirection: t.sort.direction,
+					masterProductId: t.search.masterProductId
+				} });
+				await ((n = e.router) == null ? void 0 : n.setRoute(r)), e.eventBus.emit("favorite-views-applied", { routeData: e.router.routeData });
+			}
+		});
+	}
+}, Tr = class extends $ {
+	constructor(...e) {
+		super(...e), T(this, "name", "get-classifications-nodes"), T(this, "execute", async (e) => {
+			var t;
+			if (this.args.cids) return await ((t = e.httpService) == null ? void 0 : t.loadClassificationsNodes(this.args.cids));
+		});
+	}
+}, Er = class extends $ {
+	constructor(...e) {
+		super(...e), T(this, "name", "favorite-category-add"), T(this, "execute", async (e) => {
+			if (this.args.cid) {
+				var t, n, r, i;
+				((t = e.store.options.appSettings) == null ? void 0 : t.treeType) === v.PRODUCTS && (n = e.store.options.components) != null && (n = n.search) != null && n.favoriteCategories ? (e.store.options.components.search.favoriteCategories.productCids === void 0 && (e.store.options.components.search.favoriteCategories.productCids = []), e.store.options.components.search.favoriteCategories.productCids.push(this.args.cid)) : ((r = e.store.options.appSettings) == null ? void 0 : r.treeType) === v.PARTS && (i = e.store.options.components) != null && (i = i.search) != null && i.favoriteCategories && (e.store.options.components.search.favoriteCategories.partCids === void 0 && (e.store.options.components.search.favoriteCategories.partCids = []), e.store.options.components.search.favoriteCategories.partCids.push(this.args.cid));
+			}
+			return e.eventBus.emit("favorite-category-added", this.args), Promise.resolve();
+		});
+	}
+}, Dr = class extends $ {
+	constructor(...e) {
+		super(...e), T(this, "name", "favorite-category-remove"), T(this, "execute", async (e) => {
+			if (this.args.cid) {
+				var t, n;
+				if (((t = e.store.options.appSettings) == null ? void 0 : t.treeType) === v.PRODUCTS) {
+					var r, i, a;
+					(r = e.store.options.components) != null && (r = r.search) != null && (r = r.favoriteCategories) != null && r.productCids && qn((i = e.store.options.components) == null || (i = i.search) == null ? void 0 : i.favoriteCategories.productCids, (e) => e === this.args.cid), (a = e.store) != null && (a = a.data) != null && (a = a.favoriteProductCategories) != null && a.items && qn(e.store.data.favoriteProductCategories.items, (e) => e.cid === this.args.cid);
+				} else if (((n = e.store.options.appSettings) == null ? void 0 : n.treeType) === v.PARTS) {
+					var o, s;
+					(o = e.store.options.components) != null && (o = o.search) != null && (o = o.favoriteCategories) != null && o.partCids && qn(e.store.options.components.search.favoriteCategories.partCids, (e) => e === this.args.cid), (s = e.store) != null && (s = s.data) != null && (s = s.favoritePartCategories) != null && s.items && qn(e.store.data.favoritePartCategories.items, (e) => e.cid === this.args.cid);
+				}
+			}
+			return e.eventBus.emit("favorite-category-removed", this.args), Promise.resolve();
+		});
+	}
+}, Or = class extends $ {
+	constructor(...e) {
+		super(...e), T(this, "name", "print-to-pdf"), T(this, "execute", async (e) => {
+			var t;
+			let n = await ((t = e.httpService) == null ? void 0 : t.generatePDFUrl(this.args.productId));
+			n && (await be(`Product ${this.args.productId}.pdf`, n), e.eventBus.emit("print-to-pdf-done", n));
+		});
+	}
+}, kr = class extends $ {
+	constructor(...e) {
+		super(...e), T(this, "name", "show-print-view"), T(this, "execute", async (e) => u(e, this.name));
+	}
+}, Ar = class extends $ {
+	constructor(...e) {
+		super(...e), T(this, "name", "notification-show"), T(this, "excludeFromUserActions", !0), T(this, "execute", async (e) => {
+			let t = 0, n = this.args.dismissAfter;
+			e.store.notifications.length && (e.store.notifications = [], t = 1e3), !n && n !== 0 && this.args.type !== "danger" && (n = 6e3, e.store.notifications = []), n && n !== 0 && setTimeout(() => {
+				let t = e.store.notifications.indexOf(this.args);
+				t !== -1 && e.store.notifications.splice(t, 1);
+			}, n), setTimeout(() => e.store.notifications.push(this.args), t);
+		});
+	}
+}, jr = class extends $ {
+	constructor(...e) {
+		super(...e), T(this, "name", "notification-hide"), T(this, "excludeFromUserActions", !0), T(this, "execute", async (e) => {
+			let t = e.store.notifications.indexOf(this.args);
+			t !== -1 && e.store.notifications.splice(t, 1);
+		});
+	}
+}, Mr = class extends $ {
+	constructor(...e) {
+		super(...e), T(this, "name", "filter-compare"), T(this, "execute", async (e) => {
+			var t;
+			let n = e.getRouteData();
+			return n.compare && this.args.diffOnly != null && (n.compare.differencesOnly = this.args.diffOnly), n.compare && this.args.cid && (n.compare.cids = [this.args.cid]), await ((t = e.router) == null ? void 0 : t.setRoute(n));
+		});
+	}
+}, Nr = class extends $ {
+	constructor(...e) {
+		super(...e), T(this, "name", "remove-compare-item"), T(this, "execute", async (e) => {
+			var t, n;
+			let r = e.getRouteData();
+			if ((t = r.compare) != null && t.productIds) {
+				let e = r.compare.productIds.indexOf(this.args.item.productId) ?? -1;
+				e > -1 && r.compare.productIds.splice(e, 1);
+			}
+			return await ((n = e.router) == null ? void 0 : n.setRoute(r));
+		});
+	}
+}, Pr = class extends $ {
+	constructor(...e) {
+		super(...e), T(this, "name", "show-compare-print-view"), T(this, "execute", async (e) => u(e, this.name));
+	}
+}, Fr = async (e, t, n) => Object.assign(e.store.data.actions, {
+	current: t,
+	data: n
+}), Ir = class extends $ {
+	constructor(...e) {
+		super(...e), T(this, "name", "product-action-completed"), T(this, "execute", async (e) => Object.assign(e.store.data.actions, {
+			current: null,
+			data: null
+		}));
+	}
+}, Lr = class extends $ {
+	constructor(...e) {
+		super(...e), T(this, "name", "add-to-catalog"), T(this, "execute", async (e) => Fr(e, "ProductAddToCatalogAction", this.args));
+	}
+}, Rr = class extends $ {
+	constructor(...e) {
+		super(...e), T(this, "name", "product-errors-action"), T(this, "excludeFromUserActions", !0), T(this, "execute", async (e) => Fr(e, "Errors", this.args));
+	}
+}, zr = class extends $ {
+	constructor(...e) {
+		super(...e), T(this, "name", "catalog-get-options"), T(this, "execute", async (e) => {
+			var t;
+			return await ((t = e.httpService) == null ? void 0 : t.getCatalogOptions());
+		});
+	}
+}, Br = class extends $ {
+	constructor(...e) {
+		super(...e), T(this, "name", "catalogs-fetch"), T(this, "execute", async (e) => {
+			var t;
+			let n = await ((t = e.httpService) == null ? void 0 : t.getAllCatalogs());
+			return !n || !n.items ? [] : n.items;
+		});
+	}
+}, Vr = class extends $ {
+	constructor(...e) {
+		super(...e), T(this, "name", "catalog-create-new"), T(this, "execute", async (e) => {
+			var t, n;
+			let r = await Yn(e, this.args, (t = e.httpService) == null ? void 0 : t.addCatalog(this.args.code, this.args.type, this.args.description));
+			return r == null || (n = r.catalog) == null ? void 0 : n.id;
+		});
+	}
+}, Hr = class extends $ {
+	constructor(...e) {
+		super(...e), T(this, "name", "product-add-to-catalog"), T(this, "execute", async (e) => {
+			var t;
+			return Yn(e, this.args, (t = e.httpService) == null ? void 0 : t.addProductToCatalog(this.args.id, this.args.products));
+		});
+	}
+}, Ur = class extends s {
+	constructor(e) {
+		super(e, Wr, "products");
+	}
+}, Wr = {
+	"filter-search": Xn,
+	details: Zn,
+	preview: Qn,
+	"scroll-to-top": $n,
+	document: er,
+	configurator: tr,
+	back: nr,
+	"search-view": rr,
+	"sub-view": ir,
+	"filter-classification": ar,
+	"filter-parts-type": or,
+	"filter-master-product": sr,
+	paginate: cr,
+	"page-size": lr,
+	"sort-by": ur,
+	"filter-parametric-apply": dr,
+	"filter-parametric-remove": fr,
+	"get-filters": hr,
+	"get-filter-values": pr,
+	"get-variant-table-group": mr,
+	"get-autocomplete": vr,
+	"get-prm-list": gr,
+	"get-prm-autocomplete": _r,
+	"get-prm-filter-values": yr,
+	export: br,
+	"favorite-views-load": xr,
+	"favorite-views-save": Sr,
+	"favorite-views-delete": Cr,
+	"favorite-views-apply": wr,
+	"get-classifications-nodes": Tr,
+	"favorite-category-add": Er,
+	"favorite-category-remove": Dr,
+	"print-to-pdf": Or,
+	"show-print-view": kr,
+	"notification-show": Ar,
+	"notification-hide": jr,
+	"filter-compare": Mr,
+	"remove-compare-item": Nr,
+	"show-compare-print-view": Pr,
+	"product-action-completed": Ir,
+	"add-to-catalog": Lr,
+	"product-errors-action": Rr,
+	"catalog-get-options": zr,
+	"catalogs-fetch": Br,
+	"catalog-create-new": Vr,
+	"product-add-to-catalog": Hr
+}, Gr = P({
+	name: "InteractiveText",
+	props: {
+		text: {
+			type: String,
+			required: !0
+		},
+		instance: {
+			type: Object,
+			required: !0
+		}
+	},
+	setup(e) {
+		let t = async (t) => {
+			try {
+				var n;
+				await ((n = e.instance) == null ? void 0 : n.execute(new Zn({ productId: t }).from("interactive-text")));
+			} catch {}
+		};
+		return { renderText: () => {
+			let n = /{{([^}]+)}}/, r = e.text.split("\n"), i = [];
+			return r.forEach((e, a) => {
+				let o = e, s;
+				for (; (s = n.exec(o)) !== null;) {
+					let e = o.slice(0, s.index);
+					e && i.push(re("span", e));
+					let n = s[1];
+					i.push(re("a", {
+						href: "#",
+						role: "button",
+						onClick: (e) => {
+							e.preventDefault(), t(n);
+						},
+						onKeydown: (e) => {
+							e.key === " " && (e.preventDefault(), t(n));
+						}
+					}, n)), o = o.slice(s.index + s[0].length);
+				}
+				o && i.push(re("span", o)), a < r.length - 1 && i.push(re("br"));
+			}), re("span", i);
+		} };
+	}
+}), Kr = { style: { "white-space": "pre-wrap" } };
+function qr(e, t, n, r, i, a) {
+	return B(), A("div", Kr, [(B(), O(pe(e.renderText)))]);
+}
+var Jr = /*#__PURE__*/ x(Gr, [["render", qr]]), Yr = P({
+	name: "PisLink",
+	props: {
+		link: {
+			type: Object,
+			required: !0
+		},
+		instance: {
+			type: Object,
+			required: !0
+		},
+		clearSearch: {
+			type: Boolean,
+			default: !1
+		},
+		onBeforeClick: {
+			type: Function,
+			required: !1,
+			default: void 0
+		}
+	},
+	setup(e) {
+		return { onLinkClick: async () => {
+			if (e.onBeforeClick) try {
+				e.onBeforeClick();
+			} catch {}
+			let t = e.link;
+			switch (t.type) {
+				case o.NONE: break;
+				case o.CLASSIFICATION:
+					if (t.cid) try {
+						var n;
+						await ((n = e.instance) == null ? void 0 : n.execute(new ar({
+							cid: t.cid,
+							clearSearch: e.clearSearch
+						}).from("pis-link")));
+					} catch {}
+					break;
+				case o.DETAIL:
+					if (t.productId) try {
+						var r;
+						await ((r = e.instance) == null ? void 0 : r.execute(new Zn({ productId: t.productId }).from("pis-link")));
+					} catch {}
+					break;
+				case o.DOCUMENT:
+					if (t.documentId) try {
+						var i;
+						await ((i = e.instance) == null ? void 0 : i.execute(new er({ documentId: t.documentId }).from("pis-link")));
+					} catch {}
+					break;
+				case o.SEARCH:
+					if (t.searchText) try {
+						var a;
+						await ((a = e.instance) == null ? void 0 : a.execute(new Xn({
+							searchText: t.searchText,
+							searchType: h.EXACT_PHRASE
+						}).from("pis-link")));
+					} catch {}
+					break;
+				case o.TECHNICAL_INFORMATION:
+			}
+		} };
+	}
+});
+//#endregion
+//#region src/products/components/shared/PisLink.vue
+function Xr(e, t, n, r, i, a) {
+	return B(), A("a", {
+		href: "#",
+		onClick: t[0] || (t[0] = Q((...t) => e.onLinkClick && e.onLinkClick(...t), ["prevent"]))
+	}, [U(e.$slots, "default")]);
+}
+var Zr = /*#__PURE__*/ x(Yr, [["render", Xr]]), Qr = P({
+	name: "AttributeValueTable",
+	props: { table: {
+		type: Object,
+		required: !0
+	} }
+}), $r = { class: "table-responsive pis-scroll" }, ei = { class: "table table-sm mt-2" };
+function ti(e, t, n, r, i, a) {
+	let o = G("safe-html"), s = G("pis-test-key");
+	return B(), A("div", $r, [j("table", ei, [j("thead", null, [j("tr", null, [(B(!0), A(E, null, H(e.table.columns, (e) => Z((B(), A("th", {
+		key: e.dataField,
+		class: "text-center"
+	}, [Z(j("span", null, null, 512), [[o, e.text]])])), [[s, e]])), 128))])]), j("tbody", null, [(B(!0), A(E, null, H(e.table.rows, (t, n) => Z((B(), A("tr", { key: n }, [(B(!0), A(E, null, H(e.table.columns, (e) => {
+		var n, r;
+		return Z((B(), A("td", {
+			key: e.dataField,
+			class: "text-center"
+		}, [(n = t.values) != null && n[e.dataField] ? (B(!0), A(E, { key: 0 }, H((r = t.values) == null ? void 0 : r[e.dataField], (e, t) => Z((B(), A("div", {
+			key: t,
+			class: "text-nowrap"
+		}, [M(K(e.text), 1)])), [[s, e]])), 128)) : k("", !0)])), [[s, e]]);
+	}), 128))])), [[s, t]])), 128))])])]);
+}
+var ni = /*#__PURE__*/ x(Qr, [["render", ti]]), ri = P({
+	name: "AttributesTable",
+	components: {
+		Icon: f,
+		Arrow: Fe,
+		Tooltip: g,
+		PisLink: Zr,
+		LinkSecondary: $t,
+		InteractiveText: Jr,
+		AttributeValueTable: ni
+	},
+	props: {
+		attributes: {
+			type: Object,
+			default: void 0
+		},
+		instance: {
+			type: Object,
+			required: !0
+		},
+		hideDocumentLinks: {
+			type: Boolean,
+			required: !0
+		},
+		t: {
+			type: Function,
+			required: !0
+		}
+	},
+	setup(e) {
+		let t = D(() => {
+			var t;
+			if (((t = e.instance) == null ? void 0 : t.instanceType) == "Products") {
+				var n;
+				return ((n = e.instance.store) == null || (n = n.options.components) == null || (n = n.common) == null ? void 0 : n.maxAttributeValuesVisible) || Infinity;
+			}
+			return Infinity;
+		}), n = ["#AllIdentifiers", "#DisplayName"], r = fe({}), i = {}, a = (e, t) => {
+			i[e] = t;
+		}, o = (e) => r[e];
+		return {
+			records: D(() => Object.values(e.attributes || {}).reduce((e, r) => {
+				if (!n.includes(r.attributeCode)) {
+					var i;
+					let n = r.values || [], a = (((i = r.values) == null ? void 0 : i.length) || 0) > t.value;
+					e.push({
+						shouldBeTrimmed: a,
+						attr: r,
+						trimmedValues: o(r.attributeCode) ? n : n.slice(0, t.value)
+					});
+				}
+				return e;
+			}, [])),
+			storeAttrRef: a,
+			isDisabledTrimming: o,
+			toggleValueTrimming: (e) => {
+				r[e] ? (delete r[e], i[e] && i[e].scrollIntoView()) : r[e] = !0;
+			}
+		};
+	}
+}), ii = {
+	key: 0,
+	class: "col"
+}, ai = {
+	key: 0,
+	class: "fw-bold ps-lg-3"
+}, oi = { class: "col-md-4" }, si = ["id"], ci = { class: "w-100" }, li = { class: "ps-lg-3" }, ui = ["title"], di = {
+	key: 0,
+	class: "flex-shrink-1 px-2"
+}, fi = {
+	key: 2,
+	style: { "white-space": "pre-wrap" }
+}, pi = { class: "d-print-none ext-attr-val" }, mi = {
+	key: 2,
+	style: { "white-space": "pre-wrap" }
+}, hi = { key: 0 };
+function gi(e, t, n, r, i, a) {
+	let o = W("AttributeValueTable"), s = W("Icon"), c = W("Tooltip"), l = W("InteractiveText"), u = W("PisLink"), d = W("Arrow"), f = W("LinkSecondary"), p = G("pis-test-part"), m = G("safe-html"), h = G("pis-test-key");
+	return B(!0), A(E, null, H(e.records, (t, n) => Z((B(), A("div", {
+		key: n,
+		class: R(["row g-0 py-1 py-lg-2", {
+			"border-bottom": t.attr.type != "Table",
+			"bg-warning": t.attr.highlight
+		}])
+	}, [t.attr.type == "Table" && t.attr.table ? (B(), A("div", ii, [t.attr.attributeName ? Z((B(), A("span", ai, [M(K(t.attr.attributeName) + ": ", 1)])), [[
+		p,
+		void 0,
+		"attribute-label"
+	]]) : k("", !0), Z(N(o, { table: t.attr.table }, null, 8, ["table"]), [[
+		p,
+		void 0,
+		"attribute-value"
+	]])])) : (B(), A(E, { key: 1 }, [j("div", oi, [j("div", {
+		id: t.attr.attributeCode == "TechnicalInformation" ? "pis-anchor-attr-TechnicalInformation" : void 0,
+		class: "d-flex"
+	}, [j("div", ci, [j("div", li, [Z(j("span", {
+		class: "d-inline-block w-100 text-wrap fw-bold ext-attr-name",
+		style: {
+			overflow: "hidden",
+			"text-overflow": "ellipsis"
+		},
+		title: t.attr.tooltip ?? void 0
+	}, null, 8, ui), [[m, t.attr.attributeName + ":"], [
+		p,
+		void 0,
+		"attribute-label"
+	]])])]), t.attr.internal ? (B(), A("div", di, [N(c, { text: e.t("Internal", !0) }, {
+		default: X(() => [N(s, {
+			class: "text-warning text-end",
+			name: "warning-triangle"
+		})]),
+		_: 1
+	}, 8, ["text"])])) : k("", !0)], 8, si)]), j("div", {
+		ref_for: !0,
+		ref: (n) => e.storeAttrRef(t.attr.attributeCode, n),
+		class: "col-md-8"
+	}, [(B(!0), A(E, null, H(t.attr.values, (t, n) => Z((B(), A("div", {
+		key: n,
+		class: "pis-print-only ext-attr-val"
+	}, [t.interactiveText ? (B(), O(l, {
+		key: 0,
+		instance: e.instance,
+		text: t.interactiveText
+	}, null, 8, ["instance", "text"])) : t.link && !e.hideDocumentLinks ? (B(), O(u, {
+		key: 1,
+		link: t.link,
+		instance: e.instance,
+		"clear-search": !0
+	}, {
+		default: X(() => [M(K(t.link.text), 1)]),
+		_: 2
+	}, 1032, ["link", "instance"])) : Z((B(), A("div", fi, null, 512)), [[m, t.text]])])), [[h, t]])), 128)), j("div", pi, [(B(!0), A(E, null, H(t.trimmedValues, (t, n) => Z((B(), A("div", { key: n }, [t.interactiveText ? (B(), O(l, {
+		key: 0,
+		instance: e.instance,
+		text: t.interactiveText
+	}, null, 8, ["instance", "text"])) : t.link && !e.hideDocumentLinks ? (B(), O(u, {
+		key: 1,
+		link: t.link,
+		instance: e.instance,
+		"clear-search": !0
+	}, {
+		default: X(() => [M(K(t.link.text), 1)]),
+		_: 2
+	}, 1032, ["link", "instance"])) : Z((B(), A("div", mi, null, 512)), [[m, t.text]])])), [[
+		p,
+		void 0,
+		"attribute-value"
+	], [h, t]])), 128)), t.shouldBeTrimmed ? (B(), A("div", hi, [N(f, { onClick: Q((n) => e.toggleValueTrimming(t.attr.attributeCode), ["prevent"]) }, {
+		default: X(() => [N(d, {
+			class: "me-2",
+			dir: e.isDisabledTrimming(t.attr.attributeCode) ? "up" : "down"
+		}, null, 8, ["dir"]), M(" " + K(e.isDisabledTrimming(t.attr.attributeCode) ? e.t("HideMore") : e.t("ShowMore")), 1)]),
+		_: 2
+	}, 1032, ["onClick"])])) : k("", !0)])], 512)], 64))], 2)), [[h, t]])), 128);
+}
+var _i = /*#__PURE__*/ x(ri, [["render", gi]]);
+//#endregion
+export { Tn as $, xr as A, Sr as B, Tr as C, yr as D, _r as E, Or as F, ur as G, Xn as H, Ir as I, ir as J, Pr as K, Hr as L, cr as M, or as N, gr as O, Qn as P, kn as Q, Nr as R, vr as S, hr as T, rr as U, $n as V, lr as W, Vn as X, Gn as Y, Bn as Z, Zn as _, Er as a, Fe as at, Mr as b, wr as c, xe as ct, Vr as d, rn as et, zr as f, Cr as g, tr as h, Jr as i, Ue as it, sr as j, mr as k, dr as l, be as lt, Ur as m, ni as n, Wt as nt, Ar as o, Me as ot, ar as p, kr as q, Zr as r, Je as rt, Lr as s, Se as st, _i as t, $t as tt, nr as u, ye as ut, fr as v, pr as w, Br as x, br as y, Dr as z };
+
+//# sourceMappingURL=AttributesTable-DRKGguZ2.js.map