@pisapp/core 7.0.0-dev.20260916-153034 → 7.0.0-dev.20261028-114206

package/chunks/ProductsDetailsHeader-q6jMjbTw.js

@@ -0,0 +1,4430 @@
+import { $t as e, A as t, D as n, Dn as r, E as i, En as a, F as o, I as s, L as c, N as l, O as u, On as d, P as f, Qt as p, R as m, Rt as h, Sn as g, T as _, Tn as v, Tt as y, Ut as b, V as ee, W as te, Xt as ne, Yt as x, Zt as S, _ as C, _n as w, an as re, at as ie, bn as ae, c as oe, cn as se, ct as T, dt as E, en as ce, ft as le, g as D, h as ue, hn as de, ht as fe, i as pe, in as me, j as he, jt as ge, k as _e, l as ve, ln as ye, lt as be, m as xe, mn as O, mt as Se, n as Ce, nn as we, nt as k, on as Te, ot as Ee, p as De, pn as Oe, pt as A, rn as ke, s as Ae, sn as je, tn as Me, u as Ne, un as Pe, ut as Fe, v as j, vn as Ie, wn as Le, x as Re, xn as ze, y as Be, yn as Ve } from "./directives-KA3MkImb.js";
+import { $ as He, D as Ue, E as We, F as Ge, O as Ke, P as qe, Q as Je, T as Ye, U as Xe, V as Ze, X as Qe, Y as $e, Z as et, _ as tt, at as nt, ct as rt, et as it, it as at, k as ot, l as st, m as ct, nt as lt, p as ut, q as dt, r as ft, rt as pt, s as mt, st as ht, t as gt, tt as _t, u as vt, ut as yt, v as bt, w as xt } from "./AttributesTable-2eulaCqv.js";
+import { c as M, n as St } from "./PisGlobal-C0nd_M3S.js";
+import { Fragment as N, computed as P, createBlock as F, createCommentVNode as I, createElementBlock as L, createElementVNode as R, createSlots as Ct, createTextVNode as z, createVNode as B, defineComponent as V, h as wt, mergeProps as Tt, normalizeClass as H, normalizeStyle as Et, onMounted as Dt, openBlock as U, reactive as Ot, ref as W, renderList as G, renderSlot as K, resolveComponent as q, resolveDirective as kt, resolveDynamicComponent as At, toDisplayString as J, toHandlers as jt, vModelCheckbox as Mt, watch as Nt, withCtx as Y, withDirectives as X, withKeys as Pt, withModifiers as Z } from "vue";
+//#region src/common/components/cell-defaults/ProductNameTableCell.vue?vue&type=script&setup=true&lang.ts
+var Ft = {
+	key: 1,
+	class: "text-muted"
+}, It = /* @__PURE__ */ V({
+	__name: "ProductNameTableCell",
+	props: { ctx: {} },
+	setup(e) {
+		let t = e, n = P(() => t.ctx.item), r = P(() => v(n.value, "#DisplayName"));
+		return (t, i) => n.value.inactive ? (U(), L("span", Ft, J(r.value), 1)) : (U(), L("a", {
+			key: 0,
+			class: "fw-medium",
+			href: "#",
+			onClick: i[0] || (i[0] = Z((t) => e.ctx.details(e.ctx.item), ["prevent"]))
+		}, J(r.value), 1));
+	}
+}), Lt = { class: "fw-bold" }, Rt = { class: "text-muted small" }, zt = { key: 1 }, Bt = { class: "fw-bold" }, Vt = { class: "text-muted small" }, Ht = /* @__PURE__ */ V({
+	__name: "VariantsProductCell",
+	props: { ctx: {} },
+	setup(e) {
+		let t = e, n = P(() => t.ctx.item), r = P(() => v(n.value, "#DisplayName")), i = P(() => v(n.value, "CatalogDescription"));
+		return (t, a) => n.value.productId ? (U(), L("a", {
+			key: 0,
+			href: "#",
+			class: "text-decoration-none",
+			onClick: a[0] || (a[0] = Z((t) => e.ctx.details(e.ctx.item), ["prevent"]))
+		}, [R("div", Lt, J(r.value), 1), R("div", Rt, J(i.value), 1)])) : (U(), L("div", zt, [R("div", Bt, J(r.value), 1), R("div", Vt, J(i.value), 1)]));
+	}
+}), Ut = { class: "d-flex flex-wrap gap-1" }, Wt = /* @__PURE__ */ V({
+	__name: "VariantsVariantCell",
+	props: { ctx: {} },
+	setup(e) {
+		let t = e, n = (e, t) => v(e, t), r = P(() => t.ctx.group.variantAttributes ?? []);
+		return (t, i) => (U(), L("div", Ut, [(U(!0), L(N, null, G(r.value, (t, r) => (U(), L("span", {
+			key: t.attributeCode ?? r,
+			class: "badge bg-light text-dark border"
+		}, J(t.attributeName ?? "") + ": " + J(n(e.ctx.item, t.attributeCode)), 1))), 128))]));
+	}
+}), Gt = class {
+	constructor() {
+		M(this, "appSettings", {
+			appCode: "",
+			langCode: "en",
+			countryCode: void 0,
+			includeInternalData: !1,
+			treeType: A.PRODUCTS
+		}), M(this, "styles", []), M(this, "components", {
+			common: {
+				hideDocumentLinks: !0,
+				hideReplacements: !1,
+				hideWhereUsed: !1,
+				maxAttributeValuesVisible: 10
+			},
+			search: {
+				common: {
+					configurators: { visible: !1 },
+					productItemSettings: {
+						maxProductImages: 1,
+						includeAliases: !0,
+						includeReplacements: !0,
+						includeVariantAttributes: !0
+					}
+				},
+				breadcrumbs: { visible: !0 },
+				form: {
+					visible: !0,
+					useAutocomplete: !0,
+					maxCategoryMatches: 2
+				},
+				toolbar: {
+					visible: !0,
+					pageSizes: [
+						12,
+						24,
+						48,
+						72
+					],
+					subViews: [
+						"table",
+						"list",
+						"grid"
+					],
+					countVisible: !0,
+					subViewsVisible: !0,
+					pageSizesVisible: !0,
+					sortVisible: !0,
+					exportMenu: {
+						visible: !1,
+						items: []
+					}
+				},
+				pagination: {
+					visible: !0,
+					visiblePages: 5
+				},
+				header: { visible: !0 },
+				categories: {
+					transparent: !1,
+					visible: !0,
+					card: !0,
+					icon: !1,
+					maxCategoriesVisible: 12
+				},
+				filters: {
+					transparent: !1,
+					visible: !0,
+					card: !0,
+					icon: !1,
+					maxFiltersVisible: 10,
+					visibleFromNodeLevel: 0
+				},
+				filtersStatus: { visible: !0 },
+				narrowByProduct: {
+					visible: !0,
+					card: !0,
+					icon: !0
+				},
+				partTypes: { visible: !0 },
+				selection: {
+					visible: !1,
+					deselectAllVisible: !0,
+					selectAllVisible: !0,
+					persist: !1,
+					countVisible: !0
+				},
+				table: {
+					visible: !0,
+					selectable: !1,
+					columns: [
+						{
+							caption: "Name",
+							dataField: "#DisplayName",
+							width: "33%",
+							treeTypes: [A.PRODUCTS],
+							showAllIdentifiers: !0,
+							headerTemplate: yt("ProductListProduct", "common"),
+							cellTemplate: It
+						},
+						{
+							caption: "Name",
+							dataField: "#DisplayName",
+							width: "33%",
+							treeTypes: [A.PARTS],
+							showAllIdentifiers: !0,
+							headerTemplate: yt("ProductListSparePart", "common"),
+							cellTemplate: It
+						},
+						{
+							caption: "Description",
+							treeTypes: [A.PRODUCTS, A.PARTS],
+							headerTemplate: yt("ProductListInformation", "common"),
+							dataField: "CatalogDescription",
+							showReplacements: !0,
+							showVariants: !0
+						},
+						{
+							caption: "Quantity",
+							treeTypes: [A.PARTS],
+							headerTemplate: yt("ProductListQuantity", "common"),
+							dataField: "#Quantity",
+							masterProductRequired: !0
+						}
+					]
+				},
+				list: {
+					visible: !0,
+					showAllIdentifiers: !0,
+					showReplacements: !0,
+					navigateOnContentClick: !0,
+					imageSize: "10rem",
+					selectable: !1,
+					imagePadding: 0,
+					mobileBreakpoint: 680,
+					imageLazyLoading: !0,
+					showVariants: !0
+				},
+				grid: {
+					visible: !0,
+					selectable: !1,
+					showAllIdentifiers: !0,
+					showReplacements: !0,
+					navigateOnContentClick: !0,
+					imageLazyLoading: !0,
+					showVariants: !0
+				},
+				gridHorizontal: {
+					visible: !0,
+					selectable: !1,
+					showAllIdentifiers: !0,
+					showReplacements: !0,
+					navigateOnContentClick: !0,
+					showVariants: !0,
+					carousel: {
+						mouseDrag: !0,
+						touchDrag: !0,
+						transition: 300,
+						wrapAround: !1,
+						defaults: {
+							itemsToShow: 1,
+							itemsToScroll: 1,
+							snapAlign: "center",
+							margin: 5,
+							navigationVisible: !0,
+							paginationVisible: !0
+						},
+						breakpoints: {
+							576: {
+								itemsToShow: 2,
+								itemsToScroll: 1,
+								snapAlign: "start",
+								margin: 2,
+								navigationVisible: !0,
+								paginationVisible: !1
+							},
+							922: {
+								itemsToShow: 4,
+								itemsToScroll: 1,
+								snapAlign: "start",
+								margin: 2,
+								navigationVisible: !0,
+								paginationVisible: !1
+							}
+						}
+					}
+				},
+				favoriteCategories: {
+					visible: !1,
+					card: !0,
+					icon: !1,
+					transparent: !1,
+					productCids: void 0,
+					partCids: void 0,
+					maxCategoriesVisible: 12
+				},
+				favoriteViews: {
+					visible: !1,
+					transparent: !1,
+					card: !0,
+					icon: !1,
+					fallbackCode: "ABB",
+					maxViewsVisible: 10,
+					savedViewIds: void 0
+				}
+			},
+			details: {
+				data: {
+					bottomNavigationSticky: !0,
+					hideBottomNavigation: !1,
+					showTabCounts: !0,
+					showTabIcons: !0,
+					productItemSettings: {
+						includeAliases: !0,
+						includeReplacements: !0,
+						maxProductImages: 6
+					},
+					variants: { productItemSettings: { maxProductImages: 1 } },
+					relationships: {
+						productRelationshipFiltering: !0,
+						pageSize: 5,
+						searchMinItems: 5,
+						filteringMinItems: 5,
+						filteringMaxAttributesVisible: 5,
+						actionTemplates: {},
+						displayMode: { All: "table" },
+						productItemSettings: { maxProductImages: 1 }
+					},
+					downloads: {
+						visible: !0,
+						count: void 0,
+						loading: !1
+					}
+				},
+				classifications: {
+					visible: !0,
+					treeView: !1
+				},
+				gallery: {
+					visible: !0,
+					hideThumbnailImages: !1,
+					showOverlayArrows: !1
+				},
+				relatedLinks: {
+					visible: !1,
+					showImages: !0
+				},
+				header: {
+					visible: !0,
+					showBackBtn: !0,
+					showPrintToPdfBtn: !0,
+					showPrintViewBtn: !1
+				},
+				variantsDropdown: {
+					visible: !1,
+					showImages: !0
+				},
+				variantsSelector: {
+					visible: !0,
+					unavailableValuesBehavior: "disabled"
+				},
+				variantsTable: {
+					visible: !1,
+					showImages: !0,
+					columns: [{
+						caption: "Product",
+						width: "25%",
+						headerTemplate: yt("ProductListProduct", "common"),
+						cellTemplate: Ht
+					}, {
+						caption: "Variant",
+						width: "auto",
+						headerTemplate: yt("Variant", "products"),
+						cellTemplate: Wt
+					}]
+				}
+			},
+			compare: { view: {
+				visible: !0,
+				imageSize: "120px",
+				showAllIdentifiers: !0,
+				showReplacements: !0,
+				categoriesVisible: !0,
+				navigationVisible: !0,
+				printButtonVisible: !1,
+				compactMode: !0,
+				attrColWidth: "240px",
+				valColWidth: "240px",
+				imageVisible: !0,
+				imageHideOnScroll: !0,
+				productItemSettings: {
+					includeAliases: !0,
+					includeReplacements: !0,
+					maxProductImages: 1
+				}
+			} },
+			preview: { view: {
+				visible: !0,
+				productItemSettings: {
+					includeAliases: !0,
+					includeReplacements: !0,
+					maxProductImages: 6
+				}
+			} }
+		}), M(this, "allowMobileView", !0), M(this, "cacheTranslations", !0);
+	}
+}, Kt = (e) => ({ addToCatalog: async (t, n, r, i) => e.execute(new mt({
+	productId: t,
+	catalogType: n,
+	uom: r,
+	catalogId: i
+}), "api") }), qt = {
+	search: "/v2/Products/Search",
+	count: "/v2/Products/Count",
+	detail: "/v2/Products/Detail",
+	variantsTable: "/v2/Products/Variants/Table",
+	translations: "/v2/Translations"
+}, Q = {
+	Classifications: T.CLASSIFICATIONS,
+	Products: T.PRODUCTS,
+	Filters: T.FILTERS,
+	Breadcrumbs: T.BREADCRUMBS,
+	Configurators: T.CONFIGURATORS,
+	MasterProducts: T.MASTER_PRODUCTS,
+	PartTypes: T.PART_TYPES,
+	ProductDetails: k.PRODUCT_DETAILS,
+	ProductClassifications: k.PRODUCT_CLASSIFICATIONS,
+	AttributeGroups: k.ATTRIBUTE_GROUPS,
+	ProductRelationships: k.PRODUCT_RELATIONSHIPS,
+	RelatedLinks: k.RELATED_LINKS,
+	ProductVariantsSelector: k.PRODUCT_VARIANTS_SELECTOR,
+	ProductVariantsTable: k.PRODUCT_VARIANTS_TABLE,
+	ProductVariantsDropdown: k.PRODUCT_VARIANTS_DROPDOWN,
+	ExtendedObjectData: k.EXTENDED_OBJECT_DATA,
+	ProductPreview: "ProductPreview",
+	FavoriteProductCategories: "FavoriteProductCategories",
+	FavoritePartCategories: "FavoritePartCategories",
+	FavoriteViews: "FavoriteViews",
+	Translations: "Translations",
+	RelatedProducts: "RelatedProducts",
+	ProductCompare: "ProductCompare",
+	ProductIdToName: "ProductIdToName"
+}, Jt = {
+	[Q.Products]: (e, t) => {
+		e.products = t;
+	},
+	[Q.Classifications]: (e, t) => {
+		e.classifications = t;
+	},
+	[Q.Filters]: (e, t) => {
+		e.filters = t;
+	},
+	[Q.Breadcrumbs]: (e, t) => {
+		e.breadcrumbs = t;
+	},
+	[Q.ProductDetails]: (e, t) => {
+		t == null ? (e.productDetail = void 0, e.itemNotFound = !0) : (e.productDetail = t, e.itemNotFound = !1);
+	},
+	[Q.ProductClassifications]: (e, t) => {
+		e.productClassifications = t;
+	},
+	[Q.AttributeGroups]: (e, t) => {
+		e.attributeGroups = t;
+	},
+	[Q.ProductRelationships]: (e, t) => {
+		e.prm = t;
+	},
+	[Q.Configurators]: (e, t) => {
+		e.configurators = t;
+	},
+	[Q.RelatedLinks]: (e, t) => {
+		e.relatedLinks = t;
+	},
+	[Q.ProductPreview]: (e, t) => {
+		e.productPreview = t;
+	},
+	[Q.PartTypes]: (e, t) => {
+		e.partTypes = t;
+	},
+	[Q.MasterProducts]: (e, t) => {
+		e.sparePartMasterProducts = t;
+	},
+	[Q.FavoriteProductCategories]: (e, t) => {
+		e.favoriteProductCategories = t;
+	},
+	[Q.FavoritePartCategories]: (e, t) => {
+		e.favoritePartCategories = t;
+	},
+	[Q.FavoriteViews]: (e, t) => {
+		e.favoriteViews = t;
+	},
+	[Q.RelatedProducts]: (e, t) => {
+		e.relatedProducts = t;
+	},
+	[Q.ProductCompare]: (e, t) => {
+		e.compareResult = t;
+	},
+	[Q.ProductIdToName]: (e, t) => {
+		if (e.productIdToDisplayName || (e.productIdToDisplayName = {}), t != null && t.item) {
+			let { requestedProductId: n, item: r } = t, i = v(r, "#DisplayName");
+			i && (e.productIdToDisplayName[r.productId] = i, e.productIdToDisplayName[n] = i);
+		}
+	},
+	[Q.ProductVariantsSelector]: (e, t) => {
+		e.productVariantsSelector = t;
+	},
+	[Q.ProductVariantsTable]: (e, t) => {
+		var n;
+		let r = t == null ? void 0 : t.items, i = (n = e.productVariantsTable) == null ? void 0 : n.items;
+		if ((r == null ? void 0 : r.length) === 1 && i != null && i.length) {
+			let e = r[0], t = i.findIndex((t) => t.attributeCode === e.attributeCode);
+			if (t >= 0) {
+				i.splice(t, 1, e);
+				return;
+			}
+			i.push(e);
+			return;
+		}
+		e.productVariantsTable = t;
+	},
+	[Q.ProductVariantsDropdown]: (e, t) => {
+		e.productVariantsDropdown = t;
+	},
+	[Q.Translations]: (e, t) => {
+		c.log("Setting store data not handled", {
+			type: Q.Translations,
+			data: t
+		});
+	},
+	[Q.ExtendedObjectData]: (e, t) => {
+		c.log("Setting store data not handled", {
+			type: Q.ExtendedObjectData,
+			data: t
+		});
+	}
+}, Yt = class extends m {
+	constructor(e) {
+		super(e);
+	}
+	dataInterceptor() {
+		var e;
+		return (e = this.instance.store) == null ? void 0 : e.options.dataInterceptor;
+	}
+	dispatchLoadEvent(e) {
+		this.setStoreData(e);
+	}
+	setStoreData({ type: e, data: t }) {
+		if (!this.instance.store) return;
+		let n = Jt[e];
+		n(this.instance.store.data, t);
+	}
+}, Xt = "pis-products-translations", Zt = class extends f {
+	constructor(e, t, n) {
+		super(), M(this, "instance", void 0), M(this, "instanceType", "Products"), M(this, "storeService", void 0), M(this, "client", void 0), M(this, "variantTableController", void 0), M(this, "loadController", void 0), M(this, "autocompleteController", new AbortController()), M(this, "autocompleteCache", {}), M(this, "_lastFilterLoad", {
+			key: "",
+			count: 0
+		}), this.instance = e, this.client = o(e, t, n), this.storeService = new Yt(e);
+	}
+	searchVariants() {
+		var e;
+		let t = (e = this.instance.store.options.components) == null || (e = e.search) == null || (e = e.common) == null ? void 0 : e.variants;
+		return t ? { clustering: t.clustering } : void 0;
+	}
+	detailVariants() {
+		var e;
+		let t = (e = this.instance.store.options.components) == null || (e = e.details) == null || (e = e.data) == null ? void 0 : e.variants;
+		return t ? {
+			clustering: t.clustering,
+			productItemSettings: t.productItemSettings
+		} : void 0;
+	}
+	relationshipSettings(e) {
+		var t;
+		let n = (t = this.instance.store.options.components) == null || (t = t.details) == null || (t = t.data) == null ? void 0 : t.relationships;
+		return {
+			productRelationshipFiltering: n == null ? void 0 : n.productRelationshipFiltering,
+			productItemSettings: n == null ? void 0 : n.productItemSettings,
+			...e ? { pager: e } : {}
+		};
+	}
+	relationshipAutocompleteSettings(e) {
+		var t;
+		let n = (t = this.instance.store.options.components) == null || (t = t.details) == null || (t = t.data) == null ? void 0 : t.relationships;
+		return {
+			productItemSettings: n == null ? void 0 : n.productItemSettings,
+			pager: e
+		};
+	}
+	async load(e) {
+		if (this.instance.router) try {
+			let t = e || this.instance.router.routeData;
+			switch (t.view) {
+				case "search": return await this.query(t);
+				case "detail": return await this.detail(t);
+				case "compare": return await this.compare(t);
+				default: throw Error(`Unknown view type "${t.view}" to be handled by HttpService`);
+			}
+		} catch (e) {
+			this.instance.store.data.isLoadingData = !1, console.error("Load failed", e);
+		}
+	}
+	async paginate(e) {
+		var t, n, r;
+		let i = this.searchAttribution();
+		(t = this.loadController) == null || t.abort();
+		let a = new AbortController();
+		this.loadController = a, this.instance.store.data.isLoadingData = !0;
+		let o = Date.now(), c;
+		try {
+			var l, u, d, f, p, m, h, g, _, v, y, b, ee;
+			c = await ye({
+				...s(),
+				productsSearchQuery: {
+					productItemSettings: (l = this.instance.store.options.components) == null || (l = l.search) == null || (l = l.common) == null ? void 0 : l.productItemSettings,
+					appSettings: (u = this.instance.store) == null ? void 0 : u.options.appSettings,
+					dataTypes: [T.PRODUCTS],
+					variants: this.searchVariants(),
+					sortMap: (d = this.instance.store.options.components) == null || (d = d.search) == null || (d = d.common) == null ? void 0 : d.sortMap,
+					pager: {
+						page: (e == null || (f = e.search) == null || (f = f.pagination) == null ? void 0 : f.page) ?? 1,
+						pageSize: (e == null || (p = e.search) == null || (p = p.pagination) == null ? void 0 : p.pageSize) ?? 12
+					},
+					search: {
+						cid: (m = e.search) == null ? void 0 : m.cid,
+						partType: ((h = e.search) == null ? void 0 : h.partsType) || Ee.ALL,
+						searchType: (g = e.search) == null ? void 0 : g.searchType,
+						searchText: ((_ = e.search) == null ? void 0 : _.searchText) ?? void 0,
+						filter: (v = e.search) == null ? void 0 : v.filters,
+						masterProductId: ((y = e.search) == null ? void 0 : y.masterProductId) ?? void 0
+					},
+					sort: {
+						field: ((b = e.search) == null ? void 0 : b.sortField) ?? le.PRODUCT,
+						direction: ((ee = e.search) == null ? void 0 : ee.sortDirection) ?? E.ASCENDING
+					}
+				}
+			}, {
+				client: this.client,
+				signal: a.signal
+			});
+		} catch (t) {
+			if (Ve(t)) return;
+			throw this.trackSearch(e, {
+				status: "error",
+				durationMs: Date.now() - o
+			}, i), t;
+		}
+		this.loadController === a && (this.trackSearch(e, ae((n = c.products) == null ? void 0 : n.totalCount, (r = c.products) == null ? void 0 : r.items, Date.now() - o), i), this.instance.eventBus.emit("search-loaded", c), c.products && this.storeService.setData(Q.Products, c.products), this.instance.store.data.isLoadingData = !1);
+	}
+	searchAttribution() {
+		let { action: e, source: t, trigger: n = "ui" } = ze(this.instance) ?? {};
+		return {
+			origin: e ?? "route",
+			trigger: n,
+			...t ? { source: t } : {}
+		};
+	}
+	trackSearch(e, t, n) {
+		var r, i, a, o, s, c;
+		g(this.instance, {
+			kind: "search",
+			action: "search",
+			trigger: n.trigger,
+			origin: n.origin,
+			...n.source ? { source: n.source } : {},
+			args: {
+				searchText: ((r = e.search) == null ? void 0 : r.searchText) ?? null,
+				searchType: ((i = e.search) == null ? void 0 : i.searchType) ?? null,
+				cid: ((a = e.search) == null ? void 0 : a.cid) ?? null,
+				page: ((o = e.search) == null || (o = o.pagination) == null ? void 0 : o.page) ?? 1,
+				pageSize: ((s = e.search) == null || (s = s.pagination) == null ? void 0 : s.pageSize) ?? 12,
+				appliedFilterCount: ((c = e.search) == null || (c = c.filters) == null || (c = c.rules) == null ? void 0 : c.length) ?? 0
+			},
+			outcome: t
+		});
+	}
+	async query(e) {
+		var t, n, r, i, a, o, c, l, u;
+		let { pagination: d, searchText: f, searchType: p, cid: m, filters: h, sortField: g, sortDirection: _, partsType: v, masterProductId: y } = e.search ?? {}, b = this.instance.getRegisteredSearchDataTypes();
+		if (!b.length) return Promise.resolve();
+		let ee = this.searchAttribution();
+		(t = this.loadController) == null || t.abort();
+		let te = new AbortController();
+		this.loadController = te, this.instance.store.data.isLoadingData = !0;
+		let ne = Date.now(), x = {
+			appSettings: (n = this.instance.store) == null ? void 0 : n.options.appSettings,
+			dataTypes: b,
+			variants: this.searchVariants(),
+			productItemSettings: (r = this.instance.store.options.components) == null || (r = r.search) == null || (r = r.common) == null ? void 0 : r.productItemSettings,
+			sortMap: (i = this.instance.store.options.components) == null || (i = i.search) == null || (i = i.common) == null ? void 0 : i.sortMap,
+			classifications: { maxClassificationImages: (a = this.instance.store.options.components) == null || (a = a.search) == null || (a = a.common) == null ? void 0 : a.maxCategoryImages },
+			pager: {
+				page: (d == null ? void 0 : d.page) ?? 1,
+				pageSize: (d == null ? void 0 : d.pageSize) ?? 12
+			},
+			search: {
+				cid: m,
+				partType: v || Ee.ALL,
+				searchType: p,
+				searchText: f ?? void 0,
+				filter: h,
+				masterProductId: y ?? void 0
+			},
+			sort: {
+				field: g ?? le.PRODUCT,
+				direction: _ ?? E.ASCENDING
+			},
+			filters: {
+				attributeCodes: (o = this.instance.store.options.components) == null || (o = o.search) == null || (o = o.filters) == null ? void 0 : o.attributeCodes,
+				maxFilterAttributes: (c = this.instance.store.options.components) == null || (c = c.search) == null || (c = c.filters) == null ? void 0 : c.maxFiltersVisible
+			}
+		}, S;
+		if (this.instance.store.options.httpInterceptor) try {
+			S = await this.instance.store.options.httpInterceptor({
+				body: x,
+				url: qt.search,
+				method: "post"
+			});
+		} catch {}
+		if (this.loadController !== te) return;
+		let C = S;
+		try {
+			C || (C = await ye({
+				...s(),
+				productsSearchQuery: x
+			}, {
+				client: this.client,
+				signal: te.signal
+			}));
+		} catch (t) {
+			if (Ve(t)) return;
+			throw this.trackSearch(e, {
+				status: "error",
+				durationMs: Date.now() - ne
+			}, ee), t;
+		}
+		this.loadController === te && (this.trackSearch(e, ae((l = C.products) == null ? void 0 : l.totalCount, (u = C.products) == null ? void 0 : u.items, Date.now() - ne), ee), this.instance.eventBus.emit("search-loaded", C), C.products && this.storeService.setData(Q.Products, C.products), C.classifications && this.storeService.setData(Q.Classifications, C.classifications), C.filters && this.storeService.setData(Q.Filters, C.filters), C.breadcrumbs && this.storeService.setData(Q.Breadcrumbs, C.breadcrumbs), C.configurators && this.storeService.setData(Q.Configurators, C.configurators), C.partTypes && this.storeService.setData(Q.PartTypes, C.partTypes), C.masterProducts && this.storeService.setData(Q.MasterProducts, C.masterProducts), this.instance.store.data.isLoadingData = !1, this.instance.eventBus.emit("search-changed"));
+	}
+	async detail(e) {
+		var t, n, r, i, a, o;
+		let c = (t = e.detail) == null ? void 0 : t.productId, l = (n = e.search) == null ? void 0 : n.cid;
+		if (!c) return Promise.resolve();
+		let u = this.instance.getRegisteredDetailsDataTypes();
+		if (!u.length) return Promise.resolve();
+		(r = this.loadController) == null || r.abort();
+		let d = new AbortController();
+		this.loadController = d, this.instance.store.data.isLoadingData = !0, this.instance.store.data.productDetail = void 0, (i = this.variantTableController) == null || i.abort(), await this.storeService.setData(Q.ProductVariantsTable, void 0);
+		let f = {
+			appSettings: (a = this.instance.store) == null ? void 0 : a.options.appSettings,
+			dataTypes: u,
+			search: {
+				productId: c,
+				cid: l
+			},
+			productItemSettings: (o = this.instance.store) == null || (o = o.options.components) == null || (o = o.details) == null || (o = o.data) == null ? void 0 : o.productItemSettings,
+			relationships: this.relationshipSettings(),
+			variants: this.detailVariants()
+		}, p;
+		if (this.instance.store.options.httpInterceptor) try {
+			p = await this.instance.store.options.httpInterceptor({
+				body: f,
+				url: qt.detail,
+				method: "post"
+			});
+		} catch {}
+		if (this.loadController !== d) return;
+		let m = p;
+		if (!m) try {
+			m = await S({
+				...s(),
+				detailQuery: f
+			}, {
+				client: this.client,
+				signal: d.signal
+			});
+		} catch (e) {
+			if (Ve(e)) return;
+			throw e;
+		}
+		this.loadController === d && (this.instance.eventBus.emit("detail-loaded", m), m.productDetails ? (this.storeService.setData(Q.ProductDetails, m.productDetails), this.storeService.setData(Q.ProductIdToName, {
+			item: m.productDetails.item,
+			requestedProductId: c
+		})) : this.storeService.setData(Q.ProductDetails, void 0), m.attributeGroups && this.storeService.setData(Q.AttributeGroups, m.attributeGroups), m.productRelationships && this.storeService.setData(Q.ProductRelationships, m.productRelationships), m.productClassifications && this.storeService.setData(Q.ProductClassifications, m.productClassifications), m.relatedLinks ? this.storeService.setData(Q.RelatedLinks, m.relatedLinks) : this.storeService.setData(Q.RelatedLinks, void 0), m.productVariantsSelector && this.storeService.setData(Q.ProductVariantsSelector, m.productVariantsSelector), m.productVariantsTable && this.storeService.setData(Q.ProductVariantsTable, m.productVariantsTable), m.productVariantsDropdown && this.storeService.setData(Q.ProductVariantsDropdown, m.productVariantsDropdown), this.storeService.setData(Q.RelatedProducts, m.relatedProducts || void 0), this.instance.store.data.isLoadingData = !1);
+	}
+	async loadVariantTableGroup(e) {
+		var t, n, r, i, a;
+		let { productId: o } = this.instance.router.routeData.detail ?? {};
+		if (!o || !e) return;
+		let c = (t = this.instance.store.data.productVariantsTable) == null || (t = t.items) == null ? void 0 : t.find((t) => t.attributeCode === e);
+		if ((c == null ? void 0 : c.products) !== void 0 && c.variantAttributes !== void 0) return;
+		(n = this.variantTableController) == null || n.abort();
+		let l = new AbortController();
+		this.variantTableController = l;
+		let u = {
+			appSettings: this.instance.store.options.appSettings,
+			attributeCode: e,
+			productItemSettings: (r = this.detailVariants()) == null ? void 0 : r.productItemSettings,
+			search: { productId: o }
+		}, d;
+		if (this.instance.store.options.httpInterceptor && (d = await this.instance.store.options.httpInterceptor({
+			body: u,
+			url: qt.variantsTable,
+			method: "post"
+		}), l.signal.aborted || this.variantTableController !== l)) return;
+		let f;
+		try {
+			f = d ?? await Pe({
+				...s(),
+				productVariantsTableQuery: u
+			}, {
+				client: this.client,
+				signal: l.signal
+			});
+		} catch (e) {
+			if (Ve(e)) return;
+			throw e;
+		}
+		if (l.signal.aborted || this.variantTableController !== l) return;
+		let p = (i = f.items) == null ? void 0 : i[0];
+		if (((a = f.items) == null ? void 0 : a.length) !== 1 || (p == null ? void 0 : p.attributeCode) !== e) throw Error(`Variants table group "${e}" was not returned.`);
+		await this.storeService.setData(Q.ProductVariantsTable, f);
+	}
+	async compare(e) {
+		var t;
+		(t = this.loadController) == null || t.abort();
+		let n = new AbortController();
+		this.loadController = n, this.instance.store.data.isLoadingData = !0;
+		let r;
+		try {
+			var i, a, o, c, l, u, d, f;
+			r = await x({
+				...s(),
+				compareQuery: {
+					appSettings: (i = this.instance.store) == null ? void 0 : i.options.appSettings,
+					search: {
+						productIds: ((a = e.compare) == null ? void 0 : a.productIds) ?? [],
+						mergeMethod: ((o = e.compare) == null ? void 0 : o.mergeMethod) ?? te.FLAT,
+						cids: ((c = e.compare) == null ? void 0 : c.cids) ?? [],
+						differencesOnly: (l = e.compare) == null ? void 0 : l.differencesOnly,
+						strictMode: (u = e.compare) == null ? void 0 : u.strictMode,
+						specialDocumentHandling: (d = e.compare) == null ? void 0 : d.specialDocumentHandling
+					},
+					productItemSettings: (f = this.instance.store.options.components) == null || (f = f.compare) == null || (f = f.view) == null ? void 0 : f.productItemSettings
+				}
+			}, {
+				client: this.client,
+				signal: n.signal
+			});
+		} catch (e) {
+			if (Ve(e)) return;
+			throw e;
+		}
+		this.loadController === n && (this.instance.eventBus.emit("compare-loaded", r), r && this.storeService.setData(Q.ProductCompare, r), this.instance.store.data.isLoadingData = !1);
+	}
+	async preview(e) {
+		var t, n, r, i;
+		this.instance.store.data.isLoadingData = !0;
+		let a = await re({
+			...s(),
+			previewQuery: {
+				appSettings: (t = this.instance.store) == null ? void 0 : t.options.appSettings,
+				search: {
+					productId: e,
+					cid: (n = this.instance.getRouteData().search) == null ? void 0 : n.cid,
+					filter: (r = this.instance.getRouteData().search) == null ? void 0 : r.filters
+				},
+				productItemSettings: (i = this.instance.store.options.components) == null || (i = i.preview) == null || (i = i.view) == null ? void 0 : i.productItemSettings
+			}
+		}, { client: this.client });
+		this.instance.eventBus.emit("preview-loaded", a), a && this.storeService.setData(Q.ProductPreview, a), this.instance.store.data.isLoadingData = !1;
+	}
+	async filterValues(e) {
+		var t;
+		let { searchText: n, searchType: r, cid: i, filters: a, partsType: o } = this.instance.router.routeData.search ?? {};
+		return await ke({
+			...s(),
+			filterValueQuery: {
+				appSettings: (t = this.instance.store) == null ? void 0 : t.options.appSettings,
+				variants: this.searchVariants(),
+				search: {
+					cid: i,
+					searchText: n,
+					searchType: r,
+					partType: o,
+					filter: a,
+					attributeCodes: e
+				}
+			}
+		}, { client: this.client });
+	}
+	async filters() {
+		var e;
+		let { searchText: t, searchType: n, cid: r, filters: i, partsType: a } = this.instance.router.routeData.search ?? {};
+		return await we({
+			...s(),
+			filtersQuery: {
+				appSettings: (e = this.instance.store) == null ? void 0 : e.options.appSettings,
+				variants: this.searchVariants(),
+				search: {
+					cid: r,
+					searchText: t,
+					searchType: n,
+					partType: a,
+					filter: i
+				}
+			}
+		}, { client: this.client });
+	}
+	async loadTranslations() {
+		var e;
+		let t = await this.fetchTranslations(Xt, qt.translations), n = (e = this.instance.store) == null ? void 0 : e.options.dataInterceptor, r = {
+			type: Q.Translations,
+			data: Ot({ items: t }),
+			instance: this.instance
+		};
+		if (n) {
+			var i;
+			let e = await n(r);
+			return e.type === "Translations" ? (i = e.data) == null ? void 0 : i.items : t;
+		}
+		return t;
+	}
+	async loadPrmRelationship(e, t) {
+		var n;
+		return await Te({
+			...s(),
+			relationshipQuery: {
+				appSettings: (n = this.instance.store) == null ? void 0 : n.options.appSettings,
+				relationships: this.relationshipSettings(t),
+				search: e
+			}
+		}, { client: this.client });
+	}
+	async loadPrmRelationshipAutocomplete(e, t) {
+		var n;
+		return await je({
+			...s(),
+			relationshipAutocompleteQuery: {
+				appSettings: (n = this.instance.store) == null ? void 0 : n.options.appSettings,
+				relationships: this.relationshipAutocompleteSettings(t),
+				search: e
+			}
+		}, { client: this.client });
+	}
+	async loadPrmRelationshipFilterValues(e) {
+		var t;
+		return await se({
+			...s(),
+			relationshipFilterValueQuery: {
+				appSettings: (t = this.instance.store) == null ? void 0 : t.options.appSettings,
+				search: e
+			}
+		}, { client: this.client });
+	}
+	async autocomplete(e, t) {
+		var n, r, i;
+		let { action: a, source: o, trigger: c = "ui" } = ze(this.instance) ?? {};
+		this.autocompleteController && this.autocompleteController.abort(), this.autocompleteController = new AbortController();
+		let { cid: l, searchType: u, partsType: d, filters: f } = this.instance.router.routeData.search ?? {}, p = (n = this.instance.store.options.components) == null || (n = n.search) == null ? void 0 : n.form, m = (r = this.instance.store.options.components) == null || (r = r.search) == null || (r = r.common) == null ? void 0 : r.productItemSettings, h = {
+			appSettings: (i = this.instance.store) == null ? void 0 : i.options.appSettings,
+			variants: this.searchVariants(),
+			productItemSettings: {
+				...m,
+				maxProductImages: p != null && p.showProductImages ? (m == null ? void 0 : m.maxProductImages) ?? 1 : 0
+			},
+			pager: {
+				page: 1,
+				pageSize: 5
+			},
+			search: {
+				cid: t ? void 0 : l,
+				searchType: t ? be.HIERARCHICAL : u,
+				searchText: e ?? void 0,
+				filter: f,
+				partType: d
+			},
+			autoCategoryNavigation: p == null ? void 0 : p.autoCategoryNavigation,
+			fetchCategoryImages: t ? !0 : p == null ? void 0 : p.showCategoryImages,
+			categorySearch: t ? !0 : p == null ? void 0 : p.categorySearch,
+			categoryKeywordSearch: t ? !0 : p == null ? void 0 : p.categoryKeywordSearch
+		}, _ = JSON.stringify(h);
+		if (this.autocompleteCache[_]) return Promise.resolve(this.autocompleteCache[_]);
+		let v = Date.now(), y;
+		try {
+			y = await fe({
+				...s(),
+				autocompleteQuery: h
+			}, {
+				client: this.client,
+				signal: this.autocompleteController.signal
+			});
+		} catch (t) {
+			throw Ve(t) || g(this.instance, {
+				kind: "autocomplete",
+				action: "autocomplete",
+				trigger: c,
+				...a ? { origin: a } : {},
+				...o ? { source: o } : {},
+				args: { searchText: e },
+				outcome: {
+					status: "error",
+					durationMs: Date.now() - v
+				}
+			}), t;
+		}
+		return this.autocompleteCache[_] = y, g(this.instance, {
+			kind: "autocomplete",
+			action: "autocomplete",
+			trigger: c,
+			...a ? { origin: a } : {},
+			...o ? { source: o } : {},
+			args: { searchText: e },
+			outcome: ae(y.totalCount, y.items, Date.now() - v)
+		}), y;
+	}
+	async loadFiltersResultCount(e) {
+		var t;
+		let { cid: n, searchType: r, searchText: i, partsType: a } = this.instance.router.routeData.search ?? {}, o = {
+			appSettings: (t = this.instance.store) == null ? void 0 : t.options.appSettings,
+			variants: this.searchVariants(),
+			search: {
+				cid: n,
+				searchType: r,
+				searchText: i,
+				filter: e,
+				partType: a
+			}
+		}, c = JSON.stringify(o);
+		if (this._lastFilterLoad.key == c) return Promise.resolve({ totalCount: this._lastFilterLoad.count });
+		let l;
+		if (this.instance.store.options.httpInterceptor) try {
+			l = await this.instance.store.options.httpInterceptor({
+				body: o,
+				url: qt.count,
+				method: "post"
+			});
+		} catch {}
+		try {
+			let e = l ?? await ne({
+				...s(),
+				countQuery: o
+			}, { client: this.client });
+			return this._lastFilterLoad.key = c, this._lastFilterLoad.count = e.totalCount, e;
+		} catch {
+			return Promise.resolve({ totalCount: 0 });
+		}
+	}
+	async loadFavoriteViews(e) {
+		try {
+			var t;
+			let n = await ce({
+				...s(),
+				favoriteViewsQuery: {
+					appSettings: (t = this.instance.store) == null ? void 0 : t.options.appSettings,
+					search: { ids: e }
+				}
+			}, { client: this.client }), r = n.items ? n.items : [];
+			return this.storeService.setData(Q.FavoriteViews, { items: r }), r;
+		} catch (e) {
+			return this.instance.logger.log("Failed to fetch favorite views", e), [];
+		}
+	}
+	async saveFavoriteView(e, t, n) {
+		try {
+			var r, i, a, o, c, l, u, d, f, m, h;
+			let v = {
+				code: t,
+				data: {
+					treeType: A.PRODUCTS,
+					pager: {
+						page: (n == null || (r = n.search) == null || (r = r.pagination) == null ? void 0 : r.page) ?? 1,
+						pageSize: (n == null || (i = n.search) == null || (i = i.pagination) == null ? void 0 : i.pageSize) ?? 12
+					},
+					search: {
+						cid: (a = n.search) == null ? void 0 : a.cid,
+						partType: (o = n.search) == null ? void 0 : o.partsType,
+						searchType: (c = n.search) == null ? void 0 : c.searchType,
+						searchText: ((l = n.search) == null ? void 0 : l.searchText) ?? void 0,
+						filter: (u = n.search) == null ? void 0 : u.filters,
+						masterProductId: ((d = n.search) == null ? void 0 : d.masterProductId) ?? void 0
+					},
+					sort: {
+						field: ((f = n.search) == null ? void 0 : f.sortField) ?? le.PRODUCT,
+						direction: ((m = n.search) == null ? void 0 : m.sortDirection) ?? E.ASCENDING
+					}
+				}
+			}, y = (h = this.instance.store) == null ? void 0 : h.options.appSettings, b = e ? await Me({
+				...s(),
+				id: e,
+				favoriteViewUpdateAction: {
+					appSettings: y,
+					favoriteView: v
+				}
+			}, { client: this.client }) : await p({
+				...s(),
+				favoriteViewCreateAction: {
+					appSettings: y,
+					favoriteView: v
+				}
+			}, { client: this.client });
+			if (b.id) {
+				var g;
+				let e = (((g = this.instance.store) == null || (g = g.data.favoriteViews) == null ? void 0 : g.items) || []).find((e) => e.id === b.id);
+				if (e) Object.assign(e, b);
+				else {
+					var _;
+					this.storeService.setData(Q.FavoriteViews, { items: [...((_ = this.instance.store) == null || (_ = _.data.favoriteViews) == null ? void 0 : _.items) || [], b] });
+				}
+				return b;
+			}
+		} catch (e) {
+			this.instance.logger.log("Failed to fetch favorite views", e);
+		}
+	}
+	async deleteFavoriteView(t) {
+		try {
+			var n;
+			if (await e({
+				...s(),
+				id: t,
+				favoriteViewDeleteAction: { appSettings: (n = this.instance.store) == null ? void 0 : n.options.appSettings }
+			}, { client: this.client })) {
+				var r;
+				return this.storeService.setData(Q.FavoriteViews, { items: (((r = this.instance.store) == null || (r = r.data.favoriteViews) == null ? void 0 : r.items) ?? []).filter((e) => e.id !== t) }), t;
+			}
+		} catch (e) {
+			this.instance.logger.log("Failed to delete favorite view", e);
+		}
+	}
+	async generatePDFUrl(e) {
+		this.instance.store.data.isLoadingData = !0;
+		try {
+			var t;
+			let n = await me({
+				...s(),
+				pdfQuery: {
+					search: { productId: e },
+					appSettings: (t = this.instance.store) == null ? void 0 : t.options.appSettings
+				}
+			}, { client: this.client });
+			if (n && n.guid) return this.instance.store.data.isLoadingData = !1, `${this.instance.getOptions().baseUrl}/v2/Products/Pdf/Downloads/${encodeURIComponent(n.guid)}`;
+		} catch (e) {
+			this.instance.logger.log("Failed to print product to pdf", e);
+		}
+		this.instance.store.data.isLoadingData = !1;
+	}
+	async getCatalogOptions() {
+		return h(s(), { client: this.client });
+	}
+	async getAllCatalogs() {
+		var e, t;
+		return b({
+			...s(),
+			catalogSearchQuery: {
+				appSettings: {
+					appCode: (e = this.instance.store) == null || (e = e.options.appSettings) == null ? void 0 : e.appCode,
+					langCode: (t = this.instance.store) == null || (t = t.options.appSettings) == null ? void 0 : t.langCode
+				},
+				pager: {
+					page: 1,
+					pageSize: 1e3
+				}
+			}
+		}, { client: this.client });
+	}
+	async addCatalog(e, t, n) {
+		return ge({
+			...s(),
+			catalogCreateAction: {
+				code: e,
+				type: t,
+				description: n
+			}
+		}, { client: this.client });
+	}
+	async addProductToCatalog(e, t) {
+		var n, r;
+		return y({
+			...s(),
+			catalogId: e,
+			catalogProductAddAction: {
+				appSettings: {
+					appCode: (n = this.instance.store) == null || (n = n.options.appSettings) == null ? void 0 : n.appCode,
+					langCode: (r = this.instance.store) == null || (r = r.options.appSettings) == null ? void 0 : r.langCode
+				},
+				products: t
+			}
+		}, { client: this.client });
+	}
+}, Qt = 50, $t = class {
+	constructor(e) {
+		M(this, "instance", void 0), M(this, "routeData", Ot(O(Qe))), M(this, "history", []), this.instance = e;
+	}
+	async setRoute(e, t = !1) {
+		let n = O(this.routeData);
+		if (e) {
+			var r;
+			if ((r = e.search) != null && r.pagination) {
+				var i;
+				rt(e.search.pagination, (i = this.routeData) == null || (i = i.search) == null ? void 0 : i.pagination);
+			}
+			w(n, e), l(n, Qe);
+		}
+		if (this.history.length > 0 && de(n, O(this.routeData))) return;
+		let a = !1;
+		if (!t && this.history.length > 1 && n.view == "search") {
+			let e = this.history[this.history.length - 1];
+			a = de(e, n, (e) => e === "subView");
+		}
+		if (a) {
+			this.commitRoute(n);
+			return;
+		}
+		let o = !1;
+		if (!t && this.history.length > 1 && n.view == "search") {
+			let e = this.history[this.history.length - 1];
+			o = de(e, n, (e) => e === "page" || e === "pageSize");
+		}
+		let s = O(this.routeData);
+		if (w(s, n), this.instance.props.nextRoute = s, this.instance.store.data.isInitialized && this.instance.httpService) {
+			if (t) return this.commitRoute(n);
+			if (o) return await this.instance.httpService.paginate(n), this.commitRoute(n);
+			var c;
+			return await ((c = this.instance.httpService) == null ? void 0 : c.load(n)), this.commitRoute(n);
+		}
+		return this.commitRoute(n);
+	}
+	commitRoute(e) {
+		this.instance.props.nextRoute = null, this.history.push(O(e)), this.history.length > Qt && this.history.shift(), this.merge(e);
+		let t = O(this.routeData);
+		setTimeout(() => this.instance.eventBus.emit("route-changed", t), 10);
+	}
+	merge(e) {
+		w(this.routeData, e);
+	}
+	async reload() {
+		var e, t;
+		(e = this.routeData) != null && (e = e.search) != null && e.pagination && (this.routeData.search.pagination.page = 1), await ((t = this.instance.httpService) == null ? void 0 : t.load(this.routeData));
+	}
+	async back(e = 1) {
+		let t = this.history.length - e - 1, n = this.history[t];
+		return n && this.history.splice(t), this.setRoute(n ?? Qe);
+	}
+}, en = class {
+	get lifetimeSignal() {
+		return this.lifetimeController.signal;
+	}
+	constructor(e, t) {
+		M(this, "id", void 0), M(this, "accessor", void 0), M(this, "helpers", void 0), M(this, "instanceType", "Products"), M(this, "props", {}), M(this, "lifetimeController", new AbortController()), M(this, "onReadyDisposers", []), M(this, "httpService", void 0), M(this, "store", Ot({
+			notifications: [],
+			data: {
+				isInitialized: !1,
+				actions: {
+					data: null,
+					current: null
+				}
+			},
+			options: { isInitialized: !1 }
+		})), M(this, "router", new $t(this)), M(this, "translations", new u(this)), M(this, "commandExecutor", new ct(this)), M(this, "logger", c), M(this, "registeredComponents", Ot(/* @__PURE__ */ new Set())), M(this, "dataTypesRequired", Ot(/* @__PURE__ */ new Set())), M(this, "eventBus", d()), M(this, "eventBusExt", _e(this.eventBus)), M(this, "selection", new ht(this)), this.id = e, this.accessor = t, this.helpers = Kt(this);
+	}
+	isInitialized() {
+		return this.store.data.isInitialized;
+	}
+	async reload() {
+		await this.translations.load(), await this.router.reload();
+	}
+	setRoute(e) {
+		this.router.setRoute(e);
+	}
+	async init(e, t) {
+		if (this.store.data.isInitialized) throw Error(`Instance "${this.id}" is already initialized`);
+		_("products", e), i(e);
+		let r = n(e == null ? void 0 : e.baseUrl), a = this.store.options.isInitialized ? this.store.options : new Gt();
+		he(a, e), t && this.router.merge(t), this.store.options = a, this.store.options.isInitialized = !0, this.httpService = new Zt(this, r, a.accessToken), this.store.data.isInitialized = !0, this.router.setRoute(t);
+		try {
+			return await this.translations.load(), Promise.resolve();
+		} catch (e) {
+			this.store.data.isInitialized = !1;
+			let t = Oe(a.errorInterceptor, {
+				type: "InitError",
+				message: "PIS initialization error.",
+				isHandled: !1
+			});
+			return console.error("[PIS] initialization error", t, e), Promise.reject(Error("PIS initialization error", { cause: e }));
+		}
+	}
+	update(e, t) {
+		_("products", e), i(e);
+		let n = this.store.options.isInitialized ? this.store.options : new Gt();
+		he(n, e), this.store.options = n, this.store.options.isInitialized = !0, t && this.router.setRoute(t);
+	}
+	on(e, t) {
+		this.eventBusExt.on(e, t);
+	}
+	onReady(e) {
+		let t = Nt(() => this.store.data.isInitialized, (n) => {
+			n && (e(), t());
+		});
+		this.onReadyDisposers.push(t);
+	}
+	off(e, t) {
+		e ? this.eventBusExt.off(e, t) : this.eventBusExt.all.clear();
+	}
+	registerComponent(e) {
+		this.registeredComponents.add(e);
+	}
+	registerRequiredDataTypes(e) {
+		e.forEach((e) => this.dataTypesRequired.add(e));
+	}
+	getRegisteredSearchDataTypes() {
+		if (this.dataTypesRequired && this.dataTypesRequired.size) {
+			var e, t;
+			let n = Object.values(T), r = Array.from(this.dataTypesRequired).filter((e) => n.includes(e));
+			return (e = this.store.options.components) != null && (e = e.search) != null && (e = e.common) != null && (e = e.configurators) != null && e.visible && r.push(T.CONFIGURATORS), ((t = this.store.options.appSettings) == null ? void 0 : t.treeType) == A.PARTS && r.push(T.MASTER_PRODUCTS), [...new Set(r)];
+		}
+		return [];
+	}
+	getRegisteredDetailsDataTypes() {
+		if (this.dataTypesRequired && this.dataTypesRequired.size) {
+			var e, t, n, r;
+			let i = Object.values(k), a = Array.from(this.dataTypesRequired).filter((e) => i.includes(e));
+			return a.push(k.EXTENDED_OBJECT_DATA), (e = this.store.options.components) != null && (e = e.details) != null && (e = e.variantsSelector) != null && e.visible && a.push(k.PRODUCT_VARIANTS_SELECTOR), (t = this.store.options.components) != null && (t = t.details) != null && (t = t.variantsDropdown) != null && t.visible && a.push(k.PRODUCT_VARIANTS_DROPDOWN), (n = this.store.options.components) != null && (n = n.details) != null && (n = n.variantsTable) != null && n.visible && a.push(k.PRODUCT_VARIANTS_TABLE), (r = this.store.options.components) != null && (r = r.details) != null && (r = r.relatedLinks) != null && r.visible && a.push(k.RELATED_LINKS), [...new Set(a)];
+		}
+		return [];
+	}
+	teardown() {
+		this.lifetimeController.abort();
+		for (let e of this.onReadyDisposers) e();
+		this.onReadyDisposers.length = 0;
+	}
+	destroy() {
+		return this.teardown(), this.accessor.destroyInstance(this.id);
+	}
+	execute(e, t) {
+		return this.commandExecutor.execute(e, t);
+	}
+	executeCommand(e, ...t) {
+		return this.commandExecutor.executeCommand(e, ...t);
+	}
+	trackUserAction(e) {
+		Ie(this, e);
+	}
+	getDefaultOptions() {
+		return t(new Gt());
+	}
+	getDefaultRouteData() {
+		return O(Qe);
+	}
+	getOptions() {
+		return this.store.options;
+	}
+	getRouteData() {
+		return this.props.nextRoute ? this.props.nextRoute : O(this.router.routeData);
+	}
+}, tn = class {
+	constructor() {
+		M(this, "instances", Ot(/* @__PURE__ */ new Map()));
+	}
+	destroyInstance(e) {
+		try {
+			let t = this.instances.get(e);
+			t == null || t.teardown(), t == null || t.off();
+		} catch {}
+		this.instances.delete(e);
+	}
+	getInstance(e) {
+		let t = this.instances.size;
+		if (e !== void 0) {
+			if (this.instances.has(e)) return this.instances.get(e);
+			{
+				let t = new en(e, this);
+				return this.instances.set(e, t), t;
+			}
+		}
+		if (t === 1) return this.instances.values().next().value;
+		if (t > 1) throw Error("[PIS Products] Cannot pick default instance if more than one exists");
+	}
+	setAccessTokenInAllInstances(e) {
+		this.instances.forEach((t) => {
+			t.getOptions().accessToken = e;
+		});
+	}
+}, nn = Be({
+	getInstance: (e) => St.Products.getInstance(e),
+	instanceTag: "pis-products-instance",
+	isReadyIncludesOptions: !0,
+	filtersCommands: {
+		getFilters: () => new Ye(),
+		getFilterValues: (e) => new xt({ attributeCodes: e }),
+		applyFilters: (e) => new st({ filters: e }),
+		excludeFilter: (e, t) => new bt({
+			attributeCode: e,
+			value: t
+		})
+	}
+});
+function $(e, t, n) {
+	return nn(e, t, n);
+}
+//#endregion
+//#region src/products/composables/routeData.ts
+var rn = {}, an = (e) => {
+	let t = e.id;
+	if (!rn[t]) {
+		let n = P(() => [...e.router.history ?? []].reverse()), r = P(() => n.value.findIndex(({ view: e }) => e === "search"));
+		rn[t] = {
+			historyReversed: n,
+			lastSearchIndex: r,
+			previousProductName: P(() => {
+				if (r.value > 1) {
+					var t, i;
+					let r = (t = e.router.routeData.detail) == null ? void 0 : t.productId, o = (i = n.value.find((e) => {
+						var t;
+						return !(e.view !== "detail" || r && ((t = e.detail) == null ? void 0 : t.productId) === r);
+					})) == null || (i = i.detail) == null ? void 0 : i.productId;
+					if (o) {
+						var a;
+						return (((a = e.store) == null ? void 0 : a.data.productIdToDisplayName) || {})[o];
+					}
+				}
+			})
+		};
+	}
+	return rn[t];
+}, on = V({
+	components: {
+		Btn: ve,
+		Tooltip: Ce,
+		Icon: D
+	},
+	props: {
+		instance: {
+			type: Object,
+			required: !0
+		},
+		t: {
+			type: Function,
+			required: !0
+		}
+	},
+	setup(e) {
+		let { lastSearchIndex: t, previousProductName: n } = an(e.instance);
+		return {
+			allowBack: P(() => {
+				var t;
+				return ((t = e.instance) == null || (t = t.store) == null ? void 0 : t.data.itemNotFound) !== !0;
+			}),
+			lastSearchIndex: t,
+			previousProductName: n,
+			navigateBack: async () => {
+				try {
+					var t;
+					await ((t = e.instance) == null ? void 0 : t.execute(new vt().from("navigation-btns")));
+				} catch {}
+			},
+			navigateToSearch: async () => {
+				try {
+					if (t.value > 0) {
+						var n;
+						await ((n = e.instance) == null ? void 0 : n.execute(new vt({ step: t.value }).from("navigation-btns")));
+					} else {
+						var r;
+						await ((r = e.instance) == null ? void 0 : r.execute(new Xe().from("navigation-btns")));
+					}
+				} catch {}
+			}
+		};
+	}
+}), sn = { class: "d-flex flex-wrap gap-3" }, cn = { class: "text-nowrap pis-text-ellipsis" }, ln = { class: "text-nowrap text-truncate" };
+function un(e, t, n, r, i, a) {
+	let o = q("Icon"), s = q("Btn"), c = q("Tooltip");
+	return U(), L("div", sn, [e.allowBack ? (U(), F(s, {
+		key: 0,
+		class: "pis-mw-10-rem ext-back",
+		variant: "secondary",
+		onClick: Z(e.navigateToSearch, ["prevent"])
+	}, {
+		default: Y(() => [B(o, {
+			name: "arrow-left",
+			size: 16,
+			class: "me-2"
+		}), R("span", cn, J(e.t("BackToSearch", !0)), 1)]),
+		_: 1
+	}, 8, ["onClick"])) : I("", !0), e.lastSearchIndex > 1 && e.previousProductName ? (U(), F(c, {
+		key: 1,
+		text: e.previousProductName,
+		placement: "bottom",
+		trigger: "hover focus"
+	}, {
+		default: Y(() => [B(s, {
+			class: "mw-100 d-block ext-prod-back",
+			variant: "secondary",
+			onClick: Z(e.navigateBack, ["prevent"])
+		}, {
+			default: Y(() => [B(o, {
+				name: "arrow-left",
+				size: 16,
+				class: "me-2"
+			}), R("span", ln, J(e.previousProductName ?? e.t("PreviousProduct", !0)), 1)]),
+			_: 1
+		}, 8, ["onClick"])]),
+		_: 1
+	}, 8, ["text"])) : I("", !0)]);
+}
+var dn = /*#__PURE__*/ j(on, [["render", un]]), fn = V({
+	name: "PisReplacements",
+	components: {
+		PisLink: ft,
+		Icon: D
+	},
+	props: {
+		replacements: {
+			type: Object,
+			required: !0
+		},
+		instance: {
+			type: Object,
+			required: !0
+		},
+		showIcon: Boolean,
+		isDetailView: Boolean,
+		visible: Boolean
+	},
+	setup(e) {
+		let t = async (t, n) => {
+			if (e.isDetailView) {
+				let e = "#pis-anchor-attr-TechnicalInformation", t = n == null ? void 0 : n.getRootNode(), r = (t && "querySelector" in t ? t.querySelector(e) : null) ?? document.querySelector(e);
+				r && r.scrollIntoView({ behavior: "smooth" });
+			} else try {
+				var r;
+				await ((r = e.instance) == null ? void 0 : r.execute(new tt({ productId: t }).from("pis-replacements")));
+			} catch {}
+		};
+		return {
+			LinkTypeEnum: ie,
+			renderLink: (e) => {
+				var n;
+				let r = (n = e.link) == null ? void 0 : n.text;
+				if (!r) return wt("span", e.label ?? "");
+				let i = /{([^}]+)}/, a = [], o = r, s;
+				for (; (s = i.exec(o)) !== null;) {
+					let e = o.slice(0, s.index);
+					e && a.push(e);
+					let n = s[1].split("|"), r = n[0], i = n[1] ?? r;
+					a.push(wt("a", {
+						href: "#",
+						role: "button",
+						onClick: (e) => {
+							e.preventDefault(), t(r, e.currentTarget);
+						},
+						onKeydown: (e) => {
+							e.key === " " && (e.preventDefault(), t(r, e.currentTarget));
+						}
+					}, i)), o = o.slice(s.index + s[0].length);
+				}
+				return o && a.push(o), a.length === 0 ? wt("span", e.label ?? "") : wt("span", a);
+			},
+			navigate: t
+		};
+	}
+}), pn = {
+	key: 0,
+	class: "pis-replacements"
+}, mn = {
+	key: 1,
+	class: "fw-bold"
+}, hn = { class: "fw-bold" }, gn = { class: "fw-bold text-nowrap" };
+function _n(e, t, n, r, i, a) {
+	let o = q("icon"), s = q("PisLink");
+	return e.replacements && e.replacements.length && e.visible ? (U(), L("div", pn, [(U(!0), L(N, null, G(e.replacements, (n, r) => (U(), L("div", {
+		key: r,
+		class: H({ "d-flex": e.showIcon })
+	}, [e.showIcon ? (U(), F(o, {
+		key: 0,
+		class: "text-muted me-2",
+		name: "information-circle",
+		lg: ""
+	})) : I("", !0), n.link && n.link.type === e.LinkTypeEnum.TECHNICAL_INFORMATION ? (U(), L("span", mn, [(U(), F(At(e.renderLink(n))))])) : (U(), L(N, { key: 2 }, [
+		R("span", hn, J(n.label), 1),
+		t[0] || (t[0] = z("\xA0 ", -1)),
+		n.link ? (U(), F(s, {
+			key: 0,
+			instance: e.instance,
+			link: n.link,
+			"clear-search": !0
+		}, {
+			default: Y(() => [R("span", gn, J(n.link.text), 1)]),
+			_: 2
+		}, 1032, ["instance", "link"])) : I("", !0)
+	], 64))], 2))), 128))])) : I("", !0);
+}
+var vn = /*#__PURE__*/ j(fn, [["render", _n]]), yn = V({
+	components: { FiltersNavigatorModalBase: He },
+	inheritAttrs: !1,
+	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
+		},
+		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
+		}
+	}
+});
+//#endregion
+//#region src/products/components/common/FiltersNavigatorModal.vue
+function bn(e, t, n, r, i, a) {
+	let o = q("FiltersNavigatorModalBase");
+	return U(), F(o, Tt(e.$attrs, {
+		show: e.show,
+		title: e.title,
+		"is-mobile": e.isMobile,
+		t: e.t,
+		"filters-all": e.filtersAll,
+		"filters-promoted": e.filtersPromoted,
+		"filters-additional": e.filtersAdditional,
+		"filters-fetched": e.filtersFetched,
+		"filters-model": e.filtersModel,
+		"filtered-result-count": e.filteredResultCount,
+		"filtered-result-count-loading": e.filteredResultCountLoading,
+		"fetch-filter-values": e.fetchFilterValues,
+		"clear-filters-model-from-empty-values": e.clearFiltersModelFromEmptyValues,
+		"reset-filter-on-open": ""
+	}), null, 16, [
+		"show",
+		"title",
+		"is-mobile",
+		"t",
+		"filters-all",
+		"filters-promoted",
+		"filters-additional",
+		"filters-fetched",
+		"filters-model",
+		"filtered-result-count",
+		"filtered-result-count-loading",
+		"fetch-filter-values",
+		"clear-filters-model-from-empty-values"
+	]);
+}
+var xn = /*#__PURE__*/ j(yn, [["render", bn]]), Sn = V({
+	name: "PrmListSearchForm",
+	components: {
+		FormInputClearable: pe,
+		Dropdown: Ae,
+		Btn: ve,
+		Clickable: C,
+		Spinner: Ne,
+		Highlighter: oe
+	},
+	props: {
+		instance: {
+			type: Object,
+			required: !0
+		},
+		productId: {
+			type: String,
+			required: !0
+		},
+		relationshipType: {
+			type: String,
+			required: !0
+		},
+		relationshipCode: {
+			type: String,
+			required: !1,
+			default: void 0
+		},
+		filterCriteria: {
+			type: Object,
+			required: !0
+		},
+		t: {
+			type: Function,
+			required: !0
+		},
+		modelValue: {
+			type: String,
+			default: ""
+		}
+	},
+	emits: [
+		"update:modelValue",
+		"search",
+		"clear"
+	],
+	setup(e, { emit: t }) {
+		let n = W(e.modelValue), r = W(!1), i = W(!1), a = W({
+			totalCount: 0,
+			itemsCount: 0,
+			items: []
+		}), o = (e, t) => {
+			if (e.attributes) {
+				let n = e.attributes[t];
+				if (n && n.values) return n.values[0].text;
+			}
+		}, s = (e) => {
+			if (e.attributes) {
+				let t = e.attributes["#AllIdentifiers"];
+				if (t && t.values) return t.values.map((e) => e.text).join(", ");
+			}
+		}, c = Re(async (t) => {
+			let n = t != null && t.length > 2;
+			if (r.value = n, n) {
+				i.value = !0;
+				try {
+					var c;
+					let n = new We({
+						search: {
+							productId: e.productId,
+							searchText: t,
+							relationshipType: e.relationshipType,
+							relationshipCode: e.relationshipCode,
+							filter: e.filterCriteria
+						},
+						pager: {
+							page: 1,
+							pageSize: 5
+						}
+					}), r = await ((c = e.instance) == null ? void 0 : c.execute(n));
+					if (r) {
+						var l;
+						let e = (r.items || []).map((e) => ({
+							text: o(e, "#DisplayName") || e.productId || "",
+							secondaryText: s(e) || "",
+							description: o(e, "CatalogDescription") || ""
+						}));
+						a.value = {
+							totalCount: r.totalCount || 0,
+							itemsCount: ((l = r.items) == null ? void 0 : l.length) || 0,
+							items: e
+						};
+					} else a.value = {
+						totalCount: 0,
+						itemsCount: 0,
+						items: []
+					};
+				} catch {}
+				i.value = !1;
+			} else a.value = {
+				totalCount: 0,
+				itemsCount: 0,
+				items: []
+			};
+		}, 300), l = Re(() => {
+			t("update:modelValue", n.value), c(n.value), n.value || t("search", "");
+		}, 300);
+		return {
+			searchText: n,
+			isAutocompleteVisible: r,
+			isAutocompleteLoading: i,
+			autocomplete: a,
+			highlightTerms: P(() => {
+				if (!n.value) return [];
+				let e = n.value.trim().toLowerCase().split(/[._-\s/]+/);
+				return e.push(n.value.trim()), e;
+			}),
+			onSearchInput: l,
+			onEnter: () => {
+				r.value = !1, t("update:modelValue", n.value), t("search", n.value);
+			},
+			onClear: () => {
+				n.value = "", a.value = {
+					totalCount: 0,
+					itemsCount: 0,
+					items: []
+				}, t("update:modelValue", ""), t("clear");
+			},
+			selectItem: (e) => {
+				n.value = e, r.value = !1, t("update:modelValue", e), t("search", e);
+			},
+			openAutocomplete: () => {
+				n.value && n.value.length > 2 && (r.value = !0, c(n.value));
+			}
+		};
+	}
+}), Cn = { class: "d-flex align-items-center" }, wn = { class: "fw-bold ext-display-name" }, Tn = {
+	key: 0,
+	class: "small ext-all-identifiers text-wrap"
+}, En = {
+	key: 1,
+	class: "small ext-description text-wrap"
+}, Dn = {
+	key: 0,
+	class: "text-center"
+}, On = { key: 1 }, kn = { key: 2 };
+function An(e, t, n, r, i, a) {
+	let o = q("Highlighter"), s = q("Clickable"), c = q("Spinner"), l = q("FormInputClearable"), u = q("Btn"), d = q("Dropdown");
+	return U(), F(d, {
+		open: e.isAutocompleteVisible,
+		"onUpdate:open": t[2] || (t[2] = (t) => e.isAutocompleteVisible = t),
+		"min-width": "300px",
+		items: e.autocomplete.items
+	}, {
+		item: Y(({ item: t }) => [B(s, {
+			class: "dropdown-item mb-1",
+			onClick: (n) => e.selectItem(t.text)
+		}, {
+			default: Y(() => [R("div", Cn, [R("div", null, [
+				R("div", wn, [B(o, {
+					"highlight-class-name": "text-primary p-0 display-inline bg-transparent ext-highlight",
+					"highlight-tag": "span",
+					"search-words": e.highlightTerms,
+					"auto-escape": !0,
+					"text-to-highlight": t.text || ""
+				}, null, 8, ["search-words", "text-to-highlight"])]),
+				t.text != t.secondaryText && t.secondaryText ? (U(), L("div", Tn, [B(o, {
+					"highlight-class-name": "fw-bold text-primary p-0 display-inline bg-transparent ext-highlight",
+					"highlight-tag": "span",
+					"search-words": e.highlightTerms,
+					"auto-escape": !0,
+					"text-to-highlight": t.secondaryText
+				}, null, 8, ["search-words", "text-to-highlight"])])) : I("", !0),
+				t.description ? (U(), L("div", En, [B(o, {
+					"highlight-class-name": "fw-bold text-primary p-0 display-inline bg-transparent ext-highlight",
+					"highlight-tag": "span",
+					"search-words": e.highlightTerms,
+					"auto-escape": !0,
+					"text-to-highlight": t.description
+				}, null, 8, ["search-words", "text-to-highlight"])])) : I("", !0)
+			])])]),
+			_: 2
+		}, 1032, ["onClick"])]),
+		footer: Y(() => [e.isAutocompleteLoading ? (U(), L("div", Dn, [B(c, { sm: "" })])) : e.autocomplete.totalCount ? (U(), L("small", On, J(e.t("ShowingNOfNMatches", !1, [`${e.autocomplete.itemsCount}`, `${e.autocomplete.totalCount}`])), 1)) : e.searchText && e.searchText.length > 2 ? (U(), L("small", kn, J(e.t("NoResults")), 1)) : I("", !0)]),
+		activator: Y(({ on: n }) => [R("form", {
+			class: "input-group flex-nowrap",
+			onSubmit: t[1] || (t[1] = Z((...t) => e.onEnter && e.onEnter(...t), ["prevent"]))
+		}, [B(l, Tt({
+			modelValue: e.searchText,
+			"onUpdate:modelValue": t[0] || (t[0] = (t) => e.searchText = t),
+			modelModifiers: { trim: !0 },
+			"class-inner": "border-end-0",
+			placeholder: e.t("SearchProductsInputPlaceholder")
+		}, jt(n), {
+			"onUpdate:modelValue": e.onSearchInput,
+			onKeyup: Pt(e.onEnter, ["enter"]),
+			onClear: e.onClear,
+			onFocus: e.openAutocomplete
+		}), null, 16, [
+			"modelValue",
+			"placeholder",
+			"onUpdate:modelValue",
+			"onKeyup",
+			"onClear",
+			"onFocus"
+		]), B(u, {
+			"aria-label": e.t("SearchProductsInputAriaLabel"),
+			icon: "lens-search-find"
+		}, {
+			default: Y(() => [R("span", null, J(e.t("SearchButtonText")), 1)]),
+			_: 1
+		}, 8, ["aria-label"])], 32)]),
+		_: 1
+	}, 8, ["open", "items"]);
+}
+var jn = /*#__PURE__*/ j(Sn, [["render", An]]), Mn = V({
+	name: "PrmSearchList",
+	components: {
+		Icon: D,
+		PisReplacements: vn,
+		Tooltip: Ce,
+		MountPoint: ue,
+		Clickable: C,
+		Image: Je
+	},
+	props: {
+		products: {
+			type: Array,
+			required: !0
+		},
+		instance: {
+			type: Object,
+			required: !0
+		},
+		t: {
+			type: Function,
+			required: !0
+		},
+		emit: {
+			type: Function,
+			required: !0
+		}
+	},
+	setup(e) {
+		let t = W(), n = P(() => {
+			var t;
+			return (t = e.instance) == null ? void 0 : t.store;
+		}), i = P(() => e.products), o = P(() => {
+			var e;
+			return ((e = n.value) == null || (e = e.options.components) == null || (e = e.search) == null ? void 0 : e.list) ?? {};
+		}), s = P(() => {
+			var t;
+			return ((t = e.instance) == null ? void 0 : t.registeredComponents.has("pis-products-preview")) ?? !1;
+		}), c = P(() => {
+			var e;
+			return ((e = n.value) == null || (e = e.options.components) == null || (e = e.common) == null ? void 0 : e.hideReplacements) != 1;
+		}), l = (e) => o.value.actionTemplate && (o.value.showActionTemplateIfInactive || !(e != null && e.inactive)), u = async (t) => {
+			try {
+				var n;
+				await ((n = e.instance) == null ? void 0 : n.execute(new qe({ productId: t.productId }).from("prm-search-list")));
+			} catch {}
+		}, d = async (t) => {
+			if (!(t != null && t.inactive) && t) try {
+				var n;
+				await ((n = e.instance) == null ? void 0 : n.execute(new tt(t).from("prm-search-list")));
+			} catch {}
+		}, f = xe((t) => ({
+			instance: e.instance,
+			item: t.item,
+			emit: e.emit,
+			t: e.t
+		})), p = xe((t) => ({
+			instance: e.instance,
+			item: t.item,
+			emit: e.emit,
+			details: d,
+			attrValue: v,
+			t: e.t
+		}));
+		return {
+			root: t,
+			componentOptions: o,
+			productsItems: i,
+			previewEnabled: s,
+			replacementsVisible: c,
+			showActionTemplate: l,
+			attrValue: v,
+			attrValues: a,
+			details: d,
+			preview: u,
+			additionalInfoText: Le,
+			variantsAvailableInfo: r,
+			imageOverlayCtx: f,
+			itemCtx: p
+		};
+	}
+}), Nn = { key: 0 }, Pn = { class: "row align-items-center" }, Fn = {
+	key: 1,
+	class: "position-absolute p-2 top-50 start-0 ext-select-checkbox",
+	style: {
+		"z-index": "1",
+		width: "auto",
+		"margin-top": "-1rem"
+	}
+}, In = ["checked", "onClick"], Ln = { class: "position-relative col d-flex justify-content-center align-items-center card" }, Rn = { key: 0 }, zn = { class: "col" }, Bn = {
+	key: 0,
+	class: "text-muted"
+}, Vn = ["onClick"], Hn = { key: 5 }, Un = {
+	key: 7,
+	class: "d-flex align-items-center fw-bold mt-1"
+};
+function Wn(e, t, n, r, i, a) {
+	let o = q("Icon"), s = q("Clickable"), c = q("Image"), l = q("MountPoint"), u = q("Tooltip"), d = q("PisReplacements"), f = kt("safe-html");
+	return U(), L("div", {
+		ref: "root",
+		class: H(["pis-component", "pis-prm-search-list"])
+	}, [e.productsItems && e.productsItems.length ? (U(), L("div", Nn, [(U(!0), L(N, null, G(e.productsItems, (t) => {
+		var n, r, i;
+		return U(), L("div", {
+			key: t.productId,
+			class: H(["card mb-3 p-3", {
+				"bg-light": t.exactMatch,
+				"ext-selected": (n = e.instance) == null ? void 0 : n.selection.isSelected(t)
+			}])
+		}, [R("div", Pn, [
+			e.previewEnabled ? (U(), F(s, {
+				key: 0,
+				class: "position-absolute p-2 top-0 start-0 d-flex ext-icon-preview",
+				"hover-mode": "primary",
+				style: {
+					"z-index": "1",
+					width: "auto"
+				},
+				title: e.t("Preview", !0),
+				disabled: t.inactive,
+				onClick: (n) => !t.inactive && e.preview(t)
+			}, {
+				default: Y(() => [B(o, {
+					class: "text-muted",
+					name: "document-analysis",
+					size: 24
+				})]),
+				_: 1
+			}, 8, [
+				"title",
+				"disabled",
+				"onClick"
+			])) : I("", !0),
+			e.componentOptions.selectable ? (U(), L("div", Fn, [R("input", {
+				type: "checkbox",
+				class: "form-check-input",
+				checked: (r = e.instance) == null ? void 0 : r.selection.isSelected(t),
+				onClick: (n) => {
+					var r;
+					return (r = e.instance) == null ? void 0 : r.selection.toggle(t);
+				}
+			}, null, 8, In)])) : I("", !0),
+			R("div", {
+				class: H([e.previewEnabled || e.componentOptions.selectable ? "ms-4" : "", "col"]),
+				style: Et({ "max-width": e.componentOptions.imageSize })
+			}, [R("div", Ln, [B(c, {
+				style: Et({ "max-width": e.componentOptions.imageSize }),
+				src: (i = (t.images || [])[0]) == null ? void 0 : i.url,
+				clickable: e.componentOptions.navigateOnContentClick && !t.inactive,
+				"hide-frame": !0,
+				padding: e.componentOptions.imagePadding,
+				"lazy-loading": e.componentOptions.imageLazyLoading,
+				onClick: (n) => e.details(t)
+			}, null, 8, [
+				"style",
+				"src",
+				"clickable",
+				"padding",
+				"lazy-loading",
+				"onClick"
+			]), e.componentOptions.imageOverlayTemplate ? (U(), L("div", Rn, [B(l, {
+				callbacks: e.componentOptions.imageOverlayTemplate,
+				ctx: e.imageOverlayCtx({ item: t })
+			}, null, 8, ["callbacks", "ctx"])])) : I("", !0)])], 6),
+			R("div", zn, [
+				t.additionalInfo && t.additionalInfo.length ? (U(), F(u, {
+					key: 0,
+					text: e.additionalInfoText(t.additionalInfo)
+				}, {
+					default: Y(() => [B(o, {
+						class: "text-warning me-1",
+						name: "warning-triangle"
+					})]),
+					_: 1
+				}, 8, ["text"])) : I("", !0),
+				e.componentOptions.titleTemplate ? (U(), F(l, {
+					key: 1,
+					callbacks: e.componentOptions.titleTemplate,
+					ctx: e.itemCtx({ item: t })
+				}, null, 8, ["callbacks", "ctx"])) : (U(), L(N, { key: 2 }, [t.inactive ? (U(), L("strong", Bn, J(e.attrValue(t, "#DisplayName")), 1)) : (U(), L("a", {
+					key: 1,
+					href: "#",
+					onClick: Z((n) => e.details(t), ["prevent"])
+				}, [R("strong", null, J(e.attrValue(t, "#DisplayName")), 1)], 8, Vn))], 64)),
+				e.componentOptions.showAllIdentifiers ? (U(!0), L(N, { key: 3 }, G(e.attrValues(t, "#AllIdentifiers"), (e, t) => (U(), L("div", {
+					key: t,
+					class: "small text-muted fw-bold"
+				}, J(e), 1))), 128)) : I("", !0),
+				e.componentOptions.itemTemplate ? (U(), F(l, {
+					key: 4,
+					callbacks: e.componentOptions.itemTemplate,
+					ctx: e.itemCtx({ item: t })
+				}, null, 8, ["callbacks", "ctx"])) : (U(), L("div", Hn, [R("span", null, J(e.attrValue(t, "CatalogDescription")), 1)])),
+				t.replacements && t.replacements.length && e.componentOptions.showReplacements ? (U(), F(d, {
+					key: 6,
+					instance: e.instance,
+					replacements: t.replacements,
+					visible: e.replacementsVisible
+				}, null, 8, [
+					"instance",
+					"replacements",
+					"visible"
+				])) : I("", !0),
+				e.componentOptions.showVariants && t.variantsAvailable ? (U(), L("div", Un, [B(o, {
+					class: "text-muted me-2",
+					name: "information-circle"
+				}), X(R("span", null, null, 512), [[f, e.t("VariantsAvailable") + ": " + e.variantsAvailableInfo(t.variantAttributes) + "."]])])) : I("", !0)
+			]),
+			e.componentOptions.additionalColumnTemplate ? (U(), L("div", {
+				key: 2,
+				class: H("col-" + e.componentOptions.additionalColumnTemplateWidth)
+			}, [B(l, {
+				callbacks: e.componentOptions.additionalColumnTemplate,
+				ctx: e.itemCtx({ item: t })
+			}, null, 8, ["callbacks", "ctx"])], 2)) : I("", !0),
+			e.showActionTemplate(t) ? (U(), L("div", {
+				key: 3,
+				class: H("col-" + e.componentOptions.actionTemplateWidth)
+			}, [B(l, {
+				callbacks: e.componentOptions.actionTemplate,
+				ctx: e.itemCtx({ item: t })
+			}, null, 8, ["callbacks", "ctx"])], 2)) : I("", !0)
+		])], 2);
+	}), 128))])) : I("", !0)], 512);
+}
+var Gn = /*#__PURE__*/ j(Mn, [["render", Wn]]), Kn = V({
+	name: "PrmSearchTable",
+	components: {
+		Icon: D,
+		Tooltip: Ce,
+		PisReplacements: vn,
+		Clickable: C,
+		MountPoint: ue
+	},
+	props: {
+		products: {
+			type: Array,
+			required: !0
+		},
+		relationshipColumns: {
+			type: Array,
+			required: !0
+		},
+		instance: {
+			type: Object,
+			required: !0
+		},
+		t: {
+			type: Function,
+			required: !0
+		},
+		emit: {
+			type: Function,
+			required: !0
+		},
+		relationship: {
+			type: Object,
+			required: !0
+		},
+		actionTemplate: {
+			type: Object,
+			default: void 0
+		}
+	},
+	setup(e) {
+		let t = W(), n = P(() => e.products), i = P(() => {
+			var t;
+			return (t = e.instance) == null ? void 0 : t.store;
+		}), o = P(() => {
+			var t;
+			return ((t = e.instance) == null ? void 0 : t.registeredComponents.has("pis-products-preview")) ?? !1;
+		}), s = P(() => {
+			var e;
+			return ((e = i.value) == null || (e = e.options.components) == null || (e = e.search) == null ? void 0 : e.table) ?? {};
+		}), c = P(() => {
+			var t, n;
+			let r = (t = s.value.columns) == null ? void 0 : t.filter((e) => e.treeTypes.indexOf(A.PRODUCTS) > -1), i = [];
+			if (r != null && r.length) {
+				var a;
+				i.push({
+					...r[0],
+					headerTemplate: void 0,
+					caption: ((a = e.relationshipColumns[0]) == null ? void 0 : a.text) ?? r[0].caption
+				});
+			}
+			let o = e.relationshipColumns[1];
+			if ((o == null ? void 0 : o.dataField) === "CatalogDescription" && r && r.length > 1) {
+				i.push({
+					...r[1],
+					headerTemplate: void 0,
+					caption: o.text ?? r[1].caption
+				});
+				let t = e.relationshipColumns.slice(2).map((e) => ({
+					caption: e.text,
+					dataField: e.dataField,
+					treeTypes: [A.PRODUCTS]
+				}));
+				i.push(...t);
+			} else {
+				let t = e.relationshipColumns.slice(1).map((e) => ({
+					caption: e.text,
+					dataField: e.dataField,
+					treeTypes: [A.PRODUCTS]
+				}));
+				i.push(...t);
+			}
+			return (n = e.actionTemplate) != null && n.cellTemplate && i.push({
+				caption: "",
+				width: e.actionTemplate.columnWidth,
+				treeTypes: [A.PRODUCTS],
+				headerTemplate: e.actionTemplate.headerTemplate,
+				cellTemplate: e.actionTemplate.cellTemplate
+			}), i;
+		}), l = P(() => {
+			var e;
+			return (e = n.value) == null ? void 0 : e.some(({ additionalInfo: e }) => e == null ? void 0 : e.length);
+		}), u = P(() => {
+			var e;
+			return ((e = i.value) == null || (e = e.options.components) == null || (e = e.common) == null ? void 0 : e.hideReplacements) != 1;
+		}), d = async (t) => {
+			if (t) try {
+				var n;
+				await ((n = e.instance) == null ? void 0 : n.execute(new tt(t).from("prm-search-table")));
+			} catch {}
+		}, f = async (t) => {
+			try {
+				var n;
+				await ((n = e.instance) == null ? void 0 : n.execute(new qe({ productId: t.productId }).from("prm-search-table")));
+			} catch {}
+		}, p = xe((t) => ({
+			instance: e.instance,
+			col: t.col,
+			item: t.item,
+			emit: e.emit,
+			details: d,
+			attrValue: v,
+			attrValues: a,
+			t: e.t,
+			relationship: e.relationship,
+			row: t.item
+		}));
+		return {
+			root: t,
+			componentOptions: s,
+			productsItems: n,
+			previewEnabled: o,
+			columns: c,
+			shouldDisplayAdditionalInfo: l,
+			replacementsVisible: u,
+			details: d,
+			preview: f,
+			attrValue: v,
+			attrValues: a,
+			additionalInfoText: Le,
+			variantsAvailableInfo: r,
+			reactiveContext: De,
+			cellCtx: p
+		};
+	}
+}), qn = {
+	key: 0,
+	class: "table-responsive pis-scroll"
+}, Jn = { class: "table" }, Yn = {
+	key: 0,
+	style: { width: "1%" }
+}, Xn = {
+	key: 1,
+	style: { width: "1%" }
+}, Zn = {
+	key: 2,
+	style: { width: "1%" }
+}, Qn = { key: 0 }, $n = { key: 1 }, er = { key: 2 }, tr = { key: 0 }, nr = { class: "ext-select-checkbox" }, rr = ["checked", "onClick"], ir = { key: 1 }, ar = { key: 2 }, or = { key: 1 }, sr = { key: 2 }, cr = {
+	key: 4,
+	class: "d-flex align-items-center fw-bold mt-1"
+};
+function lr(e, t, n, r, i, a) {
+	let o = q("MountPoint"), s = q("Icon"), c = q("Clickable"), l = q("Tooltip"), u = q("PisReplacements"), d = kt("safe-html");
+	return U(), L("div", {
+		ref: "root",
+		class: H(["pis-component", "pis-prm-search-table"])
+	}, [e.productsItems && e.productsItems.length ? (U(), L("div", qn, [R("table", Jn, [
+		R("colgroup", null, [
+			e.componentOptions.selectable ? (U(), L("col", Yn)) : I("", !0),
+			e.previewEnabled ? (U(), L("col", Xn)) : I("", !0),
+			e.shouldDisplayAdditionalInfo ? (U(), L("col", Zn)) : I("", !0),
+			(U(!0), L(N, null, G(e.columns, (e, t) => (U(), L("col", {
+				key: t,
+				style: Et({ width: e.width })
+			}, null, 4))), 128))
+		]),
+		R("thead", null, [R("tr", null, [
+			e.componentOptions.selectable ? (U(), L("th", Qn)) : I("", !0),
+			e.previewEnabled ? (U(), L("th", $n)) : I("", !0),
+			e.shouldDisplayAdditionalInfo ? (U(), L("th", er)) : I("", !0),
+			(U(!0), L(N, null, G(e.columns, (t, n) => (U(), L("th", { key: n }, [t.headerTemplate ? (U(), F(o, {
+				key: 0,
+				callbacks: t.headerTemplate,
+				ctx: e.reactiveContext({
+					t: e.t,
+					col: t
+				})
+			}, null, 8, ["callbacks", "ctx"])) : (U(), L(N, { key: 1 }, [z(J(t.caption), 1)], 64))]))), 128))
+		])]),
+		R("tbody", null, [(U(!0), L(N, null, G(e.productsItems, (t) => {
+			var n, r;
+			return U(), L("tr", {
+				key: t.productId,
+				class: H({
+					"bg-light": t.exactMatch,
+					"ext-selected": (n = e.instance) == null ? void 0 : n.selection.isSelected(t)
+				})
+			}, [
+				e.componentOptions.selectable ? (U(), L("td", tr, [R("div", nr, [R("input", {
+					type: "checkbox",
+					class: "form-check-input",
+					checked: (r = e.instance) == null ? void 0 : r.selection.isSelected(t),
+					onClick: (n) => {
+						var r;
+						return (r = e.instance) == null ? void 0 : r.selection.toggle(t);
+					}
+				}, null, 8, rr)])])) : I("", !0),
+				e.previewEnabled ? (U(), L("td", ir, [B(c, {
+					class: "d-flex ext-icon-preview",
+					"hover-mode": "primary",
+					title: e.t(t.inactive ? "PreviewNotAvailable" : "Preview", !0),
+					disabled: t.inactive,
+					onClick: Z((n) => !t.inactive && e.preview(t), ["prevent"])
+				}, {
+					default: Y(() => [B(s, {
+						class: "text-muted",
+						name: "document-analysis",
+						size: 24
+					})]),
+					_: 1
+				}, 8, [
+					"title",
+					"disabled",
+					"onClick"
+				])])) : I("", !0),
+				e.shouldDisplayAdditionalInfo ? (U(), L("td", ar, [t.additionalInfo && t.additionalInfo.length ? (U(), F(l, {
+					key: 0,
+					text: e.additionalInfoText(t.additionalInfo)
+				}, {
+					default: Y(() => [B(s, {
+						class: "text-warning",
+						name: "warning-triangle"
+					})]),
+					_: 1
+				}, 8, ["text"])) : I("", !0)])) : I("", !0),
+				(U(!0), L(N, null, G(e.columns, (n, r) => (U(), L("td", { key: r }, [
+					n.cellTemplate ? (U(), F(o, {
+						key: 0,
+						callbacks: n.cellTemplate,
+						ctx: e.cellCtx({
+							item: t,
+							col: n
+						})
+					}, null, 8, ["callbacks", "ctx"])) : n.dataField == "ProductId" ? (U(), L("span", or, [B(c, { onClick: (n) => e.details(t) }, {
+						default: Y(() => [z(J(e.attrValue(t, n.dataField)), 1)]),
+						_: 2
+					}, 1032, ["onClick"])])) : (U(), L("span", sr, J(e.attrValue(t, n.dataField)), 1)),
+					n.showReplacements && t.replacements && t.replacements.length ? (U(), F(u, {
+						key: 3,
+						instance: e.instance,
+						replacements: t.replacements,
+						visible: e.replacementsVisible
+					}, null, 8, [
+						"instance",
+						"replacements",
+						"visible"
+					])) : I("", !0),
+					n.showVariants && t.variantsAvailable ? (U(), L("div", cr, [B(s, {
+						class: "text-muted me-2",
+						name: "information-circle"
+					}), X(R("span", null, null, 512), [[d, e.t("VariantsAvailable") + ": " + e.variantsAvailableInfo(t.variantAttributes) + "."]])])) : I("", !0),
+					n.showAllIdentifiers ? (U(!0), L(N, { key: 5 }, G(e.attrValues(t, "#AllIdentifiers"), (e, t) => (U(), L("div", {
+						key: t,
+						class: "small text-muted fw-bold"
+					}, J(e), 1))), 128)) : I("", !0)
+				]))), 128))
+			], 2);
+		}), 128))])
+	])])) : I("", !0)], 512);
+}
+//#endregion
+//#region src/products/components/shared/PrmList.vue?vue&type=script&lang.ts
+var ur = V({
+	name: "PrmList",
+	components: {
+		Arrow: nt,
+		Btn: ve,
+		Card: pt,
+		LinkSecondary: _t,
+		Message: it,
+		ScrollableList: lt,
+		Icon: D,
+		Pagination: at,
+		ImageGallery: et,
+		PrmListSearchForm: jn,
+		FiltersNavigatorModal: xn,
+		Spinner: Ne,
+		Clickable: C,
+		PrmSearchTable: /* @__PURE__ */ j(Kn, [["render", lr]]),
+		PrmSearchList: Gn
+	},
+	props: {
+		relationship: {
+			type: Object,
+			required: !0
+		},
+		instance: {
+			type: Object,
+			required: !0
+		},
+		productId: {
+			type: String,
+			required: !0
+		},
+		t: {
+			type: Function,
+			required: !0
+		},
+		cid: {
+			type: String,
+			required: !1,
+			default: void 0
+		},
+		emit: {
+			type: Function,
+			required: !0
+		}
+	},
+	setup(e) {
+		var t, n;
+		let r = W(!1), i = W(!1), a = P(() => e.relationship), o = P(() => a.value.columns), s = W(!1), c = W(!1), l = P(() => {
+			var t;
+			return (t = e.instance) == null || (t = t.store.options.components) == null || (t = t.details) == null || (t = t.data) == null ? void 0 : t.relationships;
+		}), u = $e(e.productId, e.relationship), { filter: d, filtersAll: f, filtersPromoted: p, filtersAdditional: m, filtersModel: h, filtersFetched: g, filtersLoading: _, filtersOpen: v, saveSettings: y, setFilters: b, setFilterValues: te, resetFiltersApplied: ne, getFiltersModelAsCriteriaGroup: x } = u, S = W(1), C = W(((t = l.value) == null ? void 0 : t.pageSize) || 0), w = W(((n = a.value.products) == null ? void 0 : n.totalCount) || 0), re = W([]), ie = W(!1), ae = W([]), oe = W(!1), se = W(!1), T = W(0), E = 0, ce = 0, le = 0, D = /* @__PURE__ */ new Map(), ue = P(() => {
+			var t;
+			return ie.value === !0 ? re.value : ((t = e.relationship.products) == null ? void 0 : t.items) || [];
+		}), de = P(() => C.value > 0 ? Math.ceil(w.value / C.value) : 0), fe = async () => {
+			let t = ++E;
+			se.value = !0;
+			let n = new Ke({
+				search: {
+					productId: e.productId,
+					searchText: d.value || void 0,
+					relationshipType: e.relationship.type,
+					relationshipCode: e.relationship.code,
+					filter: x()
+				},
+				pager: {
+					page: S.value,
+					pageSize: C.value
+				}
+			});
+			try {
+				var i, a, o, s;
+				let c = await ((i = e.instance) == null ? void 0 : i.execute(n));
+				if (t !== E || !c) return;
+				let l = (a = c.items) == null ? void 0 : a[0];
+				re.value = (l == null || (o = l.products) == null ? void 0 : o.items) || [], w.value = (l == null || (s = l.products) == null ? void 0 : s.totalCount) || 0, b((l == null ? void 0 : l.filters) || []);
+				let u = /* @__PURE__ */ new Set([...g.keys(), ..._]);
+				if (u.size > 0 && (await pe([...u]), t !== E)) return;
+				ie.value = !0, r.value = !1;
+			} catch {} finally {
+				t === E && (se.value = !1);
+			}
+		}, pe = async (t) => {
+			let n = ++le;
+			t.forEach((e) => {
+				D.set(e, n), _.add(e);
+			});
+			let r = (e) => D.get(e) === n;
+			try {
+				var i;
+				let n = await ((i = e.instance) == null ? void 0 : i.execute(new Ue({
+					attributeCodes: t,
+					productId: e.productId,
+					searchText: d.value || void 0,
+					relationshipType: e.relationship.type,
+					relationshipCode: e.relationship.code,
+					filter: x()
+				}).from("prm-list")));
+				te(((n == null ? void 0 : n.items) || []).filter((e) => r(e.attributeCode)));
+			} catch {} finally {
+				t.filter(r).forEach((e) => {
+					D.delete(e), _.delete(e);
+				});
+			}
+		}, me = async (e) => {
+			S.value = e, await fe();
+		}, he = async () => {
+			i.value = !1, await fe();
+		}, ge = async (e) => {
+			d.value = e, S.value = 1, await he();
+		}, _e = async () => {
+			d.value = "", S.value = 1, await fe();
+		}, ve = (e) => {
+			var t;
+			return e.slice(0, (t = l.value) == null ? void 0 : t.filteringMaxAttributesVisible) ?? [];
+		}, ye = P(() => ve(p.value.length ? p.value : m.value)), be = async ({ attributeCode: t }) => {
+			!t || !e.instance || (v.has(t) ? v.delete(t) : (g.has(t) || await pe([t]), v.add(t)));
+		}, xe = ({ attributeCode: e }) => v.has(e), O = ({ attributeCode: e }) => _.has(e), Se = () => {
+			T.value++, i.value = !0;
+		}, Ce = async () => {
+			ne(), v.clear(), r.value = !1, await fe();
+		}, we = ({ attributeCode: e, filterValueName: t, value: n }) => {
+			var r;
+			(r = h.value)[e] ?? (r[e] = {}), h.value[e][t] = n;
+		}, k = () => {
+			r.value = !0;
+		}, Te = async (t) => {
+			let n = ++ce;
+			oe.value = !0;
+			try {
+				var r;
+				let i = await ((r = e.instance) == null || (r = r.httpService) == null ? void 0 : r.loadImagesById(t));
+				n === ce && i != null && i.items && (ae.value = i.items);
+			} catch {} finally {
+				n === ce && (oe.value = !1);
+			}
+		}, Ee = async () => {
+			if (e.relationship && (e.relationship.images && Te(e.relationship.images), e.relationship.filters && b(e.relationship.filters)), x().rules.length || d.value) s.value = !0, c.value = !0, await fe();
+			else {
+				var t, n;
+				s.value = w.value >= (((t = l.value) == null ? void 0 : t.filteringMinItems) || 0) && [
+					Fe.ACCESSORIES,
+					Fe.KIT_CONTENTS,
+					Fe.SPARE_PART_USED_ON_LIST
+				].includes(e.relationship.type || ""), c.value = w.value >= (((n = l.value) == null ? void 0 : n.searchMinItems) || 0);
+			}
+		}, De = () => {
+			var t;
+			E++, ce++, D.clear(), u.productId = e.productId, u.relationshipCode = e.relationship.code, S.value = 1, d.value = void 0, ne(), h.value = {}, _.clear(), b([]), r.value = !1, i.value = !1, ie.value = !1, se.value = !1, re.value = [], w.value = ((t = e.relationship.products) == null ? void 0 : t.totalCount) || 0, ae.value = [], oe.value = !1, s.value = !1, c.value = !1;
+		};
+		Nt([
+			() => e.relationship.type,
+			() => e.relationship.code,
+			() => e.productId
+		], () => {
+			De(), Ee();
+		}), Dt(Ee);
+		let Oe = P(() => {
+			var t;
+			let n = (t = e.instance) == null || (t = t.store.options.components) == null || (t = t.details) == null || (t = t.data) == null ? void 0 : t.relationships;
+			if (n != null && n.actionTemplates) {
+				if (n.actionTemplates[e.relationship.type]) return n.actionTemplates[e.relationship.type];
+				if (n.actionTemplates.All) return n.actionTemplates.All;
+			}
+		}), A = P(() => {
+			var t;
+			let n = (t = e.instance) == null || (t = t.store) == null || (t = t.options) == null || (t = t.components) == null || (t = t.details) == null || (t = t.data) == null || (t = t.relationships) == null ? void 0 : t.displayMode;
+			if (n) {
+				if (n[e.relationship.type]) return n[e.relationship.type];
+				if (n.All) return n.All;
+			}
+			return "table";
+		});
+		return {
+			isTableMode: P(() => A.value === "table"),
+			isListMode: P(() => A.value === "list"),
+			prm: a,
+			products: ue,
+			filter: d,
+			page: S,
+			pageCount: de,
+			totalCount: w,
+			productsImages: ae,
+			productsImagesLoading: oe,
+			isLoading: se,
+			filtersAll: f,
+			filtersPromoted: p,
+			filtersAdditional: m,
+			filtersToDisplay: ye,
+			filtersOpen: v,
+			filtersFetched: g,
+			areFiltersDirty: r,
+			filtersModel: h,
+			isSearchEnabled: c,
+			filteringOptions: l,
+			isFilteringEnabled: s,
+			allFiltersModalShown: i,
+			filtersModalKey: T,
+			actionTemplate: Oe,
+			columns: o,
+			getFiltersModelAsCriteriaGroup: x,
+			criterionValueKey: ee,
+			onSearch: ge,
+			onSearchClear: _e,
+			searchNow: he,
+			toggleFilter: be,
+			saveSettings: y,
+			onPageChange: me,
+			isFilterOpen: xe,
+			showAllFilters: Se,
+			isFilterLoading: O,
+			onFetchFilterValues: pe,
+			onFilterValueChange: k,
+			clearAndCloseFilters: Ce,
+			onModalFilterValueChange: we
+		};
+	}
+}), dr = { key: 0 }, fr = { class: "fw-bold" }, pr = {
+	key: 1,
+	class: "mb-4"
+}, mr = { key: 2 }, hr = {
+	key: 0,
+	class: "list-group list-group-flush"
+}, gr = { class: "text-break" }, _r = { class: "small text-muted text-nowrap ms-2" }, vr = { class: "d-flex align-items-center ms-auto ps-2 flex-shrink-0 my-auto" }, yr = {
+	key: 0,
+	class: "card-body py-0"
+}, br = { class: "form-check pe-1" }, xr = { class: "form-check-label pis-label d-flex align-items-start py-1 ms-2" }, Sr = ["onUpdate:modelValue", "name"], Cr = { class: "text-break" }, wr = ["textContent"], Tr = { class: "text-muted small text-nowrap ms-1" }, Er = {
+	key: 1,
+	class: "card-body"
+}, Dr = { class: "d-flex justify-content-between align-items-center" }, Or = { class: "text-muted fw-bold" }, kr = { key: 0 }, Ar = { class: "fw-bold" }, jr = { key: 1 }, Mr = { key: 3 }, Nr = { key: 4 }, Pr = {
+	key: 5,
+	class: "d-flex flex-row-reverse"
+};
+function Fr(e, t, n, r, i, a) {
+	var o, s, c, l;
+	let u = q("Icon"), d = q("ImageGallery"), f = q("Spinner"), p = q("Arrow"), m = q("Clickable"), h = q("ScrollableList"), g = q("Message"), _ = q("Btn"), v = q("Card"), y = q("FiltersNavigatorModal"), b = q("LinkSecondary"), ee = q("PrmListSearchForm"), te = q("PrmSearchTable"), ne = q("PrmSearchList"), x = q("Pagination"), S = kt("safe-html");
+	return U(), L(N, null, [
+		e.prm.userFields ? (U(), L("div", dr, [(U(!0), L(N, null, G(e.prm.userFields, (e, t) => (U(), L("div", {
+			key: t,
+			class: "mb-4"
+		}, [R("div", fr, [B(u, { name: "information-circle" }), z(" " + J(e.name), 1)]), (U(!0), L(N, null, G(e.values, (e, t) => (U(), L("div", { key: t }, J(e), 1))), 128))]))), 128))])) : I("", !0),
+		e.productsImages.length ? (U(), L("div", pr, [B(d, {
+			images: e.productsImages,
+			"always-show-thumbnails": !0,
+			title: e.t("ProductGallery")
+		}, null, 8, ["images", "title"])])) : I("", !0),
+		e.isFilteringEnabled && ["inline-collapsed", "inline-expanded"].includes(((o = e.filteringOptions) == null ? void 0 : o.filtering) || "") ? (U(), L("div", mr, [B(v, {
+			class: "mb-4",
+			"sticky-footer": "",
+			icon: "funnel-filter",
+			header: e.t("PrmFilters", !0),
+			"use-markup": !0,
+			collapsed: ((s = e.filteringOptions) == null ? void 0 : s.filtering) === "inline-collapsed"
+		}, Ct({
+			list: Y(() => {
+				var n;
+				return [(n = e.filtersToDisplay) != null && n.length ? (U(), L("div", hr, [(U(!0), L(N, null, G(e.filtersToDisplay, (n) => {
+					var r;
+					return U(), L("div", { key: n.attributeCode }, [B(m, {
+						class: "list-group-item list-group-item-action d-flex align-items-start border-0 user-select-none",
+						"aria-expanded": e.isFilterOpen(n),
+						onClick: Z((t) => e.toggleFilter(n), ["prevent"])
+					}, {
+						default: Y(() => [R("span", gr, [X(R("span", { class: H(["pis-label", e.isFilterOpen(n) ? "fw-bold" : ""]) }, null, 2), [[S, n.attributeName]]), R("span", _r, "(" + J(n.hitCount) + ")", 1)]), R("span", vr, [e.isFilterLoading(n) ? (U(), F(f, {
+							key: 0,
+							sm: ""
+						})) : (U(), F(p, {
+							key: 1,
+							dir: e.isFilterOpen(n) ? "up" : "down"
+						}, null, 8, ["dir"]))])]),
+						_: 2
+					}, 1032, ["aria-expanded", "onClick"]), e.isFilterOpen(n) ? (U(), L("div", yr, [(r = e.filtersFetched.get(n.attributeCode)) != null && r.length ? (U(), F(h, {
+						key: 0,
+						class: "list-unstyled my-1",
+						height: "30vh",
+						items: e.filtersFetched.get(n.attributeCode) || []
+					}, {
+						item: Y(({ item: r }) => [R("div", br, [R("label", xr, [X(R("input", {
+							"onUpdate:modelValue": (t) => e.filtersModel[n.attributeCode][e.criterionValueKey(r.value)] = t,
+							type: "checkbox",
+							class: "form-check-input mt-1 me-2 flex-shrink-0",
+							name: r.text,
+							onChange: t[0] || (t[0] = (...t) => e.onFilterValueChange && e.onFilterValueChange(...t))
+						}, null, 40, Sr), [[Mt, e.filtersModel[n.attributeCode][e.criterionValueKey(r.value)]]]), R("span", Cr, [R("span", {
+							class: "text-break user-select-none",
+							textContent: J(r.text)
+						}, null, 8, wr), R("span", Tr, "(" + J(r.hitCount) + ")", 1)])])])]),
+						_: 2
+					}, 1032, ["items"])) : (U(), F(g, { key: 1 }, {
+						default: Y(() => [z(J(e.t("NoFilterValues")), 1)]),
+						_: 1
+					}))])) : I("", !0)]);
+				}), 128))])) : (U(), L("div", Er, [B(g, null, {
+					default: Y(() => [z(J(e.t("NoFilters")), 1)]),
+					_: 1
+				})]))];
+			}),
+			_: 2
+		}, [(c = e.filtersAll) != null && c.length ? {
+			name: "footer",
+			fn: Y(() => [
+				e.areFiltersDirty ? (U(), F(_, {
+					key: 0,
+					class: "w-100 mb-2 justify-content-center ext-apply",
+					variant: "primary",
+					onClick: Z(e.searchNow, ["prevent"])
+				}, {
+					default: Y(() => [z(J(e.t("ShowResults", !0)), 1)]),
+					_: 1
+				}, 8, ["onClick"])) : I("", !0),
+				B(_, {
+					icon: "stop-not-allowed",
+					class: "w-100 mt-2 ext-clear",
+					variant: "secondary",
+					sm: "",
+					onClick: Z(e.clearAndCloseFilters, ["prevent"])
+				}, {
+					default: Y(() => [z(J(e.t("ClearFilters", !0)), 1)]),
+					_: 1
+				}, 8, ["onClick"]),
+				B(_, {
+					icon: "pop-out-window",
+					class: "w-100 mt-2 ext-show-all",
+					variant: "secondary",
+					sm: "",
+					onClick: Z(e.showAllFilters, ["prevent"])
+				}, {
+					default: Y(() => [z(J(e.t("ShowAllFilters")) + " (" + J(e.filtersAll.length) + ") ", 1)]),
+					_: 1
+				}, 8, ["onClick"])
+			]),
+			key: "0"
+		} : void 0]), 1032, ["header", "collapsed"])])) : I("", !0),
+		(U(), F(y, {
+			key: e.filtersModalKey,
+			show: e.isFilteringEnabled && e.allFiltersModalShown,
+			title: e.t("AllFiltersModalTitle"),
+			t: e.t,
+			"filters-all": e.filtersAll,
+			"filters-promoted": e.filtersPromoted,
+			"filters-additional": e.filtersAdditional,
+			"filters-fetched": e.filtersFetched,
+			"filters-model": e.filtersModel,
+			"fetch-filter-values": e.onFetchFilterValues,
+			"filtered-result-count": void 0,
+			"filtered-result-count-loading": !1,
+			onValueChange: e.onModalFilterValueChange,
+			onApplyFilters: e.searchNow,
+			onClear: e.clearAndCloseFilters
+		}, null, 8, [
+			"show",
+			"title",
+			"t",
+			"filters-all",
+			"filters-promoted",
+			"filters-additional",
+			"filters-fetched",
+			"filters-model",
+			"fetch-filter-values",
+			"onValueChange",
+			"onApplyFilters",
+			"onClear"
+		])),
+		R("div", Dr, [
+			R("div", null, [R("span", Or, J(e.totalCount) + " " + J(e.t("Products", !0)), 1)]),
+			e.isFilteringEnabled && ((l = e.filteringOptions) == null ? void 0 : l.filtering) === "popup" ? (U(), L("div", kr, [B(b, {
+				icon: "funnel-filter",
+				onClick: Z(e.showAllFilters, ["prevent"])
+			}, {
+				default: Y(() => [R("span", Ar, J(e.t("PrmFilters", !0)), 1)]),
+				_: 1
+			}, 8, ["onClick"])])) : I("", !0),
+			e.isSearchEnabled ? (U(), L("div", jr, [B(ee, {
+				modelValue: e.filter,
+				"onUpdate:modelValue": t[1] || (t[1] = (t) => e.filter = t),
+				instance: e.instance,
+				"product-id": e.productId,
+				"relationship-type": e.relationship.type,
+				"relationship-code": e.relationship.code,
+				"filter-criteria": e.getFiltersModelAsCriteriaGroup(),
+				t: e.t,
+				onSearch: e.onSearch,
+				onClear: e.onSearchClear
+			}, null, 8, [
+				"modelValue",
+				"instance",
+				"product-id",
+				"relationship-type",
+				"relationship-code",
+				"filter-criteria",
+				"t",
+				"onSearch",
+				"onClear"
+			])])) : I("", !0)
+		]),
+		e.isTableMode ? (U(), L("div", Mr, [K(e.$slots, "search-table", {}, () => [B(te, {
+			products: e.products,
+			"relationship-columns": e.columns,
+			instance: e.instance,
+			t: e.t,
+			emit: e.emit,
+			relationship: e.relationship,
+			"action-template": e.actionTemplate
+		}, null, 8, [
+			"products",
+			"relationship-columns",
+			"instance",
+			"t",
+			"emit",
+			"relationship",
+			"action-template"
+		])])])) : I("", !0),
+		e.isListMode ? (U(), L("div", Nr, [K(e.$slots, "search-list", {}, () => [B(ne, {
+			products: e.products,
+			instance: e.instance,
+			t: e.t,
+			emit: e.emit
+		}, null, 8, [
+			"products",
+			"instance",
+			"t",
+			"emit"
+		])])])) : I("", !0),
+		e.pageCount > 1 ? (U(), L("div", Pr, [B(x, {
+			total: e.pageCount,
+			current: e.page,
+			onChange: e.onPageChange
+		}, null, 8, [
+			"total",
+			"current",
+			"onChange"
+		])])) : I("", !0)
+	], 64);
+}
+var Ir = /*#__PURE__*/ j(ur, [["render", Fr]]), Lr = (e) => typeof CSS < "u" ? CSS.escape(e) : e.replace(/[^a-zA-Z0-9_-]/g, "\\$&"), Rr = (e) => `pis-anchor-prm-${Lr(e)}`, zr = (e) => `#${Lr(e)}`, Br = (e) => {
+	let t = P(() => {
+		var t;
+		return (t = e.value) == null || (t = t.store.options.components) == null || (t = t.common) == null ? void 0 : t.hideWhereUsed;
+	}), n = P(() => {
+		var t, n, r;
+		let i = (t = e.value) == null ? void 0 : t.store, a = {
+			agms: [],
+			prms: []
+		}, o = [...(i == null || (n = i.data.attributeGroups) == null ? void 0 : n.items) || []], s = [...(i == null || (r = i.data.prm) == null ? void 0 : r.items) || []];
+		for (let e of o) {
+			var c;
+			let t = {
+				prms: [],
+				attributeGroup: e
+			};
+			if ((c = e.relationshipCodes) != null && c.length) {
+				let n = new Set(e.relationshipCodes);
+				t.prms = s.filter((e) => n.has(e.code)), t.prms.forEach((e) => s.splice(s.indexOf(e), 1));
+			}
+			a.agms.push(t);
+		}
+		return a.prms = s, a;
+	});
+	return {
+		prmData: n,
+		visibleAgmData: P(() => n.value.agms.reduce((e, n) => n.attributeGroup.visible ? e.concat([{
+			attributeGroup: n.attributeGroup,
+			prms: n.prms.filter((e) => !t.value || e.type !== Fe.WHERE_USED && e.type !== Fe.SPARE_PART_USED_ON_LIST)
+		}]) : e, [])),
+		visiblePrmData: P(() => n.value.prms.reduce((e, n) => !t.value || n.type !== Fe.WHERE_USED && n.type !== Fe.SPARE_PART_USED_ON_LIST ? e.concat([n]) : e, []))
+	};
+}, Vr = V({
+	name: "pis-products-details-attribute-groups",
+	components: {
+		PrmList: Ir,
+		AttributesTable: gt
+	},
+	props: { instanceId: {
+		type: String,
+		default: void 0
+	} },
+	setup(e) {
+		let t = W(), { instance: n, componentName: r, isReady: i, isWebComponent: a, store: o, t: s, emit: c } = $(t, e.instanceId, [Q.AttributeGroups, Q.ProductRelationships]);
+		return {
+			root: t,
+			componentName: r,
+			isReady: i,
+			isWebComponent: a,
+			store: o,
+			instance: n,
+			hideDocumentLinks: P(() => {
+				var e;
+				return ((e = o.value) == null || (e = e.options.components) == null || (e = e.common) == null ? void 0 : e.hideDocumentLinks) == 1;
+			}),
+			prmDataFiltered: Br(n).visibleAgmData,
+			productId: P(() => {
+				var e;
+				return (e = o.value) == null || (e = e.data.productDetail) == null || (e = e.item) == null ? void 0 : e.productId;
+			}),
+			t: s,
+			emit: c,
+			buildPrmAnchorId: Rr
+		};
+	}
+}), Hr = { key: 0 }, Ur = ["id"], Wr = { class: "pis-heading ext-attr-group-heading" }, Gr = { class: "ext-attr-group-content" }, Kr = ["id"], qr = { class: "" }, Jr = { class: "ext-attr-group-content" };
+function Yr(e, t, n, r, i, a) {
+	let o = q("AttributesTable"), s = q("PrmList");
+	return U(), L("div", {
+		ref: "root",
+		class: H(["pis-component", e.componentName])
+	}, [e.isReady ? (U(), L("div", Hr, [(U(!0), L(N, null, G(e.prmDataFiltered, (t, n) => (U(), L("div", {
+		key: n,
+		class: "mt-4 ext-attr-group"
+	}, [R("div", {
+		id: `pis-anchor-agm-${t.attributeGroup.code}`,
+		class: "ext-attr-group-inner"
+	}, [
+		R("h4", Wr, J(t.attributeGroup.description), 1),
+		R("div", Gr, [t.attributeGroup.attributes ? (U(), F(o, {
+			key: 0,
+			attributes: t.attributeGroup.attributes,
+			instance: e.instance,
+			"hide-document-links": e.hideDocumentLinks,
+			t: e.t
+		}, null, 8, [
+			"attributes",
+			"instance",
+			"hide-document-links",
+			"t"
+		])) : I("", !0)]),
+		(U(!0), L(N, null, G(t.prms, (t) => (U(), L("div", {
+			key: t.code,
+			class: "ext-attr-group-list"
+		}, [t && e.productId ? (U(), L("div", {
+			key: 0,
+			id: e.buildPrmAnchorId(t.code),
+			class: "ps-lg-3"
+		}, [R("h5", qr, J(t.description), 1), R("div", Jr, [B(s, {
+			relationship: t,
+			instance: e.instance,
+			"product-id": e.productId,
+			t: e.t,
+			emit: e.emit
+		}, null, 8, [
+			"relationship",
+			"instance",
+			"product-id",
+			"t",
+			"emit"
+		])])], 8, Kr)) : I("", !0)]))), 128))
+	], 8, Ur)]))), 128))])) : I("", !0)], 2);
+}
+var Xr = /*#__PURE__*/ j(Vr, [["render", Yr]]), Zr = V({
+	name: "pis-products-details-classifications",
+	components: { Message: it },
+	props: { instanceId: {
+		type: String,
+		default: void 0
+	} },
+	setup(e) {
+		let t = W(), { instance: n, componentName: r, isReady: i, isWebComponent: a, store: o, t: s } = $(t, e.instanceId, [Q.ProductClassifications]);
+		return {
+			root: t,
+			componentName: r,
+			isReady: i,
+			isWebComponent: a,
+			store: o,
+			classifications: P(() => {
+				var e;
+				return (e = o.value) == null || (e = e.data.productClassifications) == null ? void 0 : e.items;
+			}),
+			setCategory: async (e) => {
+				if (n.value && e) try {
+					await n.value.execute(new ut({
+						cid: e.cid,
+						clearSearch: !0
+					}).from(r));
+				} catch {}
+			},
+			t: s
+		};
+	}
+}), Qr = { key: 0 }, $r = { key: 0 }, ei = { class: "fw-bold ext-class-group" }, ti = { class: "ext-class-nodes" }, ni = { key: 0 }, ri = ["onClick"], ii = {
+	key: 2,
+	class: "px-1 ext-class-arrow"
+};
+function ai(e, t, n, r, i, a) {
+	let o = q("Message");
+	return U(), L("div", {
+		ref: "root",
+		class: H(["pis-component", e.componentName])
+	}, [e.isReady ? (U(), L("div", Qr, [e.classifications ? (U(), L("div", $r, [R("ul", null, [(U(!0), L(N, null, G(e.classifications, (t, n) => (U(), L("li", { key: n }, [R("span", ei, J(n), 1), R("ul", null, [(U(!0), L(N, null, G(t, (t, n) => (U(), L("li", { key: n }, [R("div", ti, [(U(!0), L(N, null, G(t, (n, r) => (U(), L("span", {
+		key: n.cid,
+		class: "ext-class-node"
+	}, [n.inactive ? (U(), L("span", ni, J(n.name), 1)) : (U(), L("a", {
+		key: 1,
+		href: "#",
+		onClick: Z((t) => e.setCategory(n), ["prevent"])
+	}, J(n.name), 9, ri)), r + 1 < t.length ? (U(), L("span", ii, "›")) : I("", !0)]))), 128))])]))), 128))])]))), 128))])])) : (U(), F(o, {
+		key: 1,
+		class: "p-2"
+	}, {
+		default: Y(() => [z(J(e.t("ProductNotClassified")), 1)]),
+		_: 1
+	}))])) : I("", !0)], 2);
+}
+var oi = /*#__PURE__*/ j(Zr, [["render", ai]]), si = V({
+	name: "pis-products-details-general-information",
+	components: { AttributesTable: gt },
+	props: { instanceId: {
+		type: String,
+		default: void 0
+	} },
+	setup(e) {
+		let t = W(), { instance: n, componentName: r, isReady: i, isWebComponent: a, store: o, t: s } = $(t, e.instanceId, [k.PRODUCT_DETAILS]);
+		return {
+			root: t,
+			componentName: r,
+			isReady: i,
+			isWebComponent: a,
+			store: o,
+			instance: n,
+			item: P(() => {
+				var e;
+				return (e = o.value) == null || (e = e.data.productDetail) == null ? void 0 : e.item;
+			}),
+			hideDocumentLinks: P(() => {
+				var e;
+				return ((e = o.value) == null || (e = e.options.components) == null || (e = e.common) == null ? void 0 : e.hideDocumentLinks) == 1;
+			}),
+			t: s
+		};
+	}
+}), ci = { key: 0 }, li = { key: 0 }, ui = { class: "pis-heading ext-attr-group-heading" }, di = { class: "ext-attr-group-content" };
+function fi(e, t, n, r, i, a) {
+	let o = q("AttributesTable");
+	return U(), L("div", {
+		ref: "root",
+		class: H(["pis-component", e.componentName])
+	}, [e.isReady ? (U(), L("div", ci, [e.item ? (U(), L("div", li, [R("h3", ui, J(e.t("GeneralInfo")), 1), R("div", di, [e.item.attributes ? (U(), F(o, {
+		key: 0,
+		attributes: e.item.attributes,
+		instance: e.instance,
+		"hide-document-links": e.hideDocumentLinks,
+		t: e.t
+	}, null, 8, [
+		"attributes",
+		"instance",
+		"hide-document-links",
+		"t"
+	])) : I("", !0)])])) : I("", !0)])) : I("", !0)], 2);
+}
+var pi = /*#__PURE__*/ j(si, [["render", fi]]), mi = V({
+	name: "pis-products-details-navigation",
+	components: { Clickable: C },
+	props: { instanceId: {
+		type: String,
+		default: void 0
+	} },
+	setup(e) {
+		let t = W(), { instance: n, componentName: r, isReady: i, isWebComponent: a, store: o, widerThan: s, t: c } = $(t, e.instanceId, []), l = Br(n);
+		return {
+			root: t,
+			componentName: r,
+			isReady: i,
+			isWebComponent: a,
+			store: o,
+			links: P(() => {
+				var e, t, r;
+				let i = [];
+				return (e = n.value) != null && e.translations.translations ? (l.visibleAgmData.value.forEach((e) => i.push({
+					text: e.attributeGroup.description,
+					id: `pis-anchor-agm-${e.attributeGroup.code}`
+				})), l.visiblePrmData.value.forEach((e) => i.push({
+					text: e.description,
+					id: Rr(e.code)
+				})), (t = o.value) != null && (t = t.options.components) != null && (t = t.details) != null && (t = t.variantsTable) != null && t.visible && (((r = o.value) == null || (r = r.data.productVariantsTable) == null || (r = r.items) == null ? void 0 : r.length) ?? !1) && i.push({
+					text: c("AllVariantProducts"),
+					id: "pis-anchor-variants-table"
+				}), i) : i;
+			}),
+			t: c,
+			scrollToLink: (e) => {
+				let t = document.querySelector(zr(e.id));
+				t && t.scrollIntoView({ behavior: "smooth" });
+			},
+			widerThan: s
+		};
+	}
+}), hi = { key: 0 }, gi = {
+	key: 0,
+	class: "bg-light p-3"
+}, _i = { class: "fw-bold" }, vi = { class: "row" };
+function yi(e, t, n, r, i, a) {
+	let o = q("Clickable");
+	return U(), L("div", {
+		ref: "root",
+		class: H(["pis-component", e.componentName])
+	}, [e.isReady ? (U(), L("div", hi, [e.links.length > 1 ? (U(), L("div", gi, [R("p", _i, J(e.t("GoToSection")) + ":", 1), R("div", vi, [(U(!0), L(N, null, G(e.links, (t) => (U(), L("div", {
+		key: t.id,
+		class: H([e.widerThan("lg") ? "col-6" : "col-12", "mb-1"])
+	}, [B(o, {
+		class: "text-body",
+		"hover-mode": "background",
+		onClick: (n) => e.scrollToLink(t)
+	}, {
+		default: Y(() => [z(J(t.text), 1)]),
+		_: 2
+	}, 1032, ["onClick"])], 2))), 128))])])) : I("", !0)])) : I("", !0)], 2);
+}
+var bi = /*#__PURE__*/ j(mi, [["render", yi]]), xi = V({
+	components: {
+		Card: pt,
+		Image: Je
+	},
+	props: {
+		imageSrc: {
+			type: String,
+			default: void 0
+		},
+		imageLoading: Boolean,
+		inactive: Boolean,
+		contentClickable: Boolean,
+		wide: Boolean,
+		useCardMarkup: {
+			type: Boolean,
+			default: !0
+		},
+		hideImage: Boolean,
+		imageClickable: {
+			type: Boolean,
+			default: !0
+		},
+		imageWidth: {
+			type: String,
+			default: "8rem"
+		},
+		additionalColumnTemplateWidth: {
+			type: Number,
+			default: 2
+		},
+		actionTemplateWidth: {
+			type: Number,
+			default: 2
+		}
+	},
+	emits: ["click-content"]
+}), Si = {
+	key: 0,
+	class: "flex-fill"
+}, Ci = { class: "position-relative" }, wi = { class: "col" };
+function Ti(e, t, n, r, i, a) {
+	let o = q("Image"), s = q("Card");
+	return U(), F(s, {
+		class: H([e.useCardMarkup ? "mb-4" : "mb-5"]),
+		"use-markup": e.useCardMarkup
+	}, {
+		default: Y(() => [K(e.$slots, "before"), R("div", { class: H(["row align-items-center mt-2", [e.$slots.before ? "ms-3" : ""]]) }, [
+			R("div", {
+				class: H(["mb-lg-2", {
+					col: e.wide,
+					"col-12": !e.wide
+				}]),
+				style: Et({ "max-width": e.wide ? e.imageWidth : "100%" })
+			}, [e.hideImage ? I("", !0) : (U(), L("div", Si, [R("div", Ci, [B(o, {
+				style: { width: "100%" },
+				class: "flex-fill",
+				src: e.imageSrc,
+				"is-loading": e.imageLoading,
+				clickable: e.imageClickable,
+				"hide-frame": !0,
+				onClick: t[0] || (t[0] = (t) => e.$emit("click-content"))
+			}, null, 8, [
+				"src",
+				"is-loading",
+				"clickable"
+			]), K(e.$slots, "imageOverlay")])]))], 6),
+			R("div", wi, [K(e.$slots, "content")]),
+			e.$slots.additionalColumn ? (U(), L("div", {
+				key: 0,
+				class: H(["mt-lg-2", ["col-lg-" + e.additionalColumnTemplateWidth]])
+			}, [R("div", { class: H([e.wide ? "ms-auto" : "mt-3"]) }, [K(e.$slots, "additionalColumn")], 2)], 2)) : I("", !0),
+			!e.inactive && e.$slots.after ? (U(), L("div", {
+				key: 1,
+				class: H(["mt-lg-2", ["col-lg-" + e.actionTemplateWidth]])
+			}, [R("div", { class: H([e.wide ? "ms-auto text-end" : "mt-3"]) }, [K(e.$slots, "after")], 2)], 2)) : I("", !0)
+		], 2)]),
+		_: 3
+	}, 8, ["class", "use-markup"]);
+}
+//#endregion
+//#region src/products/components/details/ProductDetailsRelatedLinks.vue?vue&type=script&lang.ts
+var Ei = V({
+	name: "pis-products-details-related-links",
+	components: {
+		Message: it,
+		ProductsListItem: /* @__PURE__ */ j(xi, [["render", Ti]]),
+		Tooltip: Ce,
+		Icon: D
+	},
+	props: { instanceId: {
+		type: String,
+		default: void 0
+	} },
+	setup(e) {
+		let t = W(), { componentName: n, isReady: r, isWebComponent: i, store: a, t: o, widerThan: s } = $(t, e.instanceId), c = P(() => {
+			var e;
+			return (e = a.value) == null || (e = e.data.relatedLinks) == null ? void 0 : e.items;
+		});
+		return {
+			root: t,
+			componentName: n,
+			componentOptions: P(() => {
+				var e;
+				return ((e = a.value) == null || (e = e.options.components) == null || (e = e.details) == null ? void 0 : e.relatedLinks) ?? {};
+			}),
+			isReady: r,
+			isWebComponent: i,
+			store: a,
+			relatedLinks: c,
+			t: o,
+			widerThan: s
+		};
+	}
+}), Di = { key: 0 }, Oi = ["href"];
+function ki(e, t, n, r, i, a) {
+	var o;
+	let s = q("Icon"), c = q("Tooltip"), l = q("ProductsListItem"), u = q("Message");
+	return U(), L("div", {
+		ref: "root",
+		class: H(["pis-component", e.componentName])
+	}, [e.componentOptions.visible && e.isReady ? (U(), L("div", Di, [(o = e.relatedLinks) != null && o.length ? (U(!0), L(N, { key: 0 }, G(e.relatedLinks, (t, n) => (U(), L("a", {
+		key: n,
+		target: "_blank",
+		href: t.url ?? void 0
+	}, [B(l, {
+		"image-src": e.componentOptions.showImages ? t.image ?? void 0 : "",
+		wide: e.widerThan("sm"),
+		"hide-image": !e.componentOptions.showImages
+	}, {
+		content: Y(() => [t.internal ? (U(), F(c, {
+			key: 0,
+			text: e.t("Internal", !0)
+		}, {
+			default: Y(() => [B(s, {
+				class: "text-warning text-end",
+				name: "warning-triangle"
+			})]),
+			_: 1
+		}, 8, ["text"])) : I("", !0), z(" " + J(t.text), 1)]),
+		_: 2
+	}, 1032, [
+		"image-src",
+		"wide",
+		"hide-image"
+	])], 8, Oi))), 128)) : (U(), F(u, {
+		key: 1,
+		class: "p-2"
+	}, {
+		default: Y(() => [z(J(e.t("RelatedLinksNotAvailable")), 1)]),
+		_: 1
+	}))])) : I("", !0)], 2);
+}
+var Ai = /*#__PURE__*/ j(Ei, [["render", ki]]), ji = V({
+	name: "pis-products-details-relationships",
+	components: { PrmList: Ir },
+	props: { instanceId: {
+		type: String,
+		default: void 0
+	} },
+	setup(e) {
+		let t = W(), { instance: n, componentName: r, isReady: i, isWebComponent: a, store: o, t: s, emit: c } = $(t, e.instanceId, [Q.ProductRelationships]);
+		return {
+			root: t,
+			componentName: r,
+			isReady: i,
+			isWebComponent: a,
+			store: o,
+			instance: n,
+			prmItems: Br(n).visiblePrmData,
+			productId: P(() => {
+				var e;
+				return (e = o.value) == null || (e = e.data.productDetail) == null || (e = e.item) == null ? void 0 : e.productId;
+			}),
+			t: s,
+			emit: c,
+			buildPrmAnchorId: Rr
+		};
+	}
+}), Mi = { key: 0 }, Ni = ["id"], Pi = { class: "pis-heading" };
+function Fi(e, t, n, r, i, a) {
+	let o = q("PrmList");
+	return U(), L("div", {
+		ref: "root",
+		class: H(["pis-component", e.componentName])
+	}, [e.isReady && e.productId ? (U(), L("div", Mi, [(U(!0), L(N, null, G(e.prmItems, (t) => (U(), L("div", {
+		id: e.buildPrmAnchorId(t.code),
+		key: t.code,
+		class: "mt-4"
+	}, [R("h4", Pi, J(t.description), 1), B(o, {
+		relationship: t,
+		instance: e.instance,
+		"product-id": e.productId,
+		t: e.t,
+		emit: e.emit
+	}, null, 8, [
+		"relationship",
+		"instance",
+		"product-id",
+		"t",
+		"emit"
+	])], 8, Ni))), 128))])) : I("", !0)], 2);
+}
+var Ii = /*#__PURE__*/ j(ji, [["render", Fi]]), Li = V({
+	name: "pis-products-details-variants-dropdown",
+	components: {
+		Icon: D,
+		Dropdown: Ae,
+		Clickable: C
+	},
+	props: { instanceId: {
+		type: String,
+		default: void 0
+	} },
+	setup(e) {
+		let t = W(), n = W(!1), { componentName: r, isReady: i, isWebComponent: a, instance: o, store: s, t: c, routeData: l } = $(t, e.instanceId), u = P(() => {
+			var e;
+			return ((e = s.value) == null || (e = e.options.components) == null || (e = e.details) == null ? void 0 : e.variantsDropdown) ?? {};
+		}), d = P(() => {
+			var e, t;
+			return (e = s.value) != null && (e = e.data.productVariantsDropdown) != null && (e = e.items) != null && e.length ? (t = s.value) == null ? void 0 : t.data.productVariantsDropdown.items : [];
+		}), f = P(() => {
+			var e;
+			return u.value.visible !== !1 && (((e = d.value) == null ? void 0 : e.length) ?? 0) > 0;
+		}), p = P(() => {
+			var e;
+			let t = [];
+			return (e = d.value) != null && e.length && d.value.forEach((e) => {
+				var n;
+				t.push({
+					type: "group",
+					value: e
+				}), (n = e.products) == null || n.forEach((e) => {
+					t.push({
+						type: "product",
+						value: e
+					});
+				});
+			}), t;
+		});
+		return {
+			root: t,
+			componentName: r,
+			isReady: i,
+			isWebComponent: a,
+			instance: o,
+			store: s,
+			t: c,
+			componentOptions: u,
+			variants: d,
+			visible: f,
+			isDropdownOpen: n,
+			selectedProduct: P(() => {
+				var e;
+				return ((e = s.value) == null || (e = e.data.productDetail) == null ? void 0 : e.item) || {};
+			}),
+			dropdownItems: p,
+			attrValue: v,
+			toggleDropdown: () => {
+				n.value = !n.value;
+			},
+			details: async (e) => {
+				if (!(e != null && e.inactive) && l.value && e) {
+					n.value = !1;
+					try {
+						var t;
+						await ((t = o.value) == null ? void 0 : t.execute(new tt(e).from(r)));
+					} catch {}
+				}
+			}
+		};
+	}
+}), Ri = { key: 0 }, zi = { class: "mb-4 ext-attr-group" }, Bi = { class: "row" }, Vi = { class: "col-12" }, Hi = {
+	key: 0,
+	class: "px-3 py-2 fw-semibold text-muted bg-light border-bottom small sticky-top"
+}, Ui = { class: "d-flex align-items-center" }, Wi = {
+	key: 0,
+	class: "me-2 flex-shrink-0",
+	style: { width: "2.5rem" }
+}, Gi = ["src", "alt"], Ki = {
+	key: 1,
+	class: "d-flex align-items-center justify-content-center rounded border bg-light text-muted",
+	style: {
+		height: "2rem",
+		"font-size": "1rem"
+	}
+}, qi = { class: "flex-grow-1 overflow-hidden" }, Ji = { class: "fw-bold text-truncate" }, Yi = {
+	key: 0,
+	class: "small text-muted text-truncate"
+}, Xi = ["aria-expanded"], Zi = { class: "d-flex align-items-center flex-grow-1 w-100" }, Qi = {
+	key: 0,
+	class: "me-2 flex-shrink-0",
+	style: { width: "2rem" }
+}, $i = ["src", "alt"], ea = {
+	key: 1,
+	class: "d-flex align-items-center justify-content-center rounded border bg-light text-muted",
+	style: {
+		height: "1.5rem",
+		"font-size": "0.875rem"
+	}
+}, ta = { class: "flex-grow-1 overflow-hidden" }, na = {
+	key: 0,
+	class: "text-truncate d-block"
+}, ra = { class: "fw-medium d-block text-truncate" }, ia = {
+	key: 0,
+	class: "text-muted small d-block text-truncate"
+}, aa = {
+	key: 1,
+	class: "text-muted"
+};
+function oa(e, t, n, r, i, a) {
+	let o = q("Icon"), s = q("Clickable"), c = q("Dropdown"), l = kt("safe-html");
+	return U(), L("div", {
+		id: "pis-anchor-variants-dropdown",
+		ref: "root",
+		class: H(["pis-component", e.componentName])
+	}, [e.isReady && e.visible ? (U(), L("div", Ri, [R("h4", null, J(e.t("Variants")), 1), R("div", zi, [R("div", Bi, [R("div", Vi, [B(c, {
+		open: e.isDropdownOpen,
+		"onUpdate:open": t[3] || (t[3] = (t) => e.isDropdownOpen = t),
+		width: "100%",
+		items: e.dropdownItems
+	}, {
+		item: Y(({ item: t }) => {
+			var n;
+			return [t.type === "group" ? (U(), L("div", Hi, [X(R("span", null, null, 512), [[l, t.value.attributeName + ": " + t.value.attributeValueText]])])) : t.type === "product" ? (U(), F(s, {
+				key: 1,
+				class: H(["dropdown-item py-2", { active: t.value.productId === ((n = e.selectedProduct) == null ? void 0 : n.productId) }]),
+				onClick: (n) => e.details(t.value)
+			}, {
+				default: Y(() => {
+					var n;
+					return [R("div", Ui, [e.componentOptions.showImages === !1 ? I("", !0) : (U(), L("div", Wi, [(n = t.value.images) != null && n.length ? (U(), L("img", {
+						key: 0,
+						src: t.value.images[0].thumbnailUrl,
+						alt: e.attrValue(t.value, "#DisplayName"),
+						class: "img-fluid rounded border",
+						style: {
+							"max-height": "2rem",
+							"object-fit": "contain"
+						},
+						loading: "lazy"
+					}, null, 8, Gi)) : (U(), L("div", Ki, [B(o, { name: "photo-picture" })]))])), R("div", qi, [R("div", Ji, J(e.attrValue(t.value, "#DisplayName")), 1), e.attrValue(t.value, "CatalogDescription") ? (U(), L("div", Yi, J(e.attrValue(t.value, "CatalogDescription")), 1)) : I("", !0)])])];
+				}),
+				_: 2
+			}, 1032, ["class", "onClick"])) : I("", !0)];
+		}),
+		activator: Y(({ on: n }) => {
+			var r;
+			return [R("div", Tt({
+				class: "form-select d-flex align-items-center",
+				tabindex: "0",
+				role: "combobox",
+				"aria-expanded": e.isDropdownOpen,
+				"aria-haspopup": "listbox"
+			}, jt(n, !0), {
+				onClick: t[0] || (t[0] = (...t) => e.toggleDropdown && e.toggleDropdown(...t)),
+				onKeydown: [t[1] || (t[1] = Pt((...t) => e.toggleDropdown && e.toggleDropdown(...t), ["enter"])), t[2] || (t[2] = Pt(Z((...t) => e.toggleDropdown && e.toggleDropdown(...t), ["prevent"]), ["space"]))]
+			}), [R("div", Zi, [e.componentOptions.showImages !== !1 && e.selectedProduct ? (U(), L("div", Qi, [(r = e.selectedProduct.images) != null && r.length ? (U(), L("img", {
+				key: 0,
+				src: e.selectedProduct.images[0].thumbnailUrl,
+				alt: e.selectedProduct && e.attrValue(e.selectedProduct, "#DisplayName"),
+				class: "img-fluid rounded border",
+				style: {
+					"max-height": "1.5rem",
+					"object-fit": "contain"
+				}
+			}, null, 8, $i)) : (U(), L("div", ea, [B(o, {
+				name: "photo-picture",
+				size: 16
+			})]))])) : I("", !0), R("div", ta, [e.selectedProduct ? (U(), L("span", na, [R("span", ra, J(e.attrValue(e.selectedProduct, "#DisplayName")), 1), e.attrValue(e.selectedProduct, "CatalogDescription") ? (U(), L("span", ia, " (" + J(e.attrValue(e.selectedProduct, "CatalogDescription")) + ") ", 1)) : I("", !0)])) : (U(), L("span", aa, J(e.t("SelectProduct")), 1))])])], 16, Xi)];
+		}),
+		_: 1
+	}, 8, ["open", "items"])])])])])) : I("", !0)], 2);
+}
+var sa = /*#__PURE__*/ j(Li, [["render", oa]]), ca = V({
+	name: "pis-products-details-variants-selector",
+	components: {
+		Icon: D,
+		Dropdown: Ae,
+		Clickable: C
+	},
+	props: { instanceId: {
+		type: String,
+		default: void 0
+	} },
+	setup(e) {
+		let t = W(), { componentName: n, isReady: r, isWebComponent: i, instance: a, store: o, t: s, routeData: c } = $(t, e.instanceId), l = P(() => {
+			var e;
+			return ((e = o.value) == null || (e = e.options.components) == null || (e = e.details) == null ? void 0 : e.variantsSelector) ?? {};
+		}), u = P(() => {
+			var e, t;
+			return (e = o.value) != null && (e = e.data.productVariantsSelector) != null && (e = e.items) != null && e.length ? (t = o.value) == null ? void 0 : t.data.productVariantsSelector.items : [];
+		}), d = P(() => {
+			var e;
+			return l.value.visible !== !1 && (((e = u.value) == null ? void 0 : e.length) ?? 0) > 0;
+		}), f = (e) => {
+			if (l.value.unavailableValuesBehavior === "hidden") {
+				var t;
+				return ((t = e.values) == null ? void 0 : t.filter((e) => e.match === !0)) || [];
+			}
+			return e.values || [];
+		}, p = W({});
+		return {
+			root: t,
+			componentName: n,
+			isReady: r,
+			isWebComponent: i,
+			store: o,
+			t: s,
+			componentOptions: l,
+			variants: u,
+			visible: d,
+			isDropdownOpen: p,
+			VariantAttributeDisplayModeEnum: Se,
+			getVariantValues: f,
+			details: async (e) => {
+				var t;
+				if (!((t = e.product) != null && t.inactive) && !(l.value.unavailableValuesBehavior === "disabled" && !e.match) && c.value && e.product) try {
+					var r;
+					await ((r = a.value) == null ? void 0 : r.execute(new tt(e.product).from(n)));
+				} catch {}
+			},
+			toggleDropdown: (e) => {
+				p.value[e] = !p.value[e];
+			},
+			getSelectedValue: (e) => {
+				var t;
+				return ((t = e.values) == null ? void 0 : t.find((e) => e.selected)) || null;
+			},
+			Clickable: C
+		};
+	}
+}), la = { key: 0 }, ua = { class: "mb-4 ext-attr-group" }, da = { class: "mb-3" }, fa = { class: "d-flex justify-content-between align-items-center mb-3" }, pa = { class: "fw-bold" }, ma = {
+	key: 0,
+	class: "variant-values"
+}, ha = {
+	key: 0,
+	class: "d-flex flex-wrap gap-2 mb-3"
+}, ga = ["disabled", "onClick"], _a = {
+	key: 1,
+	class: "mb-3"
+}, va = { class: "d-flex align-items-center" }, ya = {
+	class: "me-2 flex-shrink-0",
+	style: { width: "2rem" }
+}, ba = ["src", "alt"], xa = { class: "flex-grow-1 min-w-0" }, Sa = { class: "fw-medium text-truncate" }, Ca = [
+	"aria-expanded",
+	"onClick",
+	"onKeydown"
+], wa = { class: "d-flex align-items-center flex-grow-1" }, Ta = {
+	class: "me-2 flex-shrink-0",
+	style: { width: "1.5rem" }
+}, Ea = ["src", "alt"], Da = { class: "flex-grow-1 min-w-0" }, Oa = { class: "text-truncate d-block" }, ka = { class: "fw-medium" }, Aa = {
+	key: 1,
+	class: "text-muted"
+}, ja = {
+	key: 2,
+	class: "mb-3"
+}, Ma = { class: "row g-2" }, Na = [
+	"title",
+	"onClick",
+	"onKeydown"
+], Pa = {
+	class: "variant-image-container d-flex align-items-center justify-content-center position-relative",
+	style: {
+		width: "100%",
+		"aspect-ratio": "1",
+		"min-height": "60px"
+	}
+}, Fa = ["src", "alt"], Ia = {
+	key: 1,
+	class: "variant-image-placeholder text-muted d-flex align-items-center justify-content-center h-100"
+};
+function La(e, t, n, r, i, a) {
+	let o = q("Clickable"), s = q("Dropdown"), c = q("Icon"), l = kt("safe-html");
+	return U(), L("div", {
+		ref: "root",
+		class: H(["pis-component mt-4", e.componentName])
+	}, [e.isReady && e.visible ? (U(), L("div", la, [R("div", ua, [R("h4", da, J(e.t("Variants")), 1), (U(!0), L(N, null, G(e.variants, (t, n) => (U(), L("div", {
+		key: t.attributeCode || n,
+		class: "mb-4"
+	}, [R("div", fa, [R("div", null, [X(R("span", pa, null, 512), [[l, t.attributeName]])])]), e.getVariantValues(t).length ? (U(), L("div", ma, [t.displayMode === e.VariantAttributeDisplayModeEnum.PILLS ? (U(), L("div", ha, [(U(!0), L(N, null, G(e.getVariantValues(t), (t) => (U(), L("button", {
+		key: t.attributeValueText,
+		type: "button",
+		class: H(["btn btn-sm", {
+			active: t.selected,
+			"btn-outline-primary": e.componentOptions.unavailableValuesBehavior !== "disabled" || t.match,
+			"btn-outline-secondary": e.componentOptions.unavailableValuesBehavior === "disabled" && !t.match
+		}]),
+		disabled: e.componentOptions.unavailableValuesBehavior === "disabled" && !t.match,
+		onClick: (n) => t.product && e.details(t)
+	}, [R("span", null, J(t.attributeValueText), 1)], 10, ga))), 128))])) : t.displayMode === e.VariantAttributeDisplayModeEnum.DROPDOWN ? (U(), L("div", _a, [B(s, {
+		open: e.isDropdownOpen[t.attributeCode || ""],
+		"onUpdate:open": (n) => e.isDropdownOpen[t.attributeCode || ""] = n,
+		width: "100%",
+		items: e.getVariantValues(t).map((e) => ({
+			type: "value",
+			value: e
+		}))
+	}, {
+		item: Y(({ item: n }) => [n.type === "value" ? (U(), F(o, {
+			key: 0,
+			class: H(["dropdown-item py-2", {
+				active: n.value.selected,
+				disabled: e.componentOptions.unavailableValuesBehavior === "disabled" && !n.value.match
+			}]),
+			onClick: (r) => {
+				e.toggleDropdown(t.attributeCode || ""), e.details(n.value);
+			}
+		}, {
+			default: Y(() => {
+				var e;
+				return [R("div", va, [R("div", ya, [(e = n.value.product) != null && (e = e.images) != null && e.length ? (U(), L("img", {
+					key: 0,
+					src: n.value.product.images[0].thumbnailUrl,
+					alt: n.value.name,
+					class: "img-fluid rounded border",
+					style: {
+						"max-height": "1.5rem",
+						"object-fit": "contain"
+					},
+					loading: "lazy"
+				}, null, 8, ba)) : I("", !0)]), R("div", xa, [R("div", Sa, J(n.value.attributeValueText), 1)])])];
+			}),
+			_: 2
+		}, 1032, ["class", "onClick"])) : I("", !0)]),
+		activator: Y(({ on: n }) => {
+			var r, i;
+			return [R("div", Tt({
+				class: "form-select d-flex align-items-center",
+				tabindex: "0",
+				role: "combobox",
+				"aria-expanded": e.isDropdownOpen[t.attributeCode || ""] ? "true" : "false",
+				"aria-haspopup": "listbox",
+				style: {
+					cursor: "pointer",
+					"background-color": "white"
+				}
+			}, jt(n, !0), {
+				onClick: (n) => e.toggleDropdown(t.attributeCode || ""),
+				onKeydown: [Pt((n) => e.toggleDropdown(t.attributeCode || ""), ["enter"]), Pt(Z((n) => e.toggleDropdown(t.attributeCode || ""), ["prevent"]), ["space"])]
+			}), [R("div", wa, [e.getSelectedValue(t) ? (U(), L(N, { key: 0 }, [R("div", Ta, [(r = e.getSelectedValue(t).product) != null && (r = r.images) != null && r.length ? (U(), L("img", {
+				key: 0,
+				src: (i = e.getSelectedValue(t)) == null || (i = i.product) == null || (i = i.images) == null || (i = i[0]) == null ? void 0 : i.thumbnailUrl,
+				alt: e.getSelectedValue(t).attributeValueText,
+				class: "img-fluid rounded border",
+				style: {
+					"max-height": "1.5rem",
+					"object-fit": "contain"
+				}
+			}, null, 8, Ea)) : I("", !0)]), R("div", Da, [R("span", Oa, [R("span", ka, J(e.getSelectedValue(t).attributeValueText), 1)])])], 64)) : (U(), L("span", Aa, J(e.t("SelectVariant")), 1))])], 16, Ca)];
+		}),
+		_: 2
+	}, 1032, [
+		"open",
+		"onUpdate:open",
+		"items"
+	])])) : t.displayMode === e.VariantAttributeDisplayModeEnum.IMAGES ? (U(), L("div", ja, [R("div", Ma, [(U(!0), L(N, null, G(e.getVariantValues(t), (t) => {
+		var n;
+		return U(), L("div", {
+			key: t.attributeValueText,
+			class: "col-xl-2 col-lg-3 col-md-4 col-sm-4 col-4"
+		}, [R("div", {
+			class: H(["card h-100 text-center position-relative", {
+				"border-primary": t.selected,
+				"opacity-50": e.componentOptions.unavailableValuesBehavior === "disabled" && !t.match,
+				"border-1": t.selected
+			}]),
+			title: t.attributeValueText,
+			role: "button",
+			tabindex: "0",
+			style: Et({
+				cursor: e.componentOptions.unavailableValuesBehavior === "disabled" && !t.match ? "not-allowed" : "pointer",
+				transition: "all 0.15s ease-in-out"
+			}),
+			onClick: (n) => t.product && e.details(t),
+			onKeydown: [Pt((n) => t.product && e.details(t), ["enter"]), Pt(Z((n) => t.product && e.details(t), ["prevent"]), ["space"])]
+		}, [R("div", Pa, [R("div", null, [(n = t.product) != null && (n = n.images) != null && n.length ? (U(), L("img", {
+			key: 0,
+			src: t.product.images[0].thumbnailUrl,
+			alt: t.attributeValueText,
+			class: "variant-image img-fluid",
+			style: {
+				"max-height": "100%",
+				"max-width": "100%",
+				"object-fit": "contain"
+			}
+		}, null, 8, Fa)) : (U(), L("div", Ia, [B(c, {
+			name: "photo-picture",
+			size: 24
+		})]))])])], 46, Na)]);
+	}), 128))])])) : I("", !0)])) : I("", !0)]))), 128))])])) : I("", !0)], 2);
+}
+var Ra = /*#__PURE__*/ j(ca, [["render", La]]), za = V({
+	name: "pis-products-details-variants-table",
+	components: {
+		Icon: D,
+		Clickable: C,
+		MountPoint: ue
+	},
+	props: { instanceId: {
+		type: String,
+		default: void 0
+	} },
+	setup(e) {
+		let t = W(), { componentName: n, isReady: r, isWebComponent: i, instance: a, store: o, t: s, routeData: c } = $(t, e.instanceId), l = P(() => {
+			var e;
+			return ((e = o.value) == null || (e = e.options.components) == null || (e = e.details) == null ? void 0 : e.variantsTable) ?? {};
+		}), u = P(() => {
+			var e, t;
+			return (e = o.value) != null && (e = e.data.productVariantsTable) != null && (e = e.items) != null && e.length ? (t = o.value) == null ? void 0 : t.data.productVariantsTable.items : [];
+		}), d = P(() => {
+			var e;
+			return l.value.visible !== !1 && (((e = u.value) == null ? void 0 : e.length) ?? 0) > 0;
+		}), f = W(), p = W(), m = (e) => {
+			let t = u.value.find((t) => t.attributeCode === e);
+			return (t == null ? void 0 : t.products) !== void 0 && t.variantAttributes !== void 0;
+		}, h = P(() => u.value.find((e) => e.attributeCode === f.value));
+		Nt(u, (e) => {
+			var t, n;
+			h.value || (f.value = ((t = e.find((e) => e.products !== void 0 && e.variantAttributes !== void 0)) == null ? void 0 : t.attributeCode) ?? ((n = e[0]) == null ? void 0 : n.attributeCode));
+		}, { immediate: !0 });
+		let g = async (e) => {
+			if (e !== f.value && p.value !== e) {
+				if (m(e)) {
+					f.value = e;
+					return;
+				}
+				p.value = e;
+				try {
+					var t;
+					await ((t = a.value) == null ? void 0 : t.execute(new ot({ attributeCode: e }).from(n))), m(e) && (f.value = e);
+				} catch {} finally {
+					p.value === e && (p.value = void 0);
+				}
+			}
+		}, _ = async (e) => {
+			if (!(e != null && e.inactive) && c.value && e) try {
+				var t;
+				await ((t = a.value) == null ? void 0 : t.execute(new tt(e).from(n)));
+			} catch {}
+		}, y = xe((e) => ({
+			col: e.col,
+			group: e.group,
+			item: e.item,
+			instance: a.value,
+			t: s,
+			attrValue: v,
+			details: _
+		}));
+		return {
+			root: t,
+			componentName: n,
+			isReady: r,
+			isWebComponent: i,
+			instance: a,
+			store: o,
+			t: s,
+			componentOptions: l,
+			groups: u,
+			selectedGroup: h,
+			loadingAttributeCode: p,
+			selectGroup: g,
+			visible: d,
+			attrValue: v,
+			Clickable: C,
+			details: _,
+			reactiveContext: De,
+			cellCtx: y
+		};
+	}
+}), Ba = { key: 0 }, Va = { class: "mb-4 ext-attr-group" }, Ha = { class: "pis-heading ext-attr-group-heading" }, Ua = ["aria-label"], Wa = [
+	"aria-pressed",
+	"aria-busy",
+	"disabled",
+	"onClick"
+], Ga = {
+	key: 0,
+	class: "mb-4"
+}, Ka = {
+	class: "table-responsive position-relative d-none d-md-block",
+	style: {
+		"min-height": "3rem",
+		"overflow-x": "auto"
+	}
+}, qa = { class: "table table-sm table-striped" }, Ja = {
+	key: 0,
+	style: { width: "80px" }
+}, Ya = { class: "table-light" }, Xa = {
+	key: 0,
+	class: "text-center border-top-0 ps-4 pe-4"
+}, Za = {
+	key: 0,
+	class: "text-center align-middle"
+}, Qa = {
+	key: 0,
+	class: "d-flex align-items-center justify-content-center",
+	style: { height: "40px" }
+}, $a = ["src"], eo = {
+	key: 1,
+	class: "d-flex align-items-center justify-content-center text-muted",
+	style: { height: "40px" }
+}, to = { key: 1 }, no = {
+	key: 1,
+	class: "fw-bold"
+}, ro = { key: 2 }, io = { class: "d-flex flex-wrap gap-1" }, ao = { class: "mt-1" }, oo = {
+	class: "badge bg-primary text-white variant-value-badge",
+	style: { "font-size": "0.7rem" }
+}, so = { key: 3 }, co = { class: "d-md-none" }, lo = { class: "card-body p-3" }, uo = { class: "d-flex align-items-start mb-2" }, fo = {
+	key: 0,
+	class: "flex-shrink-0 me-3"
+}, po = {
+	key: 0,
+	style: {
+		width: "60px",
+		height: "60px"
+	}
+}, mo = ["src"], ho = {
+	key: 1,
+	class: "d-flex align-items-center justify-content-center text-muted rounded border",
+	style: {
+		width: "60px",
+		height: "60px"
+	}
+}, go = { class: "flex-grow-1 min-w-0" }, _o = { class: "mb-2" }, vo = {
+	key: 1,
+	class: "fw-bold text-break"
+}, yo = { class: "mb-2" }, bo = {
+	class: "badge bg-primary text-white variant-value-badge",
+	style: { "font-size": "0.7rem" }
+}, xo = { class: "mb-3" }, So = { class: "d-flex flex-wrap gap-1" }, Co = { key: 0 }, wo = { class: "text-muted d-block" }, To = {
+	key: 1,
+	class: "text-break"
+};
+function Eo(e, t, n, r, i, a) {
+	let o = q("MountPoint"), s = q("Icon"), c = q("Clickable"), l = kt("safe-html");
+	return U(), L("div", {
+		id: "pis-anchor-variants-table",
+		ref: "root",
+		class: H(["pis-component mt-4", e.componentName])
+	}, [e.isReady && e.visible ? (U(), L("div", Ba, [R("div", Va, [
+		R("h4", Ha, J(e.t("VariantProducts")), 1),
+		R("div", {
+			class: "d-flex flex-wrap gap-2 mb-3",
+			role: "group",
+			"aria-label": e.t("VariantProducts")
+		}, [(U(!0), L(N, null, G(e.groups, (t) => {
+			var n, r;
+			return X((U(), L("button", {
+				key: t.attributeCode,
+				type: "button",
+				class: H(["btn btn-sm variant-group-pill", t.attributeCode === ((n = e.selectedGroup) == null ? void 0 : n.attributeCode) ? "btn-primary" : "btn-outline-primary"]),
+				"aria-pressed": t.attributeCode === ((r = e.selectedGroup) == null ? void 0 : r.attributeCode),
+				"aria-busy": e.loadingAttributeCode === t.attributeCode,
+				disabled: e.loadingAttributeCode === t.attributeCode,
+				onClick: (n) => e.selectGroup(t.attributeCode)
+			}, null, 10, Wa)), [[l, t.attributeName + ": " + t.attributeValueText]]);
+		}), 128))], 8, Ua),
+		e.selectedGroup ? (U(), L("div", Ga, [R("div", Ka, [R("table", qa, [
+			R("colgroup", null, [e.componentOptions.showImages === !1 ? I("", !0) : (U(), L("col", Ja)), (U(!0), L(N, null, G(e.componentOptions.columns, (e, t) => (U(), L("col", {
+				key: t,
+				style: Et({ width: e.width })
+			}, null, 4))), 128))]),
+			R("thead", Ya, [R("tr", null, [e.componentOptions.showImages === !1 ? I("", !0) : (U(), L("th", Xa, [...t[0] || (t[0] = [R("span", { class: "ms-1 me-1" }, null, -1)])])), (U(!0), L(N, null, G(e.componentOptions.columns, (t, n) => (U(), L("th", {
+				key: n,
+				class: "border-top-0"
+			}, [t.headerTemplate ? (U(), F(o, {
+				key: 0,
+				callbacks: t.headerTemplate,
+				ctx: e.reactiveContext({
+					t: e.t,
+					col: t
+				})
+			}, null, 8, ["callbacks", "ctx"])) : (U(), L(N, { key: 1 }, [z(J(t.caption), 1)], 64))]))), 128))])]),
+			R("tbody", null, [(U(!0), L(N, null, G(e.selectedGroup.products ?? [], (t) => {
+				var n;
+				return U(), L("tr", { key: `${e.selectedGroup.attributeCode}-${t.productId}` }, [e.componentOptions.showImages === !1 ? I("", !0) : (U(), L("td", Za, [(n = t.images) != null && n.length ? (U(), L("div", Qa, [R("img", {
+					src: t.images[0].thumbnailUrl,
+					class: "img-fluid",
+					style: {
+						"max-height": "40px",
+						"object-fit": "contain"
+					}
+				}, null, 8, $a)])) : (U(), L("div", eo, [B(s, {
+					name: "photo-picture",
+					size: 24
+				})]))])), (U(!0), L(N, null, G(e.componentOptions.columns, (n, r) => (U(), L("td", {
+					key: r,
+					class: "align-middle"
+				}, [n.cellTemplate ? (U(), F(o, {
+					key: 0,
+					callbacks: n.cellTemplate,
+					ctx: e.cellCtx({
+						item: t,
+						col: n,
+						group: e.selectedGroup
+					})
+				}, null, 8, ["callbacks", "ctx"])) : n.dataField === "ProductName" ? (U(), L("div", to, [t.productId ? (U(), F(c, {
+					key: 0,
+					class: "text-decoration-none fw-bold",
+					onClick: (n) => e.details(t)
+				}, {
+					default: Y(() => [z(J(e.attrValue(t, "#DisplayName")), 1)]),
+					_: 2
+				}, 1032, ["onClick"])) : (U(), L("span", no, J(e.attrValue(t, "#DisplayName")), 1))])) : n.dataField === "VariantAttributes" ? (U(), L("div", ro, [R("div", io, [(U(!0), L(N, null, G(e.selectedGroup.variantAttributes ?? [], (n, r) => X((U(), L("span", {
+					key: r,
+					class: "badge bg-light text-dark border variant-value-badge"
+				})), [[l, n.attributeName + ": " + e.attrValue(t, n.attributeCode)]])), 128))]), R("div", ao, [X(R("span", oo, null, 512), [[l, e.selectedGroup.attributeName + ": " + e.attrValue(t, e.selectedGroup.attributeCode)]])])])) : (U(), L("div", so, J(e.attrValue(t, n.dataField)), 1))]))), 128))]);
+			}), 128))])
+		])]), R("div", co, [(U(!0), L(N, null, G(e.selectedGroup.products ?? [], (t) => {
+			var n;
+			return U(), L("div", {
+				key: `mobile-${e.selectedGroup.attributeCode}-${t.productId}`,
+				class: "card mb-3 border"
+			}, [R("div", lo, [
+				R("div", uo, [e.componentOptions.showImages === !1 ? I("", !0) : (U(), L("div", fo, [(n = t.images) != null && n.length ? (U(), L("div", po, [R("img", {
+					src: t.images[0].thumbnailUrl,
+					class: "img-fluid rounded",
+					style: {
+						width: "100%",
+						height: "100%",
+						"object-fit": "contain",
+						border: "1px solid #dee2e6"
+					}
+				}, null, 8, mo)])) : (U(), L("div", ho, [B(s, { name: "photo-picture" })]))])), R("div", go, [R("div", _o, [t.productId ? (U(), F(c, {
+					key: 0,
+					class: "text-decoration-none fw-bold text-break",
+					onClick: (n) => e.details(t)
+				}, {
+					default: Y(() => [z(J(e.attrValue(t, "#DisplayName")), 1)]),
+					_: 2
+				}, 1032, ["onClick"])) : (U(), L("span", vo, J(e.attrValue(t, "#DisplayName")), 1))]), R("div", yo, [X(R("span", bo, null, 512), [[l, e.selectedGroup.attributeName + ": " + e.attrValue(t, e.selectedGroup.attributeCode)]])])])]),
+				R("div", xo, [R("div", So, [(U(!0), L(N, null, G(e.selectedGroup.variantAttributes ?? [], (n, r) => X((U(), L("span", {
+					key: r,
+					class: "badge bg-light text-dark border variant-value-badge",
+					style: { "font-size": "0.7rem" }
+				})), [[l, n.attributeName + ": " + e.attrValue(t, n.attributeCode)]])), 128))])]),
+				(U(!0), L(N, null, G(e.componentOptions.columns, (n, r) => (U(), L("div", {
+					key: r,
+					class: "mb-2"
+				}, [n.dataField !== "ProductName" && n.dataField !== "VariantAttributes" ? (U(), L("div", Co, [R("small", wo, J(n.caption) + ":", 1), n.cellTemplate ? (U(), F(o, {
+					key: 0,
+					callbacks: n.cellTemplate,
+					ctx: e.cellCtx({
+						item: t,
+						col: n,
+						group: e.selectedGroup
+					})
+				}, null, 8, ["callbacks", "ctx"])) : (U(), L("span", To, J(e.attrValue(t, n.dataField) || "-"), 1))])) : I("", !0)]))), 128))
+			])]);
+		}), 128))])])) : I("", !0)
+	])])) : I("", !0)], 2);
+}
+var Do = /*#__PURE__*/ j(za, [["render", Eo], ["__scopeId", "data-v-3fc29d33"]]), Oo = V({
+	name: "pis-products-details-actions",
+	components: { MountPoint: ue },
+	props: { instanceId: {
+		type: String,
+		default: void 0
+	} },
+	setup(e) {
+		let t = W(), { instance: n, componentName: r, isReady: i, isWebComponent: a, store: o, t: s, emit: c } = $(t, e.instanceId, []);
+		return {
+			root: t,
+			componentName: r,
+			isReady: i,
+			isWebComponent: a,
+			store: o,
+			instance: n,
+			item: P(() => {
+				var e;
+				return (e = o.value) == null || (e = e.data.productDetail) == null ? void 0 : e.item;
+			}),
+			componentOptions: P(() => {
+				var e;
+				return ((e = o.value) == null || (e = e.options.components) == null || (e = e.details) == null ? void 0 : e.actions) ?? {};
+			}),
+			emit: c,
+			t: s,
+			reactiveContext: De
+		};
+	}
+}), ko = { key: 0 }, Ao = {
+	key: 0,
+	class: "mt-2"
+};
+function jo(e, t, n, r, i, a) {
+	let o = q("MountPoint");
+	return U(), L("div", {
+		ref: "root",
+		class: H(["pis-component", e.componentName])
+	}, [e.isReady && e.item ? (U(), L("div", ko, [e.componentOptions.actionTemplate ? (U(), L("div", Ao, [B(o, {
+		callbacks: e.componentOptions.actionTemplate,
+		ctx: e.reactiveContext({
+			instance: e.instance,
+			item: e.item,
+			emit: e.emit,
+			t: e.t
+		})
+	}, null, 8, ["callbacks", "ctx"])])) : I("", !0)])) : I("", !0)], 2);
+}
+var Mo = /*#__PURE__*/ j(Oo, [["render", jo]]), No = V({
+	name: "Tab",
+	props: {
+		title: {
+			type: String,
+			default: void 0
+		},
+		icon: {
+			type: String,
+			default: void 0
+		},
+		loading: Boolean,
+		count: {
+			type: [String, Number],
+			default: void 0
+		},
+		extclass: {
+			type: String,
+			default: void 0
+		}
+	}
+});
+//#endregion
+//#region src/common/components/Tab.vue
+function Po(e, t, n, r, i, a) {
+	return K(e.$slots, "default");
+}
+var Fo = /*#__PURE__*/ j(No, [["render", Po]]), Io = 0, Lo = {
+	xs: "pis-tabs-xs",
+	sm: "pis-tabs-sm",
+	md: "pis-tabs-md",
+	lg: "pis-tabs-lg",
+	xl: "pis-tabs-xl"
+}, Ro = {
+	xs: 16,
+	sm: 16,
+	md: 16,
+	lg: 24,
+	xl: 24
+}, zo = (e) => e.flatMap((e) => e.type === Fo ? [e] : e.type === N && Array.isArray(e.children) ? zo(e.children) : []), Bo = V({
+	name: "Tabs",
+	components: {
+		Clickable: C,
+		Icon: D,
+		Spinner: Ne
+	},
+	props: {
+		modelValue: {
+			type: Number,
+			default: 0
+		},
+		desktop: Boolean,
+		size: {
+			type: String,
+			default: "md"
+		},
+		variant: {
+			type: String,
+			default: "floating"
+		},
+		divider: Boolean
+	},
+	emits: ["update:modelValue"],
+	setup(e, { slots: t }) {
+		let n = P(() => t.default ? zo(t.default()) : []), r = P(() => [
+			Lo[e.size] ?? Lo.md,
+			e.variant === "panel" && "pis-tabs-panel",
+			e.divider && "pis-tabs-divider"
+		]), i = P(() => Ro[e.size] ?? 16), a = W("tabpanel");
+		return Dt(() => {
+			a.value = `pis-tabpanel-${++Io}`;
+		}), {
+			tabItems: n,
+			listClasses: r,
+			iconSize: i,
+			idPrefix: a
+		};
+	}
+}), Vo = { key: 0 }, Ho = {
+	key: 2,
+	class: "badge rounded-pill bg-secondary text-body ms-1 small"
+}, Uo = ["id"], Wo = { key: 1 }, Go = { class: "my-4 d-flex align-items-center mb-0 mt-5" };
+function Ko(e, t, n, r, i, a) {
+	let o = q("Icon"), s = q("Spinner"), c = q("Clickable");
+	return e.desktop ? (U(), L("div", Vo, [R("ul", {
+		class: H(["nav nav-tabs mb-3", e.listClasses]),
+		role: "tablist"
+	}, [(U(!0), L(N, null, G(e.tabItems, (t, n) => {
+		var r;
+		return U(), L("li", {
+			key: n,
+			class: H([(r = t.props) == null ? void 0 : r.extclass])
+		}, [B(c, {
+			class: H(["nav-link d-flex align-items-center", { active: n === e.modelValue }]),
+			role: "tab",
+			"aria-selected": n === e.modelValue ? "true" : "false",
+			"aria-controls": `${e.idPrefix}-${n}`,
+			onClick: (t) => e.$emit("update:modelValue", n)
+		}, {
+			default: Y(() => {
+				var n, r, i, a, c;
+				return [
+					(n = t.props) != null && n.icon ? (U(), F(o, {
+						key: 0,
+						name: t.props.icon,
+						class: "me-1",
+						size: e.iconSize
+					}, null, 8, ["name", "size"])) : I("", !0),
+					z(" " + J((r = t.props) == null ? void 0 : r.title) + " ", 1),
+					(i = t.props) != null && i.loading ? (U(), F(s, {
+						key: 1,
+						class: "ms-1",
+						sm: ""
+					})) : I("", !0),
+					!((a = t.props) != null && a.loading) && (c = t.props) != null && c.count ? (U(), L("span", Ho, J(t.props.count), 1)) : I("", !0)
+				];
+			}),
+			_: 2
+		}, 1032, [
+			"aria-selected",
+			"aria-controls",
+			"class",
+			"onClick"
+		])], 2);
+	}), 128))], 2), (U(!0), L(N, null, G(e.tabItems, (t, n) => (U(), L("div", {
+		id: `${e.idPrefix}-${n}`,
+		key: n,
+		role: "tabpanel",
+		style: Et({ display: n === e.modelValue ? "block" : "none" })
+	}, [(U(), F(At(t)))], 12, Uo))), 128))])) : (U(), L("div", Wo, [(U(!0), L(N, null, G(e.tabItems, (e, n) => {
+		var r, i, a;
+		return U(), L("div", { key: n }, [
+			R("h4", Go, [(r = e.props) != null && r.isLoading ? (U(), F(s, {
+				key: 0,
+				class: "me-2",
+				sm: ""
+			})) : (i = e.props) != null && i.icon ? (U(), F(o, {
+				key: 1,
+				name: e.props.icon,
+				class: "me-2"
+			}, null, 8, ["name"])) : I("", !0), z(" " + J((a = e.props) == null ? void 0 : a.title), 1)]),
+			t[0] || (t[0] = R("hr", {
+				class: "mt-2",
+				style: { height: "2px" }
+			}, null, -1)),
+			(U(), F(At(e)))
+		]);
+	}), 128))]));
+}
+//#endregion
+//#region src/products/components/details/ProductsDetailsData.vue?vue&type=script&lang.ts
+var qo = V({
+	name: "pis-products-details-data",
+	components: {
+		Tabs: /* @__PURE__ */ j(Bo, [["render", Ko]]),
+		Tab: Fo,
+		NavigationBtns: dn,
+		Icon: D,
+		Btn: ve,
+		ProductDetailsRelatedLinks: Ai,
+		ProductDetailsAttributeGroups: Xr,
+		ProductDetailsRelationships: Ii,
+		ProductDetailsNavigation: bi,
+		ProductDetailsClassifications: oi,
+		Message: it,
+		ProductDetailsVariantsTable: Do
+	},
+	props: { instanceId: {
+		type: String,
+		default: void 0
+	} },
+	setup(e) {
+		let t = W(), n = W(0), { componentName: r, isReady: i, isWebComponent: a, instance: o, store: s, routeData: c, t: l, widerThan: u } = $(t, e.instanceId, [
+			Q.ProductClassifications,
+			Q.AttributeGroups,
+			Q.ProductRelationships,
+			Q.RelatedLinks
+		]), d = P(() => {
+			var e;
+			return (e = s.value) == null || (e = e.options.components) == null || (e = e.details) == null ? void 0 : e.data;
+		}), f = P(() => {
+			var e;
+			return (e = s.value) == null || (e = e.options.components) == null || (e = e.details) == null || (e = e.classifications) == null ? void 0 : e.visible;
+		}), p = P(() => {
+			var e;
+			return (e = s.value) == null || (e = e.options.components) == null || (e = e.details) == null || (e = e.relatedLinks) == null ? void 0 : e.visible;
+		}), m = P(() => {
+			var e;
+			return (e = s.value) == null || (e = e.options.components) == null || (e = e.details) == null || (e = e.data) == null || (e = e.downloads) == null ? void 0 : e.visible;
+		}), h = P(() => {
+			var e;
+			return (e = s.value) == null || (e = e.options.components) == null || (e = e.details) == null || (e = e.data) == null || (e = e.downloads) == null ? void 0 : e.loading;
+		}), g = P(() => {
+			var e;
+			return (e = s.value) == null || (e = e.options.components) == null || (e = e.details) == null || (e = e.data) == null || (e = e.downloads) == null ? void 0 : e.count;
+		}), _ = P(() => {
+			var e;
+			return ((e = s.value) == null || (e = e.data.productDetail) == null ? void 0 : e.item) != null;
+		}), v = P(() => {
+			var e, t;
+			if (!((e = d.value) != null && e.showTabCounts)) return;
+			var n = (t = s.value) == null || (t = t.data.productClassifications) == null ? void 0 : t.items;
+			if (!n) return 0;
+			let r = 0;
+			for (let e in n) n[e].forEach(() => {
+				r++;
+			});
+			return r;
+		}), y = P(() => {
+			var e, t;
+			if ((e = d.value) != null && e.showTabCounts) {
+				var n = (t = s.value) == null || (t = t.data.relatedLinks) == null ? void 0 : t.items;
+				return n ? n.length : 0;
+			}
+		});
+		return Nt(() => {
+			var e;
+			return (e = c.value) == null ? void 0 : e.view;
+		}, (e, t) => {
+			e === "detail" && e !== t && (n.value = 0);
+		}), {
+			root: t,
+			itemLoaded: _,
+			currentTabIndex: n,
+			componentName: r,
+			isReady: i,
+			isWebComponent: a,
+			store: s,
+			classifications: f,
+			instance: o,
+			downloads: m,
+			downloadsLoading: h,
+			downloadsCount: g,
+			relatedLinks: p,
+			componentOptions: d,
+			classificationCount: v,
+			relatedLinkCount: y,
+			t: l,
+			widerThan: u,
+			scrollTop: async () => {
+				try {
+					var e, t;
+					await ((e = o.value) == null ? void 0 : e.execute(new Ze({ productId: ((t = c.value) == null || (t = t.detail) == null ? void 0 : t.productId) || "" }).from(r)));
+				} catch {}
+			}
+		};
+	}
+});
+//#endregion
+//#region src/products/components/details/ProductsDetailsData.vue
+function Jo(e, t, n, r, i, a) {
+	var o, s;
+	let c = q("ProductDetailsNavigation"), l = q("ProductDetailsAttributeGroups"), u = q("ProductDetailsRelationships"), d = q("ProductDetailsVariantsTable"), f = q("Tab"), p = q("ProductDetailsClassifications"), m = q("Message"), h = q("ProductDetailsRelatedLinks"), g = q("Tabs"), _ = q("NavigationBtns"), v = q("Icon"), y = q("Btn");
+	return U(), L("div", {
+		ref: "root",
+		class: H(["pis-component", e.componentName])
+	}, [e.isReady && e.itemLoaded ? (U(), L(N, { key: 0 }, [B(g, {
+		modelValue: e.currentTabIndex,
+		"onUpdate:modelValue": t[0] || (t[0] = (t) => e.currentTabIndex = t),
+		class: "mt-4",
+		desktop: e.widerThan("md")
+	}, {
+		default: Y(() => {
+			var t, n, r, i;
+			return [
+				B(f, {
+					title: e.t("DetailsTabTitle"),
+					icon: (t = e.componentOptions) != null && t.showTabIcons ? "file-document" : void 0,
+					extclass: "ext-tab-details"
+				}, {
+					default: Y(() => [
+						B(c, { "instance-id": e.instanceId }, null, 8, ["instance-id"]),
+						B(l, { "instance-id": e.instanceId }, null, 8, ["instance-id"]),
+						B(u, { "instance-id": e.instanceId }, null, 8, ["instance-id"]),
+						B(d, { "instance-id": e.instanceId }, null, 8, ["instance-id"])
+					]),
+					_: 1
+				}, 8, ["title", "icon"]),
+				e.classifications ? (U(), F(f, {
+					key: 0,
+					title: e.t("CategoriesTabTitle"),
+					icon: (n = e.componentOptions) != null && n.showTabIcons ? "folder-open" : void 0,
+					extclass: "ext-tab-details",
+					count: e.classificationCount
+				}, {
+					default: Y(() => [B(p, { "instance-id": e.instanceId }, null, 8, ["instance-id"])]),
+					_: 1
+				}, 8, [
+					"title",
+					"icon",
+					"count"
+				])) : I("", !0),
+				e.downloads ? (U(), F(f, {
+					key: 1,
+					icon: (r = e.componentOptions) != null && r.showTabIcons ? "download" : void 0,
+					title: e.t("DownloadsTabTitle"),
+					loading: e.downloadsLoading,
+					count: e.downloadsCount,
+					extclass: "ext-tab-downloads"
+				}, {
+					default: Y(() => [K(e.$slots, "detail-downloads", {}, () => [B(m, { class: "p-2" }, {
+						default: Y(() => [z(J(e.t("DownloadsNotAvailable")), 1)]),
+						_: 1
+					})])]),
+					_: 3
+				}, 8, [
+					"icon",
+					"title",
+					"loading",
+					"count"
+				])) : I("", !0),
+				e.relatedLinks ? (U(), F(f, {
+					key: 2,
+					title: e.t("LinksTabTitle"),
+					icon: (i = e.componentOptions) != null && i.showTabIcons ? "link" : void 0,
+					extclass: "ext-tab-related-links",
+					count: e.relatedLinkCount
+				}, {
+					default: Y(() => [B(h, { "instance-id": e.instanceId }, null, 8, ["instance-id"])]),
+					_: 1
+				}, 8, [
+					"title",
+					"icon",
+					"count"
+				])) : I("", !0)
+			];
+		}),
+		_: 3
+	}, 8, ["modelValue", "desktop"]), ((o = e.componentOptions) == null ? void 0 : o.hideBottomNavigation) === !0 ? I("", !0) : (U(), L("div", {
+		key: 0,
+		class: H(["d-flex d-grid gap-3 justify-content-end align-items-center mt-4 pb-2", { "position-sticky bottom-0 bg-body": ((s = e.componentOptions) == null ? void 0 : s.bottomNavigationSticky) === !0 }]),
+		style: { "z-index": "5" }
+	}, [e.widerThan("sm") ? (U(), F(_, {
+		key: 0,
+		instance: e.instance,
+		t: e.t
+	}, null, 8, ["instance", "t"])) : I("", !0), B(y, {
+		class: "ext-scroll-top",
+		variant: "secondary",
+		onClick: Z(e.scrollTop, ["prevent"])
+	}, {
+		default: Y(() => [B(v, {
+			name: "arrow-up",
+			size: 16,
+			class: "me-2"
+		}), z(" " + J(e.t("BackToTop")), 1)]),
+		_: 1
+	}, 8, ["onClick"])], 2))], 64)) : I("", !0)], 2);
+}
+var Yo = /*#__PURE__*/ j(qo, [["render", Jo]]), Xo = V({
+	name: "pis-products-details-gallery",
+	components: {
+		ImageGallery: et,
+		MountPoint: ue
+	},
+	props: {
+		instanceId: {
+			type: String,
+			default: void 0
+		},
+		showPreview: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	setup(e) {
+		let t = W(), { instance: n, componentName: r, isReady: i, isWebComponent: a, store: o, t: s, emit: c } = $(t, e.instanceId, [Q.Breadcrumbs, Q.ProductDetails]), l = P(() => {
+			var e;
+			return ((e = o.value) == null || (e = e.options.components) == null || (e = e.details) == null ? void 0 : e.gallery) ?? {};
+		}), u = P(() => {
+			var e;
+			return ((e = o.value) == null ? void 0 : e.data.productDetail) || void 0;
+		});
+		return {
+			root: t,
+			componentName: r,
+			componentOptions: l,
+			isReady: i,
+			isWebComponent: a,
+			store: o,
+			visible: P(() => {
+				var e;
+				return l.value.visible && ((e = u.value) == null ? void 0 : e.item);
+			}),
+			instance: n,
+			productDetail: u,
+			t: s,
+			emit: c,
+			reactiveContext: De
+		};
+	}
+}), Zo = { key: 0 }, Qo = { key: 0 };
+function $o(e, t, n, r, i, a) {
+	var o;
+	let s = q("MountPoint"), c = q("ImageGallery");
+	return U(), L("div", {
+		ref: "root",
+		class: H(["pis-component", e.componentName])
+	}, [e.isReady && e.visible ? (U(), L("div", Zo, [B(c, {
+		"show-preview": e.showPreview,
+		images: (o = e.productDetail) == null || (o = o.item) == null ? void 0 : o.images,
+		"hide-thumbnails": e.componentOptions.hideThumbnailImages,
+		"show-overlay-arrows": e.componentOptions.showOverlayArrows,
+		title: e.t("ProductGallery")
+	}, {
+		default: Y(() => {
+			var t;
+			return [e.componentOptions.imageOverlayTemplate ? (U(), L("div", Qo, [B(s, {
+				callbacks: e.componentOptions.imageOverlayTemplate,
+				ctx: e.reactiveContext({
+					instance: e.instance,
+					item: (t = e.productDetail) == null ? void 0 : t.item,
+					emit: e.emit,
+					t: e.t
+				})
+			}, null, 8, ["callbacks", "ctx"])])) : I("", !0)];
+		}),
+		_: 1
+	}, 8, [
+		"show-preview",
+		"images",
+		"hide-thumbnails",
+		"show-overlay-arrows",
+		"title"
+	])])) : I("", !0)], 2);
+}
+var es = /*#__PURE__*/ j(Xo, [["render", $o]]), ts = V({
+	name: "pis-products-details-header",
+	components: {
+		Icon: D,
+		Btn: ve,
+		NavigationBtns: dn
+	},
+	props: { instanceId: {
+		type: String,
+		default: void 0
+	} },
+	setup(e) {
+		let t = W(), { componentName: n, isReady: r, isWebComponent: i, instance: a, store: o, t: s, widerThan: c } = $(t, e.instanceId, [Q.Breadcrumbs, Q.ProductDetails]), l = P(() => {
+			var e;
+			return (e = o.value) == null || (e = e.data.productDetail) == null ? void 0 : e.item;
+		});
+		return {
+			root: t,
+			title: P(() => l.value ? v(l.value, "#DisplayName") : ""),
+			store: o,
+			isReady: r,
+			instance: a,
+			componentName: n,
+			isWebComponent: i,
+			componentOptions: P(() => {
+				var e;
+				return ((e = o.value) == null || (e = e.options.components) == null || (e = e.details) == null ? void 0 : e.header) ?? {};
+			}),
+			t: s,
+			widerThan: c,
+			printToPdf: async () => {
+				if (l.value) try {
+					var e;
+					await ((e = a.value) == null ? void 0 : e.execute(new Ge({ productId: l.value.productId }).from(n)));
+				} catch {}
+			},
+			showPrintView: async () => {
+				if (l.value) try {
+					var e;
+					await ((e = a.value) == null ? void 0 : e.execute(new dt({ productId: l.value.productId }).from(n)));
+				} catch {}
+			}
+		};
+	}
+}), ns = { key: 0 }, rs = { class: "h2 with-cursor" }, is = { class: "d-flex flex-column" }, as = { class: "d-grid gap-3 d-md-flex justify-content-md-between align-items-center" }, os = { class: "d-flex gap-3" }, ss = { class: "overflow-hidden text-nowrap" }, cs = { class: "overflow-hidden text-nowrap" };
+function ls(e, t, n, r, i, a) {
+	let o = q("NavigationBtns"), s = q("Icon"), c = q("Btn");
+	return U(), L("div", {
+		ref: "root",
+		class: H(["pis-component", e.componentName])
+	}, [e.isReady && e.componentOptions.visible ? (U(), L(N, { key: 0 }, [e.title ? (U(), L("div", ns, [R("h2", rs, J(e.title), 1)])) : I("", !0), R("div", is, [R("div", as, [e.componentOptions.showBackBtn ? (U(), F(o, {
+		key: 0,
+		instance: e.instance,
+		t: e.t
+	}, null, 8, ["instance", "t"])) : I("", !0), R("div", os, [e.componentOptions.showPrintViewBtn ? (U(), F(c, {
+		key: 0,
+		variant: "secondary",
+		class: "d-flex align-items-center ext-print-view",
+		onClick: e.showPrintView
+	}, {
+		default: Y(() => [B(s, {
+			name: "printer",
+			class: "me-1",
+			size: 24
+		}), R("span", ss, J(e.t("ShowPrintView")), 1)]),
+		_: 1
+	}, 8, ["onClick"])) : I("", !0), e.componentOptions.showPrintToPdfBtn ? (U(), F(c, {
+		key: 1,
+		variant: "secondary",
+		class: "d-flex align-items-center ext-print-pdf",
+		onClick: t[0] || (t[0] = (t) => e.printToPdf())
+	}, {
+		default: Y(() => [B(s, {
+			name: "printer",
+			class: "me-1",
+			size: 24
+		}), R("span", cs, J(e.t("PrintToPdf")), 1)]),
+		_: 1
+	})) : I("", !0)])])])], 64)) : I("", !0)], 2);
+}
+var us = /*#__PURE__*/ j(ts, [["render", ls]]);
+//#endregion
+export { $ as _, Do as a, qt as b, Ii as c, pi as d, oi as f, dn as g, vn as h, Mo as i, Ai as l, xn as m, es as n, Ra as o, Xr as p, Yo as r, sa as s, us as t, bi as u, tn as v, Q as y };
+
+//# sourceMappingURL=ProductsDetailsHeader-q6jMjbTw.js.map